@font-face{font-family:Playfair Display;src:url(/fonts/PlayfairDisplay-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Playfair Display;src:url(/fonts/PlayfairDisplay-Black.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Playfair Display;src:url(/fonts/PlayfairDisplay-BoldItalic.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"Source Serif 4";src:url(/fonts/SourceSerif4-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Source Serif 4";src:url(/fonts/SourceSerif4-Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Source Serif 4";src:url(/fonts/SourceSerif4-SemiBold.woff2)format("woff2");font-weight:600 700;font-style:normal;font-display:swap}@font-face{font-family:Courier Prime;src:url(/fonts/CourierPrime-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Courier Prime;src:url(/fonts/CourierPrime-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Patrick Hand;src:url(/fonts/PatrickHand-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.qc{--qc-ink:#1a1a1a;--qc-paper:#faf8f3;--qc-red:#c41e1e;--qc-on-red:#fff;--qc-serif:"Source Serif 4", Georgia, serif;--qc-display:"Playfair Display", Georgia, serif;--xp-accent:#c41e1e;gap:var(--space-3);margin:var(--space-6) 0;font-family:var(--font-body);color:var(--color-text-primary);flex-direction:column;display:flex}[data-theme=dark] .qc{--qc-red:#ff7a70;--qc-on-red:#1a1a1a}.qc-frame{border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);background:var(--qc-paper);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.qc-frame:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.qc-stage{user-select:none;width:100%;height:100%;display:block}.qc-bigplay{border:2px solid var(--qc-ink);background:var(--qc-ink);width:clamp(52px,11%,92px);color:var(--qc-paper);transition:background var(--transition-fast);border-radius:999px;& svg{width:45%;height:45%;margin-left:6%}&:hover{background:#c41e1e;border-color:#c41e1e}}.qc-bigplay--resume{opacity:.92}.qc-now-no{font-family:var(--font-mono);letter-spacing:.08em}.qc-now-title{font-family:var(--qc-serif);font-style:italic}.qc-speed select{min-width:var(--touch-target-min);padding:0 var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-align:center;cursor:pointer;border-radius:999px}.qc-speed option{background:var(--color-bg-primary);color:var(--color-text-primary)}.qc-rail{border-top:3px solid var(--color-text-primary);padding-top:3px;&:before{content:"";border-top:1px solid var(--color-text-primary);display:block}}.qc-rail-head{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-3);padding:var(--space-2) 0;flex-wrap:wrap;display:flex}.qc-rail-title{font-family:var(--qc-display);font-weight:900;font-size:var(--text-lg);margin:0}.qc-rail-legend{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.qc-diamond{color:var(--qc-red)}.qc-rail-list{gap:var(--space-1);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;display:grid}.qc .qc-rail .qc-rail-list{margin:0;padding:0;&>li{margin:0}}.qc-rail-item{width:100%;height:100%;min-height:var(--touch-target-min);padding:var(--space-2);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-sm);color:var(--color-text-primary);font:inherit;text-align:left;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;flex-direction:column;align-items:flex-start;gap:2px;display:flex;&:hover{background:var(--color-bg-tertiary)}&:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}&.is-now{border-color:var(--qc-red);box-shadow:inset 3px 0 0 var(--qc-red);& .qc-rail-year,& .qc-rail-name{color:var(--qc-red)}}}.qc-rail-year{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.06em;color:var(--color-text-secondary)}.qc-rail-name{font-family:var(--qc-serif);font-size:var(--text-sm);line-height:1.25}.qc-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=768px){.qc-rail-list{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr))}}