:root{--bg:#f8f9f6;--surface:#fff;--ink:#293c39;--muted:#76817b;--line:#e6eae4;--coral:#e8735c;--coral-dark:#b84c38;--green:#325b4d;--radius:20px;--shadow:0 6px 30px #243e3210;font-family:"Pretendard","Segoe UI","Malgun Gothic",sans-serif;color:var(--ink);font-synthesis:none;background:var(--bg)}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.65}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button,input,textarea,select,a{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d56850}button{transition:background .18s,transform .18s,box-shadow .18s}button:not(:disabled):active{transform:translateY(1px)}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em}h1{font-size:29px;line-height:1.4;font-weight:750}h2{font-size:21px}h3{font-size:22px}p{color:var(--muted)}small{font-size:12px}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.accent{color:var(--coral-dark)}.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--muted)}.skip-link{position:fixed;top:-100px;left:12px;z-index:20;background:white;padding:10px}.skip-link:focus{top:10px}
.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:#fff;border-right:1px solid var(--line);padding:39px 22px 20px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;font-size:30px;letter-spacing:-1.7px;font-weight:760;margin-left:8px;line-height:1.2}.brand-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--coral);color:white;margin-right:10px}.brand-symbol .icon{width:25px;height:25px}.brand-dot{color:var(--coral)}.sidebar-tagline{font-size:11px;letter-spacing:.1px;color:#939a95;margin:12px 0 0 10px}.nav-label{font-size:10px;font-weight:650;color:#969f97;letter-spacing:2px;margin:51px 0 15px 16px}.nav-item{display:flex;gap:13px;align-items:center;width:100%;padding:14px 16px;margin:5px 0;border-radius:10px;text-align:left;color:#758078;font-size:13px;font-weight:600;white-space:nowrap}.nav-item:hover{background:#f7f8f4}.nav-item.active{background:#fcece5;color:#b95b47}.nav-item.active .icon{stroke:#d5755d}.nav-count{margin-left:auto;font-size:11px;background:#eee;padding:0 5px;border-radius:4px}.sidebar-bottom{margin-top:auto;padding-top:35px}.small-tip{margin:0 7px 22px;background:#f7f8f3;border-radius:12px;padding:18px 15px}.small-tip>.icon{color:#789383;margin-bottom:11px;width:19px}.small-tip strong{display:block;font-size:12px}.small-tip p{font-size:11px;margin-top:5px;line-height:1.9}.profile{border-top:1px solid var(--line);margin-top:20px;padding:22px 6px 0;display:flex;gap:10px;align-items:center}.profile strong,.profile small{display:block;font-size:11px}.profile small{color:#8d9690;font-size:10px;margin-top:2px}.avatar{border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#f9ddce;color:#ac664f;width:43px;height:43px;font-weight:700}.avatar.small{width:35px;height:35px;font-size:12px;background:#e8eee7;color:#67816c}.avatar.foreign{background:#dfebe8;color:#507e74}.online-dot{width:6px;height:6px;background:#87a788;border-radius:50%;margin-left:auto}.main-wrap{margin-left:242px}.topbar{height:82px;margin:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px;color:#88908a;letter-spacing:.2px}.topbar>div{display:flex;align-items:center;gap:19px}.mode-pill{display:flex;gap:7px;align-items:center;border:1px solid #e4e8df;padding:5px 11px;border-radius:30px;background:#fff;color:#77836e;font-size:10px}.mode-pill i{height:5px;width:5px;background:#aaa58b;border-radius:50%}.mode-pill.connected i{background:#669b75}.icon-button{display:inline-grid;place-items:center;border-radius:8px;width:34px;height:34px;color:var(--muted)}.icon-button:hover{background:#edf0e9}main{max-width:1370px;margin:0 auto;padding:39px 48px 20px;outline:none!important}footer{text-align:center;font-size:9px;color:#a0a79f;letter-spacing:1.2px;padding:25px 20px 31px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.page-heading .eyebrow{margin-bottom:11px;color:#879385;font-size:9px}.page-heading p{font-size:12px;margin-top:9px}.date-label,.count-label{font-size:11px;color:#8a958b;white-space:nowrap;align-self:flex-end;margin-bottom:3px}
.hero{display:flex;position:relative;overflow:hidden;min-height:318px;background:#eef1e7;border:1px solid #e8ecdf;border-radius:var(--radius)}.hero-copy{position:relative;z-index:2;padding:33px 35px;width:59%}.hero-kicker{display:flex;align-items:center;gap:7px;color:#6d8469;font-size:10px;letter-spacing:.5px;font-weight:650;margin-bottom:16px}.hero-kicker>span{height:5px;width:5px;border-radius:50%;background:#7e9274}.hero h2{font-size:31px;line-height:1.5;color:#334d3b;letter-spacing:-1.5px}.hero h2 em{font-style:normal}.hero p{font-size:11px;line-height:1.95;margin:14px 0 24px;color:#7a8777}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:9px;padding:12px 19px;line-height:1.6;font-size:12px;font-weight:650;min-height:43px}.primary{background:var(--coral);color:white;box-shadow:0 3px 8px #e8735c16}.primary:hover:not(:disabled){background:#d9654f;box-shadow:0 4px 12px #e8735c30}.primary .icon{width:17px}.secondary{background:white;border:1px solid #e0e5dc;color:#68776d}.secondary:hover:not(:disabled){background:#f3f5ef}.secondary .icon{width:17px}.hero-footnote{display:flex;gap:5px;margin-top:13px;font-size:9px;color:#8c9582}.hero-footnote .icon{width:12px;height:12px}.hero-art{position:absolute;right:10px;top:18px;bottom:0;width:41%;min-width:300px}.art-orbit{position:absolute;width:248px;height:248px;border:1px dashed #cdd7bf;border-radius:50%;top:55px;left:36px;transform:rotate(-15deg)}.art-orbit:after{content:"";position:absolute;inset:21px;border:1px solid #e2e7d8;border-radius:50%}.art-spark{position:absolute;color:#a2b298;font-size:24px}.spark-one{right:44px;top:29px}.spark-two{left:9px;bottom:65px;font-size:31px}.speech{position:absolute;z-index:3;font-size:10px;font-weight:650;box-shadow:0 5px 12px #42523b07;padding:15px 13px;border-radius:12px;background:#fff;white-space:nowrap;display:flex;align-items:center;gap:9px}.speech:after{content:"";position:absolute;bottom:-6px;left:24px;border-top:8px solid white;border-right:8px solid transparent}.speech span{font-size:8px;color:#9da393;font-weight:500}.speech-ko{top:30px;left:0;transform:rotate(-5deg)}.speech-en{top:93px;right:0;background:#f5d7c6;transform:rotate(5deg);color:#8c604c}.speech-en:after{border-top-color:#f5d7c6;left:auto;right:28px}.speech-en span{color:#b8866f}.person{position:absolute;width:98px;height:150px;bottom:21px}.person-one{left:25px;transform:rotate(-4deg)}.person-two{right:21px;transform:rotate(5deg)}.face{position:absolute;top:17px;left:26px;width:46px;height:54px;background:#ecc3a2;border-radius:40% 40% 45% 45%;z-index:2}.face i{position:absolute;top:27px;left:13px;width:3px;height:3px;background:#5b4535;border-radius:50%}.face i+i{left:29px}.face b{position:absolute;left:21px;top:36px;width:9px;height:4px;border-bottom:1.5px solid #8d6248;border-radius:50%}.hair{position:absolute;top:8px;left:19px;width:60px;height:77px;background:#45483b;border-radius:47% 50% 20% 20%;z-index:1}.person-one .face:before{content:"";position:absolute;top:-4px;left:-3px;width:46px;height:21px;background:#45483b;border-radius:50% 20% 50% 0;transform:rotate(-17deg)}.body{position:absolute;top:73px;left:7px;width:87px;height:86px;border-radius:45% 45% 6px 6px;background:#db9174;z-index:2}.body:before{content:"";position:absolute;top:0;left:32px;width:23px;height:13px;background:#ecc3a2;border-radius:0 0 50% 50%}.body:after{content:"";position:absolute;top:29px;left:14px;width:58px;height:32px;border-left:1px solid #bd7357;border-right:1px solid #bd7357}.person-two .face{background:#e7b894}.person-two .hair{background:#5c5542;height:37px;top:9px;transform:rotate(-7deg)}.person-two .face:before{content:"";position:absolute;top:-6px;left:-3px;width:47px;height:20px;background:#5c5542;border-radius:50% 50% 35% 0;transform:rotate(7deg)}.person-two .body{background:#789280}.person-two .body:after{border-color:#5b7a66}.connection{position:absolute;bottom:63px;left:calc(50% - 23px);z-index:4;display:flex;flex-direction:column;align-items:center;gap:3px;background:#fcfcf5;border:5px solid #edf0e5;width:51px;height:59px;border-radius:20px;color:#7e9275;transform:rotate(-4deg)}.connection .icon{margin-top:4px;width:20px}.connection span{font-size:9px;font-weight:700}.art-ground{position:absolute;bottom:9px;left:15px;right:5px;height:16px;border-radius:50%;background:#dce3d230;z-index:0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--line);border-radius:14px;padding:23px 5px;margin:22px 0 34px}.stats>div{display:flex;align-items:center;gap:15px;padding:0 25px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats>div>.icon{width:23px;height:23px;color:#92a08b}.stats>div:first-child>.icon{color:#dc9a6b}.stats small{display:block;font-size:10px;color:#8d958b}.stats strong{display:block;font-size:24px;font-weight:650;line-height:1.7}.stats em{font-style:normal;font-size:11px;font-weight:400;color:#9aa195;margin-left:5px}.daily-stat{justify-content:space-between}.goal-ring{border:3px solid #ecefe6;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;color:#b9c1ac}.goal-ring.done{border-color:#8fa987;color:#6d9168}.goal-ring .icon{width:18px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px;gap:14px}.section-heading h2{font-size:19px}.section-heading p{font-size:11px;margin-top:4px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#7b897c;padding:5px 0}.text-button:hover{color:var(--coral-dark)}.text-button .icon{width:15px;height:15px}.mission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mission-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:21px;background:white;border:1px solid var(--line);border-radius:14px;min-width:0}.mission-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#d6dece}.card-top{display:flex;width:100%;justify-content:space-between;align-items:center;margin-bottom:21px}.category-icon{width:43px;height:43px;border-radius:13px;display:inline-grid;place-items:center;flex-shrink:0}.category-icon .icon{width:22px;height:22px}.peach{background:#f9e9dd;color:#bd8d68}.lavender{background:#eeebf5;color:#9e90b5}.mint{background:#e5f0e9;color:#7b9b88}.butter{background:#f5efdc;color:#b49d57}.blue{background:#e6eef6;color:#7695ad}.level{display:inline-flex;align-items:center;gap:4px;background:#f6f7f1;color:#919a83;font-size:9px;padding:3px 8px;border-radius:5px;white-space:nowrap}.level .icon{width:11px;height:11px}.mission-card .eyebrow{font-size:9px;font-weight:400;letter-spacing:.2px}.mission-card>strong{display:block;font-size:16px;letter-spacing:-.5px;margin:6px 0}.card-desc{font-size:10px;color:#949c92}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0e9;padding-top:14px;margin-top:23px;width:100%;font-size:10px;color:#98a08f}.card-bottom>span{display:flex;align-items:center;gap:5px}.card-bottom b{font-weight:400;padding:0 3px}.card-bottom .icon{width:14px;height:14px}.how-strip{margin-top:28px;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;padding:20px 22px;gap:15px}.how-symbol{display:grid;place-items:center;background:#ebefe7;border-radius:50%;width:37px;height:37px;color:#8d9d81;flex-shrink:0}.how-symbol .icon{width:18px}.how-strip strong{font-size:12px}.how-strip p{font-size:10px;margin-top:3px}.steps-inline{margin-left:auto;display:flex;align-items:center;gap:13px;font-size:10px;white-space:nowrap;color:#8f9789}.steps-inline b{font-weight:400;color:#bbc1b4}.steps-inline .accent{font-weight:650}.list-tools{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tab{padding:8px 16px;border:1px solid var(--line);border-radius:20px;font-size:12px;background:white;color:var(--muted)}.tab.selected{background:var(--green);border-color:var(--green);color:white}.search{border:1px solid var(--line);background:white;border-radius:9px;padding:10px 14px;width:190px;font-size:12px}.all-missions{row-gap:22px}.empty-state{grid-column:1/-1;text-align:center;padding:75px 20px;background:white;border:1px dashed #dce3d5;border-radius:16px}.empty-state>.icon{width:42px;height:42px;color:#8ba584;margin-bottom:20px}.empty-state p{font-size:13px;margin:12px 0 24px}.subheading{font-size:20px;margin:30px 0 20px}
.practice-top{display:flex;gap:20px;align-items:center;margin-bottom:26px;font-size:12px;color:#82907e}.practice-top>b,.practice-top b{color:#c0c8b9;margin:0 5px}.practice-top>.level{margin-left:auto}.lesson-progress{display:flex;justify-content:center;gap:50px;margin:20px 0 34px}.lesson-progress>div{position:relative;display:flex;align-items:center;gap:9px;color:#a3ac9c;font-size:12px}.lesson-progress>div+div:before{content:"";position:absolute;width:24px;height:1px;left:-37px;background:#dbe1d5}.lesson-progress>div>span{width:27px;height:27px;border-radius:50%;background:#e9ede4;display:grid;place-items:center;font-size:11px}.lesson-progress .current{color:var(--coral-dark);font-weight:650}.lesson-progress .current>span{background:var(--coral);color:white}.lesson-progress .finished{color:#6c8d6a}.lesson-progress .finished>span{background:#dce7d5}.lesson-progress .icon{width:15px;height:15px}.practice-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:24px;align-items:start}.conversation{background:white;padding:30px;border:1px solid var(--line);border-radius:18px}.scene-info{display:flex;gap:15px;align-items:center}.scene-info h1{font-size:22px;margin-top:5px}.scene-info .eyebrow{font-size:9px;letter-spacing:1px}.scene-description{font-size:12px;margin:18px 0 27px;padding-bottom:24px;border-bottom:1px solid var(--line)}.speaker-row{display:flex;gap:11px;align-items:center}.speaker-row strong{font-size:12px}.speaker-row small{display:block;color:#99a08f;font-size:10px}.speaker-row .icon-button{margin-left:auto}.speech-card{position:relative;padding:24px;background:#f4f6f0;border-radius:3px 16px 16px;margin:15px 0 22px}.quote-mark{font-size:37px;line-height:1;color:#b3bfaa;font-family:Georgia,serif}.speech-card p{font-size:18px;color:#3e5345;line-height:1.8;letter-spacing:-.4px;margin-bottom:13px}.speech-card .hidden-subtitle{color:#8f9b87;font-size:15px}.listen-button{display:inline-flex;gap:6px;align-items:center;font-size:10px;color:#839576;background:#e9eee1;padding:5px 9px;border-radius:5px}.listen-button .icon{width:13px;height:13px}.task-label{display:flex;gap:8px;font-size:12px;font-weight:600;margin-bottom:20px;color:#9c7058;align-items:flex-start}.task-label .icon{width:17px;height:17px;margin-top:2px}.answer-label{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:650;margin-bottom:9px}.answer-label>span{color:#9aa192;font-size:10px;font-weight:400}textarea{display:block;resize:vertical;min-height:119px;width:100%;border:1px solid #dfe5d7;border-radius:10px;padding:14px 16px;color:var(--ink);font-size:14px;line-height:1.8;background:#fff}textarea:disabled{background:#f6f7f3;color:#74806e}textarea::placeholder{color:#b0b7a8}.answer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.mic-button{display:flex;align-items:center;gap:7px;font-size:11px;color:#7e8b72;padding:7px 10px;background:#f4f6ef;border-radius:6px}.mic-button .icon{width:15px;height:15px}.mic-button.recording{background:#ffede5;color:#bb6047;animation:pulse 1.5s infinite}#char-count{font-size:10px;color:#a7af9e}.input-note{font-size:10px;line-height:1.8;margin:9px 0 20px}.answer-actions,.button-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.answer-actions{border-top:1px solid var(--line);padding-top:20px}.coach-panel{background:#eef2e9;border:1px solid #e5eadf;border-radius:16px;padding:24px 21px}.coach-heading{display:flex;align-items:center;gap:7px;font-size:11px;color:#84937b;margin-bottom:18px}.coach-heading .icon{width:16px;height:16px}.coach-panel h3{line-height:1.65;font-size:21px;font-weight:600;color:#56704e}.coach-panel>p{font-size:11px;line-height:1.9;margin-top:13px;color:#8b9780}.coach-divider{height:1px;background:#dce4d3;margin:24px 0}.coach-panel .eyebrow{font-size:10px;letter-spacing:0;color:#77876a}.criteria{padding:0;list-style:none;margin:13px 0 0}.criteria li{display:flex;align-items:flex-start;gap:7px;font-size:11px;margin:10px 0;color:#697d5c}.criteria .icon{width:14px;height:14px;margin-top:2px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:15px 0;font-size:12px;color:#7b8a70}.setting-row input{accent-color:var(--green);width:17px;height:17px}.setting-row select{border:1px solid #d9e1d1;border-radius:5px;padding:4px;background:white;color:#6e7b66;font-size:11px}.privacy-note{font-size:10px;line-height:1.9;color:#8f9b85;margin-top:23px}.hint-box{background:#fff8e9;border:1px solid #f1e8ce;padding:15px 17px;border-radius:10px;margin-top:18px}.hint-box strong{font-size:11px;color:#b49657}.hint-box p{font-size:12px;margin-top:5px;color:#938461}.feedback{background:#f5f8f0;border:1px solid #e0e9d7;border-radius:13px;padding:22px;margin-top:23px}.feedback-title{display:flex;gap:8px;align-items:center;color:#749164}.feedback-title>.icon{width:19px}.feedback h2{font-size:16px;color:#4b6540}.feedback>p{font-size:12px;line-height:1.9;margin-top:13px}.score{font-size:23px;font-weight:700;margin-left:auto}.score small{font-size:10px;font-weight:400;color:#98a48d}.feedback-list{list-style:none;padding:0;margin:14px 0}.feedback-list li{display:flex;gap:8px;align-items:flex-start;font-size:12px;margin:9px 0;color:#6c7e62}.good{color:#6a9353}.example{margin:19px 0;background:white;border:1px solid #e3eadb;padding:17px;border-radius:9px}.example .eyebrow{font-size:9px;letter-spacing:.5px}.example p{color:#4d6642;font-size:15px;margin:10px 0 12px;line-height:1.8}.example>div{display:flex;justify-content:space-between;gap:12px}.self-checks{display:grid;gap:10px;margin-top:18px}.self-checks label{display:flex;gap:8px;align-items:center;font-size:12px;color:#6b805d}.self-checks input{accent-color:var(--green)}.error-feedback{background:#fff5ed;border-color:#f1dfd0}.error-feedback h2{color:#a06d4e}.error-feedback .button-row{margin-top:18px}.spinner{width:14px;height:14px;border:2px solid #ffffff55;border-top-color:white;border-radius:50%;animation:spin .8s linear infinite}
.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.review-card{padding:23px;border:1px solid var(--line);border-radius:14px;background:white}.review-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.review-top .eyebrow{font-size:9px;letter-spacing:.5px}.review-card>p{font-size:19px;line-height:1.8;color:#45604e;margin:15px 0}.review-card>small{color:#949e8c;font-size:11px}.review-card .card-bottom{margin-top:20px}.history-overview{display:grid;grid-template-columns:2fr 1fr;gap:23px}.weekly-card,.history-summary{background:white;border:1px solid var(--line);border-radius:17px;padding:25px}.weekly-card h2{font-size:17px}.week-chart{display:flex;gap:15px;align-items:end;justify-content:space-around;margin-top:22px}.day-column{display:flex;flex-direction:column;gap:9px;align-items:center;font-size:10px;color:#9ca68f;flex:1}.bar-track{height:115px;background:#f5f7f0;width:100%;max-width:35px;border-radius:5px;display:flex;align-items:end;overflow:hidden}.bar{background:#b5c7a4;min-height:2px;width:100%;border-radius:5px}.bar.today{background:#e89b7d}.day-column small{font-size:10px}.history-summary{display:flex;gap:25px;flex-wrap:wrap;align-content:center;background:#f0f3e9}.history-summary small{display:block;color:#8b987d;font-size:11px}.history-summary strong{display:block;font-size:29px;color:#5b734d}.history-summary strong span{font-size:12px;font-weight:400;margin-left:5px}.history-summary p{font-size:11px;line-height:1.9}.history-list{background:white;border:1px solid var(--line);border-radius:15px;padding:0 24px}.history-list article{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.history-list article:last-child{border:0}.history-list strong{font-size:13px}.history-list small{display:block;font-size:10px;color:#9aa18f;margin-top:3px}.history-score{margin-left:auto;font-size:12px;color:#839876}.completion{max-width:640px;text-align:center;margin:30px auto;background:white;border:1px solid var(--line);border-radius:22px;padding:55px 45px}.completion-icon{width:77px;height:77px;border-radius:50%;background:#e8f0df;color:#8aa86f;display:grid;place-items:center;margin:0 auto 25px;box-shadow:0 0 0 12px #f7f9f2}.completion-icon .icon{width:37px;height:37px}.completion .eyebrow{font-size:9px;margin:30px 0 12px}.completion h1{font-size:26px}.completion>p{font-size:12px;line-height:1.9;margin:16px 0}.completion-stats{display:flex;justify-content:center;margin:30px 0;padding:22px;border-block:1px solid var(--line)}.completion-stats>div{flex:1}.completion-stats>div+div{border-left:1px solid var(--line)}.completion-stats strong{display:block;font-size:22px;color:#729060}.completion-stats strong span{font-size:12px;margin-left:5px}.completion-stats small{font-size:10px;color:#919d85}.completion>.text-button{margin-top:22px}.completion .button-row{justify-content:center}
dialog{border:1px solid var(--line);border-radius:18px;max-width:460px;width:calc(100% - 32px);padding:28px;box-shadow:0 20px 100px #20352930;color:var(--ink)}dialog::backdrop{background:#22352e66;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px}.dialog-top h2{font-size:21px}dialog>p{font-size:13px;margin-bottom:22px}.help-steps{padding-left:22px}.help-steps li{padding-left:6px;margin:20px 0;font-size:13px;color:#b87355}.help-steps strong{color:#485e43}.help-steps p{font-size:12px;margin-top:5px}.dialog-note{font-size:11px;color:#98a08f;background:#f4f6ef;padding:16px;border-radius:8px;margin:25px 0}.dialog-note p{margin-top:9px}.full-width{width:100%}.toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translate(-50%,20px);background:#304d3f;color:white;font-size:12px;padding:13px 22px;border-radius:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:50;max-width:calc(100vw - 36px);box-shadow:0 7px 30px #304d3f20}.toast.visible{opacity:1;transform:translate(-50%,0)}
@keyframes pulse{50%{box-shadow:0 0 0 4px #f4caba44}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.hero{min-height:360px}.hero-copy{padding:43px}.hero-art{right:50px;max-width:390px}.hero h2{font-size:36px}.person{bottom:27px;transform:scale(1.14)}.speech-ko{top:50px}.speech-en{top:120px}.art-orbit{top:69px;left:58px}.connection{bottom:83px}.mission-card{padding:26px}}
@media(max-width:1190px){.sidebar{width:211px;padding-inline:15px}.brand{font-size:27px}.main-wrap{margin-left:211px}.topbar{margin-inline:30px}main{padding:30px}.hero-copy{padding:30px;width:60%}.hero h2{font-size:27px}.hero-art{transform:scale(.9);transform-origin:right bottom;right:0}.hero-copy p{font-size:10px}.stats>div{padding-inline:17px;gap:10px}.stats strong{font-size:22px}.stats .daily-stat{padding-inline:14px}.goal-ring{width:34px;height:34px}.steps-inline{display:none}.practice-layout{grid-template-columns:minmax(0,1fr) 225px;gap:18px}.conversation{padding:23px}.coach-panel{padding:21px 17px}.page-heading h1{font-size:26px}.mission-grid{gap:13px}.mission-card{padding:18px}.card-desc{font-size:9px}.date-label{display:none}.scene-info h1{font-size:20px}}
@media(max-width:960px){.sidebar{width:185px;padding-inline:12px}.brand{font-size:23px;margin-left:4px}.brand-symbol{width:30px;height:30px;margin-right:8px}.sidebar-tagline{font-size:10px;margin-left:4px}.nav-item{padding:12px 10px;gap:10px;font-size:12px}.nav-label{margin-left:10px}.main-wrap{margin-left:185px}.topbar{margin-inline:24px}main{padding:28px 24px}.hero-art{opacity:.9;min-width:250px;transform:scale(.77);right:0}.hero-copy{width:70%;padding:27px}.hero h2{font-size:24px}.hero p{max-width:260px}.stats{grid-template-columns:repeat(2,1fr);gap:22px;padding:20px}.stats>div{border:0;padding-inline:8px}.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mission-grid:not(.all-missions)>.mission-card:last-child{display:none}.practice-layout{grid-template-columns:1fr}.coach-panel{display:grid;grid-template-columns:1fr 1fr;gap:8px 25px}.coach-panel>.coach-heading,.coach-panel>h3,.coach-panel>p,.coach-divider{display:none}.coach-panel>.privacy-note{grid-column:1/-1;margin-top:5px}.coach-panel>.criteria{grid-row:2/4;grid-column:1}.coach-panel>.setting-row{grid-column:2;margin-block:4px}.coach-panel>.eyebrow{grid-row:1}.review-grid{grid-template-columns:1fr}.list-tools{flex-wrap:wrap}.search{width:100%}.history-overview{grid-template-columns:1fr}.history-summary{justify-content:space-between}.lesson-progress{gap:33px}.lesson-progress>div+div:before{left:-26px;width:16px}.toast{left:calc(50% + 80px)}}
@media(max-width:700px){.sidebar{width:100%;height:65px;top:auto;bottom:0;border-right:0;border-top:1px solid var(--line);padding:0 8px;background:#fffffff5;backdrop-filter:blur(10px)}.sidebar>.brand,.sidebar-tagline,.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(4,1fr);height:100%}.nav-item{flex-direction:column;gap:3px;align-items:center;justify-content:center;font-size:9px;border-radius:0;margin:0;padding:5px 0;color:#8c9585}.nav-item .icon{width:20px;height:20px}.nav-item.active{background:transparent;color:#be624c}.nav-count{display:none}.main-wrap{margin-left:0;padding-bottom:65px}.topbar{height:62px;margin:0 20px}.topbar>span{font-size:0}.topbar>span:before{content:'between.';font-size:24px;font-weight:750;color:#435b49;letter-spacing:-1px}.topbar>div{gap:10px}.mode-pill{font-size:9px;padding:4px 8px}main{padding:28px 20px 15px}.page-heading{margin-bottom:24px;align-items:flex-start}.page-heading h1{font-size:24px}.page-heading p{font-size:11px;margin-top:7px}.page-heading .eyebrow{font-size:8px;margin-bottom:9px}.count-label{display:none}.page-heading>.secondary{padding:8px 10px;font-size:10px;white-space:nowrap}.hero{min-height:440px;display:block}.hero-copy{width:100%;padding:26px 25px}.hero h2{font-size:27px;line-height:1.45}.hero p{font-size:11px;max-width:none;margin-top:13px}.hero-kicker{font-size:9px;margin-bottom:13px}.hero .primary{position:relative;z-index:3}.hero-footnote{position:relative;z-index:3;font-size:8px;max-width:135px}.hero-art{width:270px;height:255px;top:auto;bottom:0;right:-14px;transform:scale(.79);transform-origin:bottom right;opacity:1}.hero-art .speech-ko{top:3px;left:2px;font-size:9px}.hero-art .speech-en{top:59px;right:1px;font-size:9px}.hero-art .person{bottom:7px}.hero-art .person-one{left:13px}.hero-art .person-two{right:5px}.hero-art .connection{bottom:43px}.hero-art .art-orbit{top:0;left:14px}.spark-one{right:27px;top:3px}.hero-art .art-ground{bottom:0}.stats{margin:17px 0 28px;padding:19px 12px;gap:18px}.stats>div{gap:11px;padding:0 10px}.stats strong{font-size:23px}.stats small{font-size:9px}.stats .daily-stat{padding-inline:10px;justify-content:flex-start;gap:17px}.daily-stat>span{order:2}.goal-ring{width:26px;height:26px;border-width:2px}.goal-ring .icon{width:13px;height:13px}.section-heading h2{font-size:17px}.section-heading p{font-size:10px}.section-heading .text-button{font-size:10px;white-space:nowrap}.mission-grid{gap:12px}.mission-card{padding:15px 13px;min-height:217px}.card-top{margin-bottom:16px}.category-icon{width:37px;height:37px;border-radius:11px}.category-icon .icon{width:20px;height:20px}.mission-card>strong{font-size:14px}.mission-card .eyebrow{font-size:8px}.card-desc{font-size:9px;line-height:1.8;min-height:33px}.card-bottom{font-size:9px;margin-top:auto;padding-top:12px}.card-bottom>span{gap:3px}.card-bottom b{padding:0}.card-bottom>.icon{display:none}.how-strip{padding:17px 14px;gap:10px;margin-top:23px}.how-strip strong{font-size:11px}.how-strip p{font-size:9px}.how-symbol{width:29px;height:29px}.how-symbol .icon{width:16px}.tabs{gap:5px}.tab{font-size:11px;padding:7px 12px}.list-tools{gap:13px}.practice-top{gap:10px;font-size:10px;margin-bottom:22px}.practice-top>.level{display:none}.practice-top .text-button{font-size:10px;white-space:nowrap}.practice-top>span{margin-left:auto;text-align:right}.lesson-progress{gap:23px;margin-bottom:25px}.lesson-progress>div{font-size:10px;gap:5px}.lesson-progress>div>span{width:23px;height:23px;font-size:10px}.lesson-progress>div+div:before{left:-17px;width:10px}.conversation{padding:22px 18px;border-radius:14px}.scene-info{gap:10px}.scene-info h1{font-size:19px}.scene-info .eyebrow{font-size:8px;letter-spacing:.5px}.scene-description{font-size:11px}.speech-card{padding:20px}.speech-card p{font-size:17px}.task-label{font-size:11px}.answer-label{font-size:10px}.answer-label>span{font-size:9px}.input-note{font-size:9px}.primary,.secondary{font-size:11px;padding:11px 13px}.answer-actions{gap:8px}.feedback{padding:18px 14px}.feedback h2{font-size:14px}.feedback .button-row{gap:7px}.feedback .button-row button{font-size:10px;padding-inline:11px}.score{font-size:21px}.coach-panel{padding:20px 18px;font-size:10px}.coach-panel>.eyebrow{font-size:9px}.criteria li{font-size:10px}.coach-panel .setting-row{font-size:10px;gap:10px}.privacy-note{font-size:9px}.review-card>p{font-size:17px}.weekly-card{padding:20px}.week-chart{gap:10px}.history-summary{gap:15px;padding:20px}.history-summary strong{font-size:25px}.history-summary p{font-size:10px}.history-list{padding-inline:15px}.history-list article{gap:10px}.history-list strong{font-size:12px}.history-list small{font-size:9px}.history-score{font-size:10px;white-space:nowrap}.history-list .category-icon{width:31px;height:31px}.completion{padding:38px 20px;margin-top:10px}.completion h1{font-size:23px}.completion>p{font-size:11px}.completion-stats strong{font-size:19px}.completion .button-row{gap:8px}.completion .button-row button{font-size:10px}.toast{left:50%;bottom:82px;width:max-content;font-size:11px}footer{font-size:8px;padding-bottom:20px}}
.mobile-settings{display:none}
@media(max-width:700px){.mobile-settings{display:inline-grid}.topbar>div{gap:5px}.hero-art{right:7px}.hero{min-height:456px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}