:root{--bg:#0f1115;--surface:#171a21;--surface-2:#1f242e;--border:#2b313d;--text:#e8ecf3;--muted:#949cad;--accent:#4c8dff;--ok:#38b26a;--warn:#d9a441;--bad:#e05c5c;--tap:48px;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body,html{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;overscroll-behavior-y:none;margin:0;padding:0;font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{padding-bottom:env(safe-area-inset-bottom)}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:650}h1{font-size:1.4rem}h2{font-size:1.1rem}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}.app{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:50;padding:calc(env(safe-area-inset-top) + 10px) 14px 10px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar__title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.page{flex:1;width:100%;max-width:640px;margin:0 auto;padding:14px}.stack{flex-direction:column;gap:12px;display:flex}.muted{color:var(--muted)}.small{font-size:.85rem}.btn{min-height:var(--tap);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:0 18px;font-weight:600}.btn:active{transform:scale(.98)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--ghost{background:0 0}.btn--block{width:100%}.btn:disabled{opacity:.45}.field{flex-direction:column;gap:6px;display:flex}.field>label{color:var(--muted);font-size:.85rem}.input,.textarea{min-height:var(--tap);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:10px 12px}.textarea{resize:vertical;min-height:84px}.card{border:1px solid var(--border);border-radius:var(--radius);color:inherit;padding:14px;text-decoration:none;display:block}.card,.sync{background:var(--surface)}.sync{border:1px solid var(--border);white-space:nowrap;cursor:default;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:.78rem;display:inline-flex}.sync--error{border-color:var(--bad);color:var(--bad);cursor:pointer}.sync--offline{border-color:var(--warn);color:var(--warn)}.sync--busy{border-color:var(--accent);color:var(--accent)}.sync__dot{background:currentColor;border-radius:50%;width:8px;height:8px}.sync--ok .sync__dot{background:var(--ok)}@keyframes pulse{50%{opacity:.3}}.sync--busy .sync__dot{animation:1.1s ease-in-out infinite pulse}