:root{color:#f5f7fa;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#ff783838,#0000 36%),linear-gradient(#141820 0%,#0a0d12 100%);font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}#root{min-height:100vh}.app-shell{min-height:100vh;padding:3rem 1.5rem 4rem}.top-bar,.dashboard{max-width:1160px;margin:0 auto}.top-bar{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;display:flex}.eyebrow,.card-kicker,.stat-label{color:#ff8a3d;letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:700}h1,h2,h3,p{margin:0}h1{margin-top:.5rem;font-size:clamp(2.4rem,5vw,4.6rem);line-height:.95}h2{margin-top:.4rem;font-size:1.6rem}h3{font-size:1.15rem}.lede,.card-copy,.auth-copy,.helper-copy,.empty-state,.spotlight-card p,.suggestion-item p{color:#c4cfdb}.lede{max-width:46rem;margin-top:1rem;font-size:1.05rem}.auth-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#11171fc7;border:1px solid #ffffff14;border-radius:1.25rem;gap:.9rem;min-width:270px;padding:1.25rem;display:grid}.dashboard,.hero-grid,.content-grid{gap:1.5rem;display:grid}.hero-grid{grid-template-columns:1.6fr 1fr}.content-grid{grid-template-columns:1.3fr 1fr}.hero-card,.panel{background:#11171fd6;border:1px solid #ffffff14;border-radius:1.6rem;padding:1.5rem;box-shadow:0 20px 40px #00000040}.track-card{gap:1.2rem;display:grid}.note-card{align-content:start;gap:1rem;display:grid}.feature-list,.suggestion-list{margin:0;padding:0;list-style:none}.feature-list{gap:.75rem;display:grid}.feature-list li:before{content:"🏁";margin-right:.5rem}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.stat-card,.spotlight-card,.suggestion-item{background:linear-gradient(#1b232ff2,#111720);border:1px solid #ffffff14;border-radius:1.2rem}.stat-card{gap:.3rem;padding:1rem;display:grid}.stat-value{font-size:2rem;font-weight:800}.panel{gap:1rem;display:grid}.panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.spotlight-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.spotlight-card,.suggestion-item{gap:.8rem;padding:1.1rem;display:grid}.pill-row{flex-wrap:wrap;gap:.5rem;display:flex}.pill{text-transform:capitalize;color:#dce6f3;background:#ffffff14;border-radius:999px;align-items:center;padding:.28rem .8rem;font-size:.8rem;display:inline-flex}.pill-highlight{color:#ffb37f;background:#ff8a3d2e}.card-footer{color:#8fa1b8;justify-content:space-between;gap:.75rem;font-size:.88rem;display:flex}.suggestion-form,.form-grid{gap:1rem;display:grid}.form-grid{border:0;margin:0;padding:0}.suggestion-form label{color:#eef3f8;gap:.45rem;font-weight:600;display:grid}.suggestion-form input,.suggestion-form select,.suggestion-form textarea{color:#f5f7fa;background:#080c12d6;border:1px solid #ffffff1f;border-radius:1rem;width:100%;padding:.9rem 1rem}.suggestion-form input:focus,.suggestion-form select:focus,.suggestion-form textarea:focus{outline-offset:2px;outline:2px solid #ff8a3dbf}.select-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.primary-button,.secondary-button{border:0;border-radius:999px;padding:.85rem 1.2rem;font-weight:700}.primary-button{color:#0c1118;background:linear-gradient(135deg,#ff8a3d,#ff5f45)}.secondary-button{color:#f5f7fa;background:#ffffff14}.validation-message{color:#ff9e9e;font-size:.85rem}.helper-copy,.empty-state{font-size:.95rem}.suggestion-list{gap:.9rem;display:grid}.startup-error{color:#fff2f2;background:#5c1010db;border:1px solid #ffa3a373;border-radius:1rem;max-width:720px;margin:3rem auto;padding:1.25rem 1.5rem}@media (width<=960px){.top-bar,.hero-grid,.content-grid,.stat-grid,.select-grid{grid-template-columns:1fr}}@media (width<=720px){.app-shell{padding-inline:1rem}.card-footer{flex-direction:column}}
