:root{--primary:#6c5ce7;--primary-dark:#5a4bd1;--ink:#2d3436;--muted:#636e72;--line:#dfe6e9;--bg:#f8f9fa;--surface:#fff;--shadow:0 16px 34px #2d343614;--sans:Pretendard, "Pretendard Variable", "Noto Sans KR", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", sans-serif;--mono:"JetBrains Mono", "SFMono-Regular", Consolas, "D2Coding", monospace;color:var(--ink);font-family:var(--sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}h1,h2,p{margin:0}.center-page{place-items:center;min-height:100vh;padding:18px;display:grid}.auth-card{border:1px solid var(--line);background:var(--surface);width:min(440px,100%);box-shadow:var(--shadow);border-radius:8px;gap:13px;padding:22px;display:grid}.auth-card.signup-mode{border-color:#cfc8ff;box-shadow:0 18px 42px #6c5ce724}.auth-head{align-items:center;gap:13px;display:flex}.auth-logo{object-fit:contain;flex:none;width:52px;height:52px}.auth-card h1{font-size:32px;line-height:1.05}.auth-card .muted{margin-top:5px;font-size:14px;line-height:1.45}.loading-screen{background:linear-gradient(135deg, #6c5ce714, transparent 38%), linear-gradient(315deg, #00b89414, transparent 34%), var(--bg);grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid;overflow:hidden}.loading-sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;border-right:1px solid #dfe6e9e0;flex-direction:column;gap:14px;height:100vh;padding:18px;display:flex}.loading-brand{align-items:center;gap:10px;padding:6px;display:flex}.loading-brand img{object-fit:contain;width:38px;height:38px}.loading-brand span,.loading-nav-line,.loading-account,.loading-button,.loading-preview span,.loading-preview strong,.loading-preview p,.loading-list div{background:#eceff3;border-radius:8px;position:relative;overflow:hidden}.loading-brand span:after,.loading-nav-line:after,.loading-account:after,.loading-button:after,.loading-preview span:after,.loading-preview strong:after,.loading-preview p:after,.loading-list div:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb8,#0000);animation:1.35s ease-in-out infinite loading-sheen;position:absolute;inset:0;transform:translate(-100%)}.loading-brand span{width:116px;height:28px}.loading-nav-line{width:86%;height:40px}.loading-nav-line.wide{width:100%}.loading-nav-line.short{width:68%}.loading-account{width:100%;height:82px;margin-top:auto}.loading-workspace{align-content:start;gap:16px;width:min(980px,100%);margin:0 auto;padding:28px;display:grid}.loading-top{justify-content:space-between;align-items:center;gap:12px;min-height:64px;display:flex}.loading-button{background:#6c5ce72e;width:128px;height:42px}.loading-grid{grid-template-columns:1.5fr 1fr;gap:12px;display:grid}.loading-preview{min-height:178px;box-shadow:var(--shadow);background:#ffffffe0;border:1px solid #dfe6e9e6;border-radius:8px;align-content:start;gap:14px;padding:18px;display:grid}.loading-preview.main{min-height:224px}.loading-preview span{background:#6c5ce729;width:72px;height:22px}.loading-preview strong{width:74%;height:32px}.loading-preview p{width:92%;height:16px}.loading-preview p.short{width:62%}.loading-list{gap:8px;display:grid}.loading-list div{background:#ffffffe6;border:1px solid #dfe6e9e6;height:76px}.loading-caption{color:var(--muted);font-size:13px;font-weight:750}@keyframes loading-sheen{to{transform:translate(100%)}}.auth-mode-tabs{border:1px solid var(--line);background:#f8f9fa;border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;padding:5px;display:grid}.auth-mode-tabs button{background:0 0;border:0;padding:9px 10px}.auth-mode-tabs button.active{color:var(--primary);background:#fff;box-shadow:0 4px 12px #2d343614}.signup-note{color:#4d42b8;background:#f6f4ff;border:1px solid #d8d2ff;border-radius:8px;gap:3px;padding:11px 12px;font-size:13px;display:grid}.signup-note span{color:#675f9f}.app-layout{background:var(--bg);grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;gap:16px;height:100vh;padding:18px;display:flex;position:sticky;top:0}.brand-button{text-align:left;color:var(--ink);background:0 0;border:0;align-items:center;gap:10px;padding:6px;display:flex}.brand-button img{object-fit:contain;width:38px;height:38px}.brand-button span{gap:1px;font-weight:800;display:grid}.brand-button small{color:var(--muted);font-size:11px;font-weight:650}.sidebar-nav{gap:6px;display:grid}.sidebar-nav button,.brand-links a{width:100%;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:8px;padding:10px 11px;font-weight:700;text-decoration:none}.sidebar-nav button.active,.sidebar-nav button:hover,.brand-links a:hover{color:var(--primary);background:#f1eefc}.brand-links{border:1px solid var(--line);border-radius:8px;padding:8px}.brand-links summary{cursor:pointer;color:var(--muted);padding:5px;font-size:13px;font-weight:800}.brand-links a{margin-top:4px;font-size:13px;display:block}.account-box{border:1px solid var(--line);border-radius:8px;gap:8px;margin-top:auto;padding:12px;display:grid}.account-box p{color:var(--muted);word-break:break-all;font-size:12px}.workspace{width:min(980px,100%);margin:0 auto;padding:28px}.mobile-header{display:none}.hamburger-btn{place-content:center;gap:5px;width:44px;height:44px;padding:0;display:inline-grid}.hamburger-btn span{background:currentColor;border-radius:999px;width:18px;height:2px}.mobile-sidebar-backdrop{display:none}.home-surface,.editor-page,.script-detail-page,.study-page,.dictation-page,.result-page{gap:16px;display:grid}.page-top,.script-hero,.study-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.page-top.compact{margin-bottom:2px}.eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900}h1{font-size:clamp(28px,4vw,42px);line-height:1.08}h2{font-size:20px}.muted,.script-hero p{color:var(--muted)}.field{gap:6px;display:grid}.field span{color:var(--muted);font-size:13px;font-weight:800}input,textarea,button{font:inherit}.field input,.field textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:12px 13px}.auth-card .field input{min-height:46px;padding:10px 12px;font-size:16px}.field textarea{resize:vertical;min-height:420px;font-family:var(--mono);line-height:1.6}button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;padding:10px 13px;font-weight:800}button:disabled{opacity:.45;cursor:not-allowed}.primary-btn{border-color:var(--primary);background:var(--primary);color:#fff}.ghost-btn{background:#fff}.danger-btn{color:#b8482f;background:#fff2ef;border-color:#f0b9ae}.success-btn{color:#087a52;background:#e9fbf3;border-color:#90d9bd}.full-btn{width:100%;margin-top:10px}.button-row,.script-actions,.study-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.script-list{gap:8px;display:grid}.script-row{border:1px solid var(--line);background:var(--surface);text-align:left;justify-content:space-between;align-items:center;width:100%;min-height:76px;padding:14px 16px;display:flex}.script-row span:first-child{gap:6px;display:grid}.script-row small{color:var(--muted);font-weight:650}.row-arrow{color:var(--primary);font-size:28px}.empty-state,.body-panel,.script-hero,.result-hero,.resume-banner,.question-card,.result-card,.study-header{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:18px}.empty-state.slim{box-shadow:none}.script-hero{align-items:flex-start}.resume-banner{background:#f7f5ff;border-color:#c9c2ff;justify-content:space-between;align-items:center;gap:12px;display:flex}.resume-banner div:first-child{gap:4px;display:grid}.resume-banner span{color:var(--muted);font-size:13px;font-weight:700}.jumbo-btn{padding:15px 20px;font-size:18px}.text-btn{color:var(--muted);background:0 0;border:0;padding:0 0 8px}.panel-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.panel-count{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#fff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}.quiz-history-panel{background:linear-gradient(135deg, #00b89414, transparent 44%), var(--surface)}.quiz-history-list{gap:8px;display:grid}.quiz-history-row{border:1px solid var(--line);text-align:left;background:#fff;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;width:100%;padding:13px 14px;display:grid}.quiz-history-row:hover{background:#f7fffb;border-color:#b9dfcc}.quiz-history-main,.quiz-history-stats{gap:5px;min-width:0;display:grid}.quiz-history-main small,.quiz-history-stats small{color:var(--muted);font-size:12px;font-weight:750}.quiz-history-stats{text-align:right}.quiz-history-stats em{color:var(--ink);font-style:normal;font-weight:950}.result-hero{background:linear-gradient(135deg, #6c5ce71a, transparent 46%), linear-gradient(315deg, #00b8941f, transparent 36%), var(--surface);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:18px;display:flex}.result-hero p:not(.eyebrow){color:var(--muted);margin-top:8px}.score-ring{border:12px solid #e8fbf4;border-top-color:var(--primary);width:140px;height:140px;box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-right-color:#00b894;border-radius:999px;flex:none;place-items:center;display:grid}.score-ring span,.score-ring small{grid-area:1/1}.score-ring span{font-size:30px;font-weight:950}.score-ring small{color:var(--muted);align-self:end;margin-bottom:28px;font-size:12px;font-weight:850}.result-widgets{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.result-widget{border:1px solid var(--line);background:#fff;border-radius:8px;gap:7px;padding:16px;display:grid;box-shadow:0 10px 24px #2d34360f}.result-widget.score{background:#f8f6ff;border-color:#c9c2ff}.result-widget span,.result-widget small{color:var(--muted);font-size:12px;font-weight:850}.result-widget strong{font-size:clamp(28px,5vw,42px);line-height:1}.result-progress-panel{gap:10px;display:grid}.result-progress-panel p{color:var(--muted);line-height:1.55}.result-meter{background:#eceff3;border-radius:999px;height:14px;overflow:hidden}.result-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), #00b894);min-width:6px;height:100%;display:block}.wrong-word-cloud{flex-wrap:wrap;gap:8px;display:flex}.wrong-word-cloud span{color:#a13d29;background:#fff7f5;border:1px solid #f0b9ae;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:900}.wrong-list.polished article{background:linear-gradient(#fff,#fff8f6);border-color:#f0d7d1}.result-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.script-body{gap:12px;display:grid}.script-body article{border-bottom:1px solid var(--line);padding-bottom:12px}.script-body article.weak-sentence{background:#fff7f5;border:1px solid #f0b9ae;border-radius:8px;padding:12px}.script-body article:last-child{border-bottom:0;padding-bottom:0}.script-body p{color:var(--muted);margin-bottom:5px}.script-body article.weak-sentence p{color:#a13d29;font-weight:850}.script-body strong{line-height:1.55;display:block}.weak-badge{color:#a13d29;vertical-align:middle;background:#ffe0da;border-radius:999px;margin-left:8px;padding:2px 7px;font-size:11px;font-weight:900;display:inline-flex}.weak-word{color:#d7553b;text-underline-offset:3px;font-weight:950;text-decoration:underline;text-decoration-thickness:2px}.check-line,.toggle-line{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:750;display:flex}.study-header div{text-align:center;gap:3px;display:grid}.study-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.study-header-actions.right{justify-content:flex-end}.study-header span{color:var(--muted);font-size:13px}.flashcard{border:1px solid var(--line);background:var(--surface);text-align:center;place-items:center;gap:14px;width:100%;min-height:360px;display:grid}.flashcard span{color:var(--primary)}.flashcard strong{font-size:clamp(28px,6vw,54px);line-height:1.16}.flashcard em{color:var(--ink);font-size:clamp(20px,3vw,30px);font-style:normal;line-height:1.45}.big-round{border-radius:999px;width:72px;height:72px;font-size:28px}.study-actions{justify-content:center}.question-top{justify-content:space-between;gap:12px;margin-bottom:18px;display:flex}.sentence-line{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:18px;font-size:clamp(20px,3vw,30px);line-height:1.9;display:flex}.blank-wrap{align-items:baseline;gap:4px;display:inline-flex}.blank-wrap input{border:0;border-bottom:2px solid var(--primary);text-align:center;max-width:min(100%,340px);font-weight:850;font-size:inherit;background:#f8f7ff;border-radius:6px 6px 0 0;padding:4px 6px;line-height:1.25}.blank-wrap input.correct{cursor:pointer;background:#ecfbf4;border-bottom-color:#12a16b}.blank-wrap input.wrong{cursor:pointer;background:#fff0ec;border-bottom-color:#d7553b}.blank-wrap small{color:#d7553b;cursor:pointer;font-size:13px;font-weight:850}.wrong-list{gap:8px;margin:16px 0;display:grid}.wrong-list article{border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px}.session-list{color:var(--muted);gap:8px;display:grid}.session-row{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.session-row p{min-width:0}.modal-backdrop{z-index:40;background:#14162061;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.word-modal{background:#fff;border-radius:8px;gap:12px;width:min(520px,100%);padding:20px;display:grid}.study-modal{background:#fff;border-radius:8px;gap:14px;width:min(520px,100%);padding:20px;display:grid}.modal-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal-close{padding-top:2px}.study-type-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.study-type-tabs button.active{border-color:var(--primary);color:var(--primary);background:#f1eefc}.study-settings{border:1px solid var(--line);background:#fbfbfe;border-radius:8px;gap:10px;padding:14px;display:grid}.setting-note{color:var(--muted);font-size:13px;font-weight:700;line-height:1.5}.slider-field{gap:10px;display:grid}.slider-field span{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:850;display:flex}.slider-field strong{color:var(--primary);background:#f8f6ff;border:1px solid #c9c2ff;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:950}.slider-field input[type=range]{width:100%;accent-color:var(--primary)}.word-chip-grid{flex-wrap:wrap;gap:8px;display:flex}.word-chip-grid button.selected{border-color:var(--primary);color:var(--primary);background:#f1eefc}.sync-error,.error-text{color:#a13d29;background:#fff2ef;border:1px solid #f0b9ae;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:750}.notice-text{color:#15764f;background:#effaf4;border:1px solid #b9dfcc;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:750}@media (width<=820px){.loading-screen{grid-template-columns:1fr}.loading-sidebar{display:none}.loading-workspace{padding:18px 14px}.loading-top{flex-direction:column;align-items:stretch}.loading-grid{grid-template-columns:1fr}.loading-preview.main{min-height:190px}.app-layout{grid-template-columns:1fr}.sidebar{display:none}.mobile-sidebar-backdrop{z-index:35;background:#14162061;justify-content:flex-end;display:flex;position:fixed;inset:0}.mobile-sidebar{border-left:1px solid var(--line);background:var(--surface);flex-direction:column;gap:16px;width:min(300px,100vw - 38px);height:100%;padding:18px;animation:.16s ease-out slide-sidebar-in;display:flex;box-shadow:-18px 0 38px #2d343629}.mobile-sidebar-close{text-align:left;margin-top:4px}.workspace{padding:14px}.mobile-header{z-index:10;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:8px;display:flex;position:sticky;top:0}.page-top,.script-hero,.result-hero,.study-header{flex-direction:column;align-items:stretch}.score-ring{align-self:flex-start;width:116px;height:116px}.score-ring span{font-size:25px}.score-ring small{margin-bottom:22px}.result-widgets{grid-template-columns:1fr}.quiz-history-row{grid-template-columns:minmax(0,1fr) auto}.quiz-history-stats{text-align:left;grid-column:1/-1}.question-top{flex-direction:column}.sentence-line{font-size:20px}.session-row{flex-direction:column;align-items:stretch}}@keyframes slide-sidebar-in{0%{transform:translate(100%)}to{transform:translate(0)}}