:root{--paper: #f6f3ee;--card: #fffdfa;--ink: #1c1a15;--ink-soft: #5f594c;--ink-faint: #8c8577;--line: #e3ddd1;--accent: #1f5f4b;--accent-soft: #e6f0eb;--send: #1f7a54;--bin: #9a3b2c;--warn: #8a5a10;--warn-soft: #fdf3dd;--danger-soft: #fbe9e5;--radius: 18px;--shadow: 0 1px 2px rgba(28, 26, 21, .06), 0 8px 24px rgba(28, 26, 21, .08);--tap: 52px}@media(prefers-color-scheme:dark){:root{--paper: #16150f;--card: #211f18;--ink: #f2efe7;--ink-soft: #b3ac9c;--ink-faint: #857e6f;--line: #322f26;--accent: #7fc9ab;--accent-soft: #1e2f28;--send: #4aa981;--bin: #d98878;--warn: #e0b463;--warn-soft: #332915;--danger-soft: #33211d;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%}body{background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#app{min-height:100%}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.01em}h1{font-size:1.55rem}h2{font-size:1.15rem}p{margin:0 0 .75em}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}input,textarea,select{font:inherit;color:var(--ink);background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;width:100%;min-height:var(--tap)}textarea{min-height:160px;resize:vertical;line-height:1.55}input:focus,textarea:focus,select:focus,button:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.shell{max-width:620px;margin:0 auto;padding:env(safe-area-inset-top) 0 0}.page{padding:20px 18px calc(96px + env(safe-area-inset-bottom))}.page-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px}.page-head .count{color:var(--ink-soft);font-size:.95rem}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint);font-size:.9rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.stack{display:flex;flex-direction:column;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:0 20px;border-radius:14px;font-weight:600;border:1.5px solid transparent;transition:transform .06s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn-send{background:var(--send);color:#fff;flex:1}.btn-bin{background:transparent;color:var(--bin);border-color:var(--line)}.btn-quiet{background:transparent;color:var(--ink-soft);border-color:var(--line)}.btn-primary{background:var(--accent);color:var(--paper);width:100%}@media(prefers-color-scheme:dark){.btn-primary{color:#16150f}}.btn-row{display:flex;gap:10px}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:.82rem;font-weight:600;background:var(--accent-soft);color:var(--accent);white-space:nowrap}.pill-warn{background:var(--warn-soft);color:var(--warn)}.pill-danger{background:var(--danger-soft);color:var(--bin)}.pill-quiet{background:transparent;color:var(--ink-soft);border:1px solid var(--line)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabbar a{flex:1;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--ink-faint);font-size:.74rem;font-weight:600}.tabbar a.router-link-active{color:var(--accent)}.tabbar .glyph{font-size:1.25rem;line-height:1}.tabbar .badge{position:absolute;transform:translate(16px,-12px);background:var(--bin);color:#fff;border-radius:999px;font-size:.68rem;min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px}.toast{position:fixed;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:50;max-width:596px;margin:0 auto;display:flex;align-items:center;gap:12px;background:var(--ink);color:var(--paper);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow)}@media(prefers-color-scheme:dark){.toast{background:#2e2b22;color:var(--ink)}}.toast span{flex:1;font-size:.95rem}.toast button{font-weight:700;color:inherit;text-decoration:underline;min-height:32px;padding:0 4px}.toast-error{background:var(--bin);color:#fff}.empty{text-align:center;padding:56px 20px;color:var(--ink-soft)}.empty .glyph{font-size:2.6rem;display:block;margin-bottom:12px}.field{display:block;margin-bottom:16px}.field>span{display:block;font-size:.86rem;font-weight:600;color:var(--ink-soft);margin-bottom:6px}.field .hint{font-weight:400;color:var(--ink-faint)}.divider{height:1px;background:var(--line);margin:18px 0;border:0}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}