:root{--notl-plum:#551b49;--notl-plum-logo:#551a4b;--notl-magenta:#903484;--notl-yellow:#e8e000;--notl-ink:#1c1c1b;--notl-gray:#575756;--notl-cloud:#ececec;--notl-white:#fff;--notl-green:#3e7125;--notl-teal:#005173;--bg:var(--notl-cloud);--surface:var(--notl-white);--ink:var(--notl-ink);--muted:var(--notl-gray);--line:#551b49;--line-soft:#d9c5d4;--accent:var(--notl-plum);--accent-ink:#fff;--accent-2:var(--notl-magenta);--highlight:var(--notl-yellow);--highlight-ink:var(--notl-ink);--danger:#8c1d1d;--danger-bg:#fde8ee;--ok:var(--notl-green);--ok-bg:#e5f3dc;--warn:#5c5600;--warn-bg:#fff6a3;--focus:var(--notl-teal);--open-bg:var(--notl-yellow);--open-ink:var(--notl-ink);--done-bg:var(--notl-green);--done-ink:#fff;--shadow:0 10px 28px #551b491f;--radius:20px;--nav:76px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:18px;line-height:1.35}:root[data-theme=dark]{--bg:#140910;--surface:#24101c;--ink:#f7f2f5;--muted:#e4d5df;--line:#f3c6ea;--line-soft:#5a3052;--accent:var(--notl-yellow);--accent-ink:var(--notl-ink);--accent-2:#f3c6ea;--highlight:var(--notl-magenta);--highlight-ink:#fff;--danger:#ffb4c4;--danger-bg:#3a1020;--ok:#c6efb0;--ok-bg:#163012;--warn:var(--notl-yellow);--warn-bg:#3a3410;--focus:#7ec8e3;--open-bg:var(--notl-yellow);--open-ink:var(--notl-ink);--done-bg:#3e7125;--done-ink:#fff;--shadow:0 10px 28px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--ink);margin:0}body{min-height:100dvh}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--notl-plum)}:root[data-theme=dark] a{color:var(--notl-yellow)}:root[data-theme=dark] .btn.primary,:root[data-theme=dark] .action:not(.secondary){background:var(--notl-plum);color:#fff}button,a{transition:background-color .18s,color .18s,border-color .18s,transform .18s,box-shadow .18s}button{cursor:pointer}button:active,.btn:active{transform:translateY(1px)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app{flex-direction:column;height:100dvh;min-height:100dvh;display:flex;overflow:hidden}.topbar{padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:var(--surface);border-bottom:3px solid var(--notl-plum);box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.brand-lockup{flex:160px;align-items:center;gap:10px;min-width:0;display:flex}.logo-slot{border:2px solid var(--notl-plum);background:var(--notl-plum);color:#fff;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;font-weight:800;display:grid;overflow:hidden}.logo-slot img{object-fit:contain;background:#fff;width:100%;height:100%}.brand{font-size:1.05rem;font-weight:800;line-height:1.1}.brand small{color:var(--muted);font-size:.78rem;font-weight:650;display:block}.top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.sync-chip{white-space:nowrap;border:2px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:6px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.sync-chip .dot{background:var(--muted);border-radius:50%;flex:none;width:10px;height:10px}.sync-chip.idle{background:var(--ok-bg);border-color:var(--ok)}.sync-chip.idle .dot{background:var(--ok)}.sync-chip.syncing{background:var(--open-bg);color:var(--open-ink);border-color:var(--open-ink)}.sync-chip.syncing .dot{background:var(--open-ink)}.sync-chip.error{background:var(--danger-bg);border-color:var(--danger)}.sync-chip.error .dot{background:var(--danger)}.sync-chip.offline,.sync-chip.off,.sync-chip.needs-workbook,.sync-chip.signed-out{background:var(--surface)}.nav{z-index:5;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--surface);border-top:2px solid var(--line-soft);grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid;position:sticky;bottom:0}.nav a{min-height:64px;color:var(--ink);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.78rem;font-weight:800;text-decoration:none;display:flex}.nav a svg{width:22px;height:22px}.nav a.active{background:var(--accent);color:var(--accent-ink)}.screen{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:14px;width:min(760px,100%);margin:0 auto;padding:14px 14px 28px;display:flex;overflow:auto}.card,.banner{background:var(--surface);border:2px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.banner.warn{background:var(--warn-bg);color:var(--ink);border-color:var(--warn)}.banner.bad{background:var(--danger-bg);border-color:var(--danger)}.banner.ok{background:var(--ok-bg);border-color:var(--ok)}h1,h2,p{margin:0}h1{letter-spacing:-.02em;font-size:1.7rem}h2{font-size:1.15rem}.muted{color:var(--muted)}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn,.field input,.field textarea,.field select{border:2px solid var(--line-soft);background:var(--surface);border-radius:16px;min-height:56px;padding:12px 14px}.btn{border-color:var(--notl-plum);color:var(--ink);text-align:center;font-weight:800;text-decoration:none}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn.danger{background:var(--danger);color:#fff;border-color:#0000}.btn.ghost{background:0 0}.btn.wide,.field input,.field textarea,.field select{width:100%}.field{flex-direction:column;gap:6px;font-weight:750;display:flex}.field textarea{resize:vertical;min-height:120px}.check{align-items:center;gap:12px;min-height:56px;font-weight:750;display:flex}.check input{width:28px;height:28px;accent-color:var(--notl-plum)}.seg{gap:8px;display:flex}.seg button{flex:1}.seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:#0000}.stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat{border-radius:var(--radius);border:2px solid #0000;flex-direction:column;justify-content:space-between;min-height:108px;padding:16px;display:flex}.stat.open{background:var(--open-bg);color:var(--open-ink)}.stat.done{background:var(--done-bg);color:var(--done-ink)}.stat-num{font-size:2.4rem;font-weight:850;line-height:1}.actions{grid-template-columns:1fr;gap:10px;display:grid}.action{background:var(--accent);min-height:72px;color:var(--accent-ink);box-shadow:var(--shadow);border-radius:20px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:1.15rem;font-weight:850;text-decoration:none;display:flex}.action.secondary{background:var(--surface);color:var(--ink);border:2px solid var(--line)}.action small{opacity:.85;font-size:.78rem;font-weight:700;display:block}.serial{border:3px solid var(--notl-plum);text-align:right;background:var(--surface);border-radius:16px;padding:10px 14px;font-weight:850}.pill{border:2px solid #0000;border-radius:999px;align-items:center;min-height:36px;padding:2px 12px;font-size:.85rem;font-weight:850;display:inline-flex}.pill.open{background:var(--open-bg);color:var(--open-ink)}.pill.done{background:var(--done-bg);color:var(--done-ink)}.low{border-color:var(--warn);background:var(--warn-bg)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2px solid var(--notl-plum);background:var(--surface);border-radius:999px;min-width:52px;min-height:52px;font-weight:800}.chip.on{background:var(--notl-plum);color:#fff}.chip.holder{box-shadow:0 0 0 4px var(--notl-yellow)}.sig canvas{border:2px solid var(--line-soft);touch-action:none;background:#fff;border-radius:16px;width:100%;height:140px}.list{flex-direction:column;gap:12px;display:flex}.entry{color:inherit;flex-direction:column;gap:6px;text-decoration:none;display:flex}.entry strong{font-size:1.3rem}img.preview{border:2px solid var(--line-soft);background:#fff;border-radius:16px;width:100%}.grid-2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.empty{text-align:left}.logo-preview{object-fit:contain;border:2px solid var(--line-soft);background:#fff;border-radius:16px;width:96px;height:96px}@media (width<=560px){.grid-2{grid-template-columns:1fr}}