:root{font-family:Noto Sans KR,system-ui,sans-serif;color:#273e34;background:#f7f8f4;font-synthesis:none;--green:#244e3d;--muted:#839087;--line:#e4e8df;--cream:#f6f0df}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background .15s,transform .15s;border:0;background:none;color:inherit}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ba9660;outline-offset:3px}button:hover:not(:disabled){filter:brightness(.97)}a{color:inherit;text-decoration:none}button.primary,.primary{background:var(--green);color:#fff;border-radius:9px;padding:13px 23px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:600}.secondary{border:1px solid #dce2d8;background:#fff;border-radius:8px;padding:11px 19px;display:inline-flex;gap:9px;align-items:center;font-size:14px}.wide{width:100%}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;padding:7px 0;color:#42614f}.icon{display:inline-flex;align-items:center;justify-content:center;padding:7px;border-radius:6px}.muted{color:#7a867d;font-size:14px;line-height:1.8}.help{font-size:12px;line-height:1.9;color:#7f8a81}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#819381}.pill{border:1px solid #e0e6d9;background:#f3f6ee;border-radius:6px;padding:5px 9px;font-size:10px;display:inline-flex;align-items:center;gap:5px;color:#667957;white-space:nowrap}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#fff;display:flex;flex-direction:column;border-right:1px solid var(--line);padding:32px 20px;z-index:30}.brand{display:flex;align-items:center;gap:11px;margin:0 12px 45px;font-size:22px;font-weight:800;letter-spacing:-1px}.brand-mark{width:43px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--green);color:#faf6e9;font-family:serif;font-size:30px;font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:600;margin-top:2px;color:#9aa497}.side-label{font-size:10px;color:#9aa397;padding:0 15px;margin-bottom:16px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav button,.sidebar-bottom>button{display:flex;align-items:center;gap:13px;width:100%;padding:13px 15px;border-radius:7px;color:#7d8b7e;font-size:13px;font-weight:500;text-align:left}.sidebar button.active{background:#edf2e9;color:#34553c}.tiny-tag{font-size:8px;letter-spacing:1px;background:#f3f2e9;color:#a19d72;padding:2px 5px;margin-left:auto;border-radius:4px}.sidebar-bottom{margin-top:auto;padding-top:30px}.journey{background:#f7f8f2;border:1px solid #edf0e6;border-radius:10px;padding:17px;margin-bottom:20px;color:#5d7357}.journey>svg{display:block;margin-bottom:9px}.journey b{font-size:11px}.journey p{font-size:11px;line-height:1.9;color:#8b9682}.journey small{display:block;font-size:9px;margin-top:7px;color:#9aa48f}.bar{height:5px;background:#eaf0e3;border-radius:6px;overflow:hidden}.bar i{display:block;height:100%;background:#6e8c59;border-radius:6px}.profile{border-top:1px solid var(--line);padding:20px 7px 0;display:flex;gap:10px;align-items:center;margin-top:18px}.profile>span{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:50%;background:#eee9d9;color:#8b835e;font-size:12px}.profile b{display:block;font-size:11px}.profile small{display:block;font-size:9px;color:#97a091;margin-top:5px}.workspace{margin-left:236px;min-width:0;flex:1}header{height:76px;padding:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fcfcf9;font-size:11px}.header-title{display:flex;gap:15px;align-items:center;color:#96a08e}.header-title b{font-weight:500;color:#556650}.header-status{display:flex;align-items:center;gap:10px;color:#8c9885;font-size:10px}.header-status .pill{margin-right:14px}.mobile-menu{display:none}main{max-width:1370px;margin:auto;padding:37px 44px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading h1{font-size:27px;letter-spacing:-1.2px;font-weight:700;margin:8px 0 9px}.page-heading p{font-size:12px;color:#8b9587;margin:0;line-height:1.8}.date-label{font-size:11px;color:#8e9887}.hero{display:flex;justify-content:space-between;background:#244d3d;border-radius:15px;padding:35px 44px;min-height:299px;position:relative;overflow:hidden;color:#f8f7ed}.hero:after{content:"";position:absolute;width:490px;height:490px;right:-110px;top:-100px;border:1px solid #ffffff09;border-radius:50%;box-shadow:0 0 0 60px #ffffff03,0 0 0 120px #ffffff02;pointer-events:none}.hero-copy{z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:7px;font-size:10px;padding:5px 9px;border:1px solid #ffffff25;border-radius:5px;color:#d5dfc7}.hero-badge>span{width:5px;height:5px;border-radius:50%;background:#b7c989}.hero h2{font-size:30px;line-height:1.5;margin:15px 0 10px;font-weight:500;letter-spacing:-1.1px}.hero-copy>p{font-size:11px;line-height:1.9;color:#b6c5b6;margin:0 0 21px}.cream{background:#f1ecd9;border-radius:7px;padding:12px 19px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:27px;color:#354e3b}.hero-footnote{font-size:8px;display:block;color:#9db19e;margin-top:12px}.hero-cards{position:relative;width:300px;min-width:250px;display:flex;align-items:center;justify-content:center}.decorative-card{width:173px;height:226px;border-radius:11px;background:#fffcf3;position:absolute;box-shadow:0 12px 25px #102e2b30}.decorative-card.back{transform:rotate(-12deg) translate(-27px);background:#bccab1}.decorative-card.front{transform:rotate(9deg) translate(7px);display:flex;align-items:center;flex-direction:column;color:#375442;padding:20px}.decorative-card small{font-size:9px;color:#9aa58e}.decorative-card strong{font-family:Noto Sans JP,serif;font-weight:500;font-size:52px;line-height:1.45;margin:11px 0 4px}.decorative-card>span:not(.mini-label){font-size:12px;color:#96a182}.decorative-card>div{height:1px;background:#e7e9dd;width:34px;margin:12px 0 2px}.decorative-card p{font-size:12px;margin:4px}.mini-label{font-size:7px;color:#99a18b;letter-spacing:2px;margin-top:auto}.hero-spark{position:absolute;right:4px;top:25px;color:#e1d7a0;font-size:42px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:23px 0 33px}.metric{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px 18px;display:flex;align-items:center;gap:15px}.metric-icon{width:37px;height:37px;display:flex;align-items:center;justify-content:center;background:#f5f7ef;color:#8a9b78;border-radius:10px}.metric-icon svg{width:19px}.metric p{font-size:10px;margin:0 0 7px;color:#8a9581}.metric strong{font-size:23px;font-weight:600;line-height:1.1}.metric span{font-size:10px;margin-left:5px;color:#a0aa96}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-heading h2{margin:0;font-size:17px;letter-spacing:-.5px}.section-heading>span:not(.pill){font-size:10px;color:#9aa38f}.section-heading h3{margin:0;font-size:13px}.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.learning-tile{background:#fff;border:1px solid var(--line);border-radius:11px;padding:24px;position:relative;text-align:left;overflow:hidden}.learning-tile:hover{transform:translateY(-3px);box-shadow:0 8px 24px #264a3a08}.tile-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;margin-bottom:18px}.tile-icon svg{width:20px}.green{background:#edf3e7;color:#799763}.amber{background:#f7f0df;color:#baa05b}.lilac{background:#f1edf6;color:#9d8eaf}.learning-tile h3{font-size:15px;margin:0 0 10px;font-weight:600;letter-spacing:-.4px}.learning-tile p{font-size:10px;line-height:1.9;color:#95a08b;margin:0 0 23px}.tile-link{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:600;color:#6d855c}.tile-number{position:absolute;right:22px;top:24px;color:#e9ede1;font-size:25px;font-weight:300}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.panel{background:#fff;border:1px solid var(--line);padding:26px;border-radius:12px}.panel h2{font-size:19px;display:flex;align-items:center;gap:10px}.panel h3{font-size:14px}.daily-row{display:flex;align-items:center;justify-content:space-between;padding:6px 12px}.daily-row strong{font-size:30px;font-weight:600}.daily-row span{font-size:11px;color:#9ea88f}.daily-row p{font-size:10px;color:#95a187}.progress-ring{width:82px;height:82px;border-radius:50%;display:flex;align-items:center;justify-content:center}.progress-ring span{width:69px;height:69px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;color:#526e42}.tip-panel{background:#f5f5ed}.tip-panel h3{margin:12px 0 9px}.tip-panel p{font-size:11px;line-height:1.9;color:#89977f}.tip-panel p b{color:#5e7c48}.tip-panel .text-button{font-size:10px}.tip-panel .eyebrow{font-size:8px}footer{display:flex;gap:14px;align-items:center;margin-top:38px;padding:22px 0;color:#adb5a2;border-top:1px solid #e6eadd;font-size:9px}footer>span:last-child{margin-left:auto}.notice{border:1px solid #e4e8d8;background:#f5f6ee;padding:15px 18px;border-radius:9px;font-size:12px;color:#707d60;line-height:1.9;margin:15px 0}.notice.error{background:#fff1ed;border-color:#f0d3c9;color:#9d594a;display:flex;align-items:center;justify-content:space-between}.success{color:#3c7955}.notice.success{display:flex;align-items:center;gap:10px;background:#edf7ee}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#8b9b7b;font-size:13px}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:#244d3d;color:#f8f4e6;padding:55px 11%;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.inverse{margin:0;font-size:25px}.inverse .brand-mark{background:#f1eedb;color:#305640}.inverse small{color:#a9baa2}.login-art .eyebrow{color:#acbf9d}.login-art h1{font-size:46px;line-height:1.5;font-weight:500;letter-spacing:-2px;position:relative;z-index:1}.login-art p{color:#b7c5ac;font-size:14px;line-height:2}.login-art>small{font-size:11px;color:#9db391}.art-kanji{position:absolute;right:-10px;bottom:100px;font-size:270px;color:#ffffff08;line-height:1;font-family:serif}.art-kanji span{font-size:30px;display:block;text-align:center}.login-panel{align-self:center;justify-self:center;width:370px;max-width:100%;padding:30px}.login-panel h2{font-size:27px;letter-spacing:-1px;margin:14px 0}.login-panel>.muted{margin-bottom:35px}.google-button{border:1px solid #dce2d7;background:#fff;border-radius:9px;padding:14px;display:flex;align-items:center;justify-content:center;gap:15px;font-size:13px;margin-bottom:15px}.google-g{font-family:Arial,sans-serif;font-weight:700;font-size:19px;color:#4285f4}.login-benefits{display:flex;gap:15px;font-size:10px;color:#8b9a80;margin-top:23px}.login-benefits>span{display:flex;align-items:center;gap:4px}.login-panel>.text-button{margin-top:40px;font-size:11px;color:#97a38d}label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#73836c;margin-bottom:18px}input,select,textarea{background:#fff;border:1px solid #dce2d5;border-radius:7px;padding:11px 12px;color:#3a5030;width:100%;font-size:13px;min-width:0}textarea{resize:vertical;font-family:monospace;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 22px}.setup-panel{max-width:850px;margin:30px auto}.setup-panel h2{margin-bottom:30px}.checkbox{display:flex;flex-direction:row;align-items:center;gap:8px}.checkbox input{width:auto}.empty,.complete{text-align:center;padding:65px 25px;color:#7d9270}.empty>svg{color:#97ab83}.empty h2,.complete h2{justify-content:center;font-size:22px}.empty p,.complete p{font-size:13px;line-height:1.9;margin-bottom:25px}.completion-icon{width:65px;height:65px;display:inline-flex;align-items:center;justify-content:center;background:#eaf2e3;border-radius:50%;color:#6c8d52}.card-stage,.quiz-stage{max-width:760px;margin:auto}.session-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.session-bar{margin:18px 0 23px}.flashcard{width:100%;background:#fffefa;border:1px solid #e5e7d8;border-radius:17px;min-height:350px;padding:29px;display:flex;flex-direction:column;align-items:center;position:relative;box-shadow:0 8px 25px #324b2605}.flashcard>strong{font-size:58px;font-family:Noto Sans JP,serif;font-weight:500;margin:36px 0 13px;line-height:1.5;overflow-wrap:anywhere}.card-category{font-size:11px;color:#9aa78d}.card-hint{font-size:13px;color:#9aa78a}.flip-hint{margin-top:auto;padding-top:30px;font-size:10px;color:#adb69e}.card-answer h2{font-family:Noto Sans JP,sans-serif;font-size:24px;font-weight:400;color:#68824f;margin:8px}.card-answer p{font-size:18px;margin:12px 0}.card-answer small{display:block;font-size:12px;margin:12px 0;line-height:1.8;color:#8b997c}.card-stage>.primary{margin-top:20px}.card-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 0;font-size:10px;color:#99a689}.rating-caption{text-align:center;font-size:11px;color:#8c9b7c;margin:25px 0 12px}.ratings{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ratings button{background:#fff;border:1px solid #dce5d2;padding:15px 8px;border-radius:8px}.ratings b{font-size:12px;display:block}.ratings small{font-size:9px;color:#97a586;display:block;margin-top:7px}.ratings button:first-child{background:#fbf1e9;border-color:#ecddcf;color:#b08a70}.ratings button:last-child{background:#eaf3e4;border-color:#d8e6cc;color:#6b8854}.question h2{display:block;white-space:pre-line;font-family:Noto Sans JP,sans-serif;font-size:24px;font-weight:500;line-height:1.8;margin:30px 0}.question mark{background:#eef1e3;color:inherit;text-decoration:underline;text-decoration-color:#9ead7f;text-underline-offset:6px;padding:2px 5px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.choices button{border:1px solid #dee5d4;border-radius:8px;padding:18px;display:flex;align-items:center;gap:12px;text-align:left;font-size:17px;line-height:1.7;background:#fff}.choices button>span{border:1px solid #e1e6d8;min-width:26px;height:26px;font-size:11px;display:flex;align-items:center;justify-content:center;border-radius:5px;color:#97a583}.choices button.selected{border-color:#b6be98;background:#f2f4e9}.choices button.correct{border-color:#8db27c;background:#edf6e6}.choices button:disabled{opacity:1}.feedback{background:#f3f4eb;padding:20px;border-radius:10px;font-size:13px;line-height:1.9;margin-top:20px}.feedback.right{background:#eef6e7;color:#608249}.feedback.wrong{background:#fbf1e9;color:#a07956}.feedback .primary{margin-top:12px;font-size:12px}.result-heading{text-align:center;padding:15px 0 30px}.result-heading h2{display:block;font-size:35px}.result-heading p{font-size:13px;color:#8b9b7b}.result-row{display:flex;gap:16px;border-top:1px solid #e8ecdf;padding:20px 0;font-size:13px;line-height:1.8;white-space:pre-line}.result-row p{font-size:12px}.correct-symbol{color:#86a66e}.incorrect-symbol{color:#c09679}.word-filters{display:flex;gap:14px}.word-filters>select{width:160px;height:44px}.search-box{flex:1;display:flex;flex-direction:row;align-items:center;gap:10px;padding:0 13px;background:#fff;border:1px solid #dce2d5;border-radius:7px;margin:0}.search-box input{border:0;padding-left:0}.word-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.word-tile{background:#fff;border:1px solid var(--line);border-radius:10px;position:relative;overflow:hidden}.word-content{width:100%;padding:23px;text-align:left}.word-content small{font-size:9px;color:#9cab8d}.word-content h2{font-family:Noto Sans JP,sans-serif;font-size:25px;font-weight:500;margin:15px 0 4px}.word-content p{font-size:12px;color:#94a07f;margin:8px 0 13px}.word-content>span{font-size:12px;color:#7c8d6d}.favorite{position:absolute;top:10px;right:9px;color:#c5cebc;z-index:1}.favorite.saved{color:#bd9c50}.favorite.saved svg{fill:#efe1b3}.load-more{display:flex;margin:25px auto}.modal-backdrop{position:fixed;inset:0;background:#182c225c;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal{position:relative;max-width:560px;width:100%;max-height:90vh;overflow:auto;padding:40px}.modal .close{position:absolute;top:15px;right:15px}.modal h1{font-size:45px;margin:20px 0 5px}.modal h2{font-size:20px;color:#93a27f;margin:0}.modal p{line-height:1.8}.modal blockquote{background:#f5f6ef;border-radius:8px;margin:20px 0;padding:20px;font-size:16px}.related{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.related button{background:#f1f5eb;border:1px solid #e1e8d7;padding:6px 11px;border-radius:5px;font-size:13px}.week-chart{display:flex;justify-content:space-around;gap:15px;align-items:flex-end;margin-top:25px}.week-chart>div{flex:1;text-align:center;font-size:10px;color:#99a788}.chart-track{height:130px;background:#f5f7ef;border-radius:5px;display:flex;align-items:flex-end;margin:8px 0}.chart-track i{display:block;width:100%;background:#89a36e;border-radius:5px;min-height:2px}.mode-stat{margin:24px 0}.mode-stat>div:first-child{display:flex;justify-content:space-between;font-size:11px;color:#8e9d7d;margin-bottom:10px}.mode-stat b{font-size:10px;font-weight:500}.settings-panel{margin:22px 0}.settings-panel hr{border:0;border-top:1px solid var(--line);margin:30px 0}.button-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.file-button{margin:0;cursor:pointer;flex-direction:row}.file-button input{display:none}.setup-steps{display:flex;gap:12px;margin:24px 0}.setup-steps>div{flex:1;background:#fff;border:1px solid var(--line);padding:18px;border-radius:9px;display:flex;align-items:center;gap:12px;font-size:12px;color:#acb49e}.setup-steps>div.done{border-color:#d0dfc2;background:#f0f5e9;color:#719555}.status-dot{font-size:10px!important}.status-dot:before{content:"";display:inline-block;width:6px;height:6px;background:#d0cfb4;border-radius:50%;margin-right:7px}.status-dot.connected:before{background:#86a96c}.data-categories{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.scrim{display:none}@media(min-width:1500px){main{padding-top:45px}.hero{min-height:345px}.hero h2{font-size:35px}.hero-cards{margin-right:65px}.decorative-card{width:195px;height:250px}.metrics .metric{padding:27px 22px}.learning-tile{padding:30px}.learning-tile h3{font-size:17px}.learning-tile p,.learning-tile .tile-link{font-size:12px}}@media(max-width:1150px){.sidebar{width:210px;padding:28px 15px}.workspace{margin-left:210px}main{padding:30px 27px 0}header{padding:0 27px}.metric{padding:17px 12px;gap:8px}.metric-icon{width:30px;height:30px}.metric strong{font-size:21px}.hero{padding:30px}.hero-cards{width:250px}.word-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.sidebar{transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0);width:236px}.workspace{margin-left:0}.mobile-menu{display:flex}.scrim{display:block;position:fixed;inset:0;background:#12291d66;z-index:20}header{height:63px}.header-title{gap:8px}.header-title>span{display:none}.header-status>span:last-child{display:none}.hero-cards{min-width:220px;width:230px}.metrics{gap:10px}.learning-tile{padding:19px}.login-art{padding:40px 12%}.login-art h1{font-size:35px}}@media(max-width:600px){main{padding:25px 18px 0}header{padding:0 18px}.page-heading{align-items:flex-start;margin-bottom:22px}.page-heading h1{font-size:24px}.page-heading p{font-size:11px}.date-label{display:none}.hero{padding:27px 25px;min-height:290px}.hero h2{font-size:26px}.hero-cards{position:absolute;right:-57px;top:45px;width:190px;min-width:0;transform:scale(.7);opacity:.7;height:210px}.hero-spark{display:none}.hero-copy{max-width:80%}.metrics{grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0 27px}.metric{padding:17px}.metric-icon{width:36px;height:36px}.section-heading>span:not(.pill){display:none}.learning-grid{grid-template-columns:1fr}.learning-tile{padding:21px 23px 21px 80px}.tile-icon{position:absolute;left:22px;top:23px}.learning-tile h3{font-size:15px}.learning-tile p{font-size:11px;margin-bottom:12px}.learning-tile p br{display:none}.tile-link{font-size:11px}.bottom-grid{grid-template-columns:1fr}.panel{padding:22px}.form-grid{grid-template-columns:1fr}.ratings{gap:5px}.ratings button{padding:13px 5px}.ratings small{font-size:8px}.flashcard>strong{font-size:43px}.flashcard{min-height:320px;padding:22px}.choices{grid-template-columns:1fr}.question h2{font-size:20px}.choices button{font-size:16px;padding:15px}.word-filters{flex-wrap:wrap;gap:10px}.search-box{flex-basis:100%}.word-filters>select{flex:1;width:40%}.word-grid{grid-template-columns:repeat(2,1fr);gap:10px}.word-content{padding:20px 15px}.word-content h2{font-size:24px;overflow-wrap:anywhere}.word-content>span{font-size:11px}.word-content small{font-size:8px}.favorite{right:4px;top:6px}.modal{padding:32px 24px}.setup-steps{gap:7px}.setup-steps>div{padding:13px 8px;flex-direction:column;gap:8px;font-size:9px}.settings-panel h2{font-size:17px}.login-page{grid-template-columns:1fr}.login-art{min-height:260px;padding:26px 30px}.login-art .brand{font-size:21px}.login-art h1{font-size:27px;margin:20px 0 0}.login-art p,.login-art>small,.login-art .eyebrow{display:none}.login-art .art-kanji{font-size:190px;bottom:0;right:10px}.login-panel{padding:32px;width:420px}.login-panel>.text-button{margin-top:20px}footer{font-size:8px;margin-top:25px}footer>span:last-child{display:none}.header-status .pill{margin-right:0}.page-heading>.pill{font-size:8px}.session-heading{font-size:10px}.session-heading .pill{font-size:9px}}@media(max-width:600px){.hero-cards{display:none}.hero-copy{max-width:100%}}:root{--green:#f6804e;--ink:#212529;--muted:#737579;--line:#e9e5e1;--cream:#faf4ee;color:var(--ink);background:#faf9f7;font-family:Inter,Noto Sans KR,Malgun Gothic,system-ui,sans-serif}body{color:var(--ink)}h1,h2,h3{font-family:IBM Plex Sans,Inter,Noto Sans KR,Malgun Gothic,sans-serif}[lang=ja]{font-family:Noto Sans JP,Yu Gothic,Meiryo,sans-serif}.primary,button.primary{color:#292622;font-weight:650;background:#f6804e;border-radius:7px;box-shadow:0 2px #c35e2814}.primary:hover:not(:disabled){background:#f28c60;filter:none}.secondary{color:#363431;border-color:#ded8d1;border-radius:7px}.text-button{color:#a84b26}.muted{color:#727477}.help{color:#76787a}.eyebrow{color:#b56442;letter-spacing:1.8px}.pill{background:#fff4eb;border-color:#f3ddcc;color:#a8522b}.brand{gap:11px;letter-spacing:0;color:#25272a;margin-left:9px}.brand-mark{color:#ee7042;background:transparent;border-radius:0;width:42px;height:45px;flex-shrink:0}.brand-mark svg{height:42px;width:42px}.brand>span:last-child{font-family:Noto Sans JP,Yu Gothic,sans-serif;font-size:25px;font-weight:700;line-height:1.25}.brand small{font-family:Inter,Arial,sans-serif;color:#81807c;font-size:6.5px;letter-spacing:.6px;margin-top:6px;white-space:nowrap}.sidebar{background:#fff;border-color:#ebe7e3}.sidebar:has(.back-to-study) .journey{display:none}.side-label{color:#a09b96;font-size:10px}.sidebar nav button,.sidebar-bottom>button{color:#77736e;font-size:12px}.sidebar nav button:hover,.sidebar-bottom>button:hover{background:#faf5ef}.sidebar button.active{color:#a64e2b;background:#fff0e6}.sidebar button.active svg{color:#e27340}.tiny-tag{color:#b7633f;background:#fcecdf}.journey{background:#fbf8f4;border-color:#eee8e0;color:#ae6344}.journey p,.journey small{color:#92908b}.bar{background:#f0ebe6}.bar i{background:#ef8b62}.profile{border-color:#ebe7e2}.profile>span{background:#fbe2d2;color:#9b5637}.profile small{color:#93908c}.back-to-study{display:flex;gap:10px;align-items:center;color:#9b725c;font-size:12px;padding:13px 15px}header{background:#fff;border-color:#ebe7e3}.header-title{color:#96928e}.header-title b{color:#5c5a58}.header-status{color:#94918b}.date-label{color:#898782}.page-heading h1{color:#242629;font-size:29px;letter-spacing:-1.25px}.page-heading p{color:#898783;font-size:12px}.page-heading p,.metric p,.learning-tile p,.date-label,.card-category,.flip-hint,.rating-caption,.card-tools,.word-content small,.word-content>span,.tip-panel p,.daily-row p,.login-art p,.login-panel>.muted,.login-benefits,.login-panel .parent-link{color:#786d64}.hero{background:#fff;border:1px solid #eee6dd;color:#242629;min-height:310px;border-radius:12px;padding:35px 39px}.hero:after{width:360px;height:360px;background:#faf1e6;box-shadow:none;border:0;top:-21px;right:-32px;border-radius:48% 52% 38% 62%/55% 41% 59% 45%;transform:rotate(-8deg)}.hero-copy{max-width:65%}.hero-badge{color:#ae5b36;border-color:#f1dbc9;background:#fff5ec;font-size:10px}.hero-badge>span{background:#ef8150}.hero h2{color:#24272a;font-size:32px;font-weight:650;line-height:1.5;margin-top:17px;letter-spacing:-1.6px}.hero-copy>p{color:#84817c;font-size:12px}.hero-footnote{color:#a39a90;font-size:9px}.cream{background:#f6804e;color:#2f2a26;border-radius:6px;padding:13px 20px;font-size:12px;gap:26px}.hero-cards{z-index:1;margin-right:18px;min-width:240px;width:265px}.decorative-card{box-shadow:0 12px 30px #8b5c3412;border:1px solid #eadfce}.decorative-card.back{background:#edba8f;transform:rotate(-13deg) translate(-23px,1px)}.decorative-card.front{background:#fffdf9;color:#3c3530;transform:rotate(7deg) translate(8px)}.decorative-card small{color:#b49377}.decorative-card strong{color:#463c34}.decorative-card>span:not(.mini-label){color:#ba805a}.decorative-card>div{background:#eadccc}.decorative-card p{color:#806d5b}.mini-label{color:#b1a08e}.hero-spark{color:#e9824d;right:-6px;top:20px;font-size:37px}.metric{border-color:#ebe6df;border-radius:9px;gap:12px}.metric-icon{background:#fcf2e9;color:#cb825e;border-radius:8px}.metric p{color:#918a82}.metric strong{color:#363331}.metric span{color:#a79d94}.section-heading h2{color:#333231}.section-heading>span:not(.pill){color:#a39990}.learning-tile{border-color:#eae5de;border-radius:10px;background:#fff}.learning-tile:hover{box-shadow:0 8px 24px #77512c08}.tile-icon.green{background:#fcebdd;color:#c67b50}.tile-icon.amber{background:#f7eee2;color:#b79662}.tile-icon.lilac{background:#f4e9e5;color:#b7816c}.learning-tile h3{color:#34302d}.learning-tile p{color:#988d82;font-size:11px}.tile-link{color:#b8673e}.tile-number{color:#efe8e0}.panel{border-color:#eae5de;border-radius:10px}.panel h2,.panel h3{color:#383330}.daily-row strong{color:#4b3c33}.daily-row span,.daily-row p{color:#a59181}.progress-ring span{color:#bf774c}.tip-panel{background:#fcf5ee;border-color:#f0e2d4}.tip-panel .eyebrow{color:#c1835c}.tip-panel p{color:#a68e7a}.tip-panel p b{color:#a65a30}footer{color:#b0a49a;border-color:#eae2da;flex-wrap:wrap;font-size:8px}footer>a{color:#af7354;font-size:9px;font-weight:600;letter-spacing:.8px}.notice{color:#97734e;background:#fff8ed;border-color:#ecdfc8}.notice.success{background:#f0f6ed;color:#557842;border-color:#d7e3d1}.notice.error{background:#fff0eb;border-color:#f1d0c5;color:#ac583b}.success{color:#557842}label{color:#8f7865}input,select,textarea{border-color:#e4dace;color:#55453b;border-radius:6px}.loading{color:#9f7c64}.empty,.complete{color:#a88a6d}.empty>svg{color:#d09870}.completion-icon{background:#fcf0e0;color:#c58a4e}.flashcard{background:#fffefa;border-color:#e9dcca;box-shadow:0 8px 25px #a0784607;border-radius:12px}.flashcard>strong{color:#44382d}.card-category{color:#b89978}.card-hint{color:#b19a81}.flip-hint{color:#bbaa94}.card-answer h2{color:#be8755}.card-answer small{color:#a18b74}.card-tools,.rating-caption{color:#ad947a}.ratings button{border-color:#e9dbc9;color:#98704e}.ratings small{color:#bba58d}.ratings button:first-child{background:#fff1e6;border-color:#efcfb4;color:#b77947}.ratings button:last-child{background:#f2f5e9;border-color:#dde3c8;color:#879658}.question mark{background:#fff0db;text-decoration-color:#e9b276}.choices button{border-color:#e8dccc;color:#69513b}.choices button>span{border-color:#eddecc;color:#b59b7e}.choices button.selected{background:#fff2e0;border-color:#deb281}.choices button.correct{background:#f0f5e9;border-color:#adbd87}.feedback{background:#fbf4e9;color:#96734d}.feedback.right{background:#f1f6e9;color:#738f4c}.feedback.wrong{background:#fff1e5;color:#b08459}.result-heading p{color:#a79278}.result-row{border-color:#eee3d4}.word-filters .search-box{border-color:#e4dace;color:#ae9478}.word-tile{border-color:#eae0d2}.word-content small{color:#b0977c}.word-content h2{color:#4b3e30}.word-content p{color:#ad8962}.word-content>span{color:#9a8166}.favorite{color:#d8c9b5}.favorite.saved{color:#d18b45}.favorite.saved svg{fill:#f8ddb3}.modal-backdrop{background:#30261970}.modal h1{color:#4c3c2b}.modal h2{color:#b79165}.modal blockquote{background:#fbf4e9}.related button{background:#fff5e7;border-color:#eddcc1;color:#a37a4d}.week-chart{color:#b29572}.chart-track{background:#fbf4e8}.chart-track i{background:#e8a266}.mode-stat>div:first-child{color:#a18a6c}.setup-steps>div{border-color:#e9dfce;color:#b8a98e}.setup-steps>div.done{background:#fff4e2;border-color:#ebd6b4;color:#b88d53}.status-dot:before{background:#d7c4a6}.status-dot.connected:before{background:#cba06b}.login-page{background:#fff;grid-template-columns:1.1fr 1fr;min-height:100vh}.login-art{background:#fff9f1;color:#2d2b28;padding:45px 11%;border-right:1px solid #f1e8dc}.inverse{margin:0}.inverse .brand-mark{background:transparent;color:#ec7847}.inverse small{color:#a48d76}.login-art h1{font-size:45px;line-height:1.4;letter-spacing:-2px;font-weight:600;margin:22px 0}.login-art h1>span{font-size:68px;letter-spacing:2px;display:inline-block;margin-bottom:4px;color:#bd6641}.login-art .eyebrow{color:#bd9371;font-size:9px}.login-art p{color:#aa947d;font-size:13px;line-height:2}.login-art>small{color:#b39b82;font-size:10px;z-index:1}.login-tomato{position:absolute;right:-85px;bottom:75px;width:280px;transform:rotate(-14deg);color:#e8935830;pointer-events:none}.login-tomato svg{width:100%;height:auto}.login-tomato span{display:block;font-size:9px;letter-spacing:3px;text-align:center;color:#cfa37855;margin-top:10px}.login-panel{width:420px;padding:35px}.login-panel h2{color:#37302a;font-size:29px}.login-panel>.muted{font-size:12px;color:#a2907d;line-height:1.9}.login-panel .eyebrow{font-size:8px;letter-spacing:1.7px;color:#b89472}.google-button{border-color:#e3d9cb;color:#69503b;border-radius:7px}.login-benefits{color:#b59e84;gap:18px}.login-panel .parent-link{display:flex;margin-top:35px;font-size:10px;color:#b29272;justify-content:flex-start;letter-spacing:.3px}.login-panel .notice{font-size:11px}@media(min-width:1500px){.hero{min-height:350px}.hero-cards{margin-right:45px}.hero h2{font-size:36px}}@media(max-width:1150px){.hero{padding:30px}.hero-cards{min-width:210px;width:220px;margin-right:0}.hero:after{right:-70px}.hero h2{font-size:29px}.brand>span:last-child{font-size:23px}.brand small{font-size:5.8px}}@media(max-width:850px){.sidebar.open{background:#fff}.hero-copy{max-width:65%}.login-art h1{font-size:34px}.login-art h1>span{font-size:54px}.login-tomato{width:230px;right:-110px}.scrim{background:#33261970}}@media(max-width:600px){.page-heading h1{font-size:24px}.hero{padding:25px 24px;min-height:300px}.hero-copy{max-width:100%}.hero:after{width:180px;height:180px;right:-110px;top:125px;background:#f9ead9}.hero h2{font-size:27px;line-height:1.5}.hero-copy>p{font-size:11px}.hero-cards{display:none}.metrics .metric{gap:10px;padding:17px 13px}.metric-icon{width:29px;min-width:29px}.metric p{font-size:9px}.learning-tile{padding-left:80px}.login-page{grid-template-columns:1fr}.login-art{border:0;border-bottom:1px solid #f0e5d5;min-height:285px;padding:26px 30px}.login-art h1{font-size:25px;line-height:1.35;margin:22px 0 8px}.login-art h1>span{font-size:43px;margin-bottom:7px}.login-tomato{display:block;width:180px;right:-30px;bottom:20px}.login-tomato span{display:none}.login-art>small{display:none}.login-panel{width:410px;padding:32px}.login-panel h2{font-size:26px}.login-panel .eyebrow{font-size:7px}footer{gap:9px}footer>a{font-size:8px}.brand small{font-size:6.5px}.brand>span:last-child{font-size:25px}.hero-footnote{font-size:8px}}