.shell{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.content{flex:1;min-height:0;overflow:hidden}.nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--nav-height);background:#fafaf9eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0)}.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 20px;border-radius:var(--radius);transition:background var(--t)}@media (hover: hover){.nav-item:hover{background:var(--bg-hover)}}.nav-label{font-size:.8125rem;font-weight:500;color:var(--text-muted);letter-spacing:.01em;transition:color var(--t)}.nav-item--active .nav-label{color:var(--text)}.nav-item--active:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:18px;height:2px;background:var(--text);border-radius:1px}.nav-badge{position:absolute;top:6px;right:10px;background:var(--danger);color:#fff;border-radius:var(--radius-pill);font-size:.6rem;font-weight:600;padding:1px 5px;line-height:1.4}:root{--bg: #fafaf9;--bg-elevated: #ffffff;--bg-secondary: #f2f1ee;--bg-hover: #eeede9;--border: #e5e2db;--border-strong: #cac7bf;--text: #0d0d0c;--text-secondary: #3c3b38;--text-muted: #908e88;--accent: #0d0d0c;--danger: #b83232;--success: #2a7a4b;--radius: 10px;--radius-sm: 6px;--radius-pill: 99px;--font: "Instrument Sans", system-ui, -apple-system, sans-serif;--font-mono: "Instrument Sans", system-ui, sans-serif;--nav-height: 62px;--t: .14s ease-out}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-secondary)}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:480px;margin:0 auto;min-height:100dvh;font-size:15px;line-height:1.5}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent}input,textarea,select{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:0;height:0}
