*{box-sizing:border-box} :root{color-scheme:light;--ink:#152f50;--muted:#5c6b7c;--blue:#2157ce;--orange:#d86330;--line:#d8e0e9} body{margin:0;background:#fff;color:var(--ink);font-family:Pretendard,system-ui,sans-serif;word-break:keep-all} button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #255ce8;outline-offset:3px}a{color:inherit;text-decoration:none} .site-head{max-width:500px;margin:auto;height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;border-bottom:1px solid var(--line)}.site-head span{font-size:12px;color:var(--muted)}main{max-width:500px;margin:auto;padding:28px 24px 56px}h1,h2,p{margin:0}h1{font-size:32px;line-height:1.3;letter-spacing:-.025em}h2{font-size:22px;line-height:1.4;letter-spacing:-.015em}.eyebrow{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:24px}.eyebrow b{color:var(--orange)}.cover h1{font-size:41px;line-height:1.22;font-weight:850;letter-spacing:-.03em}.cover h1 span{color:var(--blue)}.cover-art{width:100%;display:block;max-height:290px;object-fit:contain;margin:22px 0}.intro{font-size:17px;color:#4c5f75;line-height:1.65;white-space:pre-line}.cover-facts{display:flex;margin:24px 0;gap:24px;font-size:13px;color:var(--muted)}.cover-facts strong{color:var(--ink);font-weight:750}.primary,.secondary{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border:1px solid var(--blue);border-radius:7px;font-weight:750;font-size:17px;background:var(--blue);color:#fff}.primary:disabled{background:#e8edf3;border-color:#e8edf3;color:#637286}.primary:not(:disabled):active,.secondary:active{transform:translateY(1px)}.secondary{margin-top:11px;background:#fff;border-color:#bbc7d5;color:var(--ink)}.small-note{font-size:13px;line-height:1.65;color:var(--muted);margin-top:16px}.progress{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:14px}.progress strong{color:var(--ink)}.study-meta{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px;font-size:13px;font-weight:700}.study-meta b{font-variant-numeric:tabular-nums;color:var(--orange);font-size:17px}.time-track{height:4px;background:#edf0f4;margin-bottom:20px}.time-track i{display:block;height:100%;width:100%;background:var(--orange)}.ticket{background:white;border:1px solid #b9c5d5;border-top:6px solid var(--ink);padding:0 18px 8px;position:relative;margin:20px 0 24px}.ticket-title{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px dashed #aebdce;font-size:13px;font-weight:750}.ticket-title span:last-child{font-size:11px;color:var(--muted);letter-spacing:.03em}.ticket-order{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:17px 0;border-bottom:1px dashed #c4cdd9}.ticket-order:last-child{border-bottom:0}.cup-icon{display:block;width:45px;height:58px;color:var(--ink)}.ticket-order strong{font-size:20px;display:block;margin:5px 0 7px}.ticket-order .customer{font-size:11px;font-weight:650;color:var(--muted)}.ticket-order p{font-size:15px;line-height:1.5;color:#405772}.ticket-order .temperature{color:var(--blue);font-weight:650}.ticket-order .temperature.hot{color:#b74f25}.order-number{font-size:12px;color:var(--muted);font-weight:650}.round-caption{font-size:15px;line-height:1.6;color:var(--muted);margin:10px 0 22px}.customer-tabs{display:grid;grid-template-columns:repeat(var(--count),minmax(0,1fr));gap:8px;margin:24px 0 22px}.customer-tab{border:1px solid #a7b8cc;min-height:61px;padding:9px 5px;background:white;color:var(--ink);border-radius:5px;font-size:15px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:5px}.customer-tab small{font-size:11px;font-weight:500;color:var(--muted)}.customer-tab[aria-selected=true]{border:2px solid var(--blue);padding:8px 4px;background:#f3f6fd;color:var(--blue)}.build-field{padding:20px 0;border-top:1px solid var(--line)}.build-field legend{float:left;width:100%;margin:0 0 12px;font-size:13px;font-weight:700;color:var(--muted)}fieldset{margin:0;border:0;padding:0;min-width:0}.choices{clear:both;display:grid;grid-template-columns:1fr 1fr;gap:9px}.choice{min-height:54px;padding:11px 8px;display:flex;align-items:center;justify-content:center;gap:6px;background:white;border:1px solid #a5b4c8;border-radius:5px;font-size:16px;color:var(--ink);font-weight:600}.choice[aria-pressed=true]{border:2px solid var(--blue);background:#f0f4ff;color:#174bb8;padding:10px 7px}.choice .choice-check{width:14px;font-size:13px}.build-info{display:flex;align-items:center;justify-content:space-between;margin:14px 0;font-size:13px;color:var(--muted)}.next-customer{padding:13px 0;background:none;border:0;color:var(--blue);font-size:15px;font-weight:700;width:100%;text-align:center;margin:2px 0 12px}.field-help{font-size:13px;line-height:1.6;color:var(--muted);margin-top:14px}.shift-summary{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:22px;margin:26px 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.shift-summary .count{font-size:64px;font-weight:850;letter-spacing:-.04em;line-height:1}.shift-summary small{font-size:18px;color:var(--muted);font-weight:500}.shift-summary p{font-size:15px;line-height:1.6}.review-line{padding:15px 0;border-bottom:1px solid var(--line)}.review-line header{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;margin-bottom:9px}.verdict{color:var(--blue);font-size:12px}.verdict.missed{color:#a3411a}.review-line p{font-size:15px;line-height:1.65}.review-line .picked{color:var(--muted);margin-top:5px}.wrong-word{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}.round-next{margin-top:26px}.result h1{font-size:31px;line-height:1.35}.score-row{display:flex;align-items:baseline;gap:8px;margin:26px 0 10px}.score-row strong{font-size:106px;line-height:1;letter-spacing:-.055em;font-weight:850;color:var(--blue)}.score-row span{font-size:22px;color:var(--muted)}.result-intro{font-size:17px;line-height:1.65;color:#405772}.field-scores{margin:30px 0;border-top:1px solid var(--ink)}.field-scores div{display:flex;align-items:center;justify-content:space-between;min-height:53px;border-bottom:1px solid var(--line);font-size:16px}.field-scores strong{font-variant-numeric:tabular-nums}.perfect-orders{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--ink);font-size:16px}.perfect-orders strong{font-size:22px;color:var(--blue)}.result-actions{margin-top:28px}.status{min-height:22px;color:var(--blue);font-size:13px;margin:12px 0;line-height:1.6}.review-heading{margin-top:36px;font-size:22px}.round-review{margin-top:16px;border-top:1px solid var(--line);padding-top:16px}.round-review summary{cursor:pointer;font-size:15px;font-weight:700;line-height:1.5}.round-review summary span{font-weight:500;color:var(--muted)}.result-art,.question-art{width:100%;max-height:230px;object-fit:contain;display:block;margin:20px 0}.pause-mark{width:64px;height:64px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;font-size:30px;font-weight:800;margin:15px 0 26px}.pause h1{margin-bottom:18px}.pause .intro{margin-bottom:28px}.footer-link{display:block;text-align:center;color:var(--blue);font-size:14px;font-weight:650;margin-top:30px}@media(max-width:374px){main{padding:26px 20px 48px}.site-head{padding:0 20px}.cover h1{font-size:38px}.ticket{padding-right:14px;padding-left:14px}.ticket-order{gap:11px}.ticket-order strong{font-size:19px}.choice{font-size:16px}}@media(hover:hover){.choice:hover,.customer-tab:hover{background:#f5f8ff}.primary:not(:disabled):hover{background:#1748b2}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.result h1{overflow-wrap:anywhere}.result .score-row{margin:26px 0 18px;gap:10px;align-items:baseline}.result .score-row strong{font-size:58px}.result .score-row>span:first-child{font-size:16px;color:var(--ink);margin-right:auto}.result .score-row>span:last-child{font-size:18px}.cup-rack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px;margin:28px 0 22px}.rack-cup{display:flex;flex-direction:column;align-items:center;gap:7px;padding-bottom:10px;border-bottom:2px solid #d8e0e9}.rack-cup>span{font-size:11px;color:var(--muted)}.rack-cup .cup-icon{height:64px;width:51px}.rack-cup strong{font-size:12px;color:var(--blue)}.rack-cup.missed strong{color:#a3411a}.rack-cup.missed .cup-icon{opacity:.65}.fulfillment-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--ink);padding:12px 0 18px;font-size:14px}.fulfillment-summary strong{font-size:22px;white-space:nowrap}

.choice,.ticket-order strong,.round-result h1,.cover h1{overflow-wrap:anywhere}

.difficulty-note{font-size:13px;line-height:1.6;color:var(--muted);margin:10px 0 16px}.choices:has(.choice:only-child){grid-template-columns:1fr}.cover .small-note{max-width:35em}

.study h1{font-size:28px}.ticket.is-rush .ticket-order{padding:10px 0;grid-template-columns:38px 1fr;gap:12px}.ticket.is-rush .cup-icon{width:34px;height:44px}.ticket.is-rush .ticket-order strong{font-size:18px;margin:4px 0}.ticket.is-rush .ticket-order p{font-size:14px}