.study-wrap{padding:40px 0 96px}.study-wrap .study-container{max-width:640px}.study-wrap .study-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;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{font-size:13px;font-weight:600;color:var(--accent)}.study-wrap .study-progress{height:6px;background:var(--bg-alt);border-radius:999px;overflow:hidden;margin-bottom:10px}.study-wrap .study-bar{height:100%;background:var(--accent);border-radius:999px;transition:width .3s var(--ease-out)}.study-wrap .study-meta{font-size:13px;color:var(--text-muted);margin-bottom:18px}.study-wrap .study-card{text-align:center}.study-wrap .study-face{font-size:clamp(72px,22vw,132px);line-height:1.1;font-weight:600;margin:12px 0 8px;color:var(--text)}.study-wrap .study-img{margin:0 0 8px}.study-wrap .study-img img{max-width:100%;max-height:320px;border-radius:12px;border:1px solid var(--border)}.study-wrap .study-img svg{max-width:100%;height:auto;border:1px solid var(--border);border-radius:12px;background:var(--bg-alt)}.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;padding:15px 18px;font-size:var(--fs-body);color:var(--ink);background:#fff;border:3px solid var(--ink);border-radius:14px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;transition:transform .12s,box-shadow .12s,background .12s}.study-wrap .study-opt:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink);background:#fffdf3}.study-wrap .study-opt:disabled{cursor:default}.study-wrap .study-opt-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border-radius:9px;border:3px solid var(--ink);background:var(--cream-2);font-family:var(--font-display);font-size:15px;color:var(--ink)}.study-wrap .study-opt.correct{background:var(--green);border-color:var(--ink);color:#fff;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.study-wrap .study-opt.correct .study-opt-num{background:var(--yellow);color:var(--ink)}.study-wrap .study-opt.wrong{background:var(--red);border-color:var(--ink);color:#fff}.study-wrap .study-opt.wrong .study-opt-num{background:var(--ink);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(--ink);background:#fff;border:3px solid var(--ink);border-radius:14px;box-shadow:3px 3px 0 var(--ink);text-align:center}.study-wrap .study-input:focus{outline:none;transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.study-wrap .study-input:disabled{opacity:.6}.study-wrap .study-feedback{margin-top:22px}.study-wrap .study-verdict{display:inline-block;font-family:var(--font-display);font-size:19px;margin-bottom:8px}.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-done{text-align:center;padding:30px 0 10px}.study-wrap .study-done-icon{font-size:48px}.study-wrap .study-done-big{font-family:var(--font-display);font-size:28px;margin:8px 0;color:var(--red)}.study-wrap .study-done-sub{color:var(--text-muted);margin-bottom:24px}.study-wrap .study-empty{color:var(--text-muted);text-align:center}@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-face-sm{font-size:clamp(34px,10vw,60px);line-height:1.2;word-break:keep-all}.study-wrap .study-reading{color:var(--text-muted);font-weight:600;font-size:var(--fs-sm)}.study-wrap .study-speak{border:1px solid var(--border);background:var(--bg);border-radius:980px;width:34px;height:34px;cursor:pointer;font-size:15px;vertical-align:middle;margin-left:4px}.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}.linklike{background:none;border:0;color:var(--accent-text);font-family:inherit;font-size:var(--fs-sm);cursor:pointer;padding:0;text-decoration:underline}.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}:root[data-theme=dark] .study-wrap .study-opt{background:#18233c}:root[data-theme=dark] .study-wrap .study-opt:hover:not(:disabled){background:#20304f}:root[data-theme=dark] .study-wrap .study-opt.correct{background:#2f7d4f}:root[data-theme=dark] .study-wrap .study-opt.correct .study-opt-num{color:#16223c}:root[data-theme=dark] .study-wrap .study-opt.wrong{background:#a8392e}:root[data-theme=dark] .study-wrap .study-opt.wrong .study-opt-num{background:#16223c;color:#e6ecf8}:root[data-theme=dark] .study-wrap .study-verdict.no{color:#ef6253}:root[data-theme=dark] .study-wrap .study-input{background:#18233c}