@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
.record-help{max-width:470px;margin:18px auto 0;padding:15px;border:1px solid #ead7b8;background:#faf5eb;color:#8a714d;text-align:left;border-radius:8px;font-size:11px;line-height:1.9}.record-help p{margin:10px 0 0;font-size:10px}.record-help ol{padding-left:18px;margin:9px 0}.playback-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;flex-wrap:wrap}.playback-actions>span{font-size:10px;color:#87967a}.playback-actions .button{gap:8px}.mic-indicator{margin:16px auto 4px;max-width:300px;color:#7b8d6b;font-size:10px}.mic-indicator label{display:flex;align-items:center;justify-content:center;gap:10px}.mic-indicator meter{width:140px;height:13px}.mic-indicator>span{display:block;font-size:9px;margin-top:6px}
.service-list{margin:22px 0}.service-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e5e8df;padding:13px 0;font-size:11px}.service-list b{color:#b29265;font-size:10px;white-space:nowrap}.service-list b.on{color:#60894c}.analyze-button{margin-top:15px}.generation-box{border-top:1px solid #e5e8df;margin-top:25px;padding-top:25px}.generation-box label{display:block;margin-bottom:10px;font-size:12px}.generation-box input{width:100%;padding:12px;border:1px solid #e5e8df;border-radius:7px;font-size:12px;margin-bottom:12px}.generated-item{border-bottom:1px solid #e5e8df;padding:20px 0}.generated-item h3{font-size:20px;line-height:1.7}.generated-item p{font-size:12px;color:#839078;line-height:1.8}.generated-item small{display:block;font-size:10px;color:#839078;margin-bottom:12px}.recognized{font-size:12px;line-height:1.9;color:#7c8974}.phoneme-results{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.phoneme-results>span{padding:8px;background:#f9f0e6;color:#b17c52;border-radius:6px;font-size:11px}.word-marks .inserted{background:#e9e4f4;color:#8878a0}.micro-notice.connected{color:#6c8758}
:root{--green:#274e40;--muted:#858b83;--paper:#f8f9f5;--border:#e5e8df;--ink:#263d33;--orange:#cd7750}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #acbf6e;outline-offset:4px}button{border:0;background:none;color:inherit}h1,h2,h3,p{margin-top:0}h2{font-size:16px;letter-spacing:-.5px}h3{font-size:16px}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--border);padding:37px 23px 20px;background:#f4f5ee;display:flex;flex-direction:column}.brand{display:flex;align-items:center;font-size:30px;font-weight:700;letter-spacing:-1.5px;margin-bottom:52px}.brandmark{font-size:24px;color:#fff;background:var(--green);width:35px;height:36px;border-radius:11px;display:grid;place-items:center;margin-right:9px;position:relative}.brandmark span{font-size:13px;position:absolute;right:3px;top:0}.branddot{color:#a9b66b}.space-label,.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#83916b}.space-label{font-size:9px;padding-left:13px;margin-bottom:17px}nav{display:grid;gap:8px}nav a{display:flex;align-items:center;gap:12px;padding:15px 12px;font-size:16px;border-radius:9px;color:#778178}nav a span{font-size:13px}nav a.active{background:#e5eadb;color:var(--green);font-weight:700}nav a:hover{background:#e9ede1}.nav-arrow,.nav-count{margin-left:auto}.nav-count{font-size:10px!important;background:#f5f6ed;padding:1px 6px;border-radius:4px}.sidebar-note{margin-top:auto;padding:45px 15px 30px}.plant{font-size:47px;color:#829b62;display:block;transform:rotate(15deg);width:50px;margin-bottom:17px}.sidebar-note h3{line-height:1.8;font-size:16px;letter-spacing:-.5px}.sidebar-note p{font-size:12px;line-height:1.9;color:#909789}.note-line{height:1px;background:var(--border);margin:25px 0 15px}.sidebar-note>span:last-child{font-size:8px;letter-spacing:1.3px;color:#939b89}.profile{border-top:1px solid var(--border);padding:22px 0 0;display:flex;align-items:center;gap:10px;text-align:left;font-size:11px}.profile small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.profile>span:last-child{margin-left:auto}.avatar{background:#e2e7d6;border-radius:50%;height:33px;width:33px;display:grid;place-items:center;font-size:14px}main{margin-left:244px}.topbar{height:82px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 46px;font-size:10px;letter-spacing:1px;color:#93998f}.top-slash{margin:0 13px;color:#bdc2b6}#breadcrumb{letter-spacing:0;color:#5f6c60}.demo-pill{border:1px solid #dde4d3;border-radius:25px;padding:8px 13px;color:#6c785f;font-size:10px;letter-spacing:0}.demo-pill>span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9aa86d;margin-right:6px}.main-content{max-width:1420px;margin:auto;padding:42px 46px}.intro{display:flex;justify-content:space-between;align-items:center}.eyebrow{margin-bottom:13px}h1{font-size:32px;letter-spacing:-1.6px;line-height:1.5;margin-bottom:10px;font-weight:700}h1 span{color:#83976c}.intro p,.page-description{color:#879082;font-size:12px;line-height:1.9}.intro-art{width:160px;position:relative;text-align:center;transform:rotate(-7deg)}.intro-art>span:first-child{font-family:Georgia,serif;font-size:24px;font-style:italic;background:#e9eddf;border-radius:50%;padding:12px 22px;display:inline-block}.intro-art>div{font-size:40px;color:#a5b68b;height:40px}.intro-art>span:last-child{font-size:9px;color:#909a83}.steps{display:flex;align-items:center;gap:18px;margin:27px 0 28px;color:#a2aa9a;font-size:11px}.steps b{background:#edf0e7;color:#98a38c;border-radius:50%;padding:5px 7px;font-size:9px;margin-right:6px}.steps .active{color:var(--green);font-weight:600}.steps .active b{color:white;background:var(--green)}.steps i{height:1px;width:32px;background:#dbe1d3}.steps small{margin-left:auto;font-size:10px;color:#9ba18f}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:24px}.primary-column{display:grid;gap:22px;align-content:start}.card{background:#fff;border:1px solid var(--border);border-radius:13px;padding:25px;box-shadow:0 4px 15px #263d3302}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.card-heading h2{margin:0;display:flex;align-items:center;gap:10px}.icon-tile{background:#eef2e7;font-size:17px;border-radius:7px;width:29px;height:29px;display:grid;place-items:center}.subtle{font-size:8px;letter-spacing:1px;color:#b1b7aa}.language-row{display:flex;justify-content:space-between;align-items:center;background:#f7f8f3;border-radius:7px;padding:12px 15px;font-size:12px}.language-row small{font-size:9px;color:#9ba490;margin-left:7px}.language-row>span:nth-child(2){color:#a5af9c}textarea{width:100%;height:91px;border:0;resize:vertical;background:transparent;padding:21px 8px 8px;font-size:16px;color:var(--ink);line-height:1.7}.input-bottom{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #edf0e7}.input-bottom>span{font-size:9px;color:#acb2a4}.button{padding:12px 18px;border-radius:7px;font-size:12px;font-weight:500;display:inline-flex;justify-content:center;align-items:center;gap:20px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-1px)}.dark{background:var(--green);color:#fff}.dark:hover{background:#38634e}.example-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:17px;font-size:10px}.example-row>span{color:#929b88;margin-right:6px}.example-row button{border:1px solid #e6e9df;border-radius:20px;padding:6px 10px;color:#7e8874}.example-row button:hover{background:#edf2e6}.micro-notice{font-size:10px;line-height:1.7;color:#929b89;margin:14px 0 0}#manual{margin-top:20px}#manual label{display:block;font-size:12px;margin-bottom:8px}#manual input{width:100%;border:1px solid var(--border);border-radius:7px;padding:12px;margin-bottom:10px}.save-button{font-size:11px;color:#7f8a71}.save-button[aria-pressed=true]{color:#b48243}.sentence-meta{display:flex;gap:10px;align-items:center;font-size:10px;color:#9da58f}.tag{display:inline-block;border-radius:4px;background:#f0f3e9;color:#7a8d60;padding:5px 8px;font-size:10px}.english{font-size:30px;font-weight:500;letter-spacing:-1px;line-height:1.4;margin:19px 0 9px;overflow-wrap:anywhere}.meaning{font-size:12px;color:#939d8c}.listen-row{display:flex;gap:12px;align-items:center;margin:22px 0}.text-button{font-size:11px;color:#50684b;padding:0}.listen-row select{font-size:9px;border:1px solid #e3e8db;background:#fff;color:#7f8b73;border-radius:5px;padding:5px}.listen-row>span{margin-left:auto;color:#adb4a4;font-size:9px}.expression{background:#f5f7ef;padding:13px 15px;display:flex;gap:10px;border-radius:7px;color:#8c9b76}.expression p{font-size:11px;line-height:1.8;color:#7d8b71;margin:0}.expression b{font-size:10px;display:block;color:#627654;margin-bottom:2px}.recorder{margin-top:25px;padding:22px 15px 18px;border:1px dashed #dce3d3;border-radius:9px;text-align:center;background:#fcfdf9}.wave{height:33px;display:flex;gap:4px;justify-content:center;align-items:center}.wave span{width:3px;background:#b8c6a2;border-radius:3px}.wave.recording span{animation:pulse .7s ease-in-out infinite alternate}.wave.recording span:nth-child(2n){animation-delay:.25s}.recorder p{font-size:11px;color:#8f9984;margin:13px 0 16px}.record{background:var(--green);color:#fff;padding:12px 23px}.record>span{font-size:13px;color:#dce3cb}.recorder small{display:block;font-size:9px;color:#a8b19a;margin-top:12px}audio{width:100%;margin-top:16px;height:35px}.demo-actions{display:flex;justify-content:center;gap:10px;font-size:10px;margin-top:18px;color:#9aa58e}.demo-actions button{font-size:10px;color:#6c825a;text-decoration:underline;text-underline-offset:3px}.right-column{display:grid;align-content:start;gap:20px}.daily-card{border-radius:13px;background:#e9eedf;border:1px solid #e2e7d7;padding:25px}.daily-card .eyebrow{font-size:8px;letter-spacing:1.4px}.daily-card h2{font-size:21px;line-height:1.6;margin-bottom:19px}.daily-progress{display:flex;align-items:baseline;gap:7px}.daily-progress strong{font-size:35px;font-weight:500}.daily-progress>span{font-size:12px;color:#8a9979}.daily-star{margin-left:auto;font-size:33px!important;color:#879c68!important}.progress-track{height:5px;border-radius:4px;background:#d9e1cb;margin-top:11px;overflow:hidden}.progress-track>span{display:block;background:#738d53;height:100%;width:0;transition:width .3s}.daily-card p{font-size:9px;color:#8c9b7b;margin:10px 0 20px}.week{display:flex;justify-content:space-between}.week>div{font-size:9px;color:#8c987d;text-align:center}.week b{display:grid;place-items:center;border:1px solid #d7dfca;width:24px;height:24px;border-radius:50%;margin-top:8px;font-size:10px;font-weight:400}.week .done b{background:#7d9461;color:#fff;border-color:#7d9461}.week .current b{border-color:#7d9461}.weakness-card{padding:21px 18px}.weakness-card .card-heading{margin-bottom:8px}.weakness-card h2{font-size:13px}.sample-tag{font-size:8px;color:#a39174;border:1px solid #e6ddcf;border-radius:4px;padding:3px 5px}.description{font-size:11px;color:#99a18f;line-height:1.8}.weak-row{display:flex;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid #edf0e7}.phoneme{width:34px;height:37px;border-radius:8px;background:#f1f4e9;color:#7b8e61;display:grid;place-items:center;font-family:Georgia,serif;font-size:20px}.weak-row b{font-size:11px;font-weight:500}.weak-row small{display:block;font-size:8px;color:#a1aa94;margin-top:5px}.difficulty{font-size:8px;color:#84965e;margin-left:auto;white-space:nowrap}.orange{color:#c5976b}.weak-link{display:flex;justify-content:space-between;padding-top:18px;font-size:10px;color:#6e835a}.tip-card{background:#f3efe6;border:1px solid #ebe6da;border-radius:12px;padding:23px}.tip-card>span{font-size:8px;letter-spacing:1px;color:#af9e7f}.tip-card h3{margin:16px 0 10px;font-size:15px;color:#7f785f}.tip-card p{font-size:11px;line-height:1.9;color:#a49a83}.tip-illustration{display:flex;justify-content:center;align-items:center;gap:20px;font-family:Georgia,serif;font-size:32px;color:#a49c7f;margin-top:20px}.tip-illustration span{font-size:17px;color:#c5bea7}footer{display:flex;justify-content:space-between;margin-top:30px;color:#a7ae9c;font-size:9px}footer span{font-size:8px;letter-spacing:.8px}.page-description{margin-bottom:30px}.filterbar{display:flex;align-items:center;gap:10px;margin-bottom:25px}.filter{border:1px solid #dfe5d5;padding:9px 15px;border-radius:20px;font-size:11px}.filter.active{background:var(--green);color:#fff;border-color:var(--green)}.search{margin-left:auto;color:#90a078;border:1px solid var(--border);border-radius:7px;padding:9px;background:#fff}.search input{border:0;background:none;outline:none;font-size:11px;max-width:180px}.notebook-item{margin-bottom:15px;display:flex;justify-content:space-between;gap:20px}.notebook-item h3{font-size:21px;font-weight:500;margin:10px 0}.notebook-item p{font-size:12px;color:#8b9680;margin-bottom:12px}.item-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.small-button{font-size:11px;padding:9px;border:1px solid var(--border);border-radius:6px}.delete{color:#b28a7e}.empty{text-align:center;padding:50px 20px;color:#93a083;line-height:2;font-size:13px}.empty strong{display:block;color:#5c7250;font-size:20px;margin-bottom:8px}.review-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.review-item{border-bottom:1px solid var(--border);padding:15px 0}.review-item h3{line-height:1.7}.review-item small{color:#99a28e;font-size:10px}.sound-picker{display:flex;gap:7px;margin:20px 0}.drill-sentence{font-size:26px;line-height:1.6;min-height:90px;margin:20px 0 10px}.drill-note{font-size:12px;color:#8b987e;line-height:1.8}.drill-controls{display:flex;gap:10px;margin:20px 0}.minimal{border-top:1px solid var(--border);margin-top:25px;padding-top:25px}.minimal h3{font-size:13px}.minimal button{font-family:Georgia,serif;background:#f0f3e8;border-radius:8px;font-size:21px;padding:14px 20px;margin-right:10px}.minimal p{font-size:10px;color:#99a28e;margin:14px 0 0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}.stat-grid strong{font-size:36px;display:block;margin-top:15px}.stat-grid p{font-size:11px;color:#8c9a7b;margin:10px 0 0}.history-row{display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid var(--border);font-size:12px;line-height:1.8}.history-row small{color:#98a58a;font-size:10px;white-space:nowrap}#toast{position:fixed;bottom:25px;left:calc(50% + 122px);transform:translate(-50%,20px);background:var(--green);color:#fff;padding:13px 22px;border-radius:9px;box-shadow:0 6px 30px #213b3720;opacity:0;pointer-events:none;transition:.2s;z-index:10;max-width:90vw;font-size:12px}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid var(--border);border-radius:18px;padding:38px;max-width:490px;color:var(--ink);background:var(--paper);width:90%}dialog::backdrop{background:#213b3755;backdrop-filter:blur(3px)}dialog h2{font-size:25px;line-height:1.6}dialog p{font-size:12px;color:#7c8974;line-height:1.9}#close-dialog{position:absolute;top:12px;right:16px;font-size:25px}.assessment{margin-top:24px;border-top:1px solid var(--border);padding-top:22px}.assessment h3{font-size:14px}.assessment .description{color:#a58c67}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.score{padding:17px;border-radius:8px;background:#f1f5e9;font-size:11px}.score strong{display:block;font-size:29px;margin-top:8px}.score:last-child{background:#f9f0e6;color:#b17c52}.word-marks{font-size:21px;line-height:2.2}.word-marks mark{background:#f8e6cf;color:#b37d46;border-radius:5px;padding:4px}.feedback{font-size:12px;line-height:1.9;background:#f6f7f1;padding:15px;border-radius:8px}.analysis-bottom{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@keyframes pulse{from{transform:scaleY(.45)}to{transform:scaleY(1.3)}}@media(min-width:1500px){.main-content{padding-top:50px}.english{font-size:34px}.workspace{grid-template-columns:minmax(0,1fr) 320px}.card{padding:29px}}@media(max-width:1150px){.sidebar{width:205px;padding:30px 15px}.brand{font-size:27px}.main-content{padding:30px 27px}main{margin-left:205px}.topbar{padding:0 27px}.workspace{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.card{padding:20px}.steps{gap:10px}.steps small{display:none}.intro-art{display:none}.english{font-size:26px}.daily-card{padding:20px}.weak-row{gap:7px}.difficulty{display:none}#toast{left:calc(50% + 102px)}}@media(max-width:900px){.workspace{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr}.tip-card{display:none}.review-layout{grid-template-columns:1fr}.notebook-item{flex-direction:column}.sidebar-note{padding:20px 12px}.sidebar-note h3{font-size:14px}.intro p{max-width:430px}.stat-grid{gap:10px}.stat-grid .card{padding:15px}}@media(max-width:620px){.sidebar{position:static;width:100%;padding:18px 20px 10px;border-bottom:1px solid var(--border);border-right:0}.brand{margin-bottom:18px;font-size:25px}.brandmark{height:30px;width:30px;font-size:22px}.space-label,.sidebar-note,.profile,.nav-arrow,.nav-count{display:none}nav{display:flex;justify-content:space-between;gap:0}nav a{padding:11px 8px;gap:4px;font-size:12px;border-radius:6px}nav a span{font-size:10px}main{margin-left:0}.topbar{height:49px;padding:0 21px;font-size:8px}.top-slash{margin:0 5px}.demo-pill{font-size:8px;padding:6px 8px}.main-content{padding:26px 20px}h1{font-size:26px;letter-spacing:-1.4px}.intro p{font-size:11px}.eyebrow{font-size:9px}.steps{font-size:9px;margin:24px 0;gap:8px}.steps i{width:17px}.steps b{font-size:8px;padding:4px}.card{padding:19px}.card-heading h2{font-size:14px}.subtle{font-size:7px}.sentence-meta{font-size:8px}.english{font-size:27px}.right-column{grid-template-columns:1fr}.daily-card{display:none}.weakness-card{display:none}.example-row{gap:5px;font-size:9px}.example-row>span{width:100%;margin-bottom:5px}.example-row button{font-size:9px}.listen-row{gap:8px}.listen-row>span{font-size:8px}.demo-actions{font-size:9px;gap:5px}.demo-actions button{font-size:9px}footer{font-size:8px;line-height:1.8;gap:20px}footer span{font-size:7px;text-align:right}.filterbar{flex-wrap:wrap}.search{margin:6px 0 0;width:100%}.search input{max-width:none;width:90%}.filter{font-size:10px}.stat-grid{grid-template-columns:1fr}.stat-grid strong{font-size:30px}.history-row{flex-direction:column;gap:4px}.drill-sentence{font-size:24px}#toast{left:50%;font-size:11px;min-width:230px;text-align:center}.meaning{line-height:1.8}dialog{padding:28px}.sentence-meta{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.sound-picker{flex-wrap:wrap}.weak-row .small-button{white-space:nowrap}#generate-practice:disabled,#next-drill:disabled{cursor:default}