:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#243b31;background:#f7f6f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}.ko{font-family:Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif;word-break:keep-all}.roman{display:block;color:#8d988e;font:400 .75rem DM Sans,sans-serif;margin-top:5px;letter-spacing:.04em}.eyebrow{font-size:.69rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:#9d967b}.quiet{color:#819087;line-height:1.6}.center{text-align:center}.primary,.secondary,.text-button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700}.primary{background:#1e3a2e;color:#fff;border-radius:13px;padding:15px 22px;box-shadow:0 8px 18px #19382b1a;transition:transform .2s,background .2s}.primary:hover{background:#2c5a43;transform:translateY(-2px)}.primary:disabled{opacity:.5;transform:none}.secondary{border:1px solid #d8ded5;background:#fff;color:#2b483a;border-radius:12px;padding:12px 15px}.secondary:hover{background:#eef4eb}.wide{width:100%}.text-button{background:none;color:#284a38;padding:12px 5px}.audio-button{border:0;background:#e9f0e8;color:#2b5842;border-radius:100px;padding:9px 13px;display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:700}.audio-button:hover{background:#dcead9}.progress-track{height:6px;border-radius:99px;background:#e7eae2;overflow:hidden}.progress-track div{height:100%;background:#356b50;border-radius:99px;transition:width .25s}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;flex:none;background:#fff;border-right:1px solid #e8ebe3;display:flex;flex-direction:column;padding:32px 19px 22px;position:sticky;top:0;height:100vh;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-size:1.12rem;font-weight:800;letter-spacing:.08em;color:#203d30}.brand-mark{width:38px;height:38px;background:#234633;color:#f1d69b;border-radius:12px;display:grid;place-items:center;font-family:Noto Sans KR,sans-serif;font-size:1.22rem;font-weight:800;line-height:1}.brand-dot{color:#d0a96e}.sidebar-top{display:flex;justify-content:space-between;align-items:center;padding:0 12px}.sidebar-subtitle{color:#9aa59b;font-size:.76rem;padding:9px 12px 30px}.sidebar nav{display:grid;gap:5px}.sidebar nav button{width:100%;border:0;background:transparent;color:#7b8a7f;border-radius:11px;padding:12px 13px;display:flex;align-items:center;gap:14px;text-align:left;font-weight:600;font-size:.9rem}.sidebar nav button:hover,.sidebar nav button.active{background:#edf3eb;color:#275139}.sidebar nav button.active{font-weight:800}.sidebar nav b{margin-left:auto;background:#d6a969;color:#fff;min-width:22px;height:22px;border-radius:99px;text-align:center;line-height:22px;font-size:.67rem}.sidebar-bottom{margin-top:auto}.departure-card{border-radius:17px;background:#f2efdf;padding:18px 18px 16px;display:flex;flex-direction:column;gap:3px}.departure-card>span{letter-spacing:.14em;font-size:.64rem;color:#b19969;font-weight:800}.departure-card strong{font-family:Georgia,serif;font-size:1.45rem;font-weight:500;color:#244b35}.departure-card small{color:#7c8b7a;font-size:.74rem}.departure-line{height:4px;background:#dfddce;border-radius:99px;margin-top:16px}.departure-line span{display:block;height:100%;background:#d0aa69;border-radius:99px}.sidebar-foot{padding:25px 8px 3px;color:#637866;font-family:Noto Sans KR,sans-serif;font-size:.86rem}.sidebar-foot span{color:#a0aca3;font-family:DM Sans,sans-serif;font-size:.69rem}.nav-close,.menu-button{display:none;border:0;background:transparent;color:#234633}.main-area{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:76px;background:#fff;border-bottom:1px solid #e9ece5;display:flex;align-items:center;justify-content:space-between;padding:0 48px}.breadcrumb{font-size:.78rem;color:#49634f;font-weight:800;letter-spacing:.04em}.breadcrumb span{color:#cbd4ca;margin:0 9px}.top-actions{display:flex;align-items:center;gap:22px}.connection{display:inline-flex;align-items:center;gap:6px;color:#6b9777;font-size:.75rem;font-weight:700}.connection.offline{color:#a77b4a}.avatar{width:34px;height:34px;border-radius:50%;background:#e9ecdc;color:#46694d;display:grid;place-items:center;font-family:Noto Sans KR,sans-serif;font-weight:700}.main-area main{flex:1}.page-content,.lesson-shell{max-width:1220px;margin:0 auto;padding:38px 48px 80px}.app-footer{padding:26px 48px;border-top:1px solid #e5e8df;display:flex;justify-content:space-between;color:#b3b9ae;font-size:.67rem;letter-spacing:.06em}.welcome{min-height:275px;background:#e8eee5;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1.35fr .65fr;position:relative}.welcome>div:first-child{padding:39px 40px;z-index:2}.welcome h1,.page-heading h1,.lesson-hero h1{font-family:Georgia,Times New Roman,serif;letter-spacing:-.04em;font-size:clamp(2rem,3.5vw,3.2rem);font-weight:500;line-height:1.12;margin:15px 0}.welcome h1 em{font-style:italic;color:#52785d}.welcome p{max-width:480px;color:#6d806e;line-height:1.65;margin:0 0 20px;font-size:.87rem}.welcome-actions{display:flex;gap:20px;align-items:center}.welcome-illustration{position:relative;overflow:hidden;background:#dfe9df}.welcome-illustration .big-ko{font-family:Noto Sans KR,sans-serif;position:absolute;font-size:9.5rem;font-weight:700;color:#f3e9ce;top:11px;right:32px;opacity:.75;z-index:1}.welcome-illustration .sun{width:110px;height:110px;background:#eddaaa;border-radius:50%;position:absolute;top:115px;left:32%;z-index:2}.hill{position:absolute;width:340px;height:300px;border-radius:50% 50% 0 0;bottom:-184px;z-index:3}.hill.one{background:#8ba58b;left:-90px;transform:rotate(-12deg)}.hill.two{background:#537e64;right:-84px;bottom:-197px;transform:rotate(11deg)}.vertical-ko{position:absolute;z-index:4;right:26px;bottom:20px;writing-mode:vertical-rl;color:#e4ede1;font-size:.76rem;letter-spacing:.14em}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 30px}.stats-row>div{background:#fff;border:1px solid #edece7;border-radius:16px;padding:22px 24px;min-height:130px}.stats-row span{display:block;color:#a6ada0;letter-spacing:.13em;font-size:.64rem;font-weight:800}.stats-row strong{display:block;font-family:Georgia,serif;color:#214932;font-size:2.25rem;font-weight:500;margin-top:8px;line-height:1}.stats-row strong small{font-size:1rem;color:#b5bcb0}.stats-row p{color:#9ea99f;font-size:.76rem;margin:5px 0 0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.75fr);gap:18px}.today-plan,.focus-card{border-radius:18px;border:1px solid #eceee7;background:#fff;padding:27px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-heading h2{font-family:Georgia,serif;font-size:1.55rem;font-weight:500;letter-spacing:-.03em;margin:8px 0 20px}.time-pill{background:#f3f5ed;color:#7d987f;border-radius:99px;padding:7px 10px;font-size:.7rem;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.plan-list{border-top:1px solid #edf0e9}.plan-list button{border:0;background:none;width:100%;display:flex;align-items:center;gap:15px;text-align:left;padding:15px 2px;border-bottom:1px solid #edf0e9;color:#536d59}.plan-list button:hover{background:#fbfcf9}.plan-list button>span:nth-child(2){flex:1}.plan-list strong{display:block;color:#344e3b;font-size:.85rem}.plan-list small{display:block;color:#9aa89b;margin-top:4px;font-size:.72rem}.plan-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:11px}.sage{background:#edf4e8;color:#638b65}.apricot{background:#f8eee1;color:#bb9463}.violet{background:#f0ecf5;color:#9987a4}.plan-note{font-size:.74rem;color:#9ca99f;margin:17px 0 0;line-height:1.5}.focus-card{background:#e9eee5;position:relative;overflow:hidden}.focus-top{display:flex;justify-content:space-between;color:#8cad85}.focus-symbol{display:grid;place-items:center;background:#f7f7ed;width:60px;height:60px;border-radius:16px;margin:24px 0;font-size:1.8rem;color:#446d4c;font-family:Noto Sans KR,sans-serif}.focus-card h2{font-family:Georgia,serif;letter-spacing:-.03em;font-weight:500;font-size:1.55rem;margin:0 0 9px}.focus-card p{color:#78907c;font-size:.78rem;line-height:1.6;min-height:46px}.focus-card button{display:inline-flex;align-items:center;gap:9px;color:#315c42;font-weight:800;font-size:.78rem;border:0;background:none;padding:9px 0}.checkpoint-banner{margin-top:20px;border-radius:16px;padding:25px 28px;background:#213d30;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.checkpoint-banner h2{font-family:Georgia,serif;font-weight:500;margin:7px 0}.checkpoint-banner p{color:#bdcdbd;font-size:.8rem;margin:0}.checkpoint-banner .primary{background:#f0d59d;color:#274632}.checkpoint-banner .eyebrow{color:#d6c599}.page-heading{margin:5px 0 28px}.page-heading h1{margin:9px 0 12px}.page-heading p{color:#819086;font-size:.88rem;line-height:1.65;max-width:650px}.course-progress{background:#fff;border:1px solid #e9ede5;border-radius:15px;padding:20px 23px;display:flex;align-items:center;gap:20px;margin-bottom:22px}.course-progress>div:first-child{display:flex;gap:7px;align-items:baseline;min-width:190px}.course-progress strong{font-family:Georgia,serif;font-size:1.15rem;font-weight:500}.course-progress span{color:#94a094;font-size:.75rem}.course-progress .progress-track{flex:1}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.module-card{border:1px solid #e4e9e0;border-radius:17px;text-align:left;min-height:222px;padding:21px 22px;position:relative;color:#294e37;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.module-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #25483212}.module-card.sand{background:#f3efdf}.module-card.mint{background:#e7efe8}.module-card.peach{background:#f8eae0}.module-card.lilac{background:#efebf2}.module-card-top{display:flex;justify-content:space-between;color:#7f9b82;font-size:.67rem;letter-spacing:.09em;font-weight:800}.module-card-icon{font-family:Noto Sans KR,sans-serif;font-size:1.75rem;line-height:1;margin:23px 0 13px}.module-card h2{font-family:Georgia,serif;font-size:1.3rem;font-weight:500;margin:0 0 6px;letter-spacing:-.02em}.module-card p{font-size:.73rem;color:#6d8473;line-height:1.48;margin:0 0 16px;max-width:260px}.module-card-bottom{margin-top:auto;border-top:1px solid rgba(57,91,67,.1);padding-top:11px;font-size:.68rem;color:#8b9d8b}.back-link{border:0;background:none;color:#75907b;display:inline-flex;align-items:center;gap:9px;padding:5px 0;font-size:.79rem;font-weight:700}.back-link:hover{color:#29563c}.lesson-hero{display:flex;gap:22px;align-items:center;margin:24px 0 28px}.module-symbol{height:86px;width:86px;border-radius:22px;display:grid;place-items:center;font-size:2.2rem;flex:none;font-family:Noto Sans KR,sans-serif}.module-symbol.sand{background:#f3efdf}.module-symbol.mint{background:#e7efe8}.module-symbol.peach{background:#f8eae0}.module-symbol.lilac{background:#efebf2}.lesson-hero h1{font-size:2.45rem;margin:5px 0}.lesson-hero p{color:#829183;max-width:610px;font-size:.83rem;line-height:1.55;margin:0}.stepper{display:flex;background:#fff;border:1px solid #e9ece6;border-radius:13px;padding:14px 20px;gap:10px;margin-bottom:24px}.stepper>div{flex:1;display:flex;align-items:center;gap:8px;color:#b0bcb0}.stepper>div.active{color:#346244}.stepper span{height:25px;width:25px;display:grid;place-items:center;border-radius:50%;border:1px solid #d9e0d7;font-size:.68rem;font-weight:700}.stepper .active span{background:#dceadd;border-color:#c7dfca}.stepper small{font-size:.72rem;font-weight:700}.study-area,.dialogue-area,.quiz-card,.speak-area{max-width:760px;margin:0 auto}.section-line,.quiz-top,.review-progress{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#9ca99c;font-weight:700;margin-bottom:13px}.study-area .progress-track,.quiz-card .progress-track{margin-bottom:18px}.flashcard{border:1px solid #e5eae1;background:#fff;border-radius:20px;min-height:310px;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 15px 36px #24422c09}.flashcard-mark{position:absolute;top:20px;left:23px;color:#d0d8cd;font-family:Georgia,serif;font-size:1.5rem}.flashcard-main{text-align:center}.flashcard-main .ko{display:block;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:#204830;line-height:1.25}.flashcard-main .roman{font-size:.95rem}.flashcard-main .audio-button{margin-top:24px}.flashcard-translation{font-family:Georgia,serif;font-size:1.36rem;color:#54725b;margin:25px 0 0}.reveal{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:#63836b;font-size:.78rem;font-weight:700;margin-top:25px}.study-area>.quiet{font-size:.78rem;margin:18px 0}.study-area>.primary{max-width:280px;display:flex;margin:auto}.dialogue-area h2,.speak-area h2{font:500 2rem Georgia,serif;letter-spacing:-.03em;margin:8px 0}.dialogue-area>.quiet,.speak-area>.quiet{font-size:.85rem}.dialogue-lines{background:#fff;border:1px solid #e8ebe5;border-radius:18px;padding:25px;margin:22px 0}.dialogue-line{display:flex;gap:13px;margin:0 0 16px;max-width:85%}.dialogue-line:last-child{margin-bottom:0}.dialogue-line.b{margin-left:auto;flex-direction:row-reverse}.speaker{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;background:#dae8dc;color:#4b7654;font-size:.74rem;font-weight:800}.dialogue-line.b .speaker{background:#f6e7d4;color:#af875a}.speech{background:#eff5ed;border-radius:2px 15px 15px;padding:13px 16px;min-width:100px}.dialogue-line.b .speech{background:#f9f0e6;border-radius:15px 2px 15px 15px}.speech .ko{font-size:1rem;font-weight:600;color:#315b3d}.speech .audio-button{margin-top:9px;font-size:.7rem;padding:5px 9px;background:#fff9}.speech .translation{display:block;font-size:.78rem;color:#8a9b88;margin-top:6px}.action-row{display:flex;gap:10px;margin-bottom:24px}.quiz-card{background:#fff;border:1px solid #e8ebe5;border-radius:20px;padding:26px}.quiz-question{min-height:135px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:20px 0}.question-kicker{color:#8fa492;font-size:.78rem;font-weight:700;display:flex;align-items:center;gap:7px;margin-bottom:17px}.quiz-question .ko{font-size:2.4rem;font-weight:700;color:#285339}.quiz-question .audio-button{margin-top:15px}.big-play{border:0;width:80px;height:80px;border-radius:50%;background:#e9f1e6;color:#336b49;display:grid;place-items:center}.big-play:hover{background:#d9e9d4}.dutch-prompt{font:500 1.6rem Georgia,serif;color:#2e4c36}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:22px}.option{border:1px solid #e5eae2;background:#fafbf8;border-radius:11px;padding:14px;text-align:left;color:#526a57;font-size:.86rem;min-height:55px}.option:hover,.option.selected{border-color:#669675;background:#edf5ec}.option.right{border-color:#7cac78;background:#eaf4e8}.korean-input{width:100%;padding:17px 18px;border:1px solid #ccdcca;border-radius:12px;font-size:1.2rem;background:#fbfdf9;outline:none;margin-bottom:22px}.korean-input:focus{border-color:#76a77d}.order-area{margin-bottom:20px}.order-answer{min-height:74px;border:1px dashed #b4c9b3;border-radius:12px;padding:11px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:#9baa9a;font-size:.76rem}.order-answer button,.token-bank button{border:1px solid #d6e4d1;background:#eef5eb;padding:9px 11px;border-radius:9px;color:#376044;font-family:Noto Sans KR,sans-serif}.token-bank{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.token-bank button{background:#fff}.token-bank button:disabled{opacity:.3}.feedback{display:flex;flex-wrap:wrap;align-items:center;gap:7px 15px;border-radius:11px;padding:13px 15px;margin:0 0 17px;font-size:.77rem}.feedback.success{background:#eaf4e8;color:#4c7853}.feedback.retry{background:#fcf1e7;color:#a37a54}.feedback>span{font-weight:800;width:100%}.feedback strong{font-size:1rem}.feedback small{color:#768d79}.feedback .audio-button{margin-left:auto}.score-note{max-width:760px;margin:0 auto 24px;background:#e9f2e7;padding:15px;border-radius:12px;color:#50775a;font-size:.86rem}.speak-prompt{border-radius:17px;background:#fff;border:1px solid #e8ece4;padding:28px;display:flex;flex-direction:column;align-items:center;gap:13px;text-align:center;margin:23px 0}.speak-prompt .ko{font-size:1.8rem;color:#245037;font-weight:700}.speak-prompt>span:nth-child(2){color:#829484;font-size:.86rem}.record-controls{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.record-button{border:1px solid #cddccb;background:#eaf3e8;border-radius:99px;padding:14px 20px;color:#3b6a46;display:inline-flex;align-items:center;gap:10px;font-weight:800}.record-button.active{background:#f3dedb;color:#a65d58}.record-controls audio{height:40px;max-width:300px}.speak-area h3{font:500 1.28rem Georgia,serif;margin:29px 0 12px}.notice{border-radius:10px;background:#fff4e8;color:#98764b;padding:12px 14px;font-size:.77rem}.rating-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rating-grid button{border:1px solid #dfe8dc;background:#fff;border-radius:12px;text-align:left;padding:15px;color:#365e40;font-size:.83rem;font-weight:800}.rating-grid button:hover{background:#edf5eb}.rating-grid span{display:block;font-weight:400;color:#98aa97;margin-top:5px;font-size:.72rem}.complete-panel{max-width:650px;margin:35px auto;background:#fff;border:1px solid #e7ebe4;border-radius:20px;text-align:center;padding:45px}.complete-icon{width:62px;height:62px;background:#e5f1e1;border-radius:50%;display:grid;place-items:center;color:#458252;margin:0 auto 21px}.complete-panel h2{font:500 2rem Georgia,serif;margin:8px 0}.complete-panel p{color:#849486;line-height:1.6;margin:0 auto 22px;max-width:430px}.complete-panel .primary{margin:auto}.review-layout{max-width:690px;margin:auto}.review-card{background:#fff;border:1px solid #e4ebe2;border-radius:20px;min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:27px;margin:17px 0}.review-card h2{font:500 clamp(1.55rem,3vw,2.2rem) Georgia,serif;color:#2d4e38;margin:19px 0 28px}.review-reveal .ko{display:block;font-size:1.85rem;font-weight:700;color:#235033}.review-reveal .audio-button{margin-top:18px}.review-layout .rating-grid{margin-top:17px}.empty-state{text-align:center;background:#fff;border:1px solid #e9ede7;border-radius:17px;padding:47px 20px;max-width:650px;margin:30px auto;color:#8a9b8c}.empty-icon{color:#61916c}.empty-state h2{font:500 1.75rem Georgia,serif;color:#365d42}.empty-state p{font-size:.86rem;line-height:1.6;max-width:400px;margin:12px auto 20px}.search-box{display:flex;align-items:center;gap:10px;border:1px solid #e0e8de;background:#fff;border-radius:12px;padding:0 15px;color:#86a18a;max-width:580px}.search-box input{border:0;outline:0;padding:15px 0;width:100%;color:#2e5839;font-size:.86rem}.chips{display:flex;gap:8px;overflow:auto;padding:18px 0 24px}.chips button{flex:none;border:1px solid #e0e9de;background:#fff;color:#77927b;border-radius:99px;padding:8px 13px;font-size:.73rem;font-weight:700}.chips button.active{background:#2e6341;color:#fff;border-color:#2e6341}.guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.guide-list section{background:#fff;border:1px solid #e7ece5;border-radius:15px;padding:19px 21px}.guide-list h2{font:500 1.3rem Georgia,serif;margin:0 0 10px;color:#32583e}.guide-phrase{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #eff1eb}.guide-phrase .ko{display:block;font-size:.98rem;font-weight:600;color:#31543b}.guide-phrase span:not(.ko):not(.roman){display:block;font-size:.74rem;color:#96a699;margin-top:4px}.guide-phrase button{border:0;background:#eef5eb;border-radius:50%;color:#5b8b63;width:36px;height:36px;display:grid;place-items:center;flex:none}.settings-card{max-width:780px;background:#fff;border:1px solid #e7ece5;border-radius:14px;padding:22px 25px;margin-bottom:13px;display:flex;align-items:center;justify-content:space-between;gap:20px}.settings-card h2{font:500 1.17rem Georgia,serif;margin:0 0 6px}.settings-card p{margin:0;color:#8a9c8c;font-size:.78rem;line-height:1.55}.toggle{width:49px;height:28px;flex:none;border:0;border-radius:99px;background:#d2dcd1;padding:3px;transition:background .2s}.toggle.on{background:#3c7850}.toggle span{display:block;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s}.toggle.on span{transform:translate(21px)}.danger{color:#ae6868;border-color:#ecd9d9}.source-note{max-width:780px;display:flex;gap:10px;color:#9ba99d;font-size:.74rem;line-height:1.5;margin-top:27px}.source-note svg{flex:none;margin-top:2px}.source-note p{margin:0}.loading-screen{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#6b8772;font-size:.84rem;gap:14px}.loading-screen .brand-mark{height:60px;width:60px;font-size:2rem}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#f8f8f3}.login-panel{max-width:550px;width:100%;margin:auto;padding:40px}.login-panel .brand{margin-bottom:75px}.login-panel h1{font:500 clamp(2.5rem,4vw,3.5rem) Georgia,serif;line-height:1.15;letter-spacing:-.04em;margin:18px 0}.login-panel h1 em{color:#5d8265}.login-panel>p{color:#809083;font-size:.9rem;line-height:1.6;margin-bottom:35px}.login-panel form{max-width:400px}.login-panel label{display:block;font-size:.77rem;font-weight:800;color:#375b42;margin-bottom:9px}.password-field{border:1px solid #d8e3d7;border-radius:11px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 15px;color:#8da28d;margin-bottom:13px}.password-field input{border:0;outline:0;padding:15px 0;width:100%;color:#294d36}.login-panel form .primary{margin-top:8px}.login-panel>small{display:block;margin-top:25px;color:#a3b0a3}.error{color:#b55e53;font-size:.75rem}.login-art{background:#234331;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#f6e9c7}.login-art:before,.login-art:after{content:"";position:absolute;border:1px solid #89a07a44;width:650px;height:650px;border-radius:50%}.login-art:before{left:-300px;bottom:-290px}.login-art:after{right:-250px;top:-290px}.login-art-inner{text-align:center;position:relative;z-index:2}.login-art-inner>span{font-size:.81rem;letter-spacing:.15em;color:#aabd9f}.login-art-inner strong{display:block;font-family:Noto Sans KR,sans-serif;font-size:clamp(2.5rem,4.7vw,5rem);margin:18px 0}.login-art-inner p{color:#bdcbaf;font-family:Georgia,serif;font-size:1.3rem}.stamp{height:85px;width:85px;border:1px solid #c6b98e;border-radius:50%;display:grid;place-items:center;margin:100px auto 0;color:#c6b98e;font-size:.75rem;line-height:1.5;transform:rotate(-18deg)}@media(max-width:1100px){.sidebar{width:215px}.topbar{padding:0 28px}.page-content,.lesson-shell{padding:32px 28px 70px}.dashboard-grid{grid-template-columns:1.4fr .9fr}.module-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:790px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-105%);width:270px;box-shadow:12px 0 50px #15342022;transition:transform .25s}.sidebar.open{transform:translate(0)}.nav-close,.menu-button{display:block}.topbar{height:64px;padding:0 20px;justify-content:flex-start;gap:17px}.top-actions{margin-left:auto}.breadcrumb{font-size:.72rem}.top-actions .connection{font-size:0;gap:0}.top-actions .connection svg{width:17px;height:17px}.page-content,.lesson-shell{padding:23px 20px 65px}.welcome{grid-template-columns:1fr}.welcome>div:first-child{padding:30px}.welcome-illustration{display:none}.stats-row{gap:8px}.stats-row>div{padding:17px}.dashboard-grid{grid-template-columns:1fr}.focus-card{min-height:220px}.focus-symbol{margin:16px 0}.guide-list{grid-template-columns:1fr}.app-footer{padding:20px}.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-panel .brand{margin-bottom:50px}}@media(max-width:560px){.welcome h1{font-size:2.15rem}.welcome-actions{align-items:stretch;flex-direction:column;gap:5px}.welcome-actions .primary{width:100%}.stats-row strong{font-size:1.8rem}.stats-row span{font-size:.55rem}.stats-row p{font-size:.65rem}.module-grid{grid-template-columns:1fr}.module-card{min-height:193px}.course-progress{align-items:stretch;flex-direction:column;gap:12px}.checkpoint-banner{align-items:stretch;flex-direction:column}.checkpoint-banner .primary{width:100%}.lesson-hero{align-items:flex-start;gap:15px}.module-symbol{width:63px;height:63px;border-radius:16px;font-size:1.7rem}.lesson-hero h1{font-size:1.9rem}.stepper{padding:10px;gap:3px}.stepper>div{justify-content:center}.stepper small{display:none}.quiz-card{padding:19px}.options{grid-template-columns:1fr}.rating-grid{gap:6px}.rating-grid button{padding:12px 8px;font-size:.74rem}.rating-grid span{font-size:.61rem}.dialogue-lines{padding:15px}.dialogue-line{max-width:95%}.action-row{flex-direction:column}.settings-card{align-items:flex-start;flex-direction:column}.settings-card .toggle{align-self:flex-end}.record-controls audio{max-width:100%}.app-footer span:last-child{display:none}}