@charset "UTF-8";
:root{color-scheme:light;--ink:#203b38;--muted:#697a73;--green:#173f3c;--teal:#27685c;--lime:#e4edb4;--paper:#f7f6f0;--white:#fffefb;--line:#dfe3d8;--gold:#eab554;--red:#a64239;--radius:22px;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:15px;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.46}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #bd8029;outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:clamp(28px,4vw,46px);font-weight:750;letter-spacing:-.055em;line-height:1.4}h2{font-size:24px;letter-spacing:-.035em}h3{font-size:18px}p{line-height:1.9}button svg{pointer-events:none}svg{vertical-align:middle;flex-shrink:0}button{color:inherit}label{display:block}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.nowrap{white-space:nowrap}.skip-link{position:fixed;left:20px;top:-80px;z-index:20;background:var(--white);padding:12px}.skip-link:focus{top:10px}
.shell{min-height:100svh;display:grid;grid-template-columns:244px 1fr}.sidebar{background:var(--green);color:#eaf1e4;padding:34px 23px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:244px;z-index:5}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;margin-bottom:50px}.brand img{width:44px;height:44px;object-fit:contain;filter:brightness(0) invert(1)}.brand strong{display:block;font-size:17px;letter-spacing:.03em}.brand span{display:block;font-size:10px;letter-spacing:.23em;margin-top:5px;color:#bacdbb}.nav-label{font-size:10px;color:#a9c1b1;letter-spacing:.18em;margin:0 15px 15px}.nav{display:flex;flex-direction:column;gap:8px}.nav a{display:flex;align-items:center;gap:13px;text-decoration:none;padding:15px;border-radius:12px;font-size:13px;color:#c8d8cb}.nav a.active{background:#315851;color:#fff}.nav a:hover{background:#315851}.side-bottom{margin-top:auto;padding:24px 12px 0;font-size:11px;color:#b4c7b7;line-height:1.9}.side-bottom .rule{height:1px;background:#42635a;margin-bottom:22px}.main-wrap{grid-column:2;min-width:0}.topbar{height:88px;padding:0 48px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f7f6f0d9}.breadcrumb{font-size:12px;color:var(--muted)}.header-actions{display:flex;gap:12px;align-items:center}.xp-pill{font-size:12px;font-weight:700;display:flex;gap:7px;align-items:center;background:#eaeede;padding:10px 14px;border-radius:100px;text-decoration:none}.status-dot{width:6px;height:6px;border-radius:50%;background:#6b8965}.icon-button{width:39px;height:39px;border:1px solid var(--line);background:transparent;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.icon-button[aria-pressed=true]{background:var(--lime)}main{max-width:1230px;padding:42px 48px 64px;margin:auto}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.page-intro p{font-size:13px;color:var(--muted);margin-top:12px}.page-intro .eyebrow{display:block;margin-bottom:12px;color:var(--teal)}.date-chip{font-size:11px;color:var(--muted);padding-bottom:6px}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:24px}.hero{position:relative;overflow:hidden;background:#e9eddf;border:1px solid #dbe2ce;border-radius:var(--radius);padding:32px;min-height:265px;display:flex;align-items:center;gap:20px}.hero-copy{position:relative;z-index:1;flex:1}.hero .eyebrow{color:var(--teal);margin-bottom:14px}.hero h2{font-size:29px;line-height:1.5}.hero p{font-size:12px;color:#5a6d5e;margin-top:14px}.hero img{width:166px;border-radius:30px;transform:rotate(5deg);box-shadow:0 15px 25px #183f3a20;position:relative;z-index:1}.hero:after{content:"";position:absolute;width:260px;height:260px;border:1px solid #c6d0b4;border-radius:50%;right:-50px;top:-70px;box-shadow:0 0 0 35px #ffffff20,0 0 0 70px #ffffff20}.hero-tags{display:flex;gap:8px;margin-top:22px}.tag{display:inline-flex;gap:5px;align-items:center;font-size:10px;padding:5px 9px;border-radius:6px;background:#ffffffa6;color:#526954}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:29px 0 15px}.section-heading h2{font-size:16px}.section-heading span{font-size:10px;color:var(--muted)}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mode-card{position:relative;text-align:left;background:var(--white);border:1px solid var(--line);border-radius:17px;padding:23px 20px;min-height:165px}.mode-card.selected{border:2px solid var(--teal);padding:22px 19px;background:#f3f7eb}.mode-symbol{width:38px;height:38px;background:#e0e9d8;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:17px}.mode-card:nth-child(2) .mode-symbol{background:#eee7da;color:#8b693e}.mode-card h3{font-size:15px;margin-bottom:8px}.mode-card p{font-size:10px;color:var(--muted)}.check-dot{position:absolute;right:16px;top:17px;width:18px;height:18px;border:1px solid #c8d0c3;border-radius:50%;display:grid;place-items:center}.selected .check-dot{background:var(--teal);border-color:var(--teal);color:white}.settings-row{display:flex;gap:20px;align-items:flex-end;margin:22px 0}.field{flex:1;min-width:0}.field-label{font-size:11px;font-weight:600;display:block;margin-bottom:9px}.segments{display:flex;border:1px solid var(--line);border-radius:10px;padding:4px;background:#eceee6;gap:2px}.segments button{flex:1;border:0;border-radius:7px;padding:9px 5px;font-size:11px;background:transparent;white-space:nowrap}.segments button.selected{background:var(--white);box-shadow:0 2px 5px #203b3810;font-weight:700}.field select,select.filter{width:100%;height:42px;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:var(--white);font-size:11px;color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--green);color:white;border:1px solid var(--green);padding:15px 22px;border-radius:12px;font-weight:650;font-size:13px;text-decoration:none;min-height:48px}.button:hover{background:#285950}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button.secondary:hover{background:#e9eddf}.button.danger{color:var(--red);border-color:#e9cbc5;background:#fff8f6}.button.wide{width:100%}.start-button{justify-content:space-between;padding:19px 22px}.start-button small{font-size:10px;font-weight:400;color:#c6d7c6;margin-left:auto}.footnote{text-align:center;color:var(--muted);font-size:10px;margin-top:12px;line-height:1.8}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:25px}.progress-panel h2{font-size:14px}.level-row{display:flex;align-items:center;gap:15px;margin:24px 0 18px}.level-badge{display:grid;place-items:center;width:60px;height:68px;background:var(--lime);clip-path:polygon(50% 0,100% 23%,100% 76%,50% 100%,0 76%,0 23%);font-size:26px;font-family:Georgia,serif}.level-row p{font-size:10px;color:var(--muted);line-height:1.5}.level-row strong{display:block;font-size:17px;margin-bottom:6px}.meter{height:7px;background:#e9ece2;border-radius:20px;overflow:hidden}.meter span{display:block;height:100%;background:#67936f;border-radius:20px;transition:width .4s}.meter-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:9px}.stat-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:22px;padding-top:21px}.stat-row div{display:flex;flex-direction:column;gap:8px;font-size:10px;color:var(--muted)}.stat-row strong{font-size:23px;line-height:1;color:var(--ink);font-weight:600}.text-link{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--teal);text-decoration:none}.progress-panel .text-link{margin-top:23px}.tip-panel{margin-top:18px;background:#efe9dd;border-color:#e6dece;padding:23px}.tip-panel h3{font-size:13px;margin-bottom:11px}.tip-panel p{font-size:11px;color:#796d58;line-height:2}.workshop-card{margin-top:18px;background:#e8ecf4;padding:23px}.workshop-card h3{font-size:13px;margin:10px 0}.workshop-card p{font-size:11px;color:#617089}.workshop-card .button{margin-top:14px;padding:11px;min-height:40px;font-size:11px}.bottom-line{border-top:1px solid var(--line);margin-top:33px;padding-top:20px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted)}.warning{padding:15px 18px;border:1px solid #e6c6a3;background:#fff2dc;border-radius:10px;font-size:12px;line-height:1.8;margin-bottom:20px}.empty{text-align:center;padding:42px 20px;color:var(--muted)}.empty p{margin:15px 0 25px;font-size:13px}
.quiz-wrap{max-width:760px;margin:auto}.quiz-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;font-size:12px}.quiz-top .button{padding:9px 13px;min-height:38px;font-size:11px}.quiz-card{text-align:center;padding:38px;margin-top:25px}.question-category{font-size:11px;letter-spacing:.06em;color:var(--muted);margin-bottom:24px}.quiz-card h1{font-size:clamp(30px,5vw,46px);overflow-wrap:anywhere}.question-detail{font-size:15px;margin-top:12px;color:var(--teal);line-height:1.7}.instruction{font-size:12px;margin:26px 0 18px;color:var(--muted)}.answer-box{width:100%;height:59px;border:1px solid #bfcdbf;border-radius:12px;background:#fff;padding:0 18px;font-size:21px;text-align:center;color:var(--ink)}.answer-box:disabled{background:#f5f6ef;color:#66796f;opacity:1}.accents{display:flex;justify-content:center;gap:7px;margin-top:12px}.accents button,.tile{border:1px solid #d1dbc9;background:#f1f4e9;border-radius:8px;min-width:36px;min-height:38px;font-size:16px}.quiz-options{display:flex;gap:10px;justify-content:center;margin:20px 0}.quiz-options button{border:0;background:none;font-size:11px;color:var(--teal);padding:8px}.hint-box{font-size:12px;background:#f0f1e8;border-radius:10px;padding:12px;margin-bottom:20px}.answer-feedback{margin-top:24px;text-align:left;padding:20px;border-radius:13px;background:#eaf3e3;border:1px solid #ccddbe}.answer-feedback.near{background:#fff3dc;border-color:#e9d6ab}.answer-feedback.wrong{background:#f8eae4;border-color:#e9ccc0}.answer-feedback strong{font-size:18px}.answer-feedback p{font-size:13px;margin-top:9px;overflow-wrap:anywhere}.answer-feedback .xp{float:right;font-size:14px}.speech-note{font-size:10px;color:var(--muted);margin:12px 0;text-align:left;line-height:1.9}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}.actions .button{flex:1}.quiz-card .actions{margin-top:20px}.result-hero{text-align:center;padding:30px 20px}.result-icon{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;margin:0 auto 20px;background:var(--lime);color:var(--teal);font-size:33px}.result-hero h1{font-size:30px}.result-hero p{font-size:13px;color:var(--muted);margin-top:10px}.score-line{font-size:45px;font-weight:700;margin:25px 0 15px;color:var(--teal)}.score-line small{font-size:16px}.result-list{margin-top:25px;display:flex;flex-direction:column;gap:10px}.result-item{padding:17px 20px;background:var(--white);border:1px solid var(--line);border-radius:12px;display:flex;gap:15px;align-items:flex-start}.grade-marker{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#e2eedc;color:var(--teal);flex-shrink:0}.grade-marker.near{background:#fff0d3;color:#9c732c}.grade-marker.wrong{background:#f5e2dc;color:var(--red)}.result-item p{font-size:13px;overflow-wrap:anywhere}.result-item small{font-size:11px;color:var(--muted);line-height:1.8}.result-item .answer{color:var(--teal)}.toolbar{display:flex;gap:14px;margin-bottom:22px}.search{width:100%;flex:2;padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:var(--white);min-width:0}.toolbar select{flex:1;max-width:220px;height:46px}.word-count{font-size:11px;color:var(--muted);margin:15px 0}.word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.word-card{border:1px solid var(--line);border-radius:14px;background:var(--white);padding:20px;position:relative}.word-card h3{font-family:Georgia,serif;font-size:23px;padding-right:30px;overflow-wrap:anywhere}.word-card p{font-size:12px;margin-top:11px}.word-card small{font-size:10px;color:var(--muted);display:block;margin-top:12px}.word-card .icon-button{position:absolute;right:12px;top:12px;width:31px;height:31px}.history-item{border-bottom:1px solid var(--line);padding:20px 0}.history-item:first-child{padding-top:0}.history-item:last-child{border:0;padding-bottom:0}.history-head{display:flex;justify-content:space-between;gap:14px}.history-head h3{font-size:14px}.history-head strong{font-size:17px;color:var(--teal)}.history-item p{font-size:11px;color:var(--muted);margin-top:8px}.history-item summary{font-size:11px;color:var(--teal);cursor:pointer;margin-top:14px}.settings-panels{display:grid;gap:20px;max-width:800px}.settings-panels h2{font-size:18px;margin-bottom:15px}.settings-panels p{font-size:12px;color:var(--muted)}.settings-panels .actions .button{flex:initial}.tiles{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:24px 0}.tile{min-width:42px;min-height:48px;font-size:24px}.tile.slot{background:var(--white);border-style:dashed}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:min(90vw,640px);width:max-content;background:var(--green);color:#fff;padding:15px 22px;border-radius:12px;z-index:30;font-size:12px;line-height:1.8;box-shadow:0 6px 30px #123b3830}dialog{border:1px solid var(--line);border-radius:20px;padding:28px;max-width:min(90vw,470px);color:var(--ink)}dialog::backdrop{background:#183b3866;backdrop-filter:blur(3px)}dialog h2{font-size:19px;margin-bottom:15px}dialog p{font-size:13px;color:var(--muted)}.loading{padding:40px}.mobile-brand{display:none}[hidden]{display:none!important}
@media(min-width:1440px){main{padding-top:50px}.hero{min-height:285px}.hero img{width:185px}}
@media(max-width:1160px){.sidebar{width:205px;padding:30px 15px}.shell{grid-template-columns:205px 1fr}.topbar{padding:0 30px}main{padding:32px 30px 50px}.home-grid{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.hero{padding:25px;gap:15px}.hero img{width:125px}.hero h2{font-size:24px}.panel{padding:22px}.settings-row{flex-direction:column;align-items:stretch;gap:15px}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.home-grid{grid-template-columns:1fr}.home-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tip-panel{margin:0}.workshop-card{margin:0;grid-column:1/-1}.date-chip{display:none}.settings-row{flex-direction:row}.hero img{width:165px}}
@media(max-width:640px){.shell{display:block}.sidebar{inset:auto 0 0;width:100%;height:calc(72px + env(safe-area-inset-bottom));padding:7px 10px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--white);color:var(--ink)}.sidebar .brand,.nav-label,.side-bottom{display:none}.nav{flex-direction:row;justify-content:space-around;gap:4px}.nav a{font-size:9px;padding:8px 9px;gap:5px;flex-direction:column;border-radius:9px;color:var(--muted);flex:1}.nav a.active{background:#e9eedf;color:var(--green)}.nav a:hover{background:#e9eedf}.topbar{height:72px;padding:0 20px}.breadcrumb{display:none}.mobile-brand{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:750;letter-spacing:.02em}.mobile-brand img{width:31px;height:34px;object-fit:contain}.xp-pill{font-size:10px;padding:9px 11px}.header-actions{gap:8px}.icon-button{width:33px;height:33px}main{padding:27px 20px 115px}.page-intro{margin-bottom:21px}.page-intro p{font-size:11px;margin-top:8px}.page-intro .eyebrow{font-size:10px;margin-bottom:9px}h1{font-size:29px}.hero{padding:25px 22px;min-height:228px;gap:10px}.hero h2{font-size:23px}.hero img{width:113px;border-radius:21px}.hero p{font-size:10px}.hero-tags{gap:5px;margin-top:17px}.tag{font-size:9px;padding:4px 6px}.hero .eyebrow{font-size:9px}.mode-card{padding:20px 15px;min-height:162px}.mode-card.selected{padding:19px 14px}.mode-card h3{font-size:13px}.mode-card p{font-size:9px;line-height:1.9}.mode-grid{gap:10px}.settings-row{flex-direction:column;gap:17px}.segments button{font-size:12px;padding:11px 5px}.field select{font-size:12px;height:46px}.home-aside{grid-template-columns:1fr}.tip-panel{padding:22px}.progress-panel .stat-row{margin-top:17px}.level-row{margin:18px 0}.bottom-line{font-size:9px;flex-wrap:wrap}.quiz-card{padding:28px 20px}.quiz-card h1{font-size:32px}.quiz-options{gap:4px}.quiz-options button{font-size:10px}.question-detail{font-size:13px}.accents{gap:6px}.accents button{min-width:32px}.toolbar{flex-direction:column;gap:10px}.toolbar select{max-width:none;flex:initial}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.word-card{padding:17px 13px}.word-card h3{font-size:20px}.word-card p{font-size:11px}.word-card small{font-size:9px}.word-card .icon-button{right:7px;top:9px;width:25px;height:25px}.toast{bottom:100px}.actions .button{font-size:12px;padding:13px 16px}.tile{min-width:33px;min-height:43px}.tiles{gap:6px}.history-head h3{font-size:12px}}
.brand strong{font-size:15px;letter-spacing:-.02em;white-space:nowrap}.section-heading{font-size:10px;color:var(--muted)}.section-heading h2{color:var(--ink)}
@media(max-width:640px){.section-heading{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}