:root{--color-bg:#f8fafc;--color-text:#0f172a;--color-text-muted:#475569;--color-nav-bg:#fff;--color-nav-border:#cbd5e1;--color-nav-text:#475569;--color-nav-active-text:#1f4e79;--color-nav-active-border:#1f4e79;--color-focus-ring:#1f4e79;--color-transparent:transparent}@media (prefers-color-scheme:dark){:root{--color-bg:#0f172a;--color-text:#f8fafc;--color-text-muted:#94a3b8;--color-nav-bg:#1e293b;--color-nav-border:#334155;--color-nav-text:#94a3b8;--color-nav-active-text:#60a5fa;--color-nav-active-border:#60a5fa;--color-focus-ring:#60a5fa;--color-transparent:transparent}}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--color-bg);width:100%;max-width:100%;color:var(--color-text);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;overflow-x:hidden}.app{flex-direction:column;min-height:100vh;display:flex}.content{padding:1rem;padding-bottom:calc(4rem + env(safe-area-inset-bottom,0px));flex:1 0 auto}.content h1{margin-top:0;margin-bottom:.5rem;font-size:1.5rem}.content p{color:var(--color-text-muted);margin:0}.bottom-nav{width:100%;max-width:100%;padding:0;padding-bottom:env(safe-area-inset-bottom,0px);background-color:var(--color-nav-bg);border-top:1px solid var(--color-nav-border);z-index:100;flex-direction:row;margin:0;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{min-width:44px;min-height:44px;color:var(--color-nav-text);border-top:3px solid var(--color-transparent);text-align:center;flex:1 1 0;justify-content:center;align-items:center;padding:.5rem .25rem;font-size:.75rem;font-weight:400;text-decoration:none;display:flex}.nav-item:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.nav-item-active,.nav-item[aria-current=page]{color:var(--color-nav-active-text);border-top:3px solid var(--color-nav-active-border);text-underline-offset:3px;font-weight:700;text-decoration:underline}.update-prompt{left:0;right:0;bottom:calc(3rem + env(safe-area-inset-bottom,0px));background-color:var(--color-nav-bg);border-top:1px solid var(--color-nav-border);z-index:100;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex;position:fixed}.update-prompt-text{font-weight:700}.update-prompt-actions{gap:.5rem;display:flex}.update-button{border:1px solid var(--color-nav-active-border);background-color:var(--color-transparent);min-width:44px;min-height:44px;color:var(--color-text);font:inherit;cursor:pointer;border-radius:.5rem;padding:.5rem 1rem}.update-button-primary{background-color:var(--color-nav-active-text);color:var(--color-nav-bg);font-weight:700}.update-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}