.study-wrap{min-height:calc(100vh - 72px);padding:36px 0 96px;background-color:var(--color-bg-subtle, var(--bg-alt));background-image:linear-gradient(90deg,color-mix(in srgb,var(--game-line) 7%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--game-line) 7%,transparent) 1px,transparent 1px);background-size:16px 16px}.study-wrap .study-container{max-width:720px}.study-wrap .study-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.study-wrap .link-back{color:var(--text-muted);text-decoration:none;font-size:var(--fs-sm)}.study-wrap .link-back:hover{color:var(--text)}.study-wrap .study-label{color:var(--color-brand, var(--accent));font-family:var(--pixel-font);font-size:9px;font-weight:400;letter-spacing:0}.study-wrap .study-progress{height:14px;overflow:hidden;margin-bottom:10px;border:2px solid var(--game-line);border-radius:1px;background:var(--game-cream)}.study-wrap .study-bar{height:100%;border-radius:0;background:var(--game-green);transition:width .3s var(--ease-out)}.study-wrap .study-meta{font-size:13px;color:var(--color-text-muted, var(--text-muted));margin-bottom:16px}.study-wrap .study-card{padding:clamp(24px,5vw,40px);border:3px solid var(--game-line);border-radius:3px;background:var(--game-panel);box-shadow:6px 6px 0 var(--game-shadow);text-align:center}.study-wrap .study-face{font-size:clamp(64px,18vw,112px);line-height:1.1;font-weight:700;margin:8px 0 12px;color:var(--color-text, var(--text))}.study-wrap .study-img{margin:0 0 8px}.study-wrap .study-img img{max-width:100%;max-height:320px;border:2px solid var(--game-line);border-radius:2px}.study-wrap .study-img svg{max-width:100%;height:auto;border:2px solid var(--game-line);border-radius:2px;background:var(--game-cream)}.study-wrap .study-img figcaption{margin-top:6px;font-size:12px;color:var(--text-muted)}.study-wrap .study-face-cap{font-size:var(--fs-body);color:var(--text-muted);margin-bottom:8px}.study-wrap .study-ask{font-size:var(--fs-sm);color:var(--text-muted);margin:6px 0 18px}.study-wrap .study-hint{margin:0 auto 16px;max-width:360px;text-align:left;font-size:var(--fs-sm);color:var(--text-muted)}.study-wrap .study-hint summary{cursor:pointer;color:var(--accent-text);font-weight:600}.study-wrap .study-hint p{margin-top:8px}.study-wrap .study-opts{display:flex;flex-direction:column;gap:10px;text-align:left}.study-wrap .study-opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;min-height:56px;padding:13px 16px;font-size:var(--fs-body);color:var(--color-text, var(--text));background:var(--game-paper);border:2px solid var(--game-line);border-radius:2px;box-shadow:0 3px 0 var(--game-shadow);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.study-wrap .study-opt:hover:not(:disabled){border-color:var(--game-line);background:var(--color-brand-soft);box-shadow:0 3px 0 var(--game-shadow)}.study-wrap .study-opt:active:not(:disabled){transform:translateY(3px);box-shadow:none}.study-wrap .study-opt:disabled{cursor:default}.study-wrap .study-opt.selected{border-color:var(--cbt-blue, #24231f);background:var(--cbt-blue-soft, #fff0e7);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-brand-strong) 12%,transparent)}.study-wrap .study-opt-num{display:inline-flex;width:30px;height:30px;flex:none;align-items:center;justify-content:center;border:2px solid var(--game-line);border-radius:1px;background:var(--game-cream);color:var(--game-ink);font-family:var(--pixel-font);font-size:9px}.study-wrap .study-opt-body{display:inline}.study-wrap .study-opt-reading{margin-left:7px;font-size:var(--fs-sm);font-weight:600;opacity:.72;white-space:nowrap}.study-wrap .study-opt.correct{background:var(--color-success-soft, #e9f7f0);border-color:var(--color-success, #147d5a);color:var(--color-success-strong, #0d5b41);box-shadow:0 0 0 1px var(--color-success, #147d5a)}.study-wrap .study-opt.correct .study-opt-num{background:var(--color-success, #147d5a);border-color:var(--color-success, #147d5a);color:#fff}.study-wrap .study-opt.wrong{background:var(--color-danger-soft, #fff0ed);border-color:var(--color-danger, #b54736);color:var(--color-danger, #b54736)}.study-wrap .study-opt.wrong .study-opt-num{background:var(--color-danger, #b54736);border-color:var(--color-danger, #b54736);color:#fff}.study-wrap .study-typed{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.study-wrap .study-input{flex:1 1 200px;min-width:0;max-width:280px;padding:13px 16px;font-size:var(--fs-body);font-family:inherit;color:var(--color-text, var(--text));background:var(--game-paper);border:2px solid var(--game-line);border-radius:2px;box-shadow:0 3px 0 var(--game-shadow);text-align:center}.study-wrap .study-input:focus{outline:3px solid color-mix(in srgb,var(--color-action, #245fa8) 20%,transparent);border-color:var(--color-action, var(--accent))}.study-wrap .study-input:disabled{opacity:.6}.study-wrap .study-feedback{margin-top:22px}.study-wrap .study-verdict{display:inline-block;margin-bottom:8px;font-family:var(--pixel-font);font-size:13px;font-weight:400}.study-wrap .study-verdict.ok{color:var(--green)}.study-wrap .study-verdict.no{color:var(--red-deep)}.study-wrap .study-verdict.reveal{color:var(--blue-deep)}.study-wrap .study-ans{font-size:var(--fs-body);color:var(--text);margin-bottom:14px}.study-wrap .study-nav{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.study-wrap .study-memo{margin-top:4px}.study-wrap .study-exam-navigation,.study-wrap .study-exam-check-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}.study-wrap .study-exam-navigation .btn,.study-wrap .study-exam-check-actions .btn{min-width:112px}.study-wrap .btn:disabled{cursor:default;opacity:.38}.study-wrap .study-exam-tools{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:12px;margin:-4px 0 18px}.study-wrap .study-exam-flag{min-height:44px;padding:0 13px;border:1px solid var(--cbt-line, var(--border));border-radius:var(--cbt-radius-sm, 8px);background:var(--cbt-surface, var(--bg));color:var(--cbt-muted, var(--text-muted));font:inherit;font-size:12px;font-weight:680;cursor:pointer}.study-wrap .study-exam-flag.is-flagged{border-color:#d99a2b;background:#fff4dd;color:#815100}.study-wrap .study-exam-timer{display:inline-flex;min-height:36px;align-items:center;padding:0 11px;border-radius:var(--cbt-radius-full, 999px);background:var(--cbt-bg, var(--bg-alt));color:var(--cbt-ink, var(--text));font-size:12px;font-variant-numeric:tabular-nums;font-weight:720;white-space:nowrap}.study-wrap .study-exam-timer.is-urgent{background:#fff0ed;color:#a53b2c}.study-wrap .study-done{padding:clamp(28px,7vw,52px);border:3px solid var(--game-line);border-radius:3px;background:var(--game-panel);box-shadow:6px 6px 0 var(--game-shadow);text-align:center}.study-wrap .study-done-icon{display:inline-flex;min-height:34px;align-items:center;margin:0 0 10px;padding:7px 9px 5px;border:2px solid var(--game-line);border-radius:2px;background:var(--game-green);color:#17243a;font-family:var(--pixel-font);font-size:8px;font-weight:400}.study-wrap .study-done-big{margin:8px 0;color:var(--color-brand, var(--text));font-family:var(--pixel-font);font-size:24px;font-weight:400}.study-wrap .study-done-sub{color:var(--text-muted);margin-bottom:24px}.study-wrap .study-empty{color:var(--text-muted);text-align:center}.study-wrap .study-exam-result{margin-bottom:30px}.study-wrap .study-exam-review{text-align:left}.study-wrap .study-exam-review h2{margin:0 0 12px;font-size:18px}.study-wrap .study-exam-item{padding:15px 2px;border-bottom:1px solid var(--cbt-line, var(--border))}.study-wrap .study-exam-item summary{display:flex;align-items:flex-start;gap:9px;color:var(--cbt-ink, var(--text));font-weight:650;line-height:1.45;cursor:pointer}.study-wrap .study-exam-verdict{flex:none;margin-top:1px;padding:3px 7px;border-radius:999px;font-size:11px;line-height:1.3}.study-wrap .study-exam-verdict.ok{background:var(--cbt-green-soft, #e9f7f0);color:var(--cbt-green, #147d5a)}.study-wrap .study-exam-verdict.no{background:#fff0ed;color:#a53b2c}.study-wrap .study-exam-answer{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;margin:14px 0 8px;color:var(--cbt-ink, var(--text));font-size:14px;line-height:1.6}.study-wrap .study-exam-answer span{color:var(--cbt-muted, var(--text-muted));font-size:12px;font-weight:700}.study-wrap .study-exam-item .study-ans{margin:0;padding:12px 14px;border:1px solid var(--cbt-line, var(--border));border-radius:var(--cbt-radius-md, 12px);background:var(--cbt-surface, var(--bg))}.study-wrap .study-exam-item .study-explanation{margin-top:10px;color:var(--cbt-ink, var(--text));font-size:14px;line-height:1.65}.study-wrap .study-exam-item .study-explanation p{margin:5px 0 0}.study-wrap .study-exam-check{padding:clamp(24px,5vw,38px);border:1px solid var(--cbt-line, var(--border));border-radius:var(--cbt-radius-lg, 16px);background:var(--cbt-surface, var(--bg));box-shadow:var(--cbt-shadow-panel, none);text-align:left}.study-wrap .study-exam-check-eyebrow{margin:0 0 8px;color:var(--cbt-blue, #24231f);font-size:12px;font-weight:760}.study-wrap .study-exam-check h2{margin:0;color:var(--cbt-ink, var(--text));font-size:clamp(28px,6vw,42px);letter-spacing:-.04em}.study-wrap .study-exam-check-summary{margin:12px 0 0;color:var(--cbt-ink, var(--text));font-weight:680}.study-wrap .study-exam-check-warning,.study-wrap .study-exam-check-complete{margin:12px 0 0;color:var(--cbt-muted, var(--text-muted));font-size:13px;line-height:1.6}.study-wrap .study-exam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px;margin-top:24px}.study-wrap .study-exam-number{min-width:48px;min-height:48px;border:1px solid var(--cbt-line, var(--border));border-radius:var(--cbt-radius-sm, 8px);background:var(--cbt-bg, var(--bg-alt));color:var(--cbt-muted, var(--text-muted));font:inherit;font-size:13px;font-weight:720;cursor:pointer}.study-wrap .study-exam-number.is-answered{border-color:color-mix(in srgb,var(--color-brand-strong) 44%,transparent);background:var(--cbt-blue-soft, #fff0e7);color:var(--cbt-blue, #24231f)}.study-wrap .study-exam-number.is-flagged{border-color:#d99a2b;background:#fff4dd;color:#815100;box-shadow:inset 0 0 0 1px #d99a2b}.study-wrap .study-exam-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;color:var(--cbt-muted, var(--text-muted));font-size:11px;font-weight:650}.study-wrap .study-exam-legend span{display:inline-flex;align-items:center;gap:6px}.study-wrap .study-exam-legend span:before{width:10px;height:10px;border:1px solid var(--cbt-line, var(--border));border-radius:3px;background:var(--cbt-bg, var(--bg-alt));content:""}.study-wrap .study-exam-legend .is-answered:before{border-color:color-mix(in srgb,var(--color-brand-strong) 44%,transparent);background:var(--cbt-blue-soft, #fff0e7)}.study-wrap .study-exam-legend .is-flagged:before{border-color:#d99a2b;background:#fff4dd}.study-wrap .study-exam-resume{padding:clamp(24px,5vw,38px);border:1px solid var(--cbt-line, var(--border));border-radius:var(--cbt-radius-lg, 16px);background:var(--cbt-surface, var(--bg));box-shadow:var(--cbt-shadow-panel, none)}.study-wrap .study-exam-resume h2{margin:0;color:var(--cbt-ink, var(--text));font-size:clamp(25px,5vw,36px);letter-spacing:-.04em}.study-wrap .study-exam-resume>p:not(.study-exam-check-eyebrow){margin:14px 0 0;color:var(--cbt-muted, var(--text-muted));font-size:13px;line-height:1.65}.study-wrap .study-exam-resume-actions{display:flex;gap:10px;margin-top:24px}@media(max-width:420px){.study-wrap .study-typed{flex-direction:column;align-items:stretch}.study-wrap .study-input{flex:none;max-width:none;text-align:center}.study-wrap .study-exam-check-actions{align-items:stretch;flex-direction:column-reverse}.study-wrap .study-exam-check-actions .btn{width:100%}.study-wrap .study-exam-resume-actions{align-items:stretch;flex-direction:column}.study-wrap .study-exam-resume-actions .btn{width:100%}.study-wrap .study-exam-tools{align-items:stretch;flex-direction:column}.study-wrap .study-exam-flag{width:100%}.study-wrap .study-exam-timer{align-self:flex-start}}.study-wrap .study-face-sm{font-size:clamp(32px,9vw,54px);line-height:1.25;word-break:keep-all}.study-wrap .study-reading{color:var(--text-muted);font-weight:600;font-size:var(--fs-sm)}.study-wrap .study-speak{width:38px;height:38px;margin-left:4px;border:2px solid var(--game-line);border-radius:2px;background:var(--game-paper);box-shadow:2px 2px 0 var(--game-shadow);cursor:pointer;font-size:15px;vertical-align:middle}.study-wrap .study-speak:hover{border-color:var(--accent)}.edit-wrap .container{max-width:640px}.edit-h2{font-size:var(--fs-h3);margin:34px 0 12px}.edit-count{font-size:var(--fs-sm);color:var(--text-muted);font-weight:500}.edit-group{margin-bottom:16px}.edit-group h3{font-size:14px;color:var(--accent-text);margin-bottom:8px}.toggle-row{display:flex;flex-wrap:wrap;gap:8px}.bundle-toggle{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:1.5px solid var(--border);border-radius:980px;background:var(--bg);color:var(--text);font-family:inherit;font-size:var(--fs-sm);cursor:pointer;transition:border-color .15s,background .15s}.bundle-toggle em{font-style:normal;color:var(--text-muted);font-size:12px}.bundle-toggle:hover{border-color:var(--accent)}.bundle-toggle.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}.bundle-toggle.is-on em{color:var(--accent-on);opacity:.75}.bundle-toggle.is-on:before{content:"✓ "}.my-make{border:1px solid var(--border);border-radius:14px;padding:16px}.make-tabs{display:flex;gap:6px;margin-bottom:14px}.make-tab{padding:7px 14px;border:1px solid var(--border);border-radius:980px;background:var(--bg);color:var(--text-muted);font-family:inherit;font-size:var(--fs-sm);cursor:pointer}.make-tab.is-on{background:var(--bg-alt);color:var(--accent-text);border-color:var(--accent);font-weight:600}.make-pane{display:flex;flex-direction:column;gap:10px}.make-pane input[type=text]{padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);font-family:inherit;font-size:var(--fs-body)}.make-pane input[type=text]:focus{outline:none;border-color:var(--accent)}.img-pick{display:block;padding:16px;border:1.5px dashed var(--border);border-radius:12px;text-align:center;cursor:pointer;color:var(--text-muted);font-size:var(--fs-sm)}.img-pick input{display:block;margin:0 auto 8px}.img-status{font-size:var(--fs-sm);color:var(--accent-text);margin:4px 0}.pending-list{display:flex;flex-direction:column;gap:8px}.pending-row{display:flex;align-items:center;gap:10px}.pending-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid var(--border);flex:none}.pending-back{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-family:inherit;font-size:var(--fs-sm)}.pending-del{flex:none;width:32px;height:32px;border:1px solid var(--border);border-radius:50%;background:var(--bg);color:var(--text-muted);cursor:pointer}.box-list{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow-y:auto;padding-right:4px}.box-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--border);border-radius:10px}.br-label{flex:1;min-width:0;font-size:var(--fs-sm);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.br-del{flex:none;padding:5px 12px;border:1px solid var(--border);border-radius:980px;background:var(--bg);color:var(--text-muted);font-size:13px;font-family:inherit;cursor:pointer}.br-del:hover{border-color:var(--danger);color:var(--danger)}.edit-restore{margin-bottom:10px;display:flex;flex-wrap:wrap;gap:16px}.linklike{background:none;border:0;color:var(--accent-text);font-family:inherit;font-size:var(--fs-sm);cursor:pointer;padding:0;text-decoration:underline}.linklike.danger{color:var(--danger)}.be-bundle{margin-bottom:8px}.be-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.be-preview-btn{padding:7px 10px;border:1px solid var(--border);border-radius:980px;background:var(--bg);color:var(--text-muted);font-family:inherit;font-size:12px;cursor:pointer}.be-preview-btn:hover{border-color:var(--accent);color:var(--accent)}.be-preview{margin:8px 0 4px;padding:10px 12px;background:var(--bg-alt);border-radius:12px;max-height:240px;overflow-y:auto}.bp-row{display:flex;justify-content:space-between;gap:12px;padding:3px 0;font-size:var(--fs-sm);border-bottom:1px solid var(--border)}.bp-row:last-child{border-bottom:0}.bp-row span:first-child{color:var(--text);font-weight:600}.bp-row span:last-child{color:var(--text-muted);text-align:right}.bp-empty{font-size:var(--fs-sm);color:var(--text-muted);margin:0}.seg{display:inline-flex;gap:4px;padding:4px;background:var(--bg-alt);border-radius:980px;margin-bottom:14px}.seg-btn{padding:8px 16px;border:0;border-radius:980px;background:transparent;color:var(--text-muted);font-family:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer}.seg-btn.is-on{background:var(--bg);color:var(--accent-text);box-shadow:0 1px 3px #23291f1a}.field-row{display:flex;gap:8px;flex-wrap:wrap}.field-row input{flex:1 1 160px}.img-help{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:12px;line-height:1.6}.lang-row{display:flex;align-items:flex-end;gap:10px;margin-bottom:12px;flex-wrap:wrap}.lang-row label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-muted)}.lang-row select{padding:9px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);font-family:inherit;font-size:var(--fs-sm)}.lang-arrow{padding-bottom:9px;color:var(--text-muted)}.pending-row{display:flex;align-items:center;gap:6px}.pending-in{flex:1;min-width:0;padding:9px 11px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-family:inherit;font-size:var(--fs-sm)}.pending-arrow{color:var(--text-muted);flex:none}.pending-del{flex:none;width:30px;height:30px;border:1px solid var(--border);border-radius:50%;background:var(--bg);color:var(--text-muted);cursor:pointer}.box-block{margin-bottom:14px}.box-block-h{font-size:13px;font-weight:700;color:var(--accent-text);margin:0 0 6px}.box-block-h span{color:var(--text-muted);font-weight:500}