:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#243b53;background:#f5f8fc;font-synthesis:none;--blue:#2587e2;--line:#e7eef5;--muted:#8090a2;--radius:20px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #e0e9f2;background:#fff;color:#36516c;border-radius:11px;padding:11px 16px;min-height:44px;transition:background .15s,transform .15s}button:hover{background:#edf6ff}button:active{transform:translateY(1px)}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #5ea9ec;outline-offset:3px}a{color:#2380d5;text-decoration:none}p{line-height:1.8}h1,h2,h3,p{margin-top:0}h1{font-size:28px;letter-spacing:-.8px;margin-bottom:10px}h2{font-size:19px;line-height:1.5;margin-bottom:13px}h3{font-size:16px;line-height:1.5}small,.muted{font-size:12px;color:#718398;line-height:1.7}.app{max-width:1700px;margin:auto}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#fff;border-right:1px solid var(--line);padding:36px 24px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:750;color:#244462;letter-spacing:1px}.brand small{display:block;font-size:8px;letter-spacing:2.3px;margin-top:6px;color:#8da4b8}.brand-icon{background:#2587e2;color:#fff;display:grid;place-items:center;border-radius:15px;width:45px;height:45px;box-shadow:0 5px 12px #2587e229}.sidebar-label{font-size:11px;color:#93a2b3;margin:52px 14px 15px}.nav{display:flex;align-items:center;gap:15px;width:100%;border:0;padding:14px 18px;margin:8px 0;text-align:left;color:#7e8d9e;background:none;font-size:15px}.nav.active{background:#eaf4ff;color:#2384df;font-weight:650}.nav-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#2587e2}.side-note{margin-top:auto;background:linear-gradient(135deg,#f1f8ff,#fafcff);padding:22px 17px;border-radius:16px;color:#7eb1da}.side-note h3{color:#466b8c;margin:10px 0}.side-note p{font-size:12px;color:#8b9eb1}.side-note div{font-size:10px;letter-spacing:1px;border-top:1px solid #e6eff7;padding-top:14px}.local-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#91a2b4;margin:22px 0 0}.workspace{margin-left:238px}.topbar{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;color:#8a9aab;font-size:12px}.topbar>span,.topbar>div{display:flex;align-items:center;gap:14px}.avatar{display:grid;place-items:center;background:#e4f1fe;color:#448ac4;border:3px solid white;border-radius:50%;width:39px;height:39px;font-size:11px;font-weight:700}.avatar.large{width:58px;height:58px;font-size:22px}main{max-width:1280px;margin:auto;padding:35px 42px 20px}.eyebrow{display:block;font-size:10px;letter-spacing:1.7px;font-weight:650;color:#8ca1b5;margin-bottom:10px}.greeting,.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.greeting p,.page-title p{font-size:13px;color:#8291a2;margin:0}.sun{color:#ecbd6d;font-size:28px;display:inline-block;margin-left:5px}.quiet{background:#fff;color:#738b9b;font-size:12px;display:flex;align-items:center;gap:7px;border-color:#e6edf3}.hero{position:relative;overflow:hidden;min-height:272px;border-radius:23px;background:linear-gradient(110deg,#338fdf,#69b1ec 65%,#b1d9f6);color:#fff;padding:30px 34px;box-shadow:0 9px 23px #3c8bd51a;display:flex}.hero-copy{z-index:2;position:relative;max-width:67%}.hero-tag{display:inline-flex;align-items:center;gap:10px;border:1px solid #ffffff4d;border-radius:30px;padding:6px 11px;font-size:10px;letter-spacing:1px;background:#ffffff10;margin-bottom:19px}.hero-tag i{width:3px;height:3px;background:#fff;border-radius:50%}.hero h2{font-size:28px;letter-spacing:1px;margin-bottom:11px;font-weight:650}.hero p{font-size:12px;color:#ecf7ff;margin-bottom:23px}.white-button{background:#fff;color:#2b86d0;border:0;font-size:12px;display:inline-flex;align-items:center;gap:22px;box-shadow:0 4px 14px #377bb52b}.hero-meta{display:flex;gap:22px;font-size:10px;color:#e7f4ff;margin-top:17px}.sky-art{position:absolute;width:320px;height:270px;right:7px;top:0}.orb{position:absolute;right:35px;top:21px;width:205px;height:205px;border-radius:50%;background:#ffffff16;border:1px solid #ffffff25}.hangul-card{position:absolute;width:103px;height:126px;border-radius:17px;display:flex;align-items:center;justify-content:center;font-size:65px;font-weight:500;box-shadow:0 14px 25px #427ba833}.card-back{top:43px;right:64px;transform:rotate(15deg);background:#c7e7ff;color:#63a4d5}.card-front{top:100px;right:122px;transform:rotate(-12deg);background:#fff;color:#3d99e1;flex-direction:column;padding-top:9px}.card-front span{font-size:8px;letter-spacing:1px;color:#8daec7;margin-top:3px}.cloud{position:absolute;background:#edf8ff;border-radius:60px;height:29px;width:103px;opacity:.8}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%;width:45px;height:45px;left:15px;bottom:8px}.cloud:after{width:33px;height:33px;left:48px}.cloud-a{right:16px;bottom:35px}.cloud-b{left:0;top:64px;transform:scale(.6);opacity:.5}.spark{position:absolute;color:#f9f0c4;font-size:23px}.s1{right:30px;top:47px}.s2{left:36px;bottom:36px}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:17px;margin:22px 0 30px;padding:21px 10px}.stats>div{display:flex;align-items:center;justify-content:center;gap:13px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats strong{font-size:26px;font-weight:650;display:block;color:#294662;line-height:1.15}.stats strong small{font-size:11px;font-weight:400}.stats span:not(.stat-icon){display:block;font-size:10px;color:#8695a5;margin-top:6px}.stat-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px}.stat-icon svg{width:20px}.blue{background:#eef6ff;color:#599bda}.peach{background:#fff3e7;color:#dfaa67}.lavender{background:#f3effc;color:#a792cd}.mint{background:#eaf8f3;color:#6fac97}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.section-title h2{margin:0}.count{font-size:11px;color:#869bad;font-weight:400;margin-left:10px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:23px}.task-card{padding:22px 23px}.progress-label{display:flex;justify-content:space-between;font-size:11px;color:#8c9dae;margin-bottom:11px}.progress-label strong{color:#4598df}.progress{height:6px;border-radius:10px;background:#edf3f8;overflow:hidden;margin-bottom:7px}.progress span{height:100%;background:#56a7ed;display:block;border-radius:10px;transition:width .3s}.task{display:flex;align-items:center;gap:12px;padding:21px 0;border-bottom:1px solid #edf2f7}.checkbox{width:20px;height:20px;min-height:20px;padding:0;border-radius:6px;border:1.5px solid #d9e4ee;flex-shrink:0;display:grid;place-items:center}.checkbox.checked{color:#fff;background:#4da2e8;border-color:#4da2e8}.task-number{display:grid;place-items:center;flex-shrink:0;border-radius:11px;font-size:20px;width:43px;height:46px}.n0{background:#edf6ff;color:#649fd1}.n1{background:#fff4e9;color:#c19c69}.n2{background:#f3effc;color:#a291c8}.n3{background:#eaf7f2;color:#73a898}.task-text{flex:1;min-width:0}.task-link{padding:0;min-height:28px;text-align:left;background:none;border:0;color:#35516d;font-size:13px;font-weight:600}.task-text p{font-size:10px;color:#8b9bab;margin:3px 0 6px}.task-text>div{display:flex;align-items:center;gap:8px}.mini-tag{font-size:9px;background:#f4f7fa;color:#90a1b1;padding:2px 6px;border-radius:4px}.core{font-size:9px;color:#6a9a93;background:#eef9f4;padding:2px 5px;border-radius:4px}.task-text .muted{font-size:9px}.icon-button{border:0;background:transparent;padding:7px;min-width:40px;display:inline-flex;align-items:center;justify-content:center}.task-arrow{color:#a4b2c0}.primary{background:#2b8de1;color:#fff;border-color:#2b8de1;display:inline-flex;justify-content:center;align-items:center;gap:8px}.primary:hover{background:#197ace;color:#fff}.finish{width:100%;margin-top:20px;font-size:12px}.task-card>p{margin:11px 0 0;font-size:10px}.right-column{padding-top:45px;display:flex;flex-direction:column;gap:18px}.tag,.pill{display:inline-block;background:#edf6ff;color:#5f9acb;padding:5px 9px;border-radius:6px;font-size:10px;line-height:1.7}.journey h2{margin:14px 0 9px}.journey p,.recommendation p,.gentle p{font-size:11px;color:#8b9bac;line-height:1.9}.journey-line{display:flex;gap:6px;margin:20px 0}.journey-line span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:9px;background:#eff3f7;color:#aab8c6}.journey-line .current{background:#4599df;color:#fff}.text-link{display:inline-flex;align-items:center;gap:7px;color:#458fce;font-size:11px;padding:0;min-height:36px;border:0;background:none}.recommendation .eyebrow{letter-spacing:1px}.mini-art{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;height:100px;background:linear-gradient(135deg,#e5f3ff,#f4f9ff);color:#6aa6d5;font-size:37px;border-radius:12px;margin:15px 0}.mini-art span{font-size:18px;color:#a4c4df}.mini-art svg{position:absolute;right:10px;bottom:10px;color:#bdd9ee}.recommendation h3{font-size:14px;margin-bottom:9px}.gentle{background:#f0f8f5;border-color:#e2eee9;color:#79aa98}.gentle h3{font-size:13px;color:#598778;margin-top:12px}.gentle small{font-size:10px;color:#7c9e91}.reflection{margin-top:25px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.reflection label{font-size:12px}.page-footer{text-align:center;color:#a5b3c2;font-size:10px;letter-spacing:1px;padding:37px 0 15px}.toast{position:fixed;bottom:28px;left:calc(50% + 100px);transform:translate(-50%);z-index:100;background:#244562;color:#fff;border-radius:12px;padding:14px 22px;box-shadow:0 8px 30px #25446133;font-size:13px;max-width:calc(100vw - 30px);width:max-content}.toolbar{display:flex;gap:14px;margin-bottom:17px}.search{display:flex;align-items:center;gap:10px;flex:1;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 15px;color:#90a2b6}.search input{border:0;margin:0;background:none}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px}.chips button{border-color:#e5edf4;font-size:12px;background:#fff}.chips .selected,.calendar .selected{background:#2e8ddf;color:#fff;border-color:#2e8ddf}.word-grid,.course-grid,.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.word h2{font-size:27px;margin:0}.word-heading{display:flex;align-items:center;justify-content:space-between}.word p{font-size:13px;margin:7px 0 15px}.word small{font-size:11px}.word p small{margin-left:7px}.example{background:#f5f9fd;padding:13px;border-radius:10px;font-size:14px;line-height:1.9}.word footer{font-size:10px;color:#8197aa;margin-top:15px}.word details{margin-top:12px;font-size:10px;color:#95a4b1}summary{cursor:pointer;min-height:32px;line-height:2}.quiz{margin-bottom:24px;background:linear-gradient(120deg,#fff,#f1f8ff)}.quiz>input{max-width:500px}.korean{font-size:35px;line-height:1.6;margin:23px 0}.korean-small{font-size:20px;line-height:2.1}.answer{background:#eef7ff;border-radius:11px;padding:15px;margin:15px 0;font-size:13px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:13px 0}.course{padding:0;overflow:hidden;text-align:left}.course-art{height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:#e6f3ff;color:#6ba5d2}.course-art>span{font-size:40px;letter-spacing:6px}.course-art small{font-size:10px;color:inherit;letter-spacing:1px}.art-1{background:#edeaf8;color:#a28cc3}.art-2{background:#f8efe2;color:#b49a76}.art-3{background:#e8f3ee;color:#79a68c}.course-content{padding:21px}.course-content h2{font-size:15px;margin:12px 0 17px}.course-content .muted{font-size:10px;display:flex;align-items:center;gap:4px}.float{margin-left:auto}.reading{margin-top:25px}.checklist{display:flex;flex-wrap:wrap;gap:17px;margin:18px 0}.checklist label,.consent{display:flex;align-items:center;gap:7px;font-size:12px}.checklist input,.consent input{width:17px;height:17px;margin:0;flex-shrink:0}.resource-grid{grid-template-columns:1fr 1fr}.resource-grid p{font-size:12px}.section-heading{display:flex;align-items:center;gap:15px;margin:30px 0 18px}.section-heading span{font-size:11px;color:#98a7b8;font-weight:400}.recording{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:13px}.recording audio{width:100%;max-width:360px}.recording>div{min-width:0}.recording>div:last-child{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:12px}.recording select{max-width:150px}.danger{background:#fbe7e8;border-color:#ebbbc0;color:#b95f6b}label{display:block;font-size:13px;line-height:1.8}input,textarea,select{display:block;border:1px solid #dfe8f1;background:#fff;color:#36516c;border-radius:10px;padding:12px;margin:8px 0 13px;width:100%;min-width:0;max-width:100%;font-size:13px}textarea{resize:vertical;line-height:1.8}select{width:auto;min-height:44px}.toolbar select,.section-title select{margin:0;max-width:180px}hr{border:0;border-top:1px solid var(--line);margin:25px 0}.empty{padding:55px 22px;text-align:center;background:#fff;border-radius:15px;color:#8b9bae;line-height:1.9}.compact{grid-template-columns:repeat(3,1fr)}.compact>div{flex-direction:column;gap:0}.modal-backdrop{position:fixed;inset:0;background:#16314e69;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;z-index:80;padding:20px}.modal{position:relative;max-width:580px;width:100%;max-height:85dvh;overflow:auto;padding:35px}.modal h2{margin-top:20px}.modal p{font-size:14px}.close{float:right;border:0;font-size:12px;padding:8px}.modal blockquote{margin:20px 0;padding:25px;background:#eff7ff;border-radius:12px;font-size:23px;line-height:1.8}.metric{display:flex;justify-content:space-between;font-size:12px;padding:13px 0;border-bottom:1px solid var(--line)}.metric strong{font-weight:500;color:#6c96b9}.stage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stage-grid .card{padding:18px}.stage-grid h3{font-size:14px}.stage-grid p{font-size:11px;color:#8c9cac;margin:0}.stage-grid .eyebrow{font-size:8px;letter-spacing:.6px}.stage-active{border-color:#8fc1ed;background:#f1f8ff}.calendar{display:grid;grid-template-columns:repeat(14,1fr);gap:6px;max-height:330px;overflow:auto;padding:5px}.calendar button{padding:0;min-height:35px;font-size:10px;border-radius:7px}.calendar .day-done{background:#e8f5ed;color:#62a181}input[hidden]{display:none}@media(min-width:1600px){.sidebar{left:calc((100vw - 1700px)/2)}}@media(max-width:1200px){.sidebar{width:205px;padding:30px 18px}.workspace{margin-left:205px}main{padding:30px 28px}.topbar{padding:0 28px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 248px;gap:18px}.hero h2{font-size:25px}.sky-art{right:-30px}.stats{padding:20px 6px}.stats>div{gap:9px}.stat-icon{width:35px;height:37px}.word-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1000px){.sidebar{width:175px;padding:28px 13px}.brand{font-size:19px;gap:8px}.brand-icon{width:35px;height:35px}.brand small{font-size:6px}.workspace{margin-left:175px}.dashboard-grid{grid-template-columns:1fr}.right-column{padding-top:0;display:grid;grid-template-columns:1fr 1fr}.gentle{grid-column:1/-1}.stats .stat-icon{display:none}.hero-copy{max-width:75%}.sky-art{opacity:.7;right:-80px}.course-grid,.stage-grid{grid-template-columns:repeat(2,1fr)}.two-col{gap:16px}.card{padding:20px}.course{padding:0}.calendar{grid-template-columns:repeat(10,1fr)}}@media(max-width:720px){body{background:#f5f8fc}.sidebar{position:fixed;inset:auto 0 0;width:100%;padding:5px 9px calc(5px + env(safe-area-inset-bottom));border:0;border-top:1px solid #e5edf5;background:#ffffffed;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sidebar .brand,.sidebar-label,.side-note,.local-label{display:none}.sidebar nav{display:flex;justify-content:space-around}.nav{display:flex;flex-direction:column;gap:4px;font-size:10px;margin:0;padding:7px 15px;min-height:56px;border-radius:12px}.nav.active{background:#edf6ff}.nav svg{width:21px;height:21px}.nav-dot{display:none}.workspace{margin:0}.topbar{height:58px;padding:0 21px}.topbar>span{font-size:11px}.date-label{font-size:10px}.avatar{width:33px;height:33px;font-size:9px}main{padding:25px 18px 100px}.greeting,.page-title{gap:10px;align-items:flex-start;margin-bottom:23px}h1{font-size:22px;line-height:1.5;letter-spacing:-.7px}.greeting h1{font-size:21px}.greeting p,.page-title p{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1.2px}.greeting{flex-wrap:wrap}.greeting .quiet{font-size:10px;padding:8px 11px;min-height:35px;margin-top:2px}.sun{font-size:21px}.hero{min-height:278px;padding:25px 23px;border-radius:19px}.hero-copy{max-width:100%}.hero h2{font-size:25px;max-width:250px;line-height:1.5;letter-spacing:0}.hero p{max-width:215px;font-size:11px;margin-bottom:20px}.hero-tag{font-size:8px;margin-bottom:17px}.hero-meta{font-size:9px;gap:14px}.sky-art{transform:scale(.65);transform-origin:right center;right:-45px;top:35px;opacity:.7}.hero-copy .white-button{position:relative;z-index:3}.stats{grid-template-columns:1fr 1fr;padding:0;margin:18px 0 26px;border-radius:16px}.stats>div{justify-content:flex-start;padding:19px 20px;border-right:1px solid var(--line);gap:12px}.stats>div:nth-child(2){border:0}.stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.stats strong{font-size:25px}.stats .stat-icon{display:grid;width:35px;height:37px}.stats span:not(.stat-icon){font-size:9px}.compact{grid-template-columns:repeat(3,1fr)}.compact>div{padding:18px 6px}.compact>div:nth-child(-n+2){border-bottom:0;border-right:1px solid var(--line)}.section-title h2{font-size:18px}.section-title>.muted{font-size:10px}.card{padding:19px;border-radius:17px}.task{gap:9px;padding:19px 0}.task-number{width:35px;height:39px;font-size:18px}.task-text p{font-size:10px}.task-link{font-size:12px}.task-arrow{padding:0;min-width:22px}.checkbox{width:19px;height:19px}.task-text>div{gap:6px}.right-column{grid-template-columns:1fr}.gentle{grid-column:auto}.mini-art{height:120px}.two-col,.word-grid,.course-grid,.resource-grid{grid-template-columns:1fr}.word-grid .card{padding:22px}.course{padding:0}.course-art{height:170px}.page-title>svg{display:none}.page-title .pill{font-size:9px;white-space:nowrap}.toolbar{flex-wrap:wrap;gap:10px}.toolbar .search{width:100%;flex-basis:100%}.toolbar select{max-width:100%;width:100%}.chips{gap:7px}.chips button{font-size:11px;padding:8px 13px}.quiz .section-title{align-items:flex-start}.quiz .section-title h2{font-size:16px}.quiz select{font-size:11px;max-width:130px}.korean{font-size:29px}.quiz p{font-size:12px}.toast{left:50%;bottom:calc(85px + env(safe-area-inset-bottom));font-size:12px;padding:12px 17px}.recording{display:block}.recording>div:last-child{margin-top:12px}.stage-grid{gap:10px}.stage-grid .card{padding:15px}.calendar{grid-template-columns:repeat(7,1fr);gap:5px}.calendar button{min-height:39px}.modal{padding:23px}.modal p{font-size:13px}.page-footer{padding-bottom:8px}.actions button{font-size:12px}.reading .korean-small{font-size:18px}.topbar>div{gap:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.audio-ready{padding:12px 17px;border:1px solid #c9e8dc;border-radius:12px;background:#eff9f4;color:#3e7864;font-size:13px}.audio-bar{position:fixed;z-index:60;bottom:24px;right:28px;width:370px;max-width:calc(100vw - 36px);padding:14px 16px;background:#fff;border:1px solid #c8e1f6;border-radius:18px;box-shadow:0 8px 32px #24456229}.audio-bar[hidden]{display:none}.audio-caption{display:flex;align-items:center;gap:10px;margin-bottom:9px;color:#3788cb}.audio-caption>div{flex:1;min-width:0}.audio-caption strong{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-caption small{display:block;font-size:10px;margin-top:3px}.audio-caption button{border:0;padding:5px;min-width:36px;min-height:36px;display:grid;place-items:center}.audio-bar audio{width:100%;height:38px}body:has(.audio-bar:not([hidden])) main{padding-bottom:200px}.example .text-link{display:flex;margin-top:7px}@media(max-width:720px){.audio-bar{bottom:calc(80px + env(safe-area-inset-bottom));right:18px;left:18px;width:auto}.audio-caption strong{font-size:12px}body:has(.audio-bar:not([hidden])) main{padding-bottom:260px}}.audio-bar{z-index:90}