:root{--bg-primary:#f5f7fb;--bg-secondary:#fff;--bg-tertiary:#e8eef8;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#7b8794;--accent:#1d4ed8;--accent-soft:#dbeafe;--border:rgba(30,41,59,.11);--critical:#dc2626;--normal:#b45309;--done:#15803d;--warning:#c2410c;--focus-ring:rgba(37,99,235,.28)}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Heebo,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}button{font-family:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}::-webkit-scrollbar{width:0;background:transparent}::selection{background:var(--accent);color:var(--bg-primary)}.shell{--shell-bottom:60px;--shell-rail-width:232px;display:flex;min-height:100vh}.shell-content{flex:1 1 auto;min-width:0;padding-bottom:var(--shell-bottom)}.shell-rail{display:none}.shell-tabs{position:fixed;right:0;left:0;bottom:0;z-index:900;display:flex;height:calc(var(--shell-bottom) + env(safe-area-inset-bottom));padding:0 8px env(safe-area-inset-bottom);background:var(--bg-secondary);border-top:1px solid var(--border)}.shell-tab{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:var(--text-tertiary);text-decoration:none;background:none;border:0;padding:0;font-family:inherit;cursor:pointer}.shell-tab.active{color:var(--accent);font-weight:500}.shell-sheet-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.35);display:flex;align-items:flex-end}.shell-sheet{width:100%;background:var(--bg-secondary);border-radius:18px 18px 0 0;padding:8px 12px calc(16px + env(safe-area-inset-bottom));max-height:80vh;overflow:auto}.shell-sheet-head{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:600;padding:8px 8px 6px}.shell-sheet-close{background:none;border:0;padding:6px;color:var(--text-secondary);display:flex;align-items:center;cursor:pointer;border-radius:8px}.shell-sheet-list{display:flex;flex-direction:column}.shell-sheet-item{display:flex;align-items:center;gap:12px;padding:12px 8px;border-radius:10px;font-size:15px;color:var(--text-primary);text-decoration:none}.shell-sheet-item.active{background:var(--accent-soft);color:var(--accent)}.shell-sheet-sub{-webkit-margin-start:auto;margin-inline-start:auto;font-size:12px;color:var(--text-tertiary)}.shell-rail-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.shell-dot{display:inline-block;width:8px;height:8px;border-radius:50%}@media (min-width:1024px){.shell{--shell-bottom:0px}.shell-tabs{display:none}.shell-rail{display:flex;flex-direction:column;flex-shrink:0;width:var(--shell-rail-width);position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:22px 12px 16px;background:var(--bg-secondary);-webkit-border-end:1px solid var(--border);border-inline-end:1px solid var(--border);overflow-y:auto}.shell-brand{padding:0 12px 6px}.shell-wordmark{font-size:22px;font-weight:700;color:var(--accent);letter-spacing:-.01em}.shell-tagline{font-size:12px;color:var(--text-tertiary);margin-top:2px}.shell-group{font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--text-tertiary);padding:0 12px;margin:18px 0 6px}.shell-rail-list{display:flex;flex-direction:column;gap:2px}.shell-rail-item{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border-radius:10px;font-size:14px;color:var(--text-secondary);text-decoration:none}.shell-rail-item:hover{background:var(--bg-primary);color:var(--text-primary)}.shell-rail-item.active{background:var(--accent-soft);color:var(--accent);font-weight:500}}