*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Noto Sans KR,sans-serif;overflow:hidden}body{background:linear-gradient(#d4eaf2 0%,#dce8d4 42%,#b8d4b0 100%)}.app{z-index:10;justify-content:center;align-items:center;height:100vh;padding:12px 16px;display:flex;position:relative}.panel{background:#fafcf9;border:1px solid #b8d4b0;border-radius:16px;flex-direction:column;width:100%;max-width:1050px;height:calc(100vh - 24px);display:flex;overflow:hidden;box-shadow:0 12px 48px #1e3c281a}.topbar{background:#1e3d2e;border-radius:15px 15px 0 0;flex-shrink:0;align-items:stretch;display:flex}.unit-picker{border-right:1px solid #ffffff1a;flex-shrink:0;align-items:center;padding:0 4px 0 12px;display:flex}.unit-picker--single{padding:0 14px}.unit-picker-label{color:#ffffffbf;white-space:nowrap;font-size:11px;font-weight:700}.unit-picker-wrap{align-items:center;gap:6px;display:flex}.unit-picker-tag{color:#ffffff73;letter-spacing:.08em;font-size:9px;font-weight:800}.unit-picker-select{appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;cursor:pointer;background-color:#2a5240;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23ffffffcc' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid #ffffff47;border-radius:6px;padding:6px 28px 6px 10px;font-family:Noto Sans KR,sans-serif;font-size:11px;font-weight:700}.unit-picker-select option{color:#f5f5f5;background:#1e3d2e}.unit-picker-select:focus{border-color:#7dd87a;outline:none}.main-tab{color:#ffffff73;cursor:pointer;letter-spacing:.04em;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 22px;font-family:Noto Sans KR;font-size:12px;font-weight:700;transition:all .15s}.main-tab:hover{color:#ffffffbf}.main-tab.on{color:#fff;background:#7dd87a24;border-bottom-color:#7dd87a}.topbar-end{color:#ffffff8c;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-left:1px solid #ffffff1a;margin-left:auto;padding:10px 14px;font-family:Noto Sans KR;font-size:11px;font-weight:700;transition:color .12s}.topbar-end:hover{color:#a8e6a0}.pbar{background:#eee;flex-shrink:0;height:22px;display:none;position:relative;overflow:visible}.pfill{background:linear-gradient(90deg,#a8d5a0,#5fa855);border-radius:0 3px 3px 0;height:6px;transition:width .4s;position:absolute;top:8px;left:0}.pmas{font-size:14px;line-height:1;transition:left .4s;position:absolute;top:0;transform:translate(-50%)}.pbar-lbl{color:#1a5c38;white-space:nowrap;text-overflow:ellipsis;max-width:55%;font-size:10px;font-weight:700;position:absolute;top:2px;right:10px;overflow:hidden}.rib-flow .rbn.rib-wait{opacity:.35;pointer-events:none}.rib-flow .rbn.rib-done .rbn-body{background:#2a9d8f}.rib-flow .rbn.rib-done .rbn-arr{border-color:#0000 #0000 #0000 #2a9d8f}.sum-wrap{background:#fff;flex-direction:column;align-items:center;height:100%;padding:20px 24px;display:flex;overflow-y:auto}.sum-eyebrow{color:#aaa;letter-spacing:.06em;align-self:flex-start;font-size:10px;font-weight:700}.sum-title{color:#1a1a1a;margin-top:4px;font-size:20px;font-weight:900}.sum-desc{color:#888;text-align:center;margin-bottom:14px;font-size:12px;line-height:1.5}.sum-total{background:linear-gradient(135deg,#f0fdf8,#ecfdf5);border:2px solid #a7f3d0;border-radius:12px;justify-content:space-between;align-items:center;width:100%;max-width:400px;margin-bottom:16px;padding:14px 18px;display:flex}.sum-total-lbl{color:#1a5c38;font-size:13px;font-weight:700}.sum-total-val{color:#1a5c38;font-family:Nunito;font-size:22px;font-weight:900}.sum-list{width:100%;max-width:400px;margin:0 0 20px;padding:0;list-style:none}.sum-row{border-bottom:1px solid #f0f0f0;align-items:center;gap:10px;padding:11px 14px;display:flex}.sum-row:last-child{border-bottom:none}.sum-step{color:#666;background:#e8e8e8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-family:Nunito;font-size:11px;font-weight:800;display:flex}.sum-name{color:#333;flex:1;font-size:14px;font-weight:700}.sum-time{color:#3d9a8f;font-family:Nunito;font-size:13px;font-weight:800}.sum-score{color:#1a5c38;background:#e8f5e9;border-radius:8px;padding:2px 8px;font-size:11px;font-weight:700}.sum-btns{gap:10px;display:flex}.pbody{flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.main{flex:1;min-width:0;position:relative;overflow:hidden}.rib-col{background:#f3f7f1;border-left:1px solid #e4ede0;flex-direction:column;flex-shrink:0;gap:4px;width:108px;padding:10px 6px 10px 4px;display:flex}.rbn{cursor:pointer;align-items:center;width:108px;height:34px;transition:filter .12s;display:flex}.rbn:hover{filter:brightness(1.12)}.rbn-body{color:#fff;letter-spacing:.02em;flex:1;align-items:center;height:100%;padding:0 10px 0 14px;font-family:Noto Sans KR;font-size:11px;font-weight:700;display:flex}.rbn-arr{border-style:solid;border-width:17px 0 17px 10px;width:0;height:0}.teal .rbn-body{background:#3d9a8f}.teal .rbn-arr{border-color:#0000 #0000 #0000 #3d9a8f}.orange .rbn-body{background:#b86a28}.orange .rbn-arr{border-color:#0000 #0000 #0000 #b86a28}.sel-wrap{background:#fff;flex-direction:column;height:100%;display:flex}.sel-tabs{background:#f4f4f6;border-bottom:2px solid #eee;flex-shrink:0;display:flex}.stab{text-align:center;color:#bbb;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:10px 0;font-family:Noto Sans KR;font-size:12px;font-weight:700;transition:all .14s}.stab.on{color:#1a5c38;background:#fff;border-bottom-color:#1a5c38}.stab:hover:not(.on){color:#666}.sel-stat{background:#f0fdf8;border-bottom:1px solid #dcfce7;flex-shrink:0;justify-content:space-between;align-items:center;padding:7px 14px;display:flex}.sel-stat-txt{color:#1a5c38;font-size:11px;font-weight:700}.sel-badge{color:#1a5c38;background:#dcfce7;border-radius:10px;padding:2px 10px;font-size:10px;font-weight:800}.sel-split{flex:1;min-height:0;display:flex;overflow:hidden}.sel-list{background:#fafafa;border-right:2px solid #eee;flex:0 0 min(38%,280px);padding:8px;overflow-y:auto}.sel-hist{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.sel-list .si{margin-bottom:4px}.sel-list .si.focus{box-shadow:0 0 0 2px #6bc45a}.sel-list .si-main{padding:7px 0}.sel-list .si-en{font-size:15px}.sel-list .si-sent{font-size:12px}.si{cursor:pointer;background:#fff;border:1.5px solid #eee;border-radius:10px;flex-wrap:wrap;align-items:flex-start;margin-bottom:6px;transition:all .14s;display:flex;overflow:hidden}.si:hover{background:#fafffe;border-color:#a8d5bc}.si.on{background:#f0fdf8;border-color:#1a5c38}.si-bar{background:#e8e8e8;flex-shrink:0;align-self:stretch;width:4px;transition:background .14s}.si.on .si-bar{background:#1a5c38}.si-chk{flex-shrink:0;padding:0 10px 0 12px}.si-chk input{accent-color:#1a5c38;cursor:pointer;width:15px;height:15px}.si-main{flex:1;min-width:0;padding:9px 0}.si-en{color:#1a1a1a;font-family:Nunito;font-size:17px;font-weight:800}.si-ko{color:#bbb;margin-top:1px;font-size:11px;font-weight:600}.si-sent{color:#1a1a1a;font-size:13px;font-weight:700;line-height:1.4}.si-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;margin-left:auto;padding:8px 10px 8px 6px;display:flex}.si-pips{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:4px;max-width:100%;display:flex}.pip{border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:36px;height:30px;font-family:Nunito;font-size:11px;font-weight:800;line-height:1.15;display:flex}.p0{color:#ccc;background:#f5f5f5}.p1{color:#059669;background:#d1fae5}.p2{color:#047857;background:#6ee7b7}.p3{color:#064e3b;background:#34d399}.si-date{color:#ccc;white-space:nowrap;font-size:10px;font-weight:600}.si-date.rct{color:#1a5c38}.hist-matrix{color:#e8ecf4;background:#1e2433;flex-direction:column;flex:1;min-height:0;display:flex}.hist-matrix--empty{text-align:center;color:#8b95a8;justify-content:center;align-items:center;padding:24px;font-size:13px;line-height:1.7}.hist-matrix-head{border-bottom:1px solid #2d3548;flex-shrink:0;padding:10px 14px 8px}.hist-matrix-title{color:#fff;font-family:Nunito,sans-serif;font-size:18px;font-weight:800;display:block}.hist-matrix-sub{color:#8b95a8;margin-top:2px;font-size:11px;display:block}.hist-matrix-scroll{flex:1;padding:8px 10px 12px;overflow:auto}.hist-matrix-table{border-collapse:collapse;width:100%;font-family:Nunito,sans-serif;font-size:11px}.hist-matrix-table th,.hist-matrix-table td{text-align:center;white-space:nowrap;border:1px solid #2d3548;padding:7px 8px}.hist-matrix-table thead th{color:#b8c0d0;letter-spacing:.04em;background:#2a3142;font-size:10px;font-weight:800}.hist-matrix-lbl{width:72px}.hist-matrix-meta th,.hist-matrix-meta td{color:#9aa3b5;background:#252b3a;font-size:10px;font-weight:700}.hist-matrix-table tbody th[scope=row]{text-align:left;color:#c5cdd9;background:#252b3a;font-size:10px;font-weight:700}.hist-matrix-table tbody td{color:#f0f4fa;font-weight:700}.hist-matrix-table tbody td.off{color:#4a5568}.hist-matrix-divider td{background:#1e2433;border:none;height:6px;padding:0}.hist-matrix-test th[scope=row]{color:#f5d08a}.hist-wrap{flex:1;overflow-y:auto}.hdg{border-bottom:1px solid #f5f5f5}.hdhdr{background:#f8f9fa;border-bottom:1px solid #eee;padding:8px 14px 5px;position:sticky;top:0}.hdlbl{color:#aaa;letter-spacing:.04em;font-size:11px;font-weight:700}.hdlbl.td{color:#1a5c38}.hrow{border-bottom:1px solid #f8f8f8;align-items:center;gap:8px;padding:8px 14px;display:flex}.htime{color:#ccc;flex-shrink:0;width:40px;font-family:Nunito;font-size:12px;font-weight:700}.hword{color:#1a1a1a;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:60px;font-family:Nunito;font-size:13px;font-weight:800;overflow:hidden}.hact{color:#666;flex:1;font-size:12px}.hnth{color:#1a5c38;white-space:nowrap;background:#f0fdf8;border-radius:8px;padding:2px 8px;font-size:10px;font-weight:700}.hempty{text-align:center;color:#ccc;padding:50px;font-size:13px;line-height:2}.sel-foot{background:#f8f9fa;border-top:2px solid #eee;flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:flex}.allbtn{cursor:pointer;color:#666;background:#fff;border:1.5px solid #ddd;border-radius:7px;padding:8px 16px;font-family:Noto Sans KR;font-size:12px;font-weight:700;transition:all .12s}.allbtn:hover{color:#1a5c38;border-color:#1a5c38}.selcnt{color:#bbb;font-size:12px;font-weight:600}.gobtn{cursor:pointer;color:#fff;letter-spacing:.04em;background:linear-gradient(135deg,#1a5c38,#2e8b57);border:none;border-radius:9px;margin-left:auto;padding:10px 26px;font-family:Noto Sans KR;font-size:14px;font-weight:800;transition:all .13s;box-shadow:0 4px 14px #1a5c3859}.gobtn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #1a5c3873}.mode-hdr{background:#fafafa;border-bottom:1px solid #eee;flex-shrink:0;align-items:center;gap:8px;min-height:48px;padding:8px 12px;display:flex}.mode-hdr-tag{color:#aaa;letter-spacing:.06em;flex-shrink:0;font-size:10px;font-weight:700}.mode-hdr-mid{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.mode-hdr-done{color:#fff;cursor:pointer;background:#1a5c38e6;border:none;border-radius:6px;flex-shrink:0;padding:6px 12px;font-family:Noto Sans KR;font-size:11px;font-weight:700}.mode-hdr-done:hover{background:#1a5c38}.mode-hdr--dark{background:#00000059;border-bottom-color:#ffffff1f}.mode-hdr--dark .mode-hdr-tag{color:#ffffff80}.mode-cnt{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:1px;display:flex}.mode-cnt-inner{align-items:baseline;gap:3px;display:flex}.mode-cnt-num{color:#1a5c38;font-family:Nunito;font-size:32px;font-weight:900;line-height:1}.mode-cnt-unit{color:#1a5c38;font-size:14px;font-weight:800}.mode-cnt-act{color:#888;letter-spacing:.03em;font-size:10px;font-weight:700}.mode-cnt--compact .mode-cnt-num{font-size:22px}.mode-cnt--compact .mode-cnt-unit{font-size:12px}.mode-cnt--compact .mode-cnt-act{display:none}.mode-cnt.zero .mode-cnt-num{color:#d4d4d4}.mode-cnt.zero .mode-cnt-unit{color:#ccc}.mode-cnt--dark .mode-cnt-num{color:#3d9a8f}.mode-cnt--dark .mode-cnt-unit{color:#a8f0e8}.mode-cnt--dark .mode-cnt-act{color:#ffffff8c}.mode-cnt--dark.zero .mode-cnt-num{color:#ffffff40}.mode-cnt--dark.zero .mode-cnt-unit{color:#ffffff59}.mode-cnt--inline{align-items:flex-end}.mwrap{background:#fff;flex-direction:column;height:100%;min-height:0;display:flex}.ltop{background:#fff;border-bottom:1px solid #eee;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;display:flex;position:relative}.lbot{background:#ebebeb;flex:.65;justify-content:center;align-items:center;display:flex}.sndbtn{cursor:pointer;color:#3d9a8f;background:#3d9a8f1a;border:2px solid #3d9a8f;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:22px;transition:all .13s;display:flex}.sndbtn:hover{color:#fff;background:#3d9a8f;transform:scale(1.08)}.enbig{color:#1a1a1a;text-align:center;word-break:break-word;max-width:calc(100% - 96px);font-family:Nunito;font-size:56px;font-weight:900;line-height:1.1}.kobig{color:#555;font-size:44px;font-weight:700}.narr{cursor:pointer;color:#888;background:#fff;border:1.5px solid #ddd;border-radius:7px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .12s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.narr:hover{color:#3d9a8f;border-color:#3d9a8f}.al{left:12px}.ar{right:12px}.mctr{align-items:center;gap:6px;display:flex}.mctr-txt{color:#888;white-space:nowrap;font-size:11px;font-weight:700}.mdots{gap:3px;display:flex}.mdot{background:#e0e0e0;border-radius:50%;width:7px;height:7px;transition:all .2s}.mdot.on{background:#3d9a8f}.spkwrap{background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;min-height:0;display:flex;overflow:hidden}.spknav{align-items:center;gap:12px;display:flex}.spknbtn{cursor:pointer;color:#888;background:#fff;border:1.5px solid #ddd;border-radius:5px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .12s;display:flex}.spknbtn:hover{color:#3d9a8f;border-color:#3d9a8f}.spkword{color:#1a1a1a;text-align:center;min-width:180px;font-family:Nunito;font-size:44px;font-weight:900}.spkword--hidden{color:#ccc;letter-spacing:.2em}.micbtn{cursor:pointer;background:#f5f5f5;border:2px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;font-size:28px;transition:all .15s;display:flex}.micbtn:hover{background:#9b59b614;border-color:#9b59b6}.micbtn.rec{background:#e74c3c1a;border-color:#e74c3c;animation:1s infinite pmic}@keyframes pmic{0%,to{box-shadow:0 0 #e74c3c4d}50%{box-shadow:0 0 0 10px #e74c3c00}}.spkchars{gap:8px;display:flex}.spkch{background:#f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;transition:all .2s;display:flex}.spkch.lit{background:#d1fae5}.spkfb{color:#888;min-height:20px;font-size:13px;font-weight:600}.wrwrap{background:#fff;flex-direction:column;height:100%;min-height:0;padding:0 14px 12px;display:flex;overflow:hidden}.wrprog{color:#888;white-space:nowrap;font-size:12px;font-weight:700}.wrdots{gap:4px;display:flex}.wdot{color:#ccc;background:#f8f8f8;border:1.5px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;transition:all .2s;display:flex}.wdot.done{color:#059669;background:#d1fae5;border-color:#34d399}.wdot.curr{color:#d97706;background:#fef9c3;border-color:#facc15}.wrhint{color:#bbb;flex-shrink:0;margin-bottom:6px;font-size:11px;font-weight:600}.wr-prompt{color:#1a1a1a;text-align:center;word-break:break-word;background:#f5f9f4;border:1.5px solid #d4e8d0;border-radius:10px;flex-shrink:0;margin:0 0 12px;padding:14px 16px;font-family:Nunito,sans-serif;font-size:22px;font-weight:800;line-height:1.35}.wraud{cursor:pointer;color:#3d9a8f;background:#3d9a8f1a;border:1.5px solid #3d9a8f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto 8px;font-size:17px;transition:all .13s;display:flex}.wraud:hover{color:#fff;background:#3d9a8f}.wrboxes{flex-direction:column;flex:1;gap:7px;display:flex;overflow:hidden}.wb{background:#fff;border:1.5px solid #e8e8e8;border-radius:8px;align-items:center;min-height:50px;padding:9px 14px;font-size:21px;font-weight:700;transition:all .14s;display:flex;position:relative}.wb.active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.wb.correct{background:#f0fdf4;border-color:#22c55e}.wb.wrong{background:#fef2f2;border-color:#ef4444}.wb input{color:#1a1a1a;background:0 0;border:none;outline:none;width:100%;padding:9px 14px;font-family:Nunito;font-size:21px;font-weight:700;position:absolute;inset:0}.wbhint{color:#ddd;font-family:Nunito;font-size:21px;font-weight:700}.wrnext{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1a5c38,#2e8b57);border:none;border-radius:7px;flex-shrink:0;margin:10px auto 0;padding:9px 26px;font-family:Noto Sans KR;font-size:13px;font-weight:800;display:block}.shwrap{background:#fff;flex-direction:column;align-items:center;gap:8px;height:100%;min-height:0;padding:0 12px 12px;display:flex;overflow:hidden}.sh-karaoke-all{justify-content:flex-start}.sh-top-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.shsent{color:#1a1a1a;text-align:center;font-size:24px;font-weight:800;line-height:1.6}.shko{color:#aaa;text-align:center;font-size:15px;font-weight:600}.shbtns{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.shaud{cursor:pointer;color:#3d9a8f;background:#3d9a8f1a;border:1.5px solid #3d9a8f;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;transition:all .13s;display:flex}.shaud:hover{color:#fff;background:#3d9a8f}.sh-speed-change{color:#888;cursor:pointer;background:#fff;border:1.5px solid #ddd;border-radius:6px;padding:8px 16px;font-family:Noto Sans KR;font-size:11px;font-weight:700}.sh-speed-change:hover{color:#1a5c38;border-color:#1a5c38}.sh-speed{align-items:stretch}.sh-speed-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:0;padding:12px 16px;display:flex}.sh-speed-title{color:#1a1a1a;margin-top:0;font-size:18px;font-weight:900}.sh-speed-desc{color:#888;text-align:center;font-size:12px;line-height:1.5}.sh-speed-grid{gap:10px;margin-top:8px;display:flex}.sh-speed-btn{cursor:pointer;background:#fafafa;border:2px solid #e8e8e8;border-radius:12px;flex:1;min-width:88px;padding:18px 12px;font-family:Noto Sans KR;transition:all .14s}.sh-speed-btn:hover{background:#f0fdf8;border-color:#3d9a8f;transform:translateY(-2px)}.sh-speed-lbl{color:#1a1a1a;font-size:14px;font-weight:800;display:block}.sh-speed-sub{color:#3d9a8f;margin-top:4px;font-family:Nunito;font-size:11px;font-weight:700;display:block}.sh-speed-note{color:#bbb;margin-top:4px;font-size:10px}.sh-ctr{color:#aaa;font-size:11px;font-weight:700}.sh-rate-badge{color:#1a5c38;background:#e8f5e9;border-radius:10px;padding:3px 10px;font-family:Nunito;font-size:10px;font-weight:800}.sh-track-wrap{align-items:center;gap:10px;width:100%;max-width:520px;display:flex}.sh-track{background:#eee;border-radius:5px;flex:1;height:10px;overflow:hidden}.sh-track-fill{background:linear-gradient(90deg,#6bc4a8,#2e8b57);border-radius:5px;height:100%;transition:width .12s ease-out}.sh-track-pct{color:#3d9a8f;text-align:right;min-width:36px;font-family:Nunito;font-size:11px;font-weight:800}.sh-karaoke-line{text-align:center;flex-wrap:wrap;flex:1;justify-content:center;align-items:center;max-width:520px;padding:8px 4px;font-size:26px;font-weight:800;line-height:1.65;display:flex}.sh-all-list{flex:1;width:100%;max-width:560px;min-height:0;padding:4px 0 8px;overflow-y:auto}.sh-line{background:#fafafa;border:1.5px solid #eee;border-radius:10px;gap:10px;margin-bottom:8px;padding:12px 14px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.sh-line.past{background:#f0fdf8;border-color:#a7f3d0}.sh-line.current{background:#fff;border-color:#3d9a8f;box-shadow:0 0 0 2px #3d9a8f33}.sh-line.upcoming{opacity:.45}.sh-line-num{color:#888;background:#e8e8e8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-family:Nunito;font-size:11px;font-weight:800;display:flex}.sh-line.current .sh-line-num{color:#fff;background:#3d9a8f}.sh-line.past .sh-line-num{color:#fff;background:#34d399}.sh-line-body{flex:1;min-width:0}.sh-line-en{flex-wrap:wrap;font-size:17px;font-weight:800;line-height:1.55;display:flex}.sh-line-ko{color:#aaa;margin-top:5px;font-size:12px;font-weight:600;line-height:1.4}.sh-word{color:#ccc;border-radius:4px;padding:2px 1px;font-family:Nunito;transition:color .1s,background .1s,transform .1s;display:inline}.sh-word.wait{color:#ddd}.sh-word.past{color:#1a1a1a;background:linear-gradient(#0000 60%,#d1fae5 60%)}.sh-word.active{color:#fff;background:linear-gradient(135deg,#4a9d7a,#1a5c38);transform:scale(1.05);box-shadow:0 2px 10px #1a5c3859}.sh-space{white-space:pre}.sh-stats{color:#888;align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.sh-stats strong{color:#1a5c38;font-family:Nunito}.sh-live{color:#3d9a8f;font-size:10px;font-weight:800;animation:1s infinite shpulse}.sh-live.done{color:#1a5c38;animation:none}.sh-done-panel{text-align:center;background:#f0fdf8;border:1.5px solid #a7f3d0;border-radius:12px;flex-shrink:0;width:100%;max-width:520px;padding:14px 16px}.sh-done-msg{color:#1a5c38;margin:0 0 12px;font-size:13px;font-weight:600;line-height:1.5}.sh-done-btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@keyframes shpulse{0%,to{opacity:1}50%{opacity:.4}}.wowrap{background:#fff;flex-direction:column;height:100%;min-height:0;padding:0 16px 16px;display:flex;overflow:hidden}.wolbl{color:#aaa;letter-spacing:.06em;margin-bottom:10px;font-size:10px;font-weight:700}.wodrop{background:#fafafa;border:1.5px dashed #ddd;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;min-height:54px;margin-bottom:12px;padding:8px;transition:border-color .13s;display:flex}.wodrop.has{border-style:solid;border-color:#3d9a8f}.chip{cursor:pointer;border-radius:20px;padding:8px 14px;font-family:Nunito;font-size:13px;font-weight:700;transition:all .12s}.chip.bank{color:#6d28d9;background:#ede9fe;border:1.5px solid #ddd5fe}.chip.bank:hover{background:#ddd6fe;transform:translateY(-2px)}.chip.placed{color:#065f46;background:#d1fae5;border:1.5px solid #a7f3d0}.wobank{background:#f5f5f5;border:1px solid #eee;border-radius:8px;flex-wrap:wrap;gap:6px;padding:8px;display:flex}.wofoot{align-items:center;gap:8px;margin-top:12px;display:flex}.wochk{color:#fff;cursor:pointer;background:#3d9a8f;border:none;border-radius:6px;padding:8px 20px;font-family:Noto Sans KR;font-size:11px;font-weight:800}.worst{color:#888;cursor:pointer;background:#fff;border:1.5px solid #ddd;border-radius:6px;padding:8px 14px;font-family:Noto Sans KR;font-size:11px;font-weight:700}.wofb{min-height:20px;font-size:12px;font-weight:700}.spwrap{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.spbg{background:radial-gradient(at 50% 110%,#0a1e40,#020710 65%);position:absolute;inset:0}.spstar{animation:twk var(--d,2s) ease-in-out infinite;background:#fff;border-radius:50%;position:absolute}@keyframes twk{0%,to{opacity:.15}50%{opacity:1}}.spglow{background:radial-gradient(at 50% 100%,#1e64dc73,#0000 70%);width:70%;height:90px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.sphor{background:linear-gradient(#0000,#0a1e50cc 40%,#060e20 100%);height:120px;position:absolute;bottom:0;left:0;right:0}.sphaz{opacity:.8;background:repeating-linear-gradient(90deg,#c8900a 0 20px,#0a0818 20px 40px);height:16px;position:absolute;bottom:0;left:0;right:0}.sphdr{z-index:2;flex-direction:column;flex-shrink:0;gap:8px;padding:10px 14px 8px;display:flex;position:relative}.sphdr-top{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.sphdr-top .sptitle{flex:1;min-width:80px}.sphdr .spdots{flex-wrap:wrap;justify-content:center;margin-left:0}.spback{color:#fff6;cursor:pointer;background:0 0;border:none;font-size:16px}.sptitle{color:#fff;letter-spacing:.06em;font-size:14px;font-weight:800}.spctr{color:#ffffff80;font-size:11px}.spdots{flex-wrap:wrap;gap:5px;display:flex}.spdot{background:#f0be30;border-radius:50%;width:10px;height:10px;transition:all .3s}.spdot.off{background:#fff3}.spbody{z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:0 30px;display:flex;position:relative}.spplay{cursor:pointer;color:#3d9a8f;background:#3d9a8f1a;border:2px solid #3d9a8f;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:24px;display:flex}.spplay:hover{background:#3d9a8f33}.spprompt{color:#fff;text-align:center;font-size:22px;font-weight:700}.spinp{color:#fff;background:#ffffff12;border:2px solid #3b82f699;border-radius:8px;outline:none;width:100%;max-width:640px;padding:13px 17px;font-family:Nunito;font-size:17px;font-weight:700}.spinp::placeholder{color:#ffffff4d}.spinp:focus{border-color:#3b82f6}.spnxt{color:#ff6830;cursor:pointer;background:0 0;border:none;font-family:Nunito;font-size:26px;font-style:italic;font-weight:900}.sp-meta-hint{color:#ffffff73;margin:-6px 0 4px;font-size:12px;font-weight:600}.sp-meta-actions{justify-content:center;align-items:center;gap:16px;width:100%;max-width:640px;display:flex}.sp-skip{color:#ffffffb3;cursor:pointer;background:#ffffff14;border:1.5px solid #ffffff40;border-radius:8px;padding:10px 22px;font-family:Noto Sans KR;font-size:14px;font-weight:700}.sp-skip:hover{color:#ff6830;border-color:#ff6830}.spbody-result{overflow-y:auto}.sp-meta-unknown{background:#ffffff0f;border-radius:8px;width:100%;max-width:400px;max-height:140px;padding:6px}.sp-meta-unknown .mt-result-item{background:#0003;border-color:#ffffff1f}.sp-meta-unknown .mt-result-en{color:#fff}.sp-meta-unknown .mt-result-ko{color:#ffffff80}.wmwrap{background:#f5f0e8;flex-direction:column;height:100%;display:flex}.wmend{color:#888;cursor:pointer;background:0 0;border:none;margin-left:auto;font-family:Noto Sans KR;font-size:11px;font-weight:700}.wmbody{flex:1;padding:16px 22px;overflow-y:auto}.wmitem{margin-bottom:16px}.wmlbl{color:#333;margin-bottom:7px;font-size:17px;font-weight:700}.wminp{color:#1a1a1a;background:#fff;border:1.5px solid #ddd;border-radius:8px;outline:none;width:100%;padding:11px 14px;font-family:Nunito;font-size:16px;font-weight:600;transition:border-color .13s}.wminp:focus{border-color:#3b82f6}.wminp.ok{color:#16a34a;background:#f0fdf4;border-color:#22c55e}.wminp.ng{color:#dc2626;background:#fef2f2;border-color:#ef4444}.wmans{color:#dc2626;margin-top:3px;font-size:12px;font-weight:600;display:none}.wmfoot{background:#f5f0e8;border-top:1px solid #e8e4dc;flex-shrink:0;justify-content:center;gap:10px;padding:14px 22px;display:flex}.wmsub{color:#fff;cursor:pointer;background:#6a6a7a;border:none;border-radius:7px;padding:10px 30px;font-family:Noto Sans KR;font-size:14px;font-weight:700}.wmout{color:#fff;cursor:pointer;background:#888;border:none;border-radius:7px;padding:10px 26px;font-family:Noto Sans KR;font-size:14px;font-weight:700}.wgwrap{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.wgbg{background:radial-gradient(at 50% 100%,#1a1a5a,#0a0a2a 60%,#050510 100%);position:absolute;inset:0}.wgstar{animation:twk var(--d,2s) ease-in-out infinite;background:#fff;border-radius:50%;position:absolute}.wghdr{z-index:2;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:10px 14px;display:grid;position:relative}.wghdr .mode-cnt{justify-self:start}.wgscore{color:#fff;text-align:center;justify-self:center;font-size:15px;font-weight:800}.wgtimer{color:#f0be30;white-space:nowrap;justify-self:end;font-family:Nunito;font-size:15px;font-weight:800}.wggrid{z-index:2;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.wgcards{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:560px;padding:0 20px;display:grid}.wgcard{cursor:pointer;color:#1a1a1a;aspect-ratio:1.2;-webkit-user-select:none;user-select:none;background:#fff;border:3px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;padding:0;font-family:Noto Sans KR;font-size:20px;font-weight:800;transition:all .14s;display:flex;box-shadow:0 4px 14px #00000059}.wgcard:hover:not(.wgm):not(.wglk){transform:translateY(-3px)}.wgcard.wgs{background:#fffbea;border-color:#f0be30}.wgcard.wgok{background:#f0fdf4;border-color:#22c55e;animation:.35s wgP}.wgcard.wgng{background:#fef2f2;border-color:#ef4444;animation:.35s wgS}.wgcard.wgm{opacity:0;pointer-events:none;transition:opacity .4s}@keyframes wgP{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes wgS{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.reswrap{background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;display:flex}.resring{border:5px solid #3d9a8f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:90px;height:90px;display:flex}.respct{color:#1a1a1a;font-family:Nunito;font-size:24px;font-weight:900}.reslbl2{color:#aaa;letter-spacing:.1em;font-size:9px}.restitle{color:#1a1a1a;font-size:22px;font-weight:900}.resstats{gap:24px;display:flex}.rsv{text-align:center}.rsv-n{font-family:Nunito;font-size:28px;font-weight:900}.rsv-l{color:#aaa;margin-top:2px;font-size:10px;font-weight:700}.resbtns{gap:10px;display:flex}.rbr{cursor:pointer;color:#555;background:#f0f0f0;border:none;border-radius:7px;padding:9px 20px;font-family:Noto Sans KR;font-size:12px;font-weight:700}.rbh{cursor:pointer;color:#fff;background:linear-gradient(135deg,#3d9a8f,#1a9090);border:none;border-radius:7px;padding:9px 24px;font-family:Noto Sans KR;font-size:12px;font-weight:800}.toast{color:#fff;opacity:0;pointer-events:none;z-index:9999;background:#1a1a1a;border-radius:6px;padding:8px 18px;font-family:Noto Sans KR;font-size:12px;font-weight:700;transition:opacity .2s;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.auth-gate{z-index:20;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.auth-gate-card{text-align:center;background:#fafcf9;border:1px solid #b8d4b0;border-radius:16px;width:100%;max-width:400px;padding:32px 28px;box-shadow:0 12px 48px #1e3c281a}.auth-gate-tag{color:#1a5c38;letter-spacing:.08em;font-size:10px;font-weight:700}.auth-gate-title{color:#1a1a1a;margin-top:8px;font-size:20px;font-weight:900}.auth-gate-desc{color:#666;margin-top:12px;font-size:13px;line-height:1.6}.auth-gate-err{color:#dc2626}.auth-gate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1a5c38,#2e8b57);border:none;border-radius:9px;width:100%;margin-top:20px;padding:12px 20px;font-family:Noto Sans KR;font-size:14px;font-weight:800}.auth-gate-btn:hover{filter:brightness(1.05)}.auth-gate-card--wide{max-width:420px}.auth-gate-form{text-align:left;flex-direction:column;gap:12px;margin-top:16px;display:flex}.auth-gate-label{color:#555;flex-direction:column;gap:4px;font-size:12px;font-weight:700;display:flex}.auth-gate-input{border:1.5px solid #ddd;border-radius:8px;padding:10px 12px;font-family:Noto Sans KR;font-size:14px}.auth-gate-input:focus{border-color:#1a5c38;outline:none}.auth-gate-form .auth-gate-err{margin:0;font-size:13px}.auth-gate-form .auth-gate-btn{margin-top:4px}.mt-fullscreen{z-index:100;position:fixed;inset:0;overflow:hidden}.mt-screen{background:linear-gradient(#b8e4f0 0%,#c5e8b8 38%,#8bc96a 100%);width:100%;height:100%;position:relative;overflow:hidden}.mt-scene{pointer-events:none;position:absolute;inset:0;overflow:hidden}.mt-sky{background:linear-gradient(#c5eaf5 0%,#d8f2fa 100%);position:absolute;inset:0 42% 0 0}.mt-cloud{opacity:.9;background:#fff;border-radius:40px;position:absolute}.mt-cloud-a{width:72px;height:28px;top:8%;left:8%;box-shadow:34px 0 #fff,-14px 6px #f5fbff}.mt-cloud-b{width:58px;height:22px;top:12%;left:28%;box-shadow:26px 0 #eef8ff}.mt-cloud-c{width:64px;height:24px;top:6%;right:14%;box-shadow:30px 0 #fff}.mt-hill{border-radius:50% 50% 0 0;position:absolute;left:-5%;right:-5%}.mt-hill-back{background:#9ed492;height:42%;bottom:18%}.mt-hill-mid{background:#7fbf72;height:36%;bottom:10%}.mt-hill-front{background:#5fa855;height:28%;bottom:0}.mt-tree{border-bottom:100px solid #2d6b3a;border-left:28px solid #0000;border-right:28px solid #0000;width:0;height:0;position:absolute;bottom:8%}.mt-tree:after{content:"";background:#5c3d28;border-radius:2px;width:14px;height:36px;position:absolute;bottom:-118px;left:50%;transform:translate(-50%)}.mt-tree-l1{border-bottom-color:#3a7d45;left:2%;transform:scale(1.15)}.mt-tree-l2{border-bottom-width:80px;border-bottom-color:#4a8f55;border-left-width:22px;border-right-width:22px;left:14%}.mt-tree-r1{border-bottom-color:#2f7040;right:4%;transform:scale(1.2)}.mt-tree-r2{border-bottom-width:75px;border-bottom-color:#3d8450;right:16%}.mt-bush{background:#3d7a42;border-radius:50% 50% 40% 40%;width:120px;height:55px;position:absolute;bottom:6%}.mt-bush-l{left:-20px}.mt-bush-r{background:#357a3d;right:-20px}.mt-screen-ui{z-index:2;justify-content:center;align-items:center;height:100%;padding:24px;display:flex;position:relative}.mt-screen-ui--center{align-items:center}.mt-screen-ui--result{align-items:center;overflow-y:auto}.mt-start-btn{color:#fff;letter-spacing:.04em;cursor:pointer;background:#a6702e;border:none;border-radius:10px;min-width:200px;padding:14px 48px;font-family:Nunito,sans-serif;font-size:22px;font-weight:800;transition:transform .1s,box-shadow .1s;box-shadow:0 6px #7a5222,0 10px 24px #0003}.mt-start-btn:hover{transform:translateY(-2px)}.mt-start-btn:active{transform:translateY(2px);box-shadow:0 3px #7a5222}.mt-start-btn--sm{min-width:auto;margin:0 6px;padding:10px 22px;font-size:15px}.mt-test-body{z-index:2;box-sizing:border-box;pointer-events:none;justify-content:center;align-items:stretch;padding:0 clamp(96px,10vw,120px);display:flex;position:absolute;inset:0}.mt-test-body .mt-top-bar,.mt-test-body .mt-sidebar,.mt-test-body .mt-card,.mt-test-body .mt-side-icon,.mt-next-sign{pointer-events:auto}.mt-test-stack{flex-direction:column;flex:1;min-width:0;max-width:min(960px,100%);display:flex}.mt-top-bar{z-index:3;flex-shrink:0;padding:clamp(14px,2vh,20px) 0 4px;position:relative}.mt-combo-panel{z-index:3;pointer-events:none;flex-direction:column;align-items:center;gap:12px;width:76px;display:flex;position:absolute;top:50%;left:clamp(12px,2vw,20px);transform:translateY(-42%)}.mt-combo-box{background:#ffffffb8;border:2px solid #fffc;border-radius:14px;flex-direction:column;align-items:center;min-width:68px;padding:12px 10px;display:flex;box-shadow:0 4px 16px #1e3c281f}.mt-combo-box--on{background:#ffffffe0;border-color:#8ed67a}.mt-combo-label{color:#5fa855;letter-spacing:.12em;font-size:9px;font-weight:800}.mt-combo-value{color:#2d5a28;margin-top:2px;font-family:Nunito,sans-serif;font-size:32px;font-weight:900;line-height:1}.mt-combo-box--on .mt-combo-value{color:#1a5c38}.mt-combo-progress{text-align:center}.mt-combo-progress-num{color:#2d5a28;font-family:Nunito,sans-serif;font-size:18px;font-weight:800}.mt-combo-progress-sep{color:#9ed492;margin:0 1px;font-weight:600}.mt-combo-progress-lbl{color:#6a8f62;margin-top:2px;font-size:10px;font-weight:700;display:block}.mt-combo-stats{flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:800;display:flex}.mt-combo-stat--ok{color:#2e8b57}.mt-combo-stat--no{color:#c45c5c}.mt-combo-hint{color:#6a8f62;text-align:center;margin:6px 0 0;font-size:9px;font-weight:700;line-height:1.3}.mt-combo-tiers{flex-direction:column;gap:8px;margin-top:6px;display:flex}.mt-combo-tier{opacity:.45;background:#ffffff80;border-radius:10px;flex-direction:column;align-items:center;width:44px;padding:6px 4px;transition:opacity .2s,transform .2s,background .2s;display:flex}.mt-combo-tier.on{opacity:1;background:#ffffffd9;transform:scale(1.06)}.mt-combo-tier--star.on .mt-combo-tier-glyph{color:#e8a020}.mt-combo-tier--circle.on .mt-combo-tier-glyph{color:#4a8fd4}.mt-combo-tier--tri.on .mt-combo-tier-glyph{color:#5fa855}.mt-combo-tier-glyph{font-size:18px;font-weight:900;line-height:1}.mt-combo-tier-need{color:#888;white-space:nowrap;margin-top:2px;font-size:8px;font-weight:700}.mt-combo-tier.on .mt-combo-tier-need{color:#5fa855}.mt-timer{align-items:flex-end;gap:12px;padding-top:56px;display:flex}.mt-timer-track{background:#e8f4e4;border:3px solid #b8ddb0;border-radius:999px;flex:1;height:14px;position:relative;overflow:visible}.mt-timer-fill{background:linear-gradient(90deg,#8ed67a,#6bc45a);border-radius:999px;min-width:8px;height:100%;transition:width 1s linear;position:relative;overflow:visible}.mt-timer.time-low .mt-timer-fill{background:linear-gradient(90deg,#f5c542,#e85a4a)}.mt-timer-label{color:#2d5a28;letter-spacing:.02em;min-width:44px;padding-bottom:1px;font-family:Nunito,sans-serif;font-size:18px;font-weight:800}.mt-mascot{z-index:3;pointer-events:none;margin-bottom:-2px;position:absolute;bottom:100%;right:0;transform:translate(50%)}.mt-mascot-img{object-fit:contain;object-position:center bottom;mix-blend-mode:screen;filter:drop-shadow(0 3px 8px #1e3c2833);width:68px;height:68px;display:block}.mt-mascot-img--bob{animation:1.5s ease-in-out infinite mt-mascot-bob}.mt-mascot-img--wiggle{animation:.85s ease-in-out infinite mt-mascot-wiggle}@keyframes mt-mascot-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(-2deg)}}@keyframes mt-mascot-wiggle{0%,to{transform:translateY(0)rotate(-5deg)scale(1.02)}50%{transform:translateY(-2px)rotate(5deg)scale(1.06)}}.mt-sidebar{z-index:3;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:clamp(14px,2.5vw,22px);padding:clamp(8px,1.5vh,14px) 0 clamp(12px,2vh,20px);display:flex}.mt-side-icon{cursor:pointer;background:linear-gradient(145deg,#f0e8ff 0%,#c8d8ff 40%,#e8d4f8 100%);border:none;border-radius:16px;justify-content:center;align-items:center;width:clamp(52px,6.5vw,64px);height:clamp(52px,6.5vw,64px);transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 4px 14px #503c7847,inset 0 2px 4px #ffffffbf}.mt-side-icon:hover{transform:scale(1.06)}.mt-side-glyph{color:#3c325abf;font-size:clamp(22px,2.8vw,28px);font-weight:900;line-height:1}.mt-side-icon--star .mt-side-glyph{color:#c88a10}.mt-side-icon--circle .mt-side-glyph{color:#3a7ab8}.mt-side-icon--tri .mt-side-glyph{color:#3d8a48}.mt-side-icon--x{background:linear-gradient(145deg,#ffe8e8,#ffc8c8,#f8d4e8)}.mt-side-icon--hit{animation:.4s mt-side-btn-pop}.mt-side-icon--star.mt-side-icon--hit{box-shadow:0 6px 18px #e8a02066,inset 0 2px 4px #fffc}.mt-side-icon--circle.mt-side-icon--hit{box-shadow:0 6px 18px #3a7ab859,inset 0 2px 4px #fffc}.mt-side-icon--tri.mt-side-icon--hit{box-shadow:0 6px 18px #3d8a4859,inset 0 2px 4px #fffc}.mt-side-icon--x.mt-side-icon--hit{box-shadow:0 6px 18px #d6454559,inset 0 2px 4px #fffc}.mt-fly-glyph{z-index:200;left:var(--fx);top:var(--fy);pointer-events:none;font-size:34px;font-weight:900;line-height:1;animation:.52s cubic-bezier(.33,1,.55,1) forwards mt-fly-glyph-to-btn;position:fixed}.mt-fly-glyph--ok{color:#2e8b57;text-shadow:0 2px 10px #2e8b5766}.mt-fly-glyph--bad{color:#d64545;text-shadow:0 2px 10px #d6454573}@keyframes mt-fly-glyph-to-btn{0%{opacity:1;transform:translate(-50%,-50%)scale(1.35)rotate(-8deg)}to{left:var(--tx);top:var(--ty);opacity:.95;transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes mt-side-btn-pop{0%,to{transform:scale(1)}45%{transform:scale(1.14)}}.mt-main{box-sizing:border-box;flex:1;justify-content:center;align-items:stretch;min-width:0;min-height:0;padding:0 0 clamp(72px,10vh,96px);display:flex;position:relative}.mt-card{text-align:center;background:#fff;border-radius:clamp(18px,2.2vw,26px);flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:none;min-height:clamp(300px,58vh,560px);padding:clamp(40px,7vh,64px) clamp(36px,5.5vw,72px) clamp(32px,5vh,48px);display:flex;box-shadow:0 12px 44px #1e3c1e2e}.mt-card--result{min-height:auto;max-height:85%;overflow-y:auto}.mt-card-word{color:#1a1a1a;margin-bottom:clamp(24px,4vh,40px);font-size:clamp(36px,5.5vw,56px);font-weight:800;line-height:1.35}.mt-cells{cursor:text;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(10px,1.6vw,16px);max-width:100%;margin:0 auto clamp(16px,3vh,28px);display:flex;position:relative}.mt-cells-space{flex-shrink:0;width:clamp(12px,2vw,20px)}.mt-cell{text-align:center;color:#1a1a1a;text-transform:lowercase;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff 0%,#f4f4f4 100%);border:2.5px solid #e0e0e0;border-radius:50%;outline:none;justify-content:center;align-items:center;width:clamp(52px,7vw,68px);height:clamp(52px,7vw,68px);padding:0;font-family:Nunito,sans-serif;font-size:clamp(24px,3.2vw,32px);font-weight:800;line-height:1;transition:border-color .15s,box-shadow .15s,transform .12s;display:inline-flex;box-shadow:inset 0 -3px #e8e8e8,0 2px 6px #0000000f}.mt-cell--active{background:#fff;border-color:#6bc45a;transform:scale(1.06);box-shadow:inset 0 -2px #d4edc8,0 0 0 4px #6bc45a33}.mt-cells-input{clip:rect(0,0,0,0);white-space:nowrap;opacity:0;caret-color:#0000;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mt-card-sub{color:#666;margin-bottom:12px;font-size:15px}.mt-step-dots{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.mt-dot{background:#e5e5e5;border-radius:50%;transition:background .2s,transform .2s}.mt-step-dots{margin-top:auto;padding-top:clamp(8px,2vh,16px)}.mt-dot{width:clamp(12px,1.4vw,16px);height:clamp(12px,1.4vw,16px)}.mt-dot.done{background:#9ed492}.mt-dot.curr{background:#3d7a42;transform:scale(1.15)}.mt-next-sign{z-index:4;color:#fff;cursor:pointer;background:#a6702e;border:none;border-radius:8px;min-width:120px;padding:14px 28px 16px;font-family:Nunito,sans-serif;font-size:22px;font-weight:800;transition:transform .1s;position:absolute;bottom:32px;right:28px;transform:rotate(-4deg);box-shadow:4px 6px #6d4a1f,0 8px 20px #00000038}.mt-next-sign:hover{transform:rotate(-2deg)translateY(-2px)}.mt-next-sign:active{transform:rotate(-4deg)translateY(2px)}.mt-result-stats{color:#5fa855;justify-content:center;gap:20px;margin-bottom:14px;font-size:13px;font-weight:700;display:flex}.mt-result-words{text-align:left;color:#444;max-height:160px;margin:0 0 16px;padding:0;font-size:13px;list-style:none;overflow-y:auto}.mt-result-words li{border-bottom:1px solid #f0f0f0;padding:6px 0}.mt-result-words strong{margin-right:8px;font-family:Nunito}.mt-result-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}