.modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.mode{background:var(--card2);border-radius:var(--rs);padding:18px;cursor:pointer;transition:all .16s;position:relative}.mode:hover{background:var(--card3)}.mode.sel{outline:3px solid var(--accent);outline-offset:-3px}.mode h3{font-size:14px;font-weight:750;display:flex;align-items:center;gap:8px}.mode p{font-size:12px;color:var(--dim);margin-top:6px}.timechips{display:flex;gap:6px;margin-top:10px}.tc{padding:6px 13px;border-radius:999px;background:var(--card3);font-size:12px;font-weight:700;color:var(--dim);cursor:pointer}.tc.on{background:var(--accent);color:#0b0b10}.rin{width:100%;background:var(--card3);border:0;border-radius:11px;padding:10px 14px;color:var(--txt);font:inherit;font-size:13px;outline:0;margin-top:10px}.rin::placeholder{color:var(--faint)}.gbanner{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:13px 18px;border-radius:14px;background:linear-gradient(90deg,color-mix(in srgb,var(--warn) 22%,var(--card)),var(--card2));font-size:13px;font-weight:600}.gbanner .pulse{width:9px;height:9px;border-radius:50%;background:var(--warn);flex:none;animation:gpulse 1.6s infinite}@keyframes gpulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--warn) 45%,transparent)}50%{box-shadow:0 0 0 7px transparent}}.gbanner .cd{font-family:var(--mono);color:var(--warn);font-weight:700}.gbanner .end{margin-left:auto}@media (max-width:980px){.modes{grid-template-columns:1fr}}