.app-shell{min-height:100svh;display:flex;flex-direction:column;color:var(--i-ink,#171715);background:var(--i-bg,#faf9f6);font-family:var(--i-font-sans,Manrope,Arial,sans-serif)}
.app-header,.app-footer{width:min(1080px,calc(100% - 80px));margin-inline:auto;display:flex;justify-content:space-between;align-items:center}
.app-header{height:96px;gap:20px}.app-brand{font-size:24px;font-weight:700;letter-spacing:-1.2px;text-decoration:none;color:inherit}.app-mono,.app-kicker{font-size:11px;letter-spacing:.11em;line-height:1.6;font-weight:500}.app-kicker{margin:0 0 24px;color:#676762}.app-main{width:min(760px,calc(100% - 48px));margin:auto;padding:56px 0 80px;outline:none}.app-title{font-size:clamp(36px,5.8vw,60px);font-weight:500;letter-spacing:-.055em;line-height:1.1;margin:0 0 24px;text-wrap:balance}.app-body{font-size:18px;line-height:1.65;max-width:540px;margin:0 0 24px;color:#55554f}.app-note{font-size:14px;line-height:1.7;max-width:510px;margin:0 0 30px}.app-fine{font-size:12px;line-height:1.7;color:#6a6a63;max-width:540px}.app-main>.app-fine{margin-top:24px}.app-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;border:1px solid #171715;border-radius:5px;background:#171715;color:#faf9f6;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.app-button:hover{background:#363632}.app-button:active{background:#050505}.app-button:focus-visible,.app-source:focus-visible,.app-brand:focus-visible,.app-review summary:focus-visible{outline:2px solid #171715;outline-offset:4px}.app-button--secondary{background:transparent;color:inherit}.app-button--secondary:hover{background:#eeeeea}.app-footer{padding:24px 0;font-size:11px;line-height:1.6;color:#74746c;border-top:1px solid #ddddd5}.app-main--round{width:min(960px,calc(100% - 48px));min-height:430px;padding-top:36px}.app-transition{min-height:390px;display:grid;place-items:center;font-size:24px;letter-spacing:-.03em}.app-main--results{max-width:640px}.app-main--results .app-title{font-size:88px;letter-spacing:-.065em;margin-bottom:10px}.app-benchmarks{margin:36px 0 24px;border-top:1px solid #ddddd5}.app-benchmark{padding:18px 0;border-bottom:1px solid #ddddd5;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}.app-benchmark-label{display:flex;flex-direction:column;gap:3px}.app-benchmark-value{font-variant-numeric:tabular-nums;font-size:20px}.app-benchmark--you .app-benchmark-value{font-weight:700}.app-review{margin-top:48px;border-top:1px solid #ddddd5;padding-top:22px}.app-review summary{font-size:14px;cursor:pointer}.app-review-list{padding:0;list-style:none}.app-review-item{padding:32px 0;border-bottom:1px solid #ddddd5}.app-review-item .app-kicker{margin-bottom:16px;font-size:10px}.app-review-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.app-review-text{font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.app-source{font-size:11px;color:#66665f;text-underline-offset:3px}.app-skip{position:fixed;top:-60px;left:16px;padding:12px;background:#171715;color:white;z-index:100}.app-skip:focus{top:12px}
@media(max-width:600px){.app-header,.app-footer{width:calc(100% - 40px)}.app-header{height:80px}.app-header .app-mono{font-size:9px;letter-spacing:.06em}.app-brand{font-size:22px}.app-main{padding:36px 0 48px;width:calc(100% - 40px)}.app-body{font-size:16px}.app-main--round{width:calc(100% - 32px);padding-top:20px}.app-main--results .app-title{font-size:72px}.app-review-pair{gap:16px}.app-review-text{font-size:13px}.app-fine{font-size:11px}.app-footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){.app-button{transition:none}}

body{margin:0;background:var(--i-bg);font-family:var(--i-font-sans)}.app-shell,.app-shell *{box-sizing:border-box}.app-main .i-button{margin-top:8px}.app-brand{font-size:20px;letter-spacing:-.06em}.app-feedback-pair{margin-block:24px}.app-review-item .i-pair{margin-block:16px}.app-review-item .app-source{display:inline-block;margin-block:8px}#leaderboard>h2:not(:first-child){margin-top:40px}@media(max-width:600px){.app-brand{font-size:18px}.app-header .app-mono{font-size:9px}.app-feedback-pair .i-post{min-height:0}}
.app-shell--round .app-header{height:64px}.app-shell--round>.app-footer{display:none}.app-shell--round .app-main--round{margin-block:0;padding-block:8px 36px}.app-shell--round .i-pair{margin-top:32px}.app-shell--round .i-post .i-post__image{max-height:clamp(120px,20svh,190px)}@media(max-width:600px){.app-shell--round .app-header{height:56px}.app-shell--round .i-round__phase{gap:12px}.app-shell--round .i-post .i-post__image{max-height:20svh}}

.app-main--practice { display:flex;flex-direction:column;align-items:flex-start; }
.app-main--practice .app-title { margin-bottom:16px; }
.app-main--practice .app-body { margin-bottom:28px; }
.app-main--practice .i-post-skeleton { margin-bottom:28px; }
.app-warning { width:96px;height:96px;margin:0 0 28px;color:var(--i-error); }.app-warning svg { display:block;width:100%;height:100%; }
.app-actions { display:flex;gap:12px;flex-wrap:wrap;margin:28px 0; }.app-actions .i-button { min-height:56px;padding:16px 24px;font-size:15px; }
.app-shell--round .app-main--round { flex:1;display:flex;align-items:center;margin:0 auto;min-height:calc(100svh - 64px);padding:16px 0 128px; }
.app-shell--round .i-pair { margin-top:32px; }
@media(max-width:600px) { .app-shell--round .app-main--round { min-height:calc(100svh - 56px);padding-bottom:116px; }.app-actions { flex-direction:column;align-items:stretch; } }
.app-models { width:100%;border-collapse:collapse;margin:24px 0;font-size:14px; }
.app-models th,.app-models td { text-align:left;padding:18px 12px 18px 0;border-bottom:1px solid var(--i-line);font-weight:400; }
.app-models thead th { color:var(--i-muted);font-size:12px; }
.app-models td { font-variant-numeric:tabular-nums; }
.app-models th:first-child { width:60%; }.app-models td:last-child,.app-models th:last-child { text-align:right;padding-right:0; }

.app-model-note { display:block;margin-top:5px;color:var(--i-muted);font-size:11px;font-weight:400; }.app-benchmarks>.app-fine { margin:16px 0; }