:root{--bg:#10121a;--bg-soft:#171a24;--bg-softer:#1d212e;--amber:#e8a73c;--amber-dim:#c88a2e;--text:#f1eee6;--text-muted:#8b8fa3;--line:#262a38;--danger:#d9634a}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif}#root{min-height:100vh}h1,h2,h3{font-optical-sizing:auto;letter-spacing:-.01em;margin:0;font-family:Fraunces,serif;font-weight:500}a{color:inherit}button,input,select,textarea{font-family:inherit}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--amber);margin:0 0 1rem;font-family:Inter,sans-serif;font-size:.72rem}.divider{background:var(--line);border:none;width:32px;height:1px;margin:2rem 0}.card{background:var(--bg-soft);border:1px solid var(--line);border-radius:16px;padding:1.75rem}.btn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:100px;align-items:center;gap:.5rem;padding:.7rem 1.3rem;font-size:.9rem;font-weight:500;transition:border-color .2s,background .2s;display:inline-flex}.btn:hover{border-color:var(--amber-dim)}.btn-primary{background:var(--amber);border-color:var(--amber);color:#1a1305}.btn-primary:hover{background:var(--amber-dim);border-color:var(--amber-dim)}.status-dot{background:var(--amber);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 8px 1px #e8a73cb3}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.rise{opacity:0;animation:.7s cubic-bezier(.16,1,.3,1) forwards rise}.rise-1{animation-delay:50ms}.rise-2{animation-delay:.15s}.rise-3{animation-delay:.25s}.rise-4{animation-delay:.35s}@media (prefers-reduced-motion:reduce){.rise{opacity:1!important;animation:none!important}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.app-header .back-link{color:var(--text-muted);font-size:.85rem;text-decoration:none}.app-header .back-link:hover{color:var(--amber)}.app-header .brand{color:var(--text);font-family:Fraunces,serif;font-size:1.1rem;text-decoration:none}.app-main{flex:1;padding:3rem 1.5rem 4rem}.app-footer{text-align:center;letter-spacing:.05em;color:#4a4f61;padding:1.5rem;font-size:.72rem}.page{max-width:720px;margin:0 auto}.hero{text-align:center;max-width:560px;margin:0 auto 3rem}.hero h1{margin-bottom:.75rem;font-size:clamp(2.25rem,6vw,3rem)}.hero h1 em{color:var(--amber);font-style:italic;font-weight:300}.hero p{color:var(--text-muted);line-height:1.6}.sport-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (width<=720px){.sport-grid{grid-template-columns:1fr}}.sport-card{text-align:center;color:var(--text);cursor:pointer;flex-direction:column;align-items:center;gap:1rem;text-decoration:none;transition:transform .2s,border-color .2s;display:flex}.sport-card:hover{border-color:var(--amber-dim);transform:translateY(-2px)}.sport-card svg{width:56px;height:56px}.sport-card h2{font-size:1.15rem}.sport-card p{color:var(--text-muted);margin:0;font-size:.85rem}.form-grid{gap:1rem;margin-bottom:2rem;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=560px){.form-row{grid-template-columns:1fr}}label{color:var(--text-muted);flex-direction:column;gap:.4rem;font-size:.85rem;display:flex}input,textarea{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:.65rem .8rem;font-size:.95rem}input:focus,textarea:focus{border-color:var(--amber-dim);outline:none}textarea{resize:vertical;min-height:4rem}.entry-list{flex-direction:column;gap:.75rem;display:flex}.entry-row{justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem 1.25rem;display:flex}.entry-row .entry-main{flex-direction:column;gap:.25rem;display:flex}.entry-row .entry-date{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem}.entry-row .entry-note{color:var(--text-muted);font-size:.85rem}.entry-row .entry-score{color:var(--amber);white-space:nowrap;font-family:Fraunces,serif;font-size:1.1rem}.empty-state{text-align:center;color:var(--text-muted);padding:2rem 0;font-size:.9rem}.error-banner{color:#f0a893;background:#d9634a1f;border:1px solid #d9634a66;border-radius:10px;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.85rem}
