@font-face{font-family:Archivo Black;src:url(/fonts/archivo-black-latin.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:Barlow;src:url(/fonts/barlow-latin.woff2)format("woff2");font-display:swap;font-weight:400}.rap-shell{--paper:oklch(95% .018 80);--ink:oklch(23% .016 45);--quiet:oklch(45% .025 55);--line:oklch(78% .025 75);--orange:oklch(53% .19 35);--bg:var(--paper);--fg:var(--ink);--muted:var(--quiet);--ink-fg:var(--paper);background:var(--paper);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:100vh;padding:0 clamp(20px,5vw,80px);font-family:Barlow,PingFang SC,Microsoft YaHei,sans-serif;font-size:1rem;line-height:1.6}.rap-shell *{box-sizing:border-box}.rap-shell a{color:inherit;text-decoration:none}.rap-shell a:hover{text-underline-offset:5px;text-decoration:underline}.rap-shell button,.rap-shell input,.rap-shell textarea{font:inherit}.rap-shell button{cursor:pointer}.rap-shell button:disabled{cursor:default;opacity:.55}.rap-shell :focus-visible{outline:3px solid var(--orange);outline-offset:5px}.rap-shell h1,.rap-shell h2,.rap-shell h3,.rap-shell p{margin:0}.rap-header,.rap-footer,.rap-home,.rap-legal{max-width:1280px;margin-inline:auto}.rap-header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:20px;min-height:108px;display:flex}.rap-brand{letter-spacing:-.06em;align-items:center;gap:10px;font-family:Archivo Black,sans-serif;font-size:1.4rem;display:flex}.rap-logo{background:var(--ink);width:35px;height:35px;color:var(--paper);letter-spacing:0;border-radius:50%;place-items:center;font-size:1rem;display:grid;position:relative}.rap-logo i{background:var(--orange);border-radius:50%;width:5px;height:5px;position:absolute;bottom:4px;right:4px}.rap-brand-dot{letter-spacing:0;align-self:flex-start;font-family:Barlow,sans-serif;font-size:1.1rem}.rap-header nav{align-items:center;gap:20px;font-size:.85rem;display:flex}.rap-header nav a[aria-current]{text-underline-offset:6px;text-decoration:underline;-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);text-decoration-thickness:2px}.rap-skip{background:var(--ink);z-index:10;padding:10px;position:absolute;top:8px;left:20px;transform:translateY(-180%);color:var(--paper)!important}.rap-skip:focus{transform:translateY(0)}.rap-topline{letter-spacing:.12em;justify-content:space-between;gap:16px;padding:22px 0;font-size:.75rem;display:flex}.rap-topline span{font-weight:700}.rap-hero{grid-template-columns:1.12fr 1fr;align-items:start;gap:clamp(32px,7vw,100px);padding:30px 0 72px;display:grid}.rap-intro{padding-top:24px;position:relative}.rap-kicker{letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:700}.rap-intro h1{letter-spacing:-.065em;overflow-wrap:break-word;margin-top:24px;font-family:Archivo Black,PingFang SC,sans-serif;font-size:clamp(3rem,5.9vw,5.6rem);line-height:1.02}.rap-intro .rap-h1-brand{letter-spacing:.14em;text-transform:uppercase;margin-bottom:24px;font-family:Barlow,PingFang SC,sans-serif;font-size:.7rem;font-weight:700;line-height:1.6;display:block}.rap-intro h1 em{color:var(--orange);font-style:normal}:lang(zh) .rap-intro h1{letter-spacing:-.05em;font-size:clamp(2.6rem,5.1vw,5rem);font-weight:900;line-height:1.25}.rap-lead{max-width:39ch;color:var(--quiet);font-size:1.15rem;line-height:1.65;margin-top:30px!important}.rap-sticker{white-space:pre-line;border:1px solid var(--ink);background:oklch(88% .13 86);align-items:center;gap:22px;margin-top:44px;padding:14px 18px;font-size:.75rem;font-weight:700;line-height:1.3;display:inline-flex;transform:rotate(-5deg)}.rap-sticker>span{font-size:2.4rem;font-weight:400}.rap-side{color:var(--quiet);font-size:.75rem;margin-top:28px!important}.rap-game{min-width:0;padding-top:6px;scroll-margin-top:24px}.rap-record{aspect-ratio:1;max-width:360px;margin:0 auto 24px;position:relative}.rap-record-disc{background:repeating-radial-gradient(circle,oklch(22% .008 50) 0 2px,oklch(29% .008 50) 3px,oklch(22% .008 50) 4px);border-radius:50%;place-items:center;display:grid;position:absolute;inset:8%;transform:rotate(-14deg);box-shadow:8px 9px oklch(82% .025 70)}.rap-record-label{aspect-ratio:1;background:var(--orange);width:37%;color:var(--paper);border:1px solid var(--ink);letter-spacing:.06em;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:.55rem;display:flex}.rap-record-label b{font-family:Archivo Black,sans-serif;font-size:2.6rem;line-height:1.2;position:relative}.rap-record-label b:after{content:"";background:var(--paper);border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%}.rap-tonearm{border:1px solid var(--ink);transform-origin:50% 12px;background:oklch(74% .012 75);border-radius:8px;width:14px;height:54%;position:absolute;top:0;right:7%;transform:rotate(24deg)}.rap-tonearm:after{content:"";background:var(--ink);width:23px;height:34px;position:absolute;bottom:-7px;left:-5px;transform:rotate(-12deg)}.rap-session-label{letter-spacing:.07em;border-top:1px solid var(--ink);justify-content:space-between;gap:16px;padding:15px 0;font-size:.75rem;display:flex}.rap-button{background:var(--orange);width:100%;min-height:58px;color:var(--paper);border:1px solid var(--orange);border-radius:0;justify-content:space-between;align-items:center;gap:24px;padding:14px 22px;font-size:1rem;font-weight:700;transition:background .15s,transform .15s;display:flex}.rap-button:hover:enabled{background:var(--ink);border-color:var(--ink)}.rap-button:active:enabled{transform:translateY(1px)}.rap-text-button{text-underline-offset:5px;color:var(--quiet);background:0 0;border:0;padding:14px 0;font-size:.85rem;text-decoration:underline;display:block}.rap-track-strip{border-block:1px solid var(--ink);letter-spacing:.12em;justify-content:space-between;gap:10px;padding:12px 0;font-size:.6rem;display:flex;overflow:hidden}.rap-track-strip span{min-width:20px;padding-top:9px;position:relative}.rap-track-strip span:before{content:"";background:var(--ink);width:1px;height:8px;position:absolute;top:-12px;left:0}.rap-rules{grid-template-columns:.9fr 1fr;gap:80px;padding:80px 0;display:grid}.rap-rules h2,.rap-scoring h2,.rap-faq h2{letter-spacing:-.04em;max-width:16ch;margin-top:20px;font-family:Archivo Black,PingFang SC,sans-serif;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.15}.rap-rules ol{gap:32px;margin:0;padding:0;list-style:none;display:grid}.rap-rules li{gap:24px;display:flex}.rap-rule-number{color:var(--orange);padding-top:3px;font-size:.8rem}.rap-rules h3{font-size:1.1rem;font-weight:700}.rap-rules li p{color:var(--quiet);max-width:54ch;margin-top:8px;font-size:.95rem}.rap-scoring{background:var(--ink);color:var(--paper);grid-template-columns:1fr 1fr;gap:80px;padding:48px;display:grid}.rap-scoring .rap-kicker{color:oklch(78% .15 55)}.rap-scoring p:not(.rap-kicker){color:oklch(79% .02 70);max-width:42ch;margin-top:24px;font-size:.9rem}.rap-scoring ol{align-self:center;margin:0;padding:0;list-style:none}.rap-scoring li{border-bottom:1px solid oklch(45% .016 45);grid-template-columns:24px 1fr auto;align-items:baseline;gap:12px;padding:12px 0;display:grid}.rap-scoring li>span{color:oklch(76% .02 70);font-size:.65rem}.rap-scoring li>b{font-size:.85rem;font-weight:400}.rap-scoring li strong{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:400}.rap-scoring li small{color:oklch(76% .02 70);font-size:.65rem}.rap-scoring li:last-child{color:oklch(78% .15 55)}.rap-faq{grid-template-columns:.9fr 1fr;gap:80px;padding:80px 0 44px;display:grid}.rap-faq h2{margin-top:0}.rap-faq details{border-top:1px solid var(--line);padding:20px 0}.rap-faq summary{cursor:pointer;justify-content:space-between;gap:20px;font-weight:700;list-style:none;display:flex}.rap-faq summary::-webkit-details-marker{display:none}.rap-faq summary span{color:var(--orange);font-size:1.2rem}.rap-faq details[open] summary span{transform:rotate(45deg)}.rap-faq details p{color:var(--quiet);margin-top:16px;font-size:.95rem}.rap-edition,.rap-fine{color:var(--quiet);font-size:.75rem;line-height:1.6}.rap-edition{max-width:80ch;padding-bottom:48px}.rap-footer{border-top:1px solid var(--ink);color:var(--quiet);flex-wrap:wrap;align-items:baseline;gap:12px 24px;padding:32px 0;font-size:.75rem;display:flex}.rap-footer-brand{letter-spacing:-.05em;font-family:Archivo Black,sans-serif;font-size:1rem;color:var(--ink)!important}.rap-footer nav{gap:20px;margin-left:auto;display:flex}.rap-warning{border:1px solid var(--line);background:oklch(89% .08 80);padding:14px;font-size:.85rem;margin-bottom:20px!important}.rap-game h2{letter-spacing:-.03em;font-family:Archivo Black,PingFang SC,sans-serif;font-size:1.8rem;line-height:1.3}.rap-progress{gap:6px;margin:8px 0 28px;padding:0;list-style:none;display:flex}.rap-progress li{border-top:3px solid var(--line);color:var(--quiet);flex:1;padding-top:4px;font-size:.65rem}.rap-progress li[data-done=true]{border-color:var(--ink)}.rap-progress li[aria-current]{border-color:var(--orange);color:var(--orange)}.rap-question{min-height:4lh;font-weight:700;font-family:Barlow,PingFang SC,sans-serif!important;font-size:1.5rem!important}.rap-meter{opacity:.35;align-items:center;gap:3px;height:48px;margin-block:22px;display:flex}.rap-meter i{background:var(--ink);flex:1;transition:background .2s;display:block}.rap-meter i.is-hit{background:var(--orange)}.rap-clock{flex-wrap:wrap;align-items:baseline;gap:10px;font-size:.8rem;display:flex}.rap-clock>b{letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin-left:auto;font-size:2.5rem;line-height:1}.rap-clock small{margin-left:3px;font-size:.9rem}.rap-clock progress{appearance:none;background:var(--line);width:100%;height:3px;accent-color:var(--ink);border:0;border-radius:0;margin:8px 0 24px;display:block}.rap-clock progress::-webkit-progress-bar{background:var(--line)}.rap-clock progress::-webkit-progress-value{background:var(--ink)}.rap-clock progress::-moz-progress-bar{background:var(--ink)}.rap-clock[data-urgent=true]{color:var(--orange)}.rap-clock[data-urgent=true] progress::-webkit-progress-value{background:var(--orange)}.rap-round input{border:1px solid var(--ink);width:100%;color:var(--ink);background:0 0;border-radius:0;min-height:56px;margin-bottom:10px;padding:12px 16px;font-size:1rem}.rap-round input::placeholder{color:var(--quiet)}.rap-round .rap-fine{margin-top:14px}.rap-feedback{min-height:1.6em;color:var(--orange);font-size:.8rem;margin-top:8px!important}.rap-reading{border:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;min-height:180px;font-size:.8rem;display:flex}.rap-reading strong{color:var(--orange);font-family:Archivo Black,sans-serif;font-size:3rem;line-height:1.4}.rap-reveal h3{font-size:1.2rem;font-weight:700}.rap-earned{color:var(--orange);letter-spacing:-.06em;font-family:Archivo Black,sans-serif;font-size:4rem;line-height:1.2}.rap-reveal .rap-button{margin-top:24px}.rap-summary h2{margin-top:14px;font-size:2.2rem}.rap-final-score{color:var(--orange);letter-spacing:-.06em;font-family:Archivo Black,sans-serif;font-size:5rem;line-height:1.2;margin-top:18px!important}.rap-final-score small{color:var(--quiet);letter-spacing:0;font-family:Barlow,sans-serif;font-size:1.3rem}.rap-tiles{flex-wrap:wrap;gap:6px;margin:20px 0;font-size:1.5rem;display:flex}.rap-share-text{border:1px solid var(--line);width:100%;min-height:110px;color:var(--quiet);resize:vertical;background:0 0;border-radius:0;margin-top:12px;padding:12px;font-size:.75rem;display:block}.rap-reset{color:var(--quiet);font-size:.8rem;margin:12px 0 36px!important}.rap-reset b{font-variant-numeric:tabular-nums;color:var(--ink);margin-left:8px}.rap-summary h3{margin-top:24px;font-size:1.2rem;font-weight:700}.rap-answers{border-top:1px solid var(--line);padding:16px 0;font-size:.8rem}.rap-answers summary{cursor:pointer;display:list-item}.rap-answers summary span{padding-right:16px}.rap-answers summary b{color:var(--orange);white-space:nowrap}.rap-answers p{margin-top:12px}.rap-answers ul{margin:12px 0;padding:0;list-style:none}.rap-answers li{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:6px 0;display:flex}.rap-answers a{color:var(--orange);text-decoration:underline}.rap-stats dl{grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0;display:grid}.rap-stats dt{color:var(--quiet);font-size:.8rem}.rap-stats dd{margin:0;font-size:2rem}.rap-history{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 0;font-size:.85rem;display:flex}.rap-stats .rap-fine{margin-top:24px}.rap-legal{max-width:720px;padding:60px 0 100px}.rap-legal>a{font-size:.85rem;text-decoration:underline}.rap-legal .rap-kicker{margin-top:40px}.rap-legal h1{letter-spacing:-.05em;margin-top:20px;font-family:Archivo Black,PingFang SC,sans-serif;font-size:clamp(2.5rem,5vw,4rem);line-height:1.2}.rap-legal section{margin-top:36px}.rap-legal h2{margin-bottom:12px;font-size:1.3rem;font-weight:700}.rap-legal section p{color:var(--quiet);max-width:65ch}@media (width>=1450px){.rap-hero{padding-block:50px 90px}.rap-intro{padding-top:35px}}@media (width<=760px){.rap-shell{padding-inline:22px}.rap-header{min-height:80px}.rap-brand{font-size:1.15rem}.rap-header nav{gap:12px;font-size:.75rem}.rap-logo{width:29px;height:29px}.rap-topline{letter-spacing:.07em;padding-block:16px;font-size:.6rem}.rap-hero{grid-template-columns:1fr;gap:30px;padding:8px 0 40px}.rap-intro{padding-top:8px}.rap-intro h1{margin-top:16px;font-size:clamp(2.5rem,10vw,4.8rem)}.rap-lead{max-width:45ch;font-size:1rem;margin-top:18px!important}.rap-sticker,.rap-side{display:none}.rap-record{max-width:220px;margin-bottom:12px}.rap-game{padding-top:0}.rap-question{min-height:3lh}.rap-rules,.rap-faq{grid-template-columns:1fr;gap:28px;padding-block:44px}.rap-rules h2,.rap-scoring h2,.rap-faq h2{max-width:24ch}.rap-scoring{grid-template-columns:1fr;gap:28px;padding:26px 22px}.rap-scoring p:not(.rap-kicker){max-width:55ch}.rap-faq{padding-bottom:20px}.rap-footer{gap:8px 20px;padding:24px 0}.rap-footer p{width:100%}.rap-footer nav{flex-wrap:wrap;margin-left:0}.rap-tiles{font-size:1.2rem}.rap-legal{padding-top:36px}:lang(zh) .rap-intro h1{font-size:clamp(2.5rem,9vw,4rem)}}@media (prefers-reduced-motion:no-preference){.rap-record.is-spinning .rap-record-disc{animation:5s linear infinite rap-spin}.rap-meter i.is-hit{animation:.9s ease-out rap-hit}@keyframes rap-spin{to{transform:rotate(346deg)}}@keyframes rap-hit{0%{transform:scaleY(.25)}45%{transform:scaleY(1)}70%{transform:scaleY(.6)}to{transform:scaleY(1)}}}
