*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--golden-hour:#f5a623;--cinnabar:#e84c3d;--midnight:#1a1a2e;--ink:#0d0d0d;--ash:#6b7280;--silver:#d1d5db;--fog:#f3f4f6;--white:#fff;--border:#e5e7eb;--radius:12px;--card-bg:#fff;--bottom-nav-height:64px}[data-theme=dark]{--ink:#f0f0f0;--ash:#9a9a9a;--fog:#141414;--white:#1e1e1e;--border:#2e2e2e;--card-bg:#1e1e1e;--silver:#3a3a3a}body{background:var(--fog);color:var(--ink);min-height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif;transition:background .2s,color .2s}button{cursor:pointer;font-family:inherit}input,textarea,select{color:var(--ink);font-family:inherit}a{color:inherit;text-decoration:none}input:-webkit-autofill{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0px 1000px var(--fog) inset;transition:background-color 5000s ease-in-out}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0px 1000px var(--fog) inset;transition:background-color 5000s ease-in-out}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0px 1000px var(--fog) inset;transition:background-color 5000s ease-in-out}::placeholder{color:var(--ash);opacity:1}.bottom-nav{height:var(--bottom-nav-height);background:var(--white);border-top:1px solid var(--border);z-index:50;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-btn{cursor:pointer;color:var(--ash);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:8px 0;display:flex}.bottom-nav-btn.active{color:var(--golden-hour)}.bottom-nav-btn .icon{font-size:20px}.bottom-nav-btn .label{font-size:10px;font-weight:600}.desktop-nav-items{align-items:center;gap:8px;display:flex}@media (width<=640px){.bottom-nav{display:flex}main{padding-bottom:var(--bottom-nav-height)}.desktop-nav-items .nav-page-btn{display:none}}