:root,:root[data-theme=dark]{--bg:#11131a;--fg:#f4f4f5;--accent:#7c5cff;--muted:#9aa0b4;--card:#1b1e29;--border:#2a2e3d;--secondary:#2a2e3d;--warn-bg:#3a2a00;--warn-border:#7a5b00}:root[data-theme=light]{--bg:#f4f5f8;--fg:#16181f;--accent:#7c5cff;--muted:#5b6172;--card:#fff;--border:#d4d7e0;--secondary:#e6e8ef;--warn-bg:#fff4d6;--warn-border:#e3b341}@media (prefers-color-scheme:light){:root:not([data-theme]){--bg:#f4f5f8;--fg:#16181f;--accent:#7c5cff;--muted:#5b6172;--card:#fff;--border:#d4d7e0;--secondary:#e6e8ef;--warn-bg:#fff4d6;--warn-border:#e3b341}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,sans-serif}#app{max-width:480px;min-height:100vh;margin:0 auto;padding:16px 16px 88px}button{background:var(--accent);color:#fff;border:0;border-radius:12px;width:100%;padding:14px 18px;font-size:1.1rem}button.secondary{background:var(--secondary);color:var(--fg)}input,textarea{border:1px solid var(--border);background:var(--card);width:100%;color:var(--fg);border-radius:12px;padding:14px;font-size:1.1rem}.tabbar{background:var(--card);border-top:1px solid var(--border);max-width:480px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar button{color:var(--muted);background:0 0;border-radius:0;padding:12px 4px;font-size:.95rem}.tabbar button.active{color:var(--accent)}.note{background:var(--card);border-radius:12px;margin-bottom:10px;padding:12px;position:relative}.note .meta{color:var(--muted);margin-bottom:4px;padding-right:28px;font-size:.85rem}.note .menu-btn{width:auto;color:var(--muted);background:0 0;padding:2px 10px;font-size:1.3rem;line-height:1;position:absolute;top:4px;right:4px}.note .menu{margin-top:8px}.note .share{background:var(--secondary);width:auto;color:var(--muted);padding:6px 10px;font-size:.8rem}.warn{background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:12px;margin:12px 0;padding:12px;font-size:.95rem}.qr{justify-content:center;margin:16px 0;display:flex}.center{text-align:center}#reader{width:100%}