:root{
  color-scheme:dark;
  --bg:#09090d;--chrome:#0b0b10;--nav:#0e0e14;--panel:#121219;--panel2:#181821;--text:#f6f6fb;--muted:#9d9dac;--line:#292934;
  --accent:#b892ff;--accent2:#72e8ff;--danger:#ff6f7d;--focus:#67518f;--chip-bg:#17171f;--chip-text:#c9c9d5;--chip-line:#343442;
  --state-bg:#251d34;--state-text:#e9dcff;--state-line:#44325f;--dialog:#101016;--detail:#d8d8e1;--notice-bg:#15131e;--notice-line:#30283f;--notice-text:#cfc4e3;
  --primary-a:#6d4cb0;--primary-b:#32768b;--stat-a:#121219;--stat-b:#101017;--backdrop:rgba(0,0,0,.68);
  --safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
:root[data-theme="day"]{color-scheme:light;--bg:#f5f6fa;--chrome:#ffffff;--nav:#ffffff;--panel:#ffffff;--panel2:#f0f1f6;--text:#171821;--muted:#6f7380;--line:#dfe2e9;--accent:#6f4acb;--accent2:#197993;--danger:#b53a48;--focus:#7253bb;--chip-bg:#f3f1f8;--chip-text:#555966;--chip-line:#d9d5e3;--state-bg:#eee7fb;--state-text:#5e438d;--state-line:#d4c6ec;--dialog:#ffffff;--detail:#3d404a;--notice-bg:#f5f0fc;--notice-line:#ded1ef;--notice-text:#5e5270;--primary-a:#6f4acb;--primary-b:#277d94;--stat-a:#ffffff;--stat-b:#f4f5f8;--backdrop:rgba(24,25,31,.36)}
:root[data-theme="night"]{color-scheme:dark}
:root[data-theme="oled"]{color-scheme:dark;--bg:#000000;--chrome:#000000;--nav:#000000;--panel:#050505;--panel2:#0b0b0b;--text:#ffffff;--muted:#9b9b9b;--line:#202020;--accent:#ae8cff;--accent2:#45e6ff;--danger:#ff6273;--focus:#7d61b8;--chip-bg:#090909;--chip-text:#d0d0d0;--chip-line:#282828;--state-bg:#160f21;--state-text:#eadfff;--state-line:#392652;--dialog:#050505;--detail:#dddddd;--notice-bg:#0b0810;--notice-line:#24192f;--notice-text:#d5c8e8;--primary-a:#6742aa;--primary-b:#17677b;--stat-a:#050505;--stat-b:#000000;--backdrop:rgba(0,0,0,.82)}
:root[data-theme="aurora"]{color-scheme:dark;--bg:#071016;--chrome:#09131c;--nav:#09131c;--panel:#0d1822;--panel2:#132331;--text:#f1fbff;--muted:#8ca6ae;--line:#1f3540;--accent:#8f7cff;--accent2:#49e1c8;--danger:#ff7184;--focus:#5f75c9;--chip-bg:#10202a;--chip-text:#c5dde3;--chip-line:#29434d;--state-bg:#1c1d36;--state-text:#ddd8ff;--state-line:#42416f;--dialog:#0b151e;--detail:#d4e4e7;--notice-bg:#0d1b25;--notice-line:#28414a;--notice-text:#bcd9d9;--primary-a:#6856cc;--primary-b:#218b82;--stat-a:#0f1b25;--stat-b:#091219;--backdrop:rgba(0,5,8,.72)}
:root[data-theme="ember"]{color-scheme:dark;--bg:#110b08;--chrome:#160d08;--nav:#160d08;--panel:#1c100b;--panel2:#25150e;--text:#fff5ed;--muted:#bb9b89;--line:#3b2419;--accent:#ff9f55;--accent2:#ffd36d;--danger:#ff746e;--focus:#c26f37;--chip-bg:#21130d;--chip-text:#dfbca7;--chip-line:#4a2b1d;--state-bg:#382015;--state-text:#ffd6b4;--state-line:#70402b;--dialog:#170d09;--detail:#ead1c1;--notice-bg:#20130d;--notice-line:#4b2e20;--notice-text:#e3bfaa;--primary-a:#b85f2e;--primary-b:#8c7130;--stat-a:#1c110c;--stat-b:#130b08;--backdrop:rgba(8,3,0,.76)}
:root[data-theme="grove"]{color-scheme:dark;--bg:#07100a;--chrome:#08140c;--nav:#08140c;--panel:#0d1a10;--panel2:#132419;--text:#f1fff5;--muted:#91aa98;--line:#1f3825;--accent:#7bd88f;--accent2:#a9f0c6;--danger:#ff7381;--focus:#4d9660;--chip-bg:#102016;--chip-text:#c3d9c8;--chip-line:#294b31;--state-bg:#17301e;--state-text:#c8f7d4;--state-line:#356b43;--dialog:#0b170e;--detail:#d0e3d4;--notice-bg:#0e1e13;--notice-line:#2d4e35;--notice-text:#bfd5c4;--primary-a:#3e8d52;--primary-b:#237968;--stat-a:#0e1c12;--stat-b:#09130c;--backdrop:rgba(0,8,3,.76)}
:root[data-theme="cobalt"]{color-scheme:dark;--bg:#07101d;--chrome:#081427;--nav:#081427;--panel:#0d1a2c;--panel2:#13243b;--text:#f4f8ff;--muted:#94a4bf;--line:#203753;--accent:#6fa8ff;--accent2:#6de2ff;--danger:#ff758d;--focus:#547fc0;--chip-bg:#102036;--chip-text:#c8d5e8;--chip-line:#2b4567;--state-bg:#172a49;--state-text:#d5e4ff;--state-line:#375d94;--dialog:#0a1728;--detail:#d4dfef;--notice-bg:#0d1e32;--notice-line:#294461;--notice-text:#c4d3e7;--primary-a:#3e70c2;--primary-b:#2b859d;--stat-a:#0e1c31;--stat-b:#091425;--backdrop:rgba(0,5,14,.76)}
:root[data-theme="amethyst"]{color-scheme:dark;--bg:#120a17;--chrome:#170c1e;--nav:#170c1e;--panel:#1c1025;--panel2:#281533;--text:#fff5ff;--muted:#ad97b3;--line:#392347;--accent:#d98cff;--accent2:#f7a1d8;--danger:#ff728f;--focus:#9d5ab8;--chip-bg:#24132e;--chip-text:#dcc8e1;--chip-line:#4a2b59;--state-bg:#341641;--state-text:#f4d8ff;--state-line:#6b397b;--dialog:#180c20;--detail:#ead6ed;--notice-bg:#21112b;--notice-line:#4a2a58;--notice-text:#dec8e3;--primary-a:#9f54bf;--primary-b:#9d4f80;--stat-a:#1e1127;--stat-b:#150b1c;--backdrop:rgba(8,0,10,.76)}
:root[data-theme="paper"]{color-scheme:light;--bg:#f3eee4;--chrome:#f7f1e7;--nav:#f7f1e7;--panel:#fffaf1;--panel2:#eee5d8;--text:#2c2823;--muted:#756d64;--line:#ded2c3;--accent:#7d6a46;--accent2:#2d756e;--danger:#a64545;--focus:#8c7452;--chip-bg:#f2e9dc;--chip-text:#655c52;--chip-line:#d8cab9;--state-bg:#e8dfca;--state-text:#65583b;--state-line:#cdbd98;--dialog:#fffaf1;--detail:#4f4840;--notice-bg:#efe7d9;--notice-line:#d6c7b2;--notice-text:#665c50;--primary-a:#806a43;--primary-b:#39766f;--stat-a:#fffaf1;--stat-b:#f2eadf;--backdrop:rgba(47,41,34,.34)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;min-height:100%;overflow:hidden;background:var(--bg);color:var(--text);overscroll-behavior:none}body{min-height:100svh;touch-action:none;-webkit-text-size-adjust:100%}button,input,textarea,select{font:inherit}button{color:inherit;touch-action:manipulation}input,textarea,select{touch-action:manipulation}
#app{width:100%;height:100%;min-height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:var(--bg)}
.topbar{min-width:0;padding:calc(var(--safe-top) + 35px) 20px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--chrome);position:relative;z-index:5}.topbar h1{margin:0;font-size:2rem;line-height:1;letter-spacing:-.04em}.icon-btn{border:1px solid var(--line);background:var(--panel2);width:42px;height:42px;border-radius:14px;font-size:1.5rem;cursor:pointer}
.main{min-width:0;min-height:0;padding:6px 18px calc(96px + var(--safe-bottom));max-width:920px;width:100%;margin:0 auto;outline:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.hero{padding:18px 0 6px}.hero h2{font-size:1.45rem;margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 24px}.stat{background:linear-gradient(145deg,var(--stat-a),var(--stat-b));border:1px solid var(--line);border-radius:18px;padding:14px}.stat b{display:block;font-size:1.55rem}.stat span{color:var(--muted);font-size:.75rem}.section{margin:24px 0}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section h3{margin:0;font-size:1rem}.section-note{color:var(--muted);font-size:.76rem}.cards{display:grid;gap:10px}.card{width:100%;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px 15px;cursor:pointer}.card:active{transform:scale(.995)}.card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.card h4{margin:0;font-size:1rem}.card p{margin:7px 0 0;color:var(--muted);font-size:.86rem;line-height:1.38}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chip{border:1px solid var(--chip-line);background:var(--chip-bg);color:var(--chip-text);border-radius:999px;padding:4px 8px;font-size:.68rem}.state{white-space:nowrap;color:var(--state-text);background:var(--state-bg);border:1px solid var(--state-line);border-radius:999px;padding:4px 8px;font-size:.66rem;text-transform:capitalize}
.controls{display:grid;grid-template-columns:1fr 150px 150px;gap:8px;margin:14px 0 16px}.field,.controls input,.controls select,textarea,input,select{width:100%;background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:13px;padding:11px 12px;outline:none}.controls input:focus,.controls select:focus,textarea:focus,input:focus,select:focus{border-color:var(--focus)}.empty{color:var(--muted);padding:24px 6px;text-align:center}
.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:200;width:100%;min-width:0;min-height:68px;height:auto;padding:8px max(8px,env(safe-area-inset-right,0px)) calc(8px + var(--safe-bottom)) max(8px,env(safe-area-inset-left,0px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--nav);border-top:1px solid var(--line)}.nav-btn{min-height:52px;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);cursor:pointer}.nav-btn span{font-size:1.2rem}.nav-btn small{font-size:.68rem}.nav-btn.active{color:var(--text)}.nav-add span{color:var(--accent2)}
.sheet{width:min(680px,calc(100% - 20px));max-height:88dvh;margin:auto auto 10px;border:1px solid var(--line);border-radius:24px;background:var(--dialog);color:var(--text);padding:0;overflow:hidden}.sheet::backdrop{background:var(--backdrop);backdrop-filter:blur(4px)}.sheet form{padding:18px;max-height:88dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.sheet-head h2{margin:0;font-size:1.25rem}.close{width:40px;height:40px;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:0;font-size:1.35rem;line-height:1;cursor:pointer}.form-grid{display:grid;gap:12px}.label{display:grid;gap:6px;font-size:.78rem;color:var(--muted)}textarea{min-height:88px;resize:vertical}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.check{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:9px;color:var(--text);font-size:.8rem}.check input{width:auto}.actions{display:flex;gap:9px;justify-content:flex-end;margin-top:16px}.primary,.secondary,.danger{border-radius:13px;padding:10px 14px;border:1px solid var(--line);background:var(--panel2);cursor:pointer}.primary{background:linear-gradient(135deg,var(--primary-a),var(--primary-b));border:0}.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 42%,var(--line))}.detail-block{padding:12px 0;border-top:1px solid var(--line)}.detail-block h4{margin:0 0 5px;font-size:.78rem;color:var(--accent2);text-transform:uppercase;letter-spacing:.08em}.detail-block p{margin:0;color:var(--detail);line-height:1.45}.related{display:flex;flex-wrap:wrap;gap:7px}.related button{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:6px 9px;font-size:.72rem}.data-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px;margin:10px 0}.data-card h3{margin:0 0 10px}.data-card p{margin:0 0 12px;color:var(--muted);line-height:1.4;font-size:.86rem}.data-actions{display:flex;flex-wrap:wrap;gap:8px}.notice{background:var(--notice-bg);border:1px solid var(--notice-line);border-radius:16px;padding:12px;color:var(--notice-text);font-size:.82rem;line-height:1.4}
.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.theme-choice{display:grid;gap:7px;justify-items:start;text-align:left;padding:9px;background:var(--panel2);border:1px solid var(--line);border-radius:14px;cursor:pointer}.theme-choice.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.theme-choice>span:last-child{font-size:.76rem}.theme-preview{width:100%;height:38px;border-radius:9px;display:flex;align-items:flex-end;gap:5px;padding:6px;border:1px solid rgba(127,127,127,.24)}.theme-preview i,.theme-preview b{display:block;height:8px;border-radius:99px}.theme-preview i{width:44%}.theme-preview b{width:26%}.preview-day{background:#f5f6fa}.preview-day i{background:#6f4acb}.preview-day b{background:#197993}.preview-night{background:#09090d}.preview-night i{background:#b892ff}.preview-night b{background:#72e8ff}.preview-oled{background:#000}.preview-oled i{background:#ae8cff}.preview-oled b{background:#45e6ff}.preview-aurora{background:#071016}.preview-aurora i{background:#8f7cff}.preview-aurora b{background:#49e1c8}.preview-ember{background:#110b08}.preview-ember i{background:#ff9f55}.preview-ember b{background:#ffd36d}.preview-grove{background:#07100a}.preview-grove i{background:#7bd88f}.preview-grove b{background:#a9f0c6}.preview-cobalt{background:#07101d}.preview-cobalt i{background:#6fa8ff}.preview-cobalt b{background:#6de2ff}.preview-amethyst{background:#120a17}.preview-amethyst i{background:#d98cff}.preview-amethyst b{background:#f7a1d8}.preview-paper{background:#f3eee4}.preview-paper i{background:#7d6a46}.preview-paper b{background:#2d756e}
.shell-mode .topbar{justify-content:flex-start}.shell-mode .icon-btn,.shell-mode .bottom-nav{display:none}.shell-mode .main{display:grid;place-items:center;padding:18px}.shell-lock{text-align:center;margin-top:-8vh}.shell-lock h2{font-size:1.15rem;font-weight:600;color:var(--muted);margin:0 0 18px}.refract{min-width:122px;border-radius:999px;padding:11px 18px;border:1px solid var(--state-line);background:var(--panel2);color:var(--state-text);cursor:pointer;letter-spacing:.03em}.refract:active{transform:scale(.98)}
@media (max-width:640px){.controls{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,1fr)}.stat{padding:12px}.stat b{font-size:1.28rem}.main{padding-left:14px;padding-right:14px}.topbar{padding-left:16px;padding-right:16px}.check-grid{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
