:root{color-scheme:dark;--bg:#09090d;--panel:#121219;--panel2:#181821;--text:#f6f6fb;--muted:#9d9dac;--line:#292934;--accent:#b892ff;--accent2:#72e8ff;--danger:#ff6f7d;--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}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);overscroll-behavior:none}body{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:100dvh;min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;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:linear-gradient(180deg,#0b0b10 75%,rgba(11,11,16,.88));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 28px;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(--panel),#101017);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 #343442;background:#17171f;color:#c9c9d5;border-radius:999px;padding:4px 8px;font-size:.68rem}.state{white-space:nowrap;color:#e9dcff;background:#251d34;border:1px solid #44325f;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:#67518f}.empty{color:var(--muted);padding:24px 6px;text-align:center}
.bottom-nav{min-width:0;height:calc(68px + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(14,14,20,.98);border-top:1px solid var(--line);z-index:20}.nav-btn{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#858594;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:#101016;color:var(--text);padding:0;overflow:hidden}.sheet::backdrop{background:rgba(0,0,0,.68);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{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:8px 11px}.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,#6d4cb0,#32768b);border:0}.danger{color:#ffdce0;border-color:#60343b}.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:#d8d8e1;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:#15131e;border:1px solid #30283f;border-radius:16px;padding:12px;color:#cfc4e3;font-size:.82rem;line-height:1.4}
.shell-mode .topbar{justify-content:flex-start}.shell-mode .icon-btn,.shell-mode .bottom-nav{display:none}.shell-mode #app{grid-template-rows:auto minmax(0,1fr)}.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 #44365d;background:#17131f;color:#eadfff;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}}