:root{font-family:Noto Sans KR,Pretendard,Apple SD Gothic Neo,system-ui,sans-serif;color:#f5f7fa;background:#050505;line-height:1.6;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#050505;color:#f5f7fa}button,input,select{font:inherit}.app-shell{min-height:100vh;background:linear-gradient(180deg,#040404,#070707 56%,#040404);padding-bottom:74px}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:20px;min-height:78px;padding:10px 26px;border-bottom:1px solid #252525;background:#050505f5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.brand{border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:9px;cursor:pointer;min-width:155px}.brand-crown{font-size:38px;color:#f2c14b;line-height:1;filter:drop-shadow(0 0 12px rgba(242,193,75,.22))}.brand-word{font-size:29px;font-weight:950;letter-spacing:-.07em}.top-menu{display:flex;align-items:center;gap:3px;flex:1;overflow:auto}.top-menu button{border:0;background:transparent;color:#c8cdd6;padding:11px 10px;border-radius:10px;white-space:nowrap;cursor:pointer;font-size:14px;font-weight:750}.top-menu button:hover,.top-menu button.active{background:#151515;color:#fff}.top-menu .nav-info,.top-menu .pricing-link{color:#f2c14b;font-weight:900}.account-area{display:flex;align-items:center;gap:7px;white-space:nowrap}.language-picker{display:flex;align-items:center;gap:7px;height:42px;padding:0 11px;border:1px solid #303030;background:#0b0b0b;border-radius:11px;color:#fff;font-size:12px;font-weight:800}.language-picker select{background:transparent;color:#fff;border:0;outline:0}.language-picker option{background:#111;color:#fff}.login-outline,.signup-btn,.profile-btn,.hero-primary,.hero-secondary,.generate-btn,.primary-btn,.back-action,.plan-button{border-radius:11px;padding:11px 15px;border:1px solid #383838;cursor:pointer;font-weight:850}.login-outline,.profile-btn,.hero-secondary,.back-action{background:#0b0b0b;color:#fff}.signup-btn,.generate-btn,.primary-btn,.hero-primary{background:#f2c14b;color:#080808;border-color:#f2c14b}.credit-pill{padding:9px 11px;background:#111;border:1px solid #343434;border-radius:11px;color:#f2c14b;font-weight:850;font-size:12px}.home{max-width:1500px;margin:0 auto;padding:0 28px 70px}.hero-section{min-height:620px;display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,.95fr);gap:40px;align-items:center;padding:54px 0 64px}.hero-copy{padding:0 8px}.eyebrow{font-size:11px;letter-spacing:.17em;color:#9da5b2;font-weight:900}.hero-copy h1{font-size:90px;line-height:.95;margin:10px 0 14px;letter-spacing:-.09em}.hero-copy h2{font-size:34px;line-height:1.23;margin:0 0 16px;letter-spacing:-.05em}.hero-copy p{font-size:17px;color:#aab0ba;max-width:650px;margin:0;line-height:1.8}.hero-actions{display:flex;gap:10px;margin:28px 0 22px}.hero-primary{box-shadow:0 10px 30px #f2c14b14}.hero-primary span{margin-left:14px;font-size:20px}.hero-stats{display:flex;gap:20px;color:#737983;font-size:12px}.hero-stats b{color:#fff;font-size:18px;margin-right:5px}.hero-visual-wrap{display:flex;justify-content:center}.hero-visual{width:100%;max-width:720px;border-radius:24px;border:1px solid #2b2b2b;box-shadow:0 35px 90px #00000085,0 0 40px #395b821a;display:block}.practice-area{padding:12px 0}.course-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:14px}.course-tab{min-height:94px;text-align:left;padding:15px;border-radius:15px;border:1px solid #242424;background:#0b0b0b;color:#fff;cursor:pointer}.course-tab strong{display:block;font-size:16px}.course-tab small{display:block;color:#777e89;margin-top:6px;font-size:11px;line-height:1.45}.course-tab:hover,.course-tab.active{border-color:#f2c14b;background:#111009}.workspace-grid{display:grid;grid-template-columns:310px minmax(0,1fr);gap:16px;align-items:start}.sidebar{border:1px solid #252525;border-radius:18px;background:#090909;overflow:hidden;position:sticky;top:94px;max-height:calc(100vh - 114px);overflow-y:auto}.sidebar.collapsed{width:58px}.sidebar-toggle{width:100%;border:0;border-bottom:1px solid #242424;background:#0d0d0d;color:#e8e8e8;padding:14px 12px;display:grid;grid-template-columns:24px 1fr 18px;align-items:center;gap:5px;cursor:pointer;text-align:left}.sidebar-toggle b{font-size:12px}.side-block{border-bottom:1px solid #202020}.side-title{width:100%;border:0;background:#0b0b0b;color:#fff;padding:16px 15px;display:flex;justify-content:space-between;gap:10px;cursor:pointer;text-align:left}.side-title span:first-child{display:flex;align-items:center;gap:7px;font-weight:850;font-size:11px;letter-spacing:.08em}.side-title em{font-style:normal;color:#f2c14b}.side-title b{letter-spacing:-.02em;font-size:14px}.side-content{padding:12px 12px 15px}.level-list{display:flex;flex-direction:column;gap:8px}.level-item{display:flex;justify-content:space-between;align-items:center;border:1px solid #242424;background:#0d0d0d;color:#fff;border-radius:12px;padding:12px;cursor:pointer;text-align:left}.level-item span{display:flex;flex-direction:column;gap:2px}.level-item strong{font-size:15px}.level-item small{color:#858b95;font-size:10px}.level-item i{font-style:normal;color:#717783;font-size:10px}.level-item.selected{border-color:#f2c14b;background:#151108}.topic-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.topic-list button{border:1px solid #242424;background:#0d0d0d;color:#aeb3bc;padding:9px 6px;border-radius:10px;font-size:11px;cursor:pointer}.topic-list button.selected{border-color:#f2c14b;color:#fff;background:#171208}.main-workspace{min-width:0}.workspace-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:16px 4px}.workspace-title-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.workspace-head h2{font-size:38px;margin:2px 0 4px;letter-spacing:-.06em}.workspace-head p{margin:0;color:#818792;font-size:13px}.topic-chip,.level-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #2e2e2e;background:#0d0d0d;padding:7px 10px;border-radius:999px;color:#d6d9df;font-size:11px}.topic-chip{color:#f2c14b}.credit-notice,.generator-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #262626;border-radius:16px;background:#0c0c0c;padding:14px 16px;margin-bottom:12px}.credit-notice{justify-content:flex-start;color:#8b929d;font-size:12px}.credit-notice b{color:#f2c14b}.credit-notice strong{color:#fff;font-size:15px}.generator-bar b{display:block;font-size:15px;margin-top:3px}.generator-bar small{display:block;color:#757b85;font-size:11px;margin-top:5px}.generator-label{display:block;color:#737983;font-size:10px;letter-spacing:.12em;font-weight:900}.generate-btn{min-width:145px}.qa-area{display:flex;flex-direction:column;gap:14px}.qa-panel{border:1px solid #292929;border-radius:20px;background:#0a0a0a;padding:26px}.question-panel{border-left:3px solid #f2c14b}.qa-kicker{font-size:10px;color:#9ca2ab;font-weight:900;letter-spacing:.16em}.qa-panel h3{font-size:31px;margin:4px 0 22px;letter-spacing:-.04em}.language-row{display:grid;grid-template-columns:90px minmax(0,1fr);gap:16px;padding:14px 0;border-top:1px solid #1f1f1f}.language-row>span{font-size:11px;color:#f2c14b;font-weight:900;margin-top:9px}.jp,.hiragana,.ko,.pron{margin:0}.xlarge{font-size:27px;line-height:1.55;font-weight:900;letter-spacing:-.02em}.large{font-size:19px;line-height:1.72}.answer-panel{background:linear-gradient(180deg,#0b0b0b,#080808)}.script-list{display:flex;flex-direction:column;gap:11px}.script-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:17px;border:1px solid #222;border-radius:16px;background:#0d0d0d;padding:18px}.line-no{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#f2c14b;color:#080808;font-size:12px;font-weight:950}.script-content{display:grid;gap:10px}.script-content>div{padding-bottom:10px;border-bottom:1px solid #1e1e1e}.script-content>div:last-child{border-bottom:0;padding-bottom:0}.script-content label{display:block;color:#808792;font-size:10px;font-weight:900;letter-spacing:.1em;margin-bottom:2px}.script-content .hiragana{color:#aeb4bf}.script-content .ko{color:#f1f2f4}.script-content .pron{color:#d0a63f;font-weight:750}.tips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tips strong{width:100%;font-size:12px}.tips span{border:1px solid #232323;background:#0f0f0f;color:#8e949d;padding:8px 10px;border-radius:10px;font-size:11px}.empty-workspace{min-height:520px;border:1px dashed #303030;border-radius:20px;background:#090909;display:flex;align-items:center;gap:22px;padding:34px}.empty-mark{width:90px;height:90px;border-radius:20px;display:grid;place-items:center;background:#12100a;border:1px solid #3a3015;color:#f2c14b;font-size:47px;font-weight:900}.empty-workspace h3{font-size:26px;margin:7px 0}.empty-workspace p{color:#848a94;margin:0;font-size:14px}.info-page,.auth-page{max-width:1200px;margin:0 auto;padding:70px 28px 100px}.info-hero,.auth-page-card{text-align:left}.gold-badge{display:inline-flex;border:1px solid #7b6227;color:#f2c14b;background:#151108;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;letter-spacing:.1em}.info-hero h1{font-size:62px;line-height:1.1;margin:14px 0}.info-hero p{color:#9298a1;font-size:16px}.info-content{margin-top:34px}.info-card-large{border:1px solid #2b2b2b;border-radius:22px;background:#0b0b0b;padding:38px}.info-card-large h2{font-size:31px;line-height:1.45;margin:0 0 18px}.info-card-large p{color:#a6abb4;font-size:15px;line-height:1.9}.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.fact-grid>div{border:1px solid #232323;border-radius:16px;background:#0e0e0e;padding:18px}.fact-grid b{display:block;color:#f2c14b;font-size:11px}.fact-grid strong{display:block;font-size:19px;margin:6px 0}.fact-grid p{margin:0;font-size:12px}.conversion{border-top:1px solid #242424;padding-top:22px}.conversion h3{font-size:16px}.conversion{display:flex;flex-wrap:wrap;gap:9px}.conversion h3{width:100%}.conversion div{display:flex;gap:9px;align-items:center;padding:10px 12px;border:1px solid #252525;border-radius:10px;background:#0f0f0f}.conversion span{color:#a8adb6;font-size:12px}.conversion b{color:#fff;font-size:12px}.back-action{margin-top:24px}.company-sign{color:#f2c14b;font-weight:850;margin-top:22px}.plans-page{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px}.pricing-card{border:1px solid #2a2a2a;border-radius:20px;background:#0b0b0b;padding:28px}.pricing-card.current{border-color:#f2c14b}.plan-mark{color:#f2c14b;font-weight:900;font-size:12px}.pricing-card h2{font-size:34px;margin:12px 0}.pricing-card h2 small{font-size:12px;color:#838995}.pricing-card p,.pricing-card strong{color:#9da3ad;font-size:13px;line-height:1.7}.plan-button{margin-top:12px;background:#111;color:#fff}.auth-page-card{max-width:680px;margin:0 auto;border:1px solid #2b2b2b;border-radius:22px;background:#0b0b0b;padding:34px}.auth-page-card h1{font-size:38px;margin:12px 0}.auth-page-card p{color:#9aa0aa}.auth-page-form,.auth-form{display:grid;gap:12px}.auth-page-form label,.auth-form label{display:grid;gap:6px;font-size:12px;font-weight:800}.auth-page-form input,.auth-form input{background:#111;color:#fff;border:1px solid #2a2a2a;border-radius:10px;padding:12px 13px;outline:0}.agreement{display:flex!important;align-items:center;gap:8px}.agreement input{width:17px;height:17px}.agreement strong{color:#fff}.footer{position:fixed;left:0;right:0;bottom:0;z-index:30;min-height:70px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 25px;border-top:1px solid #242424;background:#050505f5}.footer-left{color:#f2c14b;font-weight:900}.footer-links{display:flex;gap:20px}.footer-links button{border:0;background:transparent;color:#ccd0d8;cursor:pointer;font-size:12px}.copyright{justify-self:end;color:#6e747e;font-size:11px}.toast{position:fixed;z-index:80;left:50%;bottom:92px;transform:translate(-50%);background:#f2c14b;color:#090909;padding:11px 16px;border-radius:12px;font-size:12px;font-weight:900;box-shadow:0 15px 40px #0006}.modal-backdrop{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:16px;background:#000c}.modal{width:min(540px,100%);max-height:90vh;overflow:auto;border:1px solid #363636;border-radius:20px;background:#0b0b0b;padding:28px;position:relative}.modal.wide{width:min(900px,100%)}.modal-close{position:absolute;right:12px;top:10px;border:0;background:none;color:#aaa;font-size:28px;cursor:pointer}.modal h2{font-size:30px;margin:8px 0 14px}.modal-lead{color:#979da6}.social-buttons{display:grid;gap:8px;margin:18px 0}.social-buttons button{border:1px solid #292929;background:#111;color:#fff;padding:12px;border-radius:10px;cursor:pointer;font-weight:800;text-align:left}.or{display:flex;align-items:center;gap:10px;color:#707680;margin:9px 0}.or:before,.or:after{content:"";height:1px;background:#242424;flex:1}.sub-hint{font-size:12px;color:#838994;text-align:center}.sub-hint button{border:0;background:none;color:#f2c14b;font-weight:900;cursor:pointer}.auto-link-note{font-size:11px;color:#6f757e;margin-top:14px}.account-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.account-summary div{border:1px solid #252525;border-radius:12px;padding:14px;background:#101010}.account-summary span{display:block;color:#747b86;font-size:10px}.account-summary strong{display:block;margin-top:5px;font-size:14px}.policy-content p{color:#a5aab3;line-height:1.9;font-size:13px}.plans-modal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plans-modal-grid article{border:1px solid #242424;background:#0f0f0f;padding:17px;border-radius:14px}.plans-modal-grid strong{color:#f2c14b}.social-profile-box{display:grid;grid-template-columns:90px 1fr;gap:9px;padding:16px;border:1px solid #242424;border-radius:14px;background:#0e0e0e;margin:18px 0}.social-profile-box span{color:#777e89;font-size:11px}.social-profile-box b{font-size:13px}.optional{color:#777e89;font-weight:600}@media(max-width:1100px){.topbar{gap:10px;padding:10px 15px}.brand{min-width:120px}.brand-word{font-size:24px}.top-menu button{padding:10px 7px;font-size:12px}.account-area .language-picker>span:first-child{display:none}.hero-section{grid-template-columns:1fr}.hero-copy h1{font-size:70px}.course-tabs{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.topbar{align-items:flex-start;flex-wrap:wrap}.top-menu{order:3;width:100%}.account-area{margin-left:auto}.workspace-grid{grid-template-columns:1fr}.sidebar{position:relative;top:auto;max-height:none}.sidebar.collapsed{width:100%}.course-tabs{grid-template-columns:1fr 1fr}.workspace-head{flex-direction:column}.plans-page,.fact-grid,.plans-modal-grid{grid-template-columns:1fr}.footer{grid-template-columns:1fr auto;gap:10px;padding:10px 14px}.footer-left{display:none}.copyright{grid-column:2}.hero-copy h2{font-size:27px}.hero-copy h1{font-size:60px}.xlarge{font-size:23px}.large{font-size:17px}}@media(max-width:560px){.home,.info-page,.auth-page{padding-left:15px;padding-right:15px}.account-area{width:100%;justify-content:flex-end}.language-picker{display:none}.course-tabs{grid-template-columns:1fr}.hero-section{padding-top:35px}.hero-copy h1{font-size:52px}.hero-copy h2{font-size:23px}.hero-visual{border-radius:16px}.topic-list{grid-template-columns:1fr 1fr}.qa-panel{padding:18px}.language-row{grid-template-columns:1fr;gap:4px}.script-card{grid-template-columns:1fr}.line-no{width:36px;height:36px}.footer{min-height:62px}.footer-links{gap:12px}.copyright{font-size:9px}}