.Z4tRwW_player{--ink:#252522;--soft:#6d6b62;--line:#e4e0d6;--orange:#e84b13;--green:#1f8a4c;color:var(--ink);gap:18px;display:grid}.Z4tRwW_head{justify-content:space-between;align-items:center;gap:14px;display:flex}.Z4tRwW_head strong{letter-spacing:-.01em;font-size:15px;font-weight:650;display:block}.Z4tRwW_head span{color:var(--soft);font-size:12px}.Z4tRwW_xp{font-variant-numeric:tabular-nums;background:#fff1e8;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-weight:700;display:inline-flex;position:relative;color:#b1370b!important;font-size:13px!important}.Z4tRwW_xpPop{color:var(--orange);pointer-events:none;font-size:12px;font-style:normal;font-weight:800;position:absolute;top:-6px;right:6px}.Z4tRwW_steps{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.Z4tRwW_steps button{color:var(--soft);text-align:left;cursor:pointer;background:0 0;border:0;gap:7px;padding:0;font-size:12px;display:grid}.Z4tRwW_steps button>span:last-child{align-items:center;gap:5px;display:inline-flex}.Z4tRwW_bar{background:#ebe7dd;border-radius:99px;height:5px;display:block;overflow:hidden}.Z4tRwW_bar span{background:var(--orange);transform-origin:0;height:100%;display:block}.Z4tRwW_stepOn{font-weight:650;color:var(--ink)!important}.Z4tRwW_stepDone{color:var(--green)!important}.Z4tRwW_stepDone .Z4tRwW_bar span{background:var(--green)}.Z4tRwW_stage{min-height:330px}.Z4tRwW_prompt{letter-spacing:-.025em;font-size:clamp(19px,1.8vw,23px);font-weight:550;line-height:1.3}p.Z4tRwW_prompt{color:var(--soft);font-size:16px}.Z4tRwW_options{gap:10px;margin-top:18px;display:grid}.Z4tRwW_option{border:1.5px solid var(--line);min-height:54px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:12px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px;font-size:14px;transition:border-color .15s,background .15s,transform .15s;display:grid}.Z4tRwW_option:hover:not(:disabled){border-color:#cfc8b8;transform:translateY(-1px)}.Z4tRwW_option:disabled{cursor:default;opacity:1!important}.Z4tRwW_letter{background:#f1eee6;border-radius:8px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.Z4tRwW_picked{border-color:var(--ink)}.Z4tRwW_picked .Z4tRwW_letter{background:var(--ink);color:#fff}.Z4tRwW_right{border-color:var(--green);background:#eaf6ef}.Z4tRwW_right .Z4tRwW_letter{background:var(--green);color:#fff}.Z4tRwW_tick{color:var(--green)}.Z4tRwW_wrong{background:#fdecea;border-color:#d6452a}.Z4tRwW_wrong .Z4tRwW_letter{color:#fff;background:#d6452a}.Z4tRwW_actions{justify-content:space-between;align-items:center;gap:14px;min-height:52px;margin-top:18px;display:flex}.Z4tRwW_primary{background:var(--orange);color:#fff;cursor:pointer;border:0;border-radius:10px;flex-shrink:0;align-items:center;gap:9px;min-height:46px;padding:0 20px;font-size:14px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.Z4tRwW_primary:hover:not(:disabled){background:#c93c0b;transform:translateY(-1px)}.Z4tRwW_primary:disabled{color:#9a9285;background:#e7ded3;cursor:not-allowed!important;opacity:1!important}.Z4tRwW_feedbackRight,.Z4tRwW_feedbackWrong{font-size:13px;font-weight:600;line-height:1.5}.Z4tRwW_feedbackRight{color:var(--green)}.Z4tRwW_feedbackWrong{color:#b5321b}.Z4tRwW_editorBar{background:#262a25;align-items:center;gap:6px;padding:10px 14px;display:flex}.Z4tRwW_editorBar i{background:#4a4f47;border-radius:50%;width:10px;height:10px}.Z4tRwW_editorBar i:first-child{background:#e8664a}.Z4tRwW_editorBar i:nth-child(2){background:#e8b54a}.Z4tRwW_editorBar i:nth-child(3){background:#6cbf6a}.Z4tRwW_editorBar span{color:#9ea296;margin-left:8px;font-size:12.5px}.Z4tRwW_terminal{color:#e9e6dc;cursor:text;background:#151815;border-radius:14px;margin-top:14px;overflow:hidden;box-shadow:0 16px 30px -18px #0009}.Z4tRwW_screen{overscroll-behavior:contain;height:230px;padding:14px 16px 12px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;overflow-y:auto}.Z4tRwW_welcome{color:#7f877b;margin-bottom:8px}.Z4tRwW_entry p{overflow-wrap:anywhere;color:#f7f3ea}.Z4tRwW_ps{color:#f2ad86;-webkit-user-select:none;user-select:none}.Z4tRwW_out,.Z4tRwW_err{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.Z4tRwW_out{color:#9fd8b4}.Z4tRwW_err{color:#ff9b85}.Z4tRwW_status{color:#9ea296;align-items:center;gap:8px;display:flex}.Z4tRwW_inputLine{align-items:center;gap:8px;display:flex}.Z4tRwW_inputLine input{color:#fff;min-width:0;font:inherit;caret-color:#e84b13;background:0 0;border:0;outline:none;flex:1;padding:2px 0}.Z4tRwW_inputLine input::placeholder{color:#5d6459}.Z4tRwW_suggest{color:var(--soft);flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;font-size:12px;display:flex}.Z4tRwW_suggest button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;padding:5px 10px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px}.Z4tRwW_suggest button:hover:not(:disabled){border-color:var(--orange);color:#b1370b}.Z4tRwW_listen{border:1.5px solid var(--line);background:#fff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;padding:14px;display:flex}.Z4tRwW_listenMain{min-width:210px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:0;display:flex}.Z4tRwW_listenIcon{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:46px;height:46px;transition:transform .18s;display:grid}.Z4tRwW_listenMain:hover .Z4tRwW_listenIcon{transform:scale(1.06)}.Z4tRwW_listenMain strong{font-size:15px;display:block}.Z4tRwW_listenMain small{color:var(--soft);font-size:12px}.Z4tRwW_listenBars{align-items:center;gap:3px;height:24px;margin-left:auto;display:flex}.Z4tRwW_listenBars i{background:#e2ddd2;border-radius:3px;width:3px;height:8px}.Z4tRwW_listenOn .Z4tRwW_listenBars i{background:var(--orange);animation:.7s ease-in-out infinite alternate Z4tRwW_talk}.Z4tRwW_listenOn .Z4tRwW_listenBars i:nth-child(2){animation-delay:-.2s}.Z4tRwW_listenOn .Z4tRwW_listenBars i:nth-child(3){animation-delay:-.45s}.Z4tRwW_listenOn .Z4tRwW_listenBars i:nth-child(4){animation-delay:-.1s}.Z4tRwW_listenOn .Z4tRwW_listenBars i:nth-child(5){animation-delay:-.35s}@keyframes Z4tRwW_talk{to{height:22px}}.Z4tRwW_listenHint,.Z4tRwW_transcript{color:var(--soft);flex-basis:100%;font-size:12px!important}.Z4tRwW_transcript{font-family:Fraunces Variable,Georgia,serif;color:var(--ink)!important;font-size:18px!important}.Z4tRwW_complete{text-align:center;justify-items:center;gap:10px;padding:26px 10px 10px;display:grid}.Z4tRwW_trophy{align-items:flex-end;gap:7px;height:64px;display:flex;transform:rotate(-10deg)}.Z4tRwW_trophy i{background:var(--orange);transform-origin:bottom;border-radius:3px;width:13px;height:46px;display:block;box-shadow:3px 2px #a83308}.Z4tRwW_trophy i:nth-child(2){height:62px}.Z4tRwW_complete h3{letter-spacing:-.03em;margin-top:8px;font-size:26px;font-weight:600}.Z4tRwW_earned{font-weight:800;color:var(--green)!important;font-size:18px!important}.Z4tRwW_complete p{max-width:330px;color:var(--soft);font-size:14px;line-height:1.6}.Z4tRwW_ghost{min-height:40px;color:var(--soft);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:4px;padding:0 12px;font-size:12px;display:inline-flex}.Z4tRwW_note{color:#79776d;font-size:12.5px!important;line-height:1.6!important}@media (max-width:700px){.Z4tRwW_stage{min-height:0}.Z4tRwW_actions{flex-wrap:wrap}.Z4tRwW_screen{height:200px;font-size:12px}}@media (prefers-reduced-motion:reduce){.Z4tRwW_option,.Z4tRwW_primary{transition:none}.Z4tRwW_listenOn .Z4tRwW_listenBars i{animation:none}}.Z4tRwW_secondary{border:1.5px solid var(--line);min-height:46px;color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;flex-shrink:0;align-items:center;gap:9px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.Z4tRwW_complete .Z4tRwW_primary{margin-top:6px}.Z4tRwW_player,.Z4tRwW_stage,.Z4tRwW_stage>div{min-width:0}.Z4tRwW_terminal{max-width:100%}@media (max-width:700px){.Z4tRwW_actions{justify-content:flex-start}}.Z4tRwW_complete a.Z4tRwW_primary,.Z4tRwW_complete a.Z4tRwW_primary:hover{color:#fff}@media (pointer:coarse){.Z4tRwW_steps button{min-height:44px}}@media (max-width:819px) and (max-height:760px){.Z4tRwW_note{display:none}.Z4tRwW_option{min-height:46px}}
