.app-header{background:#0d1118cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:100;padding:0 1.5rem}.header-content{max-width:880px;margin:0 auto;height:4.5rem;display:flex;justify-content:space-between;align-items:center}.header-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:opacity .2s}.header-brand:hover{opacity:.8}.brand-icon{font-size:1.5rem}.brand-name{font-weight:800;font-size:1.25rem;color:#ffb84d;letter-spacing:-.02em}.header-nav{display:flex;gap:2rem}.nav-link{text-decoration:none;color:#f5f2e899;font-weight:600;font-size:.95rem;transition:color .2s;position:relative}.nav-link:hover{color:#f5f2e8}.nav-link.active{color:#ffb84d}.nav-link.active:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:2px;background:#ffb84d;border-radius:99px}.nav-button{background:none;border:none;color:#f5f2e899;font-weight:600;font-size:.95rem;padding:0;cursor:pointer;transition:color .2s}.nav-button:hover{color:#f5f2e8}@media(max-width:640px){.header-nav{gap:1.25rem}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:20px}.auth-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 20px #00000014;width:100%;max-width:400px}.auth-card h2{margin-top:0;margin-bottom:24px;text-align:center;color:#333}.auth-error{background:#fff1f0;border:1px solid #ffa39e;padding:12px;border-radius:4px;color:#cf1322;margin-bottom:20px;font-size:14px}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-info{font-size:14px;color:#666;text-align:center;margin-bottom:10px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;font-size:14px;color:#555}.form-group input{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#007aff}.auth-button{background:#007aff;color:#fff;border:none;padding:14px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.auth-button:hover{background:#0062cc}.auth-button:disabled{background:#ccc;cursor:not-allowed}.text-button{background:none;border:none;color:#007aff;font-size:14px;cursor:pointer;text-decoration:underline;padding:0}.text-button:hover{color:#0056b3}.auth-footer{margin-top:16px;text-align:center;display:flex;flex-direction:column;gap:12px}.auth-footer p{margin:0;font-size:14px;color:#666}.auth-footer a{color:#007aff;text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}:root{font-family:Space Grotesk,Segoe UI,sans-serif;color:#f5f2e8;background:linear-gradient(180deg,#13212d,#0d1118);line-height:1.5;font-weight:400;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}#root{min-height:100vh}.app-shell{padding:3rem 1.5rem 4rem;max-width:880px;margin:0 auto}.leaderboard-panel{padding:1.5rem;border-radius:28px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.panel-header{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.primary-button{background:#ffb84d;color:#0d1118;border:none;padding:.75rem 1.5rem;border-radius:999px;font-weight:700;cursor:pointer;font-size:1rem;transition:transform .2s,background .2s}.primary-button:hover{background:#ffc978;transform:translateY(-1px)}.primary-button:active{transform:translateY(0)}.panel-header h1{margin:0;font-size:clamp(1.6rem,3vw,2.4rem)}.panel-message{margin:1rem 0 0;color:#f5f2e8c7}.panel-message.error{color:#ffb5a3}.leaderboard-list{display:grid;gap:.85rem}.leaderboard-card{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1rem 1.1rem;border-radius:22px;background:#0a0e1473;border:1px solid rgba(255,255,255,.08)}.leaderboard-rank{width:3rem;height:3rem;display:grid;place-items:center;border-radius:999px;background:#ffb84d24;color:#ffb84d;font-weight:700}.leaderboard-main h3,.leaderboard-main p,.leaderboard-days strong,.leaderboard-days span{margin:0}.leaderboard-main h3{font-size:1.15rem}.leaderboard-main p,.leaderboard-days span{color:#f5f2e8b8}.leaderboard-days{text-align:right}.leaderboard-days strong{display:block;font-size:1.75rem}@media(max-width:720px){.leaderboard-card{grid-template-columns:auto 1fr}.leaderboard-days{grid-column:2;text-align:left}}@media(max-width:640px){.app-shell{padding:1.25rem 1rem 2rem}}