:root{color-scheme:dark;font:16px system-ui;color:#eef4ff;background:#090f20;--line:#293451;--card:#151e35;--accent:#61ebec}
*{box-sizing:border-box}body{margin:0}main{max-width:1280px;margin:auto;padding:28px}a{color:var(--accent)}h1{font-size:clamp(2rem,5vw,3rem);margin:.3em 0}h2{margin:.3em 0 1em}p{line-height:1.55}small,.muted{color:#adbbd7}nav{display:flex;flex-wrap:wrap;gap:14px;align-items:center}nav a{padding:.45rem .65rem;border-radius:8px}nav a[aria-current]{background:#263456;color:white}button,input,select,textarea{font:inherit}button{background:var(--accent);color:#09202b;border:0;font-weight:700;cursor:pointer}button,input,select,textarea{border-radius:8px;padding:.65em .8em}input,select,textarea{background:#10182b;border:1px solid #405072;color:inherit;width:100%;margin-top:.25em}label{display:block;color:#d9e5ff}form{display:grid;gap:12px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #aa93ff;outline-offset:3px}.brand{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:800}.mark{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(140deg,#62f1f3,#a991ff);color:#101529}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px}.sidebar,.panel,.ride{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}.sidebar{align-self:start}.sidebar nav{margin-top:25px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.14em;font-size:.75rem;font-weight:800}.stats,.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stats{margin:22px 0}.stats div{padding:14px;background:#182441;border:1px solid var(--line);border-radius:12px}.stats b{display:block;font-size:1.7rem}.board{padding:0;list-style:none;display:grid;gap:12px}.ride header{display:flex;justify-content:space-between;gap:10px;align-items:center}.badge{color:#bdfbff;background:#214254;border-radius:20px;padding:.3em .7em;font-size:.85rem}.ride p{margin:.5em 0}.ride form,.ride details,.panel{margin-top:14px}summary{cursor:pointer;font-weight:700}.notice{border-left:4px solid var(--accent);background:#203750;padding:12px}.search{display:flex;align-items:end;flex-wrap:wrap;margin-top:16px}.search label{flex:1;min-width:180px}
@media(max-width:720px){main{padding:14px}.layout{display:block}.sidebar{margin-bottom:18px}.sidebar nav{display:flex;margin-top:12px}.fields{grid-template-columns:1fr}.ride button{min-height:44px}}