.ride{--ground:#fafbfc;--surface:#fff;--surface-2:#f1f3f6;--ink:#191c1d;--text:#3c4043;--muted:#5f6368;--faint:#9aa0a6;--hair:#191c1d1a;--hair-2:#191c1d2e;--hair-3:#191c1d4d;--blue:#0b57d0;--blue-hover:#0a4dba;--on-blue:#fff;--tonal:#d9e6fd;--on-tonal:#0842a0;--ok:#188038;--ok-soft:#dff3e6;--ok-glow:#18803873;--ok-glow-2:#18803838;--err:#c5221f;--err-soft:#fde4e2;--r-xs:4px;--r-sm:8px;--r-md:12px;--t1:.1s;--t2:.16s;--t3:.3s;--t4:.48s;--settle:cubic-bezier(.2, .8, .2, 1);--morph:cubic-bezier(.7, 0, .2, 1);background:var(--ground);color:var(--text);min-height:100dvh}:root.dark .ride{--ground:#0b0d12;--surface:#13171e;--surface-2:#1a1f28;--ink:#f1f4f8;--text:#b4bcc8;--muted:#7b8698;--faint:#535e70;--hair:#ffffff14;--hair-2:#ffffff24;--hair-3:#ffffff42;--blue:#5e97f6;--blue-hover:#7aaaf8;--on-blue:#06172e;--tonal:#1b2c4c;--on-tonal:#c6d9fb;--ok:#7ed49a;--ok-soft:#12271a;--ok-glow:#7ed49abf;--ok-glow-2:#7ed49a4d;--err:#f29d9b;--err-soft:#2a1514}.ride-wrap{max-width:640px;margin:0 auto;padding:20px 16px 120px}.ride-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:11.5px;font-weight:500}.ride-topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.ride-reset{height:32px;color:var(--muted);border:1px solid var(--hair);border-radius:var(--r-sm);cursor:pointer;background:0 0;padding:0 12px;font-size:13px;font-weight:500;transition:none}.ride-reset:hover{color:var(--ink);border-color:var(--hair-2)}.ride-rail{background:var(--hair);border-radius:999px;height:3px;margin-bottom:26px;overflow:hidden}.ride-rail span{background:var(--blue);border-radius:inherit;height:100%;transition:width var(--t4) var(--morph);display:block}.ride-topic{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:11.5px;font-weight:500}.ride-q{color:var(--ink);letter-spacing:-.01em;margin-bottom:22px;font-size:21px;font-weight:500;line-height:1.34}.ride-conf-label{color:var(--muted);margin-bottom:10px;font-size:13.5px}.ride-conf{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:26px;display:grid}.ride-conf button{min-height:48px;color:var(--text);background:var(--surface);border:1px solid var(--hair-2);border-radius:var(--r-sm);cursor:pointer;transition:transform var(--t2) var(--settle);padding:0 8px;font-size:14px;font-weight:500}.ride-conf button:active{transform:scale(.97)}.ride-conf button[aria-pressed=true]{background:var(--tonal);color:var(--on-tonal);border-color:#0000}.ride-opts{gap:10px;display:grid}.ride-opt{text-align:left;width:100%;min-height:60px;color:var(--text);background:var(--surface);border:1px solid var(--hair-2);border-radius:var(--r-sm);cursor:pointer;transition:transform var(--t2) var(--settle);align-items:center;gap:14px;padding:14px 16px;font-size:15.5px;line-height:1.45;display:flex}.ride-opt:active:not(:disabled){transform:scale(.985)}.ride-opt:disabled{cursor:default}.ride-opt[data-armed=false]{opacity:.55}.ride-opt .key{border-radius:var(--r-xs);border:1px solid var(--hair-2);width:30px;height:30px;color:var(--muted);flex:none;place-items:center;font-size:13px;font-weight:500;transition:none;display:grid}.ride-opt[data-state=right]{background:var(--ok-soft);border-color:color-mix(in srgb, var(--ok) 45%, var(--hair-2));color:var(--ink)}.ride-opt[data-state=right] .key{background:var(--ok);border-color:var(--ok);color:#fff}.ride-opt[data-state=wrong]{background:var(--err-soft);border-color:color-mix(in srgb, var(--err) 40%, var(--hair-2));color:var(--ink)}.ride-opt[data-state=wrong] .key{background:var(--err);border-color:var(--err);color:#fff}.ride-opt[data-state=muted]{opacity:.5}.ride-slot{transition:grid-template-rows var(--t4) var(--morph);grid-template-rows:0fr;margin-top:18px;display:grid}.ride-slot[data-open=true]{grid-template-rows:1fr}.ride-slot>div{min-height:0;overflow:hidden}.ride-fb{border:1px solid var(--hair);border-left:3px solid var(--hair-2);border-radius:var(--r-sm);background:var(--surface);padding:16px 18px}.ride-fb[data-right=true]{border-left-color:var(--ok)}.ride-fb[data-right=false]{border-left-color:var(--err)}.ride-fb h3{color:var(--ink);letter-spacing:-.01em;margin-bottom:8px;font-size:15px;font-weight:600}.ride-fb p{color:var(--text);margin-bottom:10px;font-size:14.5px;line-height:1.6}.ride-fb p:last-child{margin-bottom:0}.ride-fb .yours{color:var(--ink);font-weight:500}.ride-cite{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:12px;font-size:11.5px;font-weight:500}.ride-rule{transition:grid-template-rows var(--t4) var(--morph);grid-template-rows:0fr;display:grid}.ride-rule[data-open=true]{grid-template-rows:1fr}.ride-rule>div{min-height:0;overflow:hidden}.ride-rule-body{border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);white-space:pre-wrap;margin-top:12px;padding:14px 16px;font-size:14px;line-height:1.65}.ride-btn{border-radius:var(--r-sm);cursor:pointer;height:48px;transition:transform var(--t2) var(--settle);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:500;line-height:1;display:inline-flex}.ride-btn:active{transform:scale(.97)}.ride-btn-fill{background:var(--blue);color:var(--on-blue)}.ride-btn-fill:hover{background:var(--blue-hover)}.ride-btn-2{background:var(--surface);color:var(--text);border-color:var(--hair-2)}.ride-btn-2:hover{border-color:var(--hair-3);color:var(--ink)}.ride-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.ride-next{padding:16px 0 calc(16px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--ground) 62%, transparent);margin-top:20px;position:sticky;bottom:0}.ride-next .ride-btn{width:100%}.ride-move{border-bottom:1px solid var(--hair);align-items:center;gap:12px;padding:14px 0;display:flex}.ride-move:last-of-type{border-bottom:0}.ride-move .name{color:var(--ink);flex:1;font-size:15px}.ride-move .num{font-variant-numeric:tabular-nums;color:var(--muted);font-size:14px}.ride-move .num b{color:var(--ink);font-weight:600}.ride-mark{flex:none;width:20px;height:20px}.ride-mark path{fill:none;stroke:var(--faint);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;d:path("M5 10.5 L15 10.5");transition:d var(--t4) var(--morph)}.ride-move[data-improved=true] .ride-mark path{d:path("M4 10.5 L8 14 L14 6.5");stroke:var(--ok);animation:2.2s ease-in-out .5s infinite ride-okglow}@keyframes ride-okglow{0%,to{filter:drop-shadow(0 0 .3px var(--ok-glow-2));stroke-width:2px}50%{filter:drop-shadow(0 0 1.6px var(--ok-glow)) drop-shadow(0 0 3px var(--ok-glow-2));stroke-width:2.3px}}.ride-move[data-improved=true]{animation:ride-breath .7s var(--settle)}@keyframes ride-breath{0%{box-shadow:inset 0 0 #0000}35%{box-shadow:inset 0 0 18px -6px var(--ok-glow)}to{box-shadow:inset 0 0 #0000}}@supports not (d:path('M0 0')){.ride-move[data-improved=true] .ride-mark path{d:auto}}.ride :is(button,a,[tabindex]):focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:var(--r-xs)}@media (prefers-reduced-motion:reduce){.ride *,.ride :before,.ride :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}