:root{--paper: #fff6d6;--paper-deep: #ffe9a8;--ink: #2e251b;--ink-soft: #6a5a46;--accent: #d48a2b;--accent-dark: #b26f1b;--panel: #fffdf5;--panel-edge: #ead7a6;--shadow: rgba(72, 49, 19, .18);font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Garamond,serif;line-height:1.6;font-weight:400;color:var(--ink);background-color:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-image:radial-gradient(900px 500px at 15% -10%,#fff2bf 0%,transparent 60%),radial-gradient(900px 600px at 110% 10%,#ffe6a1 0%,transparent 55%),linear-gradient(180deg,var(--paper) 0%,#fffaf0 55%,#fff3c8 100%);color:var(--ink)}a{font-weight:600;color:var(--accent);text-decoration:none}a:hover{color:var(--accent-dark)}h1,h2{letter-spacing:.02em;margin:0 0 .8rem}#app{max-width:980px;margin:0 auto;padding:2.5rem 1.25rem 3rem}.app-nav{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:center;padding:.8rem 1rem;margin-bottom:1.6rem;background:var(--panel);border:1px solid var(--panel-edge);border-radius:999px;box-shadow:0 12px 30px var(--shadow)}.app-nav a{padding:.35rem .8rem;border-radius:999px;background:#fff4c9;border:1px solid #f1d48f;transition:transform .15s ease,box-shadow .15s ease}.app-nav a.router-link-active{background:#ffe3a1;border-color:#e3b764;box-shadow:inset 0 0 0 1px #f4cc7f}.app-nav a:hover{transform:translateY(-1px);box-shadow:0 6px 14px #d2962e40}.login-page,.register-page,.auth-page,.checkin-page,.progress-page,.leaderboard-page,.info-page{margin:0 auto;padding:1.8rem 2rem 2.2rem;background:var(--panel);border:1px solid var(--panel-edge);border-radius:22px;box-shadow:0 18px 40px var(--shadow),inset 0 1px #fffc}form{display:grid;gap:.75rem;margin:1rem 0 .8rem}input:not([type=radio]):not([type=checkbox]),select{width:100%;padding:.75rem .85rem;border-radius:12px;border:1px solid #e1c98f;background:#fffaf0;color:var(--ink);font-size:1rem}label{display:flex;gap:.4rem;align-items:center;color:var(--ink-soft)}.radio-group{display:inline-flex;gap:1rem;align-items:center;flex-wrap:wrap;justify-content:flex-start}.radio-group label{margin:0;white-space:nowrap;color:var(--ink)}.radio-group input[type=radio]{width:1.2rem;height:1.2rem;margin:0;flex:0 0 auto}button{border-radius:999px;border:1px solid transparent;padding:.7em 1.3em;font-size:1rem;font-weight:700;font-family:inherit;background:linear-gradient(180deg,#f2a33a 0%,var(--accent) 100%);color:#2c1b08;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease;box-shadow:0 10px 20px #d2962e47}button:hover{transform:translateY(-1px);filter:brightness(1.02)}button:focus,button:focus-visible{outline:3px solid rgba(212,138,43,.35);outline-offset:2px}table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.98rem}th,td{padding:.65rem .6rem;border-bottom:1px solid #f0dca8;text-align:left}thead th{color:var(--ink-soft);font-weight:700}.error{margin-top:.8rem;padding:.6rem .8rem;border-radius:10px;background:#ffe1b8;border:1px solid #f3b76a;color:#7c3c00}.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.auth-switch button{padding:.55rem .8rem;box-shadow:none;background:#fff4c9;border:1px solid #f1d48f;color:var(--ink-soft)}.auth-switch button.active{background:#ffe3a1;border-color:#e3b764;color:var(--ink)}@media(max-width:720px){#app{padding:2rem 1rem 2.5rem}.app-nav{border-radius:18px;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-nav::-webkit-scrollbar{display:none}.app-nav a{flex:0 0 auto}.login-page,.register-page,.auth-page,.checkin-page,.progress-page,.leaderboard-page,.info-page{padding:1.4rem 1.3rem 1.8rem}}