.installed-shell{padding-bottom:calc(8rem + env(safe-area-inset-bottom))}.app-tabs{z-index:40;padding:.45rem max(.5rem, env(safe-area-inset-right)) calc(.45rem + env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));border-top:1px solid var(--outline-soft);background:var(--surface);margin:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 22px #20262b1f}.app-tabs-inner{grid-template-columns:repeat(6,minmax(0,1fr));gap:.15rem;width:min(100%,72rem);margin:0 auto;display:grid}.app-tab{min-width:0;min-height:4.5rem;color:var(--text-primary);cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;border-radius:.8rem;flex-direction:column;justify-content:center;align-items:center;gap:.28rem;padding:.45rem .2rem;font-size:.78rem;font-weight:750;line-height:1.05;display:flex}.app-tab:not(:disabled):hover{background:var(--surface-muted)}.app-tab[aria-current=page]{color:var(--primary-hover);background:var(--surface-accent)}.app-tab[aria-current=page]:hover{background:var(--info-surface)}.app-tab:disabled{color:var(--text-secondary);cursor:default;opacity:.58;background:0 0}.app-tab-icon{flex:none;width:1.65rem;height:1.65rem}.installed-shell .update-banner{bottom:calc(6.5rem + env(safe-area-inset-bottom))}@media (width<=44rem){.installed-shell{padding-bottom:calc(7.25rem + env(safe-area-inset-bottom))}.app-tabs{padding-top:.35rem;padding-bottom:calc(.35rem + env(safe-area-inset-bottom))}.app-tabs-inner{gap:0}.app-tab{gap:.22rem;min-height:4.15rem;padding:.35rem .04rem;font-size:clamp(.58rem,2.7vw,.68rem)}.app-tab-icon{width:1.5rem;height:1.5rem}.installed-shell .update-banner{bottom:calc(5.85rem + env(safe-area-inset-bottom))}}:root{color:#1c2329;font-synthesis:none;text-rendering:optimizelegibility;--app-bg:#f4f5f7;--surface:#fff;--surface-muted:#eceff1;--surface-accent:#e3f2fd;--text-primary:#1c2329;--text-secondary:#4f5b62;--primary:#1565c0;--primary-hover:#0d47a1;--on-primary:#fff;--outline:#9da7ae;--outline-soft:#d5dade;--focus:#0b57d0;--danger:#b3261e;--danger-surface:#fce8e6;--info-surface:#e8f0fe;--status-working:#c0453f47;--status-not-working:#4c9a5b47;--shadow:0 10px 30px #20262b1a;background:#f4f5f7;font-family:Roboto,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--app-bg)}body{background:var(--app-bg);min-width:320px;min-height:100vh;color:var(--text-primary);margin:0}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.shell{width:min(100% - 2rem,72rem);margin:0 auto;padding:clamp(2rem,6vw,4.5rem) 0 3rem}.browser-shell{max-width:62rem}.browser-hero{max-width:46rem}.eyebrow,.status-label{color:var(--text-secondary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:750}h1,h2,p{margin-top:0}h1{color:var(--text-primary);letter-spacing:-.04em;margin:.3rem 0 .85rem;font-size:clamp(2.6rem,8vw,5rem);line-height:.98}.lead{max-width:44rem;color:var(--text-secondary);font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.65}.browser-install-panel{border:1px solid var(--outline-soft);background:var(--surface);box-shadow:var(--shadow);border-radius:1rem;margin-top:2rem;padding:1.25rem}.primary-action,.update-banner button{border:1px solid var(--primary);color:var(--on-primary);background:var(--primary);cursor:pointer;border-radius:.65rem;padding:.75rem 1.05rem;font-weight:750}.primary-action:hover,.update-banner button:hover{border-color:var(--primary-hover);background:var(--primary-hover)}.primary-action:focus-visible,.update-banner button:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.install-button{min-width:min(100%,16rem)}.supporting-text,.install-help p,.install-message{color:var(--text-secondary);line-height:1.55}.supporting-text{margin:.8rem 0 0}.install-help{background:var(--info-surface);border:1px solid #b8c9df;border-radius:.7rem;margin-top:.9rem;padding:.9rem}.install-help p,.install-message{margin-bottom:0;font-size:.94rem}.install-message{margin-top:.75rem}.reference-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin-top:1.25rem;display:grid}.reference-card,.app-loading{border:1px solid var(--outline-soft);background:var(--surface);box-shadow:var(--shadow);border-radius:1rem}.reference-card{padding:1.2rem}.reference-card strong{color:var(--text-primary);margin:.55rem 0;font-size:1.08rem;display:block}.reference-card p{color:var(--text-secondary);margin-bottom:0;line-height:1.55}.build-commit{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.build-details{margin:.8rem 0 0}.build-details div{border-top:1px solid var(--outline-soft);grid-template-columns:5rem minmax(0,1fr);gap:.7rem;padding:.42rem 0;display:grid}.build-details dt{color:var(--text-secondary);font-weight:650}.build-details dd{overflow-wrap:anywhere;color:var(--text-primary);margin:0}.browser-footer,.app-footer{border-top:1px solid var(--outline-soft);color:var(--text-secondary);justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1rem;font-size:.86rem;display:flex}.app-header{border-bottom:1px solid var(--outline-soft);justify-content:space-between;align-items:flex-end;gap:1rem;padding-bottom:1rem;display:flex}.app-header h1{margin-bottom:.2rem;font-size:clamp(2rem,6vw,3.4rem)}.app-header-meta{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.mode-pill,.build-pill,.preview-pill{border-radius:999px;align-items:center;min-height:2rem;padding:.3rem .65rem;font-size:.8rem;font-weight:700;display:inline-flex}.mode-pill{color:#0d3d68;background:var(--surface-accent)}.build-pill{color:var(--text-primary);background:var(--surface-muted)}.preview-pill{border:1px solid var(--primary);color:var(--primary-hover);background:var(--info-surface);letter-spacing:.08em;text-transform:uppercase}.app-loading{color:var(--text-secondary);margin-top:1rem;padding:1rem}.update-banner{border:1px solid var(--outline);width:min(100% - 2rem,34rem);color:var(--text-primary);background:var(--surface);box-shadow:var(--shadow);border-radius:.8rem;justify-content:space-between;align-items:center;gap:1rem;margin-left:auto;padding:.85rem 1rem;display:flex;position:fixed;bottom:1rem;left:1rem;right:1rem}code{color:var(--text-primary)}@media (width<=44rem){.shell{width:min(100% - 1.25rem,72rem);padding-top:1.5rem}.app-header,.browser-footer,.app-footer{flex-direction:column;align-items:flex-start}.app-header-meta{justify-content:flex-start}.install-button{width:100%}.update-banner{width:calc(100% - 1.25rem);bottom:.625rem;left:.625rem;right:.625rem}}