:root{--bg: #0b1f22;--panel: #112c30;--panel-2: #16383d;--line: #224a50;--text: #e6f2f0;--muted: #8fb3ae;--accent: #4fd1c5;--a: #4fd1c5;--b: #f6ad55;--d: #9f7aea;--warn: #fc8181;--radius: 14px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 -apple-system,system-ui,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}#app{min-height:100dvh}.wrap{max-width:560px;margin:0 auto;padding:calc(12px + env(safe-area-inset-top)) 16px calc(40px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.hidden{display:none!important}header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 0 4px}header h1{font-size:1.05rem;font-weight:600;margin:0;text-align:center}.brand{font-weight:700;letter-spacing:.5px;color:var(--accent)}.status{display:flex;align-items:center;gap:6px;justify-content:flex-end}.pill{font-size:.72rem;padding:2px 7px;border-radius:999px;background:var(--panel-2);color:var(--muted)}.pill.warn{background:#3a1f22;color:var(--warn)}button.icon{background:none;border:none;color:var(--muted);font-size:1.4rem;line-height:1;padding:4px 8px;cursor:pointer}.big{display:flex;flex-direction:column;gap:2px;text-align:left;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--text);cursor:pointer}.big:active{transform:scale(.99)}.big-t{font-size:1.2rem;font-weight:600}.big-s{font-size:.85rem;color:var(--muted)}.big.a{border-left:4px solid var(--a)}.big.b{border-left:4px solid var(--b)}.big.d{border-left:4px solid var(--d)}.banner{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;font-size:.85rem;color:var(--muted)}.desc{color:var(--muted);margin:0;font-size:.9rem}.note{background:var(--panel-2);border-left:3px solid var(--accent);padding:10px 12px;border-radius:8px;font-size:.85rem;color:var(--text)}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:.82rem;color:var(--muted)}.row3{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,select,textarea{width:100%;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px;font-size:16px;font-family:inherit}input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}label.check{display:flex;align-items:center;gap:10px;padding:10px 0;cursor:pointer;font-size:.95rem}label.check span{flex:1}.cvik{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.results{display:flex;flex-direction:column;gap:8px}.warn-line{color:var(--warn);font-size:.82rem}button.save{margin-top:6px;padding:16px;font-size:1.05rem;font-weight:600;border:none;border-radius:var(--radius);background:var(--accent);color:#06201d;cursor:pointer}button.ghost{padding:12px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);color:var(--text);cursor:pointer}.recent{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:6px}.recent-h{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.recent-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;font-size:.9rem}.muted{color:var(--muted)}.fine{font-size:.78rem;color:var(--muted)}.cvik-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.cvik-name{font-weight:600;flex:1}.ctrl{display:flex;gap:4px}button.mini{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:6px 11px;font-size:1rem;cursor:pointer;line-height:1}button.mini.x{color:var(--warn)}button.ghost.add{width:100%}.empty{color:var(--muted);text-align:center;padding:22px 12px}.addcustom{display:flex;gap:8px}.addcustom input{flex:1}.pick-cat{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:10px}button.pick-row{width:100%;text-align:left;padding:13px 14px;cursor:pointer;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:.98rem}button.pick-row:active{background:var(--panel-2)}.recent-row.wk{align-items:center}.wk-info{display:flex;flex-direction:column;gap:2px;flex:1}.wk-info .muted{font-size:.8rem}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%,16px);opacity:0;transition:all .25s ease;background:#06201d;color:var(--text);border:1px solid var(--accent);padding:12px 18px;border-radius:999px;font-size:.9rem;max-width:90vw;text-align:center;z-index:50}.toast.show{opacity:1;transform:translate(-50%)}