@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;600;700;900&display=swap");:root{--hm-bg-dark:#090d16;--hm-surface:#111827;--hm-surface-card:#162032;--hm-surface-hover:#1e293b;--hm-border:rgba(255,255,255,0.1);--hm-border-gold:rgba(217,119,6,0.4);--hm-border-jade:rgba(16,185,129,0.4);--hm-jade-400:#34d399;--hm-jade-500:#10b981;--hm-jade-600:#059669;--hm-jade-700:#047857;--hm-jade-light:#d1fae5;--hm-gold-400:#fbbf24;--hm-gold-500:#f59e0b;--hm-gold-600:#d97706;--hm-text-white:#f8fafc;--hm-text-gray:#cbd5e1;--hm-text-muted:#94a3b8;--hm-font-hanzi:"Noto Serif KR","Batang","Songti SC",serif}.hanzi-text{font-family:var(--hm-font-hanzi);letter-spacing:.05em}.hanmun-container{min-height:100vh;background-color:var(--hm-bg-dark);color:var(--hm-text-white);background-image:radial-gradient(circle at 10% 20%,rgba(5,150,105,.1) 0,transparent 40%),radial-gradient(circle at 90% 80%,rgba(217,119,6,.08) 0,transparent 40%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.hanmun-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(9,13,22,.9);border-bottom:1px solid var(--hm-border)}.hanmun-header-inner{max-width:1280px;margin:0 auto;padding:0 20px;height:70px;display:flex;align-items:center;justify-content:space-between}.hanmun-logo{gap:12px;text-decoration:none}.hanmun-logo,.hanmun-logo-icon{display:flex;align-items:center}.hanmun-logo-icon{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,var(--hm-jade-600),var(--hm-jade-700));justify-content:center;font-size:1.4rem;color:#fff;box-shadow:0 4px 12px rgba(5,150,105,.3);border:1px solid rgba(255,255,255,.2)}.hanmun-logo-text h1{font-size:1.25rem;font-weight:800;margin:0;color:var(--hm-text-white);display:flex;align-items:center;gap:8px}.hanmun-logo-badge{font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:4px;background:rgba(217,119,6,.2);border:1px solid var(--hm-border-gold);color:var(--hm-gold-400);letter-spacing:.05em}.hanmun-logo-sub{font-size:.78rem;color:var(--hm-text-muted);margin-top:2px}.hanmun-subnav{background:rgba(17,24,39,.8);border-bottom:1px solid var(--hm-border);position:-webkit-sticky;position:sticky;top:70px;z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hanmun-subnav-inner{max-width:1280px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.hanmun-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.hanmun-tabs::-webkit-scrollbar{display:none}.hanmun-tab-btn{padding:14px 18px;font-size:.9rem;font-weight:600;color:var(--hm-text-gray);background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.hanmun-tab-btn:hover{color:var(--hm-text-white);background:rgba(255,255,255,.03)}.hanmun-tab-btn.active{color:#34d399;border-bottom-color:var(--hm-jade-500);font-weight:700;background:rgba(16,185,129,.08)}.hanmun-tab-badge{font-size:.7rem;padding:2px 6px;border-radius:999px;background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.4);color:#fca5a5;font-weight:700}.course-switcher-wrapper{margin-bottom:24px;background:linear-gradient(135deg,rgba(17,24,39,.85),rgba(22,32,50,.95));border:1px solid var(--hm-border);border-radius:16px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;box-shadow:0 8px 24px rgba(0,0,0,.25)}.course-switcher-left{display:flex;align-items:center;gap:14px}.course-switcher-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.4);color:#34d399;font-size:.82rem;font-weight:700;letter-spacing:.02em}.course-switcher-title{font-size:1.05rem;font-weight:800;color:#fff;margin-bottom:2px}.course-switcher-desc{font-size:.82rem;color:var(--hm-text-muted)}.course-toggle-group{display:flex;background:rgba(9,13,22,.85);padding:5px;border-radius:12px;border:1px solid var(--hm-border);gap:6px}.course-toggle-btn{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--hm-text-muted);cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.course-toggle-btn:hover{color:#fff;background:rgba(255,255,255,.05)}.course-toggle-btn.active.middle{background:linear-gradient(135deg,rgba(5,150,105,.25),rgba(4,120,87,.4));border-color:rgba(16,185,129,.5);color:#34d399;box-shadow:0 4px 12px rgba(16,185,129,.15)}.course-toggle-btn.active.high{background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(79,70,229,.4));border-color:rgba(129,140,248,.5);color:#a5b4fc;box-shadow:0 4px 12px rgba(99,102,241,.15)}.course-toggle-icon{font-size:1.25rem}.course-toggle-text{display:flex;flex-direction:column;text-align:left}.course-toggle-text strong{font-size:.92rem;font-weight:700;color:inherit}.course-toggle-text span{font-size:.72rem;opacity:.8}.track-tag-badge{display:inline-block;padding:2px 7px;border-radius:6px;font-size:.72rem;font-weight:700;margin-left:6px}.track-tag-badge.middle{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.3);color:#34d399}.track-tag-badge.high{background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.3);color:#a5b4fc}.daily-mission-hero{margin:0 auto}.daily-mission-card,.daily-mission-hero{max-width:1280px;width:100%;box-sizing:border-box}.daily-mission-card{margin:0 auto 36px;background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(6,78,59,.25));border:1px solid var(--hm-border-jade);border-radius:20px;padding:28px 32px;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.3)}.daily-mission-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:rgba(16,185,129,.25);border:1px solid rgba(16,185,129,.5);color:#34d399;font-size:.82rem;font-weight:700;margin-bottom:14px}.daily-char-chips{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.daily-char-chip{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;font-weight:700}.daily-start-btn{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;font-size:1.05rem;font-weight:800;color:#ffffff;background:linear-gradient(135deg,#10b981,#059669 50%,#047857);border:1px solid rgba(52,211,153,.45);border-radius:9999px;cursor:pointer;box-shadow:0 6px 24px rgba(16,185,129,.35),inset 0 0 0 1px rgba(255,255,255,.12);transition:all .28s cubic-bezier(.4,0,.2,1);overflow:hidden;text-decoration:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.daily-start-btn:before{content:"";position:absolute;top:-50%;left:-60%;width:40%;height:200%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.35) 50%,rgba(255,255,255,0));transform:rotate(25deg);animation:daily-btn-sweep 4s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}@keyframes daily-btn-sweep{0%{left:-60%}30%,to{left:140%}}.daily-start-btn:hover{transform:translateY(-2px) scale(1.02);background:linear-gradient(135deg,#34d399,#10b981 50%,#059669);box-shadow:0 10px 32px rgba(16,185,129,.55),0 0 24px rgba(52,211,153,.45);border-color:rgba(110,231,183,.9)}.daily-start-btn:active{transform:translateY(1px) scale(.98);box-shadow:0 4px 14px rgba(16,185,129,.4)}.daily-start-btn-content{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left}.daily-start-btn-tag{font-size:.72rem;font-weight:700;letter-spacing:.3px;color:#d1fae5;background:rgba(0,0,0,.25);padding:2px 8px;border-radius:9999px;border:1px solid rgba(255,255,255,.2);display:inline-flex;align-items:center}.daily-start-btn-title{font-size:1.05rem;font-weight:800;color:#ffffff;letter-spacing:-.3px;text-shadow:0 1px 2px rgba(0,0,0,.25)}.daily-start-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.4);box-shadow:0 2px 8px rgba(0,0,0,.15);color:#ffffff;font-size:.9rem;transition:transform .25s ease,background .25s ease;flex-shrink:0}.daily-start-btn:hover .daily-start-btn-icon{transform:translateX(4px);background:rgba(255,255,255,.35)}.session-modal-overlay{position:fixed;inset:0;z-index:9999;background:rgba(4,10,20,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:clamp(16px,4vh,36px) clamp(10px,2.5vw,20px) clamp(36px,6vh,64px)}.session-modal-card,.session-modal-content{position:relative;width:100%;max-width:660px;background:#0f172a;border:1px solid rgba(255,255,255,.12);border-radius:24px;box-shadow:0 25px 60px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.05);padding:32px 28px;max-height:92vh;overflow-y:auto}.step-indicator{display:flex;gap:12px;margin-bottom:24px}.step-dot,.step-indicator{align-items:center;justify-content:center}.step-dot{display:inline-flex;width:32px;height:32px;border-radius:50%;font-size:.85rem;font-weight:800;color:var(--hm-text-muted);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);transition:all .25s ease}.step-dot.active{color:#ffffff;background:var(--hm-jade-500);border-color:#34d399;box-shadow:0 0 14px rgba(16,185,129,.5);transform:scale(1.1)}.step-dot.completed{color:#34d399;background:rgba(16,185,129,.2);border-color:rgba(16,185,129,.5)}.flip-card-container{perspective:1000px;width:100%;max-width:440px;height:290px;margin:0 auto 20px;cursor:pointer}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flip-card-inner.flipped{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.flip-card-front{background:linear-gradient(145deg,#1e293b,#0f172a);border:2px solid rgba(16,185,129,.35);box-shadow:0 12px 30px rgba(0,0,0,.4),inset 0 0 20px rgba(16,185,129,.15)}.flip-card-back{background:linear-gradient(145deg,#064e3b,#0f172a);border:2px solid rgba(52,211,153,.6);transform:rotateY(180deg);box-shadow:0 12px 30px rgba(0,0,0,.5),inset 0 0 24px rgba(16,185,129,.25)}.blind-opt-btn{width:100%;padding:14px 20px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.blind-opt-btn:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);transform:translateX(4px)}.blind-opt-btn.correct{background:rgba(16,185,129,.25)!important;border-color:#10b981!important;color:#34d399!important}.blind-opt-btn.wrong{background:rgba(239,68,68,.25)!important;border-color:#ef4444!important;color:#fca5a5!important}.idiom-slots-row{gap:12px;margin:18px 0 24px}.idiom-slot,.idiom-slots-row{display:flex;justify-content:center}.idiom-slot{width:68px;height:68px;border-radius:16px;border:2px dashed rgba(255,255,255,.25);background:rgba(255,255,255,.03);align-items:center;font-size:2.2rem;font-weight:900;color:#fff;cursor:pointer;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.idiom-slot.filled{border-style:solid;border-color:var(--hm-gold-400);background:rgba(217,119,6,.15);box-shadow:0 4px 14px rgba(217,119,6,.2)}.idiom-slot.success{border-color:#10b981!important;background:rgba(16,185,129,.2)!important;box-shadow:0 0 20px rgba(16,185,129,.4)!important;animation:slotPop .4s ease}@keyframes slotPop{0%{transform:scale(.9)}50%{transform:scale(1.08)}to{transform:scale(1)}}.idiom-pool-row{display:flex;justify-content:center;gap:12px;margin-bottom:24px}.idiom-tile-btn{width:64px;height:64px;border-radius:14px;background:linear-gradient(135deg,#1e293b,#334155);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:2rem;font-weight:900;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.idiom-tile-btn:hover:not(:disabled){transform:translateY(-3px);border-color:#38bdf8;box-shadow:0 8px 18px rgba(56,189,248,.3)}.idiom-tile-btn:disabled{opacity:.25;cursor:not-allowed;transform:none}.classic-syntax-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0}.syntax-word-card{position:relative;display:inline-flex;flex-direction:column;align-items:center;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:60px}.syntax-word-card:hover:not(.locked){background:rgba(255,255,255,.09);border-color:var(--hm-jade-400);transform:translateY(-2px)}.syntax-word-card.next-target{border-color:#34d399;box-shadow:0 0 14px rgba(52,211,153,.35)}.syntax-word-card.locked{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.5);cursor:default}.syntax-order-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:.72rem;font-weight:800;margin-bottom:4px;background:rgba(255,255,255,.1);color:var(--hm-text-muted)}.syntax-word-card.locked .syntax-order-badge{background:var(--hm-gold-500);color:#000;box-shadow:0 2px 6px rgba(0,0,0,.2)}.shake-effect{animation:shake .45s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(4px,0,0)}30%,50%,70%{transform:translate3d(-6px,0,0)}40%,60%{transform:translate3d(6px,0,0)}}.quiz-timer-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.timer-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:.8rem;font-weight:800;color:#f59e0b;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.35)}.timer-pill.urgent{color:#ef4444;background:rgba(239,68,68,.2);border-color:#ef4444;animation:pulseUrgent 1s infinite}@keyframes pulseUrgent{0%,to{opacity:1}50%{opacity:.6}}.seal-stamp{display:inline-block;padding:12px 20px;border:4px double #dc2626;border-radius:8px;color:#dc2626;font-weight:900;font-size:1.3rem;letter-spacing:3px;background:rgba(220,38,38,.08);box-shadow:0 0 16px rgba(220,38,38,.25);transform:rotate(-6deg);animation:stampDrop .5s cubic-bezier(.175,.885,.32,1.275) forwards;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes stampDrop{0%{opacity:0;transform:scale(2.5) rotate(-25deg)}to{opacity:1;transform:scale(1) rotate(-6deg)}}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-gap:14px;gap:14px}.char-card{background:var(--hm-surface-card);border:1px solid var(--hm-border);border-radius:14px;padding:18px 14px;text-align:center;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.char-card:hover{transform:translateY(-4px);border-color:var(--hm-jade-500);background:var(--hm-surface-hover);box-shadow:0 8px 20px rgba(0,0,0,.4)}.char-card-hanzi{font-size:2.8rem;font-weight:700;line-height:1.1;color:var(--hm-text-white);margin-bottom:8px}.char-card-sound{font-size:1rem;font-weight:700;color:#34d399}.char-card-meaning{font-size:.82rem;color:var(--hm-text-gray);margin-top:2px}.char-card-grade{position:absolute;top:8px;right:8px;font-size:.68rem;font-weight:700;padding:2px 6px;border-radius:4px;background:rgba(255,255,255,.08);color:var(--hm-text-muted)}.idiom-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px}.idiom-flip-container{perspective:1000px;height:220px;cursor:pointer}.idiom-flipper{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1)}.idiom-flip-container.flipped .idiom-flipper{transform:rotateY(180deg)}.idiom-back,.idiom-front{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--hm-border)}.idiom-front{background:linear-gradient(135deg,var(--hm-surface-card),rgba(30,41,59,.6))}.idiom-back{background:linear-gradient(135deg,rgba(6,78,59,.4),var(--hm-surface-card));transform:rotateY(180deg);border-color:var(--hm-border-jade)}.idiom-hanja-display{font-size:2.2rem;font-weight:800;letter-spacing:.15em;color:var(--hm-text-white);text-align:center;margin:auto 0}.idiom-reading-display{text-align:center;font-size:1.15rem;font-weight:700;color:#34d399}.classic-card{background:var(--hm-surface-card);border:1px solid var(--hm-border);border-radius:18px;padding:28px;margin-bottom:24px}.classic-sentence-box{background:rgba(9,13,22,.7);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:24px;margin:20px 0;display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px}.classic-word-chip{display:inline-flex;flex-direction:column;align-items:center;position:relative;cursor:pointer;padding:4px 6px;border-radius:8px;transition:all .2s}.classic-word-chip:hover{background:rgba(16,185,129,.15)}.classic-char-hanzi{font-size:2.2rem;font-weight:700;color:#fff;line-height:1.1}.classic-order-badge{position:absolute;top:-10px;right:-8px;width:22px;height:22px;border-radius:999px;background:#f59e0b;color:#000;font-size:.72rem;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.4)}.word-pill{display:inline-flex;gap:6px;padding:6px 12px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:.85rem}.quiz-option-btn,.word-pill{align-items:center;color:var(--hm-text-white)}.quiz-option-btn{width:100%;padding:16px 20px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--hm-border);font-size:1rem;text-align:left;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between}.quiz-option-btn:hover:not(:disabled){background:rgba(255,255,255,.08);border-color:var(--hm-jade-500)}.quiz-option-btn.correct{background:rgba(16,185,129,.2)!important;border-color:var(--hm-jade-500)!important;color:#34d399!important}.quiz-option-btn.wrong{background:rgba(239,68,68,.2)!important;border-color:#ef4444!important;color:#f87171!important}.wrong-answer-card{background:var(--hm-surface-card);border:1px solid rgba(239,68,68,.3);border-radius:16px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.link-text-mobile{display:none}.stroke-trainer-layout{display:grid;grid-template-columns:minmax(320px,420px) 1fr;grid-gap:28px;gap:28px;align-items:start}.tool-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:14px;gap:14px}.canvas-board-container{width:min(320px,calc(100vw - 48px));height:min(320px,calc(100vw - 48px));margin:0 auto;position:relative;border-radius:16px;overflow:hidden;background:rgba(9,13,22,.95);border:1px solid var(--hm-border)}.canvas-board-container canvas{width:100%!important;height:100%!important;display:block;touch-action:none}@media (max-width:900px){.stroke-trainer-layout{grid-template-columns:1fr;gap:24px}}@media (max-width:768px){.hanmun-header-inner{height:58px;padding:0 14px;flex-direction:row;justify-content:space-between}.hanmun-logo-sub{display:none}.hanmun-logo-badge{font-size:.65rem;padding:1px 5px}.hanmun-logo-text h1{font-size:1.05rem}.hanmun-logo-icon{width:34px;height:34px;font-size:1.15rem;border-radius:8px}.hanmun-header-link{padding:5px 8px!important;font-size:.74rem!important;gap:3px!important}.hanmun-subnav{top:58px}.hanmun-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;padding:0 4px}.hanmun-tab-btn{padding:10px 14px;font-size:.82rem;gap:6px}.course-switcher-wrapper{flex-direction:column;align-items:stretch;padding:14px 16px;margin:12px 14px 0!important;gap:12px}.course-switcher-title{font-size:.95rem}.course-switcher-desc{font-size:.75rem;line-height:1.35}.course-toggle-group{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;width:100%}.course-toggle-btn{padding:8px 6px;justify-content:center;gap:6px}.course-toggle-icon{font-size:1.1rem}.course-toggle-text strong{font-size:.8rem}.course-toggle-text span{display:none}.daily-mission-card{padding:20px 16px;border-radius:16px;margin-bottom:24px}.daily-mission-card h2{font-size:1.35rem!important;line-height:1.3}.daily-char-chips{gap:6px}.daily-start-btn{width:100%;margin-top:14px;padding:12px 18px;justify-content:space-between}.daily-char-chip{width:38px;height:38px;font-size:1.2rem}.tool-grid-container{grid-template-columns:repeat(2,1fr);gap:10px}.char-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.char-card{padding:12px 6px;border-radius:10px}.char-card-hanzi{font-size:2.1rem;margin-bottom:4px}.char-card-sound{font-size:.88rem}.char-card-meaning{font-size:.72rem}.char-card-grade{font-size:.62rem;padding:1px 4px;top:4px;right:4px}.idiom-grid{grid-template-columns:1fr;gap:14px}.idiom-flip-container{height:190px}.idiom-back,.idiom-front{padding:18px 16px}.idiom-hanja-display{font-size:1.8rem;letter-spacing:.1em}.classic-card{padding:18px 14px;border-radius:14px}.classic-sentence-box{padding:16px 10px;gap:8px;justify-content:center}.classic-char-hanzi{font-size:1.7rem}.classic-order-badge{width:18px;height:18px;font-size:.62rem;top:-8px;right:-6px}.session-modal-card,.session-modal-content{background:#0d1527;border:1px solid rgba(56,189,248,.28);border-radius:20px;width:100%;max-width:680px;box-shadow:0 25px 60px -15px rgba(0,0,0,.8),0 0 35px rgba(56,189,248,.12);padding:clamp(18px,3vw,28px);margin:auto 0;position:relative;box-sizing:border-box}.step-indicator{display:flex;gap:12px;margin-bottom:24px}.step-dot,.step-indicator{align-items:center;justify-content:center}.step-dot{display:inline-flex;width:32px;height:32px;border-radius:50%;font-size:.85rem;font-weight:800;color:var(--hm-text-muted);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);transition:all .25s ease}.step-dot.active{color:#ffffff;background:var(--hm-jade-500);border-color:#34d399;box-shadow:0 0 14px rgba(16,185,129,.5);transform:scale(1.1)}.step-dot.completed{color:#34d399;background:rgba(16,185,129,.2);border-color:rgba(16,185,129,.5)}.session-modal-card-old{padding:20px 16px;border-radius:18px;max-height:94vh}.wrong-answer-card{flex-direction:column;align-items:stretch;padding:16px;gap:12px}.wrong-answer-card button{width:100%;justify-content:center}}@media (max-width:520px){.link-text-full{display:none}.link-text-mobile{display:inline}}@media (max-width:380px){.tool-grid-container{grid-template-columns:1fr}.char-grid{grid-template-columns:repeat(3,1fr);gap:6px}}.step1-mode-switch-bar{display:flex;justify-content:center;gap:8px;margin-bottom:14px}.step1-tab-pill{padding:6px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:var(--hm-text-muted);font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease}.step1-tab-pill.active{border-color:var(--hm-jade-500);background:rgba(16,185,129,.2);color:#34d399;box-shadow:0 0 12px rgba(16,185,129,.25)}.char-writing-board{background:linear-gradient(145deg,#09131f,#0d1e30);border:1px solid rgba(52,211,153,.25);border-radius:20px;padding:20px 16px;text-align:center;box-shadow:0 16px 36px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center}.char-writing-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:320px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.char-writing-main{font-size:1.8rem;font-weight:900;color:#fff;margin-right:8px}.char-writing-sound{font-size:1.1rem;font-weight:800;color:var(--hm-jade-400)}.char-writing-meta{display:flex;gap:6px;font-size:.76rem;color:var(--hm-text-muted);align-items:center}.char-written-badge{background:rgba(16,185,129,.2);border:1px solid #34d399;color:#6ee7b7;padding:2px 8px;border-radius:999px;font-weight:700;font-size:.72rem}.hanzi-canvas-wrapper{position:relative;width:260px;height:260px;border-radius:16px;background-color:#060d17;background-image:linear-gradient(90deg,rgba(239,68,68,.15) 1px,transparent 0),linear-gradient(180deg,rgba(239,68,68,.15) 1px,transparent 0),linear-gradient(45deg,transparent 49.5%,rgba(239,68,68,.1) 50%,transparent 50.5%),linear-gradient(-45deg,transparent 49.5%,rgba(239,68,68,.1) 50%,transparent 50.5%);background-size:130px 130px,130px 130px,260px 260px,260px 260px;background-position:50%;border:2px solid rgba(239,68,68,.3);box-shadow:inset 0 0 20px rgba(0,0,0,.8),0 8px 24px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;touch-action:none}.hanzi-writer-box{width:260px;height:260px;cursor:crosshair}.hanzi-writer-box svg{border-radius:14px}.modal-hanzi-writer-box{width:170px;height:170px;border-radius:12px;background:#060d17;border:1px solid rgba(52,211,153,.3);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 12px rgba(0,0,0,.6)}.writer-status-msg{margin-top:10px;font-size:.82rem;font-weight:700;color:#38bdf8;min-height:22px;text-align:center}.stroke-ctrl-toolbar{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;justify-content:center;width:100%;max-width:320px}.stroke-ctrl-btn{padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:none}.stroke-ctrl-btn.play-btn{background:rgba(52,211,153,.2);border:1px solid rgba(52,211,153,.4);color:#6ee7b7}.stroke-ctrl-btn.play-btn:hover{background:rgba(52,211,153,.35)}.stroke-ctrl-btn.quiz-btn{background:rgba(56,189,248,.2);border:1px solid rgba(56,189,248,.4);color:#7dd3fc}.stroke-ctrl-btn.quiz-btn:hover{background:rgba(56,189,248,.35)}.stroke-ctrl-btn.clear-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:var(--hm-text-gray)}.stroke-ctrl-btn.done-btn{background:linear-gradient(135deg,#059669,#047857);color:#fff;box-shadow:0 2px 8px rgba(5,150,105,.3)}.stroke-ctrl-btn.done-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(5,150,105,.4)}.stroke-steps-preview{margin-top:14px;width:100%;max-width:320px}.stroke-steps-chips-row{display:flex;gap:4px;flex-wrap:wrap}.stroke-mini-chip{font-size:.72rem;background:rgba(255,255,255,.04);color:var(--hm-text-gray);padding:3px 8px;border-radius:4px}.writing-mandatory-gate{background:linear-gradient(145deg,rgba(220,38,38,.08),rgba(245,158,11,.08));border:1px dashed rgba(245,158,11,.45);border-radius:14px;padding:16px;text-align:center;margin-bottom:14px;box-shadow:0 4px 16px rgba(0,0,0,.25)}.gate-badge-row{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:6px}.gate-lock-icon{font-size:1.1rem}.gate-warn-text{font-size:.84rem;font-weight:800;color:#fbbf24;letter-spacing:-.01em}.gate-explanation{font-size:.82rem;color:#e2e8f0;line-height:1.5;margin:0 0 12px}.gate-action-write-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#0f172a;border:none;border-radius:10px;padding:11px 22px;font-size:.92rem;font-weight:800;cursor:pointer;box-shadow:0 4px 14px rgba(245,158,11,.35);transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.gate-action-write-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,158,11,.5);filter:brightness(1.08)}.writing-verified-badge{background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.35);border-radius:8px;padding:8px 12px;text-align:center;font-size:.82rem;font-weight:700;color:#34d399;margin-bottom:12px}.phase-header{text-align:center;margin-bottom:18px}.phase-pill-indicator{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:4px 12px;border-radius:20px;font-size:.75rem;margin-bottom:8px}.phase-pill-indicator.small{margin-bottom:0;padding:3px 10px;font-size:.72rem}.pill-active{color:#38bdf8;font-weight:800}.pill-next{color:var(--hm-text-muted);font-weight:500}.pill-done{color:#34d399;font-weight:700}.pill-arrow{color:rgba(255,255,255,.3)}.phase-title{font-size:1.35rem;font-weight:800;color:#ffffff;margin:4px 0 0;letter-spacing:-.02em}.phase-subtitle{font-size:.82rem;color:var(--hm-text-muted);margin-top:4px}.quiz-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap;gap:8px}.back-to-study-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#cbd5e1;padding:5px 12px;border-radius:8px;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .18s}.back-to-study-btn:hover{background:rgba(255,255,255,.15);color:#ffffff}.idiom-study-hero-card{background:linear-gradient(160deg,rgba(15,23,42,.85),rgba(30,41,59,.75));border:1px solid rgba(56,189,248,.3);border-radius:18px;padding:20px;margin-bottom:20px;box-shadow:0 10px 30px rgba(0,0,0,.4)}.hero-top-badges{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.theme-badge{border-radius:6px;background:rgba(217,119,6,.2);color:var(--hm-gold-400);border:1px solid rgba(217,119,6,.4)}.length-badge,.theme-badge{font-size:.74rem;padding:3px 10px;font-weight:700}.length-badge{border-radius:6px;background:rgba(56,189,248,.15);color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.hero-hanja-display{text-align:center;margin-bottom:18px}.hanzi-large{font-size:clamp(2.4rem,6vw,3.4rem);font-weight:800;letter-spacing:.08em;background:linear-gradient(135deg,#fef08a,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:block;line-height:1.15;text-shadow:0 4px 20px rgba(245,158,11,.25)}.reading-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px}.reading-text{font-size:1.45rem;font-weight:800;color:#38bdf8;letter-spacing:.05em}.tts-sound-btn{background:rgba(56,189,248,.15);border:1px solid rgba(56,189,248,.35);color:#7dd3fc;padding:3px 10px;border-radius:20px;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .2s}.tts-sound-btn:hover{background:rgba(56,189,248,.3);color:#ffffff}.idiom-meaning-box{background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.22);border-radius:12px;padding:14px;margin-bottom:14px;text-align:center}.box-label{font-size:.74rem;font-weight:800;color:#94a3b8;margin-bottom:6px;letter-spacing:.02em}.meaning-content{font-size:1.05rem;font-weight:800;color:#ffffff;line-height:1.5}.idiom-chars-breakdown{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;margin-bottom:14px}.chars-chips-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.char-breakdown-chip{display:flex;flex-direction:column;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 12px;min-width:48px}.chip-hanja{font-size:1.4rem;font-weight:700;color:#f1f5f9}.chip-reading{font-size:.76rem;font-weight:700;color:var(--hm-jade-400)}.idiom-origin-box{background:rgba(217,119,6,.07);border:1px solid rgba(217,119,6,.25);border-radius:12px;padding:14px;margin-bottom:14px}.origin-story-text{font-size:.84rem;color:#e2e8f0;line-height:1.65;margin:0;text-align:justify}.idiom-example-box{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;margin-bottom:12px}.example-text{font-size:.84rem;color:#cbd5e1;font-style:italic;line-height:1.5;margin:0}.idiom-similar-row{font-size:.78rem;color:#94a3b8;text-align:center;padding-top:4px}.similar-label{font-weight:700;color:#64748b;margin-right:6px}.similar-items{color:#94a3b8;font-weight:600}.idiom-quiz-hint-card{background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.25);border-radius:14px;padding:14px;text-align:center;margin-bottom:16px}.hint-meaning{font-size:1.02rem;font-weight:700;color:#fff;margin-top:4px}.theme-tag{font-size:.72rem;padding:2px 8px;border-radius:4px;background:rgba(217,119,6,.2);color:var(--hm-gold-400);font-weight:700}.idiom-slots-row.compact-slots{gap:8px;justify-content:center}.idiom-slot.compact{width:52px;height:52px;font-size:1.6rem}.idiom-pool-row.compact-pool{gap:8px}.idiom-tile-btn.compact{width:52px;height:52px;font-size:1.6rem}@media (max-width:480px){.idiom-slots-row.compact-slots{gap:6px}.idiom-slot.compact{width:46px;height:46px;font-size:1.35rem}.idiom-pool-row.compact-pool{gap:6px}.idiom-tile-btn.compact{width:46px;height:46px;font-size:1.35rem}}.reset-tiles-btn{background:transparent;border:none;color:var(--hm-text-muted);font-size:.82rem;cursor:pointer;padding:4px 8px;transition:color .18s}.reset-tiles-btn:hover{color:#ffffff}.idiom-success-banner{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.35);border-radius:16px;padding:18px;text-align:center;margin-bottom:20px}.success-header{font-size:1.35rem;font-weight:800;color:var(--hm-jade-400);margin-bottom:8px}.tts-sound-circle-btn{margin-left:8px;background:rgba(255,255,255,.12);border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;color:#fff;font-size:.95rem}.success-origin{font-size:.82rem;color:#cbd5e1;line-height:1.6;text-align:left;background:rgba(0,0,0,.25);padding:10px 12px;border-radius:8px}.classic-study-hero-card{background:linear-gradient(160deg,rgba(15,23,42,.85),rgba(30,41,59,.75));border:1px solid rgba(16,185,129,.3);border-radius:18px;padding:20px;margin-bottom:20px;box-shadow:0 10px 30px rgba(0,0,0,.4)}.source-badge{font-size:.74rem;padding:3px 10px;border-radius:6px;background:rgba(16,185,129,.15);color:#34d399;font-weight:700;border:1px solid rgba(16,185,129,.3)}.classic-title-text{font-size:1.15rem;font-weight:800;color:#f1f5f9;text-align:center;margin:0 0 14px}.classic-original-box{background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px;text-align:center;margin-bottom:14px}.original-hanja{font-size:clamp(1.3rem,3.5vw,1.7rem);font-weight:700;color:#ffffff;line-height:1.5;letter-spacing:.04em;margin-bottom:8px}.original-reading{font-size:.95rem;font-weight:700;color:var(--hm-jade-400);letter-spacing:.02em}.classic-translation-box{background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.22);border-radius:12px;padding:14px;margin-bottom:14px;text-align:center}.translation-text{font-size:1.02rem;font-weight:700;color:#ffffff;line-height:1.55;margin:0}.classic-grammar-box{background:rgba(245,158,11,.07);border:1px solid rgba(245,158,11,.22);border-radius:12px;padding:12px 14px;margin-bottom:14px}.grammar-item{font-size:.82rem;color:#e2e8f0;line-height:1.5}.classic-words-preview-section{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px}.words-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:8px;gap:8px;margin-top:8px}.word-preview-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 6px;text-align:center;position:relative}.preview-order-circle{font-size:.68rem;background:rgba(16,185,129,.25);color:#34d399;border-radius:10px;padding:1px 6px;display:inline-block;font-weight:800;margin-bottom:4px}.preview-hanja{font-size:1.4rem;font-weight:700;color:#ffffff}.preview-reading{font-size:.74rem;font-weight:700;color:var(--hm-jade-400)}.preview-meaning{font-size:.72rem;color:#94a3b8;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-primary-btn{width:100%;padding:14px 20px;border-radius:12px;border:none;font-weight:800;font-size:1rem;cursor:pointer;transition:all .22s ease;color:#ffffff}.session-primary-btn.green-glow{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px rgba(5,150,105,.35)}.session-primary-btn.green-glow:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(5,150,105,.5);filter:brightness(1.08)}.animate-fade-in{animation:fadeInStep .25s ease-out forwards}@keyframes fadeInStep{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chip-huneum-col{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:4px}.chip-meaning{font-size:.78rem;font-weight:700;color:var(--hm-gold-400);line-height:1.2}.chip-sound{font-size:.74rem;font-weight:800;color:var(--hm-jade-300);background:rgba(16,185,129,.16);padding:1px 6px;border-radius:4px;border:1px solid rgba(52,211,153,.25)}.classic-hint-guide-box{background:rgba(217,119,6,.08);border:1px solid rgba(217,119,6,.3);border-radius:14px;padding:14px 16px;margin-bottom:18px;animation:fadeIn .3s ease-in-out}.classic-hint-guide-box .hint-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.classic-hint-guide-box .hint-icon{font-size:1.1rem}.classic-hint-guide-box .hint-title{font-size:.88rem;font-weight:800;color:var(--hm-gold-400)}.classic-hint-guide-box .hint-tip{font-size:.76rem;color:var(--hm-text-muted);margin-left:auto}.hint-sequence-row{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.hint-word-pill{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:5px 10px}.hint-order-num{font-weight:800;color:#38bdf8;font-size:.78rem}.hint-hanja{font-weight:700;color:#fff;font-size:1.05rem}.hint-reading{color:var(--hm-jade-400);font-weight:700;font-size:.78rem}.hint-meaning{color:#cbd5e1;font-size:.74rem}.hint-arrow{color:rgba(255,255,255,.25);font-size:.75rem;margin-left:2px}.hint-toggle-btn{background:rgba(217,119,6,.12);border:1px solid rgba(217,119,6,.4);color:var(--hm-gold-400);padding:8px 16px;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease}.hint-toggle-btn.active,.hint-toggle-btn:hover{background:rgba(217,119,6,.25);border-color:var(--hm-gold-400);color:#fff;box-shadow:0 0 12px rgba(217,119,6,.3)}.syntax-order-badge.hint-badge{background:rgba(217,119,6,.25)!important;color:var(--hm-gold-400)!important;border:1px solid rgba(217,119,6,.5);font-size:.7rem;width:auto!important;min-width:22px;padding:0 4px}.classic-success-card{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.3);border-radius:14px;padding:18px 20px;text-align:center;margin-bottom:12px;box-shadow:0 4px 16px rgba(0,0,0,.25)}.classic-success-card .success-badge{display:inline-block;background:var(--hm-jade-500);color:#fff;padding:4px 14px;border-radius:20px;font-size:.82rem;font-weight:800;margin-bottom:10px}.classic-success-card .sentence-original{display:block;font-size:1.45rem;font-weight:800;color:#fff;margin-bottom:4px}.classic-success-card .sentence-reading{display:block;font-size:.95rem;font-weight:700;color:var(--hm-jade-400);margin-bottom:8px}.classic-success-card .sentence-translation{font-size:.9rem;color:#cbd5e1;line-height:1.5;margin:0}.preview-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:4px}.preview-order-badge{font-size:.68rem;background:rgba(16,185,129,.25);color:#34d399;border-radius:8px;padding:2px 6px;font-weight:800;border:1px solid rgba(52,211,153,.3)}.preview-role-badge{font-size:.65rem;background:rgba(56,189,248,.18);color:#38bdf8;border-radius:6px;padding:1px 5px;font-weight:700;border:1px solid rgba(56,189,248,.3)}.preview-huneum-badge{font-size:.8rem;font-weight:800;color:var(--hm-jade-400);margin-top:3px}.preview-context-meaning{font-size:.72rem;color:#cbd5e1;margin-top:4px;line-height:1.3;word-break:keep-all}.classic-assembly-container{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;margin-bottom:16px}.assembly-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.assembly-title{font-size:.88rem;font-weight:800;color:#fff}.assembly-progress{font-size:.78rem;color:var(--hm-jade-400);font-weight:700}.classic-assembly-slots{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.classic-slot{min-width:68px;min-height:82px;padding:6px 4px;border-radius:10px;border:2px dashed rgba(255,255,255,.15);background:rgba(255,255,255,.02);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .25s ease;position:relative}.classic-slot.active{border-color:var(--hm-jade-400);background:rgba(16,185,129,.12);box-shadow:0 0 14px rgba(16,185,129,.3);transform:scale(1.04)}.classic-slot.filled{border-style:solid;border-color:var(--hm-jade-500);background:rgba(16,185,129,.18);box-shadow:0 2px 8px rgba(16,185,129,.2)}.slot-order-num{font-size:.62rem;color:#94a3b8;font-weight:800;margin-bottom:2px}.slot-hanja{font-size:1.5rem;font-weight:800;color:#ffffff;line-height:1.1}.slot-reading{font-size:.74rem;font-weight:800;color:var(--hm-jade-300)}.slot-meaning{font-size:.64rem;color:var(--hm-gold-300);font-weight:600;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-placeholder{font-size:.68rem;color:#64748b;font-weight:700;text-align:center}.syntax-role-tag{font-size:.65rem;background:rgba(56,189,248,.18);color:#38bdf8;border-radius:4px;padding:1px 5px;font-weight:700;margin-top:3px;border:1px solid rgba(56,189,248,.28)}.syntax-role-tag.locked-role{background:rgba(255,255,255,.05);color:#64748b;border-color:transparent}.syntax-order-badge.locked-badge{background:var(--hm-jade-500);color:#ffffff;border-color:var(--hm-jade-400);font-weight:800}.card-huneum-text{margin-top:2px;font-size:.8rem;font-weight:700}.hint-huneum{font-size:.74rem;font-weight:700;color:var(--hm-jade-300)}.hint-role{font-size:.68rem;color:#38bdf8;font-weight:700}.sentence-breakdown-summary{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);text-align:left}.breakdown-title{font-size:.82rem;color:var(--hm-gold-400);font-weight:800;display:block;margin-bottom:8px}.breakdown-pills{display:flex;flex-wrap:wrap;gap:6px}.breakdown-item{font-size:.78rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:3px 8px;border-radius:6px;color:#e2e8f0;display:inline-flex;align-items:center;gap:4px}.breakdown-num{font-size:.65rem;background:rgba(16,185,129,.25);color:#34d399;border-radius:4px;padding:0 4px;font-weight:800}.idiom-card-decomp-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 0 14px}.idiom-card-decomp-chip{font-size:.74rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:3px 8px;border-radius:6px;color:#e2e8f0;display:inline-flex;align-items:center;gap:4px}.idiom-card-decomp-chip strong{color:var(--hm-gold-400);font-family:var(--font-serif),serif;font-size:.85rem}.idiom-card-study-btn{width:100%;padding:8px 12px;border-radius:8px;border:1px solid rgba(16,185,129,.4);background:rgba(16,185,129,.15);color:#34d399;font-size:.82rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.idiom-card-study-btn:hover{background:rgba(16,185,129,.28);border-color:var(--hm-jade-400);transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.25)}.idiom-modal-overlay{position:fixed;inset:0;background:rgba(4,9,20,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:idiomFadeIn .22s ease-out}@keyframes idiomFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.idiom-modal-card{background:#0f172a;border:1px solid var(--hm-border-jade);border-radius:24px;max-width:860px;width:100%;max-height:90vh;overflow-y:auto;padding:32px 28px;box-shadow:0 25px 60px rgba(0,0,0,.75),0 0 30px rgba(16,185,129,.15);position:relative;color:#fff}.idiom-modal-close{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#94a3b8;font-size:1.2rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.idiom-modal-close:hover{background:rgba(239,68,68,.2);color:#ef4444;border-color:rgba(239,68,68,.4)}.idiom-modal-header{margin-bottom:22px}.idiom-modal-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.idiom-badge-main{color:var(--hm-jade-400);background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.35);border-radius:6px}.idiom-badge-main,.idiom-badge-track{font-size:.75rem;font-weight:800;padding:3px 10px}.idiom-badge-track{color:var(--hm-gold-400);background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.35);border-radius:6px}.idiom-badge-theme{font-size:.75rem;font-weight:700;color:#a5b4fc;background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.35);padding:3px 10px;border-radius:6px}.idiom-modal-title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.idiom-modal-title{font-size:1.85rem;font-weight:900;color:#fff;display:flex;align-items:baseline;gap:10px}.idiom-modal-title .hanja-highlight{font-family:var(--font-serif),serif;color:var(--hm-gold-400);font-size:2rem;letter-spacing:2px}.idiom-char-tabs-bar{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-bottom:24px}@media (max-width:640px){.idiom-char-tabs-bar{grid-template-columns:repeat(2,1fr)}}.idiom-char-tab-btn{background:rgba(255,255,255,.04);border:1px solid var(--hm-border);border-radius:12px;padding:10px 8px;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:4px}.idiom-char-tab-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(52,211,153,.4)}.idiom-char-tab-btn.active{background:rgba(16,185,129,.16);border-color:var(--hm-jade-400);box-shadow:0 0 16px rgba(16,185,129,.25)}.tab-order-tag{font-size:.68rem;font-weight:800;color:var(--hm-gold-400);background:rgba(245,158,11,.15);padding:1px 6px;border-radius:4px}.tab-hanja-main{font-size:1.8rem;font-family:var(--font-serif),serif;font-weight:800;color:#fff;line-height:1.2}.idiom-char-tab-btn.active .tab-hanja-main{color:var(--hm-jade-400)}.tab-huneum-sub{font-size:.82rem;font-weight:700;color:#e2e8f0}.tab-meta-sub{font-size:.7rem;color:#94a3b8}.idiom-studio-layout{display:grid;grid-template-columns:1fr 1.15fr;grid-gap:22px;gap:22px;align-items:start}@media (max-width:768px){.idiom-studio-layout{grid-template-columns:1fr}}.idiom-writer-panel{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:20px;display:flex;flex-direction:column;align-items:center}.writer-char-header{text-align:center;margin-bottom:12px}.writer-char-title{font-size:1.15rem;font-weight:800;color:var(--hm-jade-400);display:flex;align-items:center;justify-content:center;gap:8px}.writer-char-meta{font-size:.8rem;color:var(--hm-text-muted);margin-top:2px}.idiom-hanzi-writer-box{width:220px;height:220px;border-radius:16px;background:#060e18;border:2px solid rgba(52,211,153,.35);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 16px rgba(0,0,0,.7),0 8px 24px rgba(0,0,0,.3);margin-bottom:14px}.idiom-hanzi-writer-box svg{border-radius:14px}.idiom-writer-toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:100%}.idiom-tool-btn{flex:1 1;min-width:90px;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#e2e8f0;font-size:.78rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .18s ease}.idiom-tool-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}.idiom-tool-btn.primary{background:rgba(16,185,129,.2);border-color:var(--hm-jade-500);color:#34d399}.idiom-tool-btn.primary:hover{background:rgba(16,185,129,.32)}.idiom-writer-status-banner{margin-top:12px;font-size:.8rem;padding:6px 14px;border-radius:8px;text-align:center;width:100%}.idiom-writer-status-banner.completed{background:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.4);color:#34d399;font-weight:800}.idiom-writer-status-banner.quizzing{background:rgba(56,189,248,.15);border:1px solid rgba(56,189,248,.3);color:#38bdf8;font-weight:700}.idiom-writer-status-banner.animating{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);color:var(--hm-gold-400);font-weight:700}.idiom-info-panel{display:flex;flex-direction:column;gap:14px}.idiom-info-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px}.idiom-info-card .card-heading{font-size:.82rem;font-weight:800;color:var(--hm-gold-400);margin-bottom:6px;display:flex;align-items:center;gap:6px}.idiom-info-card .card-body-text{font-size:.92rem;color:#e2e8f0;line-height:1.6}.idiom-decomp-table{width:100%;border-collapse:collapse;margin-top:4px}.idiom-decomp-table tr{border-bottom:1px solid rgba(255,255,255,.06)}.idiom-decomp-table tr:last-child{border-bottom:none}.decomp-col-hanja{font-family:var(--font-serif),serif;font-size:1.3rem;font-weight:800;color:var(--hm-gold-400);padding:8px 10px;width:44px;text-align:center}.decomp-col-huneum{font-size:.86rem;font-weight:800;color:#fff;padding:8px 6px}.decomp-col-meta{font-size:.74rem;color:#94a3b8;padding:8px 10px;text-align:right}.idiom-modal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.idiom-nav-btn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#cbd5e1;padding:8px 16px;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s}.idiom-nav-btn:hover{background:rgba(255,255,255,.12);color:#fff}