:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f6f4;--surface:#fff;--text:#1a1a1a;--muted:#5a5a5a;--border:#d6d6d0;--accent:#0b5cab;--accent-contrast:#fff;--chip:#ecece8;--shadow:0 8px 28px #0000001f;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,sans-serif;line-height:1.45}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121212;--surface:#1c1c1c;--text:#f2f2f2;--muted:#a8a8a8;--border:#333;--accent:#5eb8ff;--accent-contrast:#0b1a2a;--chip:#2a2a2a;--shadow:0 10px 36px #00000073}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;color:var(--text);margin:0}#app{min-height:100dvh}.app{flex-direction:column;min-height:100dvh;display:flex;position:relative}.content{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);z-index:20;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex;position:sticky;top:0}.topbar-actions{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.search{border:1px solid var(--border);background:var(--bg);min-width:140px;max-width:280px;color:var(--text);border-radius:10px;flex:160px;padding:12px 14px;font-size:1rem}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:10px;min-height:48px;padding:12px 16px;font-size:1rem;font-weight:600}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn.primary{background:var(--accent);color:var(--accent-contrast);border-color:#0000}.btn.ghost{background:0 0}.btn.icon{min-width:48px;padding-left:12px;padding-right:12px;font-size:1.4rem;line-height:1}.drawer{background:var(--surface);border-right:1px solid var(--border);width:min(100%,420px);max-width:100%;box-shadow:var(--shadow);z-index:50;padding-bottom:env(safe-area-inset-bottom,0);flex-direction:column;transition:transform .22s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.drawer.open{transform:translate(0)}.drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 14px 8px;display:flex}.drawer-title{margin:0;font-size:1.15rem}.filters{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;padding:12px 14px;display:flex}.chip{border:1px solid var(--border);background:var(--chip);color:var(--text);cursor:pointer;border-radius:999px;min-height:44px;padding:10px 14px;font-size:.95rem;font-weight:600}.chip[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.chip:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.cab-list{-webkit-overflow-scrolling:touch;flex:1;margin:0;padding:8px;list-style:none;overflow:auto}.cab-item{text-align:left;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);cursor:pointer;border-radius:12px;flex-direction:column;gap:4px;min-height:56px;margin-bottom:8px;padding:12px 14px;display:flex}.cab-item.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.cab-item:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.cab-item-title{font-size:.98rem;font-weight:650}.cab-item-inner{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.9rem}.backdrop{z-index:40;background:#00000073;position:fixed;inset:0}.main{flex:1;padding:12px;overflow:auto}.sheet-wrap{border:1px solid var(--border);background:var(--surface);border-radius:14px;width:100%;overflow:auto}.sheet-wrap svg{width:100%;height:auto;display:block}@media (width>=901px){.app{flex-direction:row;align-items:stretch}.drawer{width:min(360px,34vw);box-shadow:none;flex-shrink:0;min-height:100dvh;max-height:none;position:relative;transform:none!important}.backdrop{display:none!important}.menu-btn,.drawer-head .btn.icon{display:none}.content{min-height:100dvh}}@media (prefers-reduced-motion:reduce){.drawer{transition:none}}