:root{color:#284c43;font-synthesis:none;--forest:#2e705e;--ink:#284c43;--muted:#536c61;--line:#cbd9bf;--gold:#ffce6d;background:#fff9e8;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-weight:400}*{box-sizing:border-box}body{background-image:radial-gradient(#dbe5c9 .8px,#0000 .8px);background-size:20px 20px;margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:var(--ink);background:#fffdf6;border:1px solid #c9d0c1;border-radius:16px;padding:12px 18px;font-weight:650;transition:background .18s,transform .18s}button:hover:not(:disabled){background:#edf1e5;transform:translateY(-1px)}button:disabled{cursor:default;color:#687266;opacity:.85;background:#f0f0e9;border-color:#d7dacf}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #af6f29}h1:focus,h2:focus,main:focus{outline:none}h1,h2,h3,p{margin-top:0}p{line-height:1.8}h1{letter-spacing:0;font-size:clamp(2rem,3.2vw,3.6rem);font-weight:800;line-height:1.4}h2{letter-spacing:-.025em;font-size:1.55rem;line-height:1.5}h3{font-size:1.2rem;line-height:1.5}small{font-weight:400}button.primary,.primary{background:var(--forest);border-color:var(--forest);color:#fffdf3}button.primary:hover:not(:disabled){background:#194834}button.primary:disabled{color:#667264;background:#e3e6db;border-color:#d7dacf}.wide{width:100%}.app-shell{max-width:1256px;margin:0 auto;padding:0 48px}.site-header{border-bottom:1px solid var(--line);align-items:center;gap:24px;min-height:112px;display:flex}.brand{text-align:left;letter-spacing:.04em;background:0 0;border:0;align-items:center;gap:11px;padding:0;font-size:1.35rem;display:flex}.brand:hover:not(:disabled){background:0 0}.brand small{letter-spacing:.19em;margin-top:4px;font-size:.62rem;display:block}.brand-mark{background:var(--forest);color:#f4cf70;border-radius:16px 16px 20px 20px;place-items:center;width:44px;height:49px;font-size:2.7rem;line-height:.8;display:grid;transform:rotate(-8deg)}.prototype-badge{border:1px solid var(--line);color:var(--muted);border-radius:30px;padding:6px 11px;font-size:.72rem}nav{gap:5px;margin-left:auto;display:flex}nav button{color:#647066;background:0 0;border:0;border-radius:0;padding:15px 13px;font-size:.9rem}nav button.nav-active{color:var(--forest);border-bottom:2px solid var(--forest)}main{min-height:68vh}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:50px 0 38px;display:grid}.eyebrow{letter-spacing:.11em;color:#526948;margin-bottom:16px;font-size:.74rem;font-weight:650;display:block}.hero h1{margin-bottom:20px}.gold-dot{color:#b57a27}.hero p{color:var(--muted);font-size:1rem;line-height:1.9}.hero-meta{color:#667260;flex-wrap:wrap;gap:19px;margin-top:30px;font-size:.75rem;display:flex}.scene{border-radius:24px;width:100%;height:auto;display:block}.hero-scene{transform:rotate(1deg)}.goal-strip{background:#eeeee3;border-radius:16px;align-items:center;gap:52px;padding:22px 29px;display:flex}.goal-strip>div{align-items:center;gap:14px;font-size:.9rem;display:flex}.goal-strip strong{font-weight:650}.muted{color:var(--muted);font-size:.85rem}.text-button{color:var(--forest);background:0 0;border:0;padding:10px 0;font-size:.85rem;font-weight:650}.goal-strip>.text-button{margin-left:auto}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:44px 0 22px;display:flex}.section-heading h2{margin:0}.section-heading .eyebrow{margin-bottom:8px;font-size:.65rem}.route-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.route-card{background:#eef2e7;border:1px solid #d5ddce;border-radius:20px;flex-direction:column;padding:25px;display:flex;position:relative;overflow:hidden}.route-card.peach{background:#f8ece2;border-color:#e8dacf}.route-card.butter{background:#f5f0d8;border-color:#e5dfc7}.route-top{color:var(--forest);justify-content:space-between;align-items:center;margin-bottom:18px;font-size:1.5rem;display:flex}.route-number{font-family:Georgia,serif;font-size:1.25rem}.route-card h3{margin-bottom:9px;font-size:1.23rem}.route-subtitle{color:#5e6c60;min-height:1.4em;margin-bottom:18px;font-size:.76rem;line-height:1.7}.route-count{align-items:baseline;gap:9px;margin-bottom:10px;display:flex}.route-count strong{font-family:Georgia,serif;font-size:2.8rem;font-weight:400}.route-count span{color:#5c6a5a;font-size:.75rem}.route-card>p:not(.route-subtitle){color:#5c695c;min-height:4.1em;margin-bottom:24px;font-size:.81rem;line-height:1.8}.route-card>button{text-align:left;background:#ffffffa8;justify-content:space-between;margin-top:auto;padding:13px 10px;font-size:.83rem;display:flex}.route-card>button:disabled{background:#ffffff5c}.progress-panel{border:1px solid var(--line);background:#fcfbf5;border-radius:20px;grid-template-columns:1fr 215px;align-items:center;gap:50px;margin-top:28px;padding:30px;display:grid}.progress-panel h2{margin-bottom:10px;font-size:1.3rem}.progress-panel p{max-width:580px;margin-bottom:5px;font-size:.84rem}.progress-panel .eyebrow{margin-bottom:9px;font-size:.67rem}.progress-number{flex-direction:column;gap:10px;font-size:.8rem;display:flex}.progress-number strong{font-family:Georgia,serif;font-size:3.2rem;font-weight:400}.progress-number strong span{color:#71806b;font-size:1.4rem}progress{width:100%;height:8px;accent-color:var(--forest);background:#e2e6da;border:0;border-radius:10px;overflow:hidden}progress::-webkit-progress-bar{background:#e2e6da;border-radius:10px}progress::-webkit-progress-value{background:var(--forest);border-radius:10px}footer{border-top:1px solid var(--line);color:#74806e;justify-content:space-between;gap:20px;margin-top:60px;padding:28px 0 32px;font-size:.71rem;line-height:1.9;display:flex}footer span span{color:#b28637;padding:0 7px}.skip-link{color:var(--forest);z-index:5;background:#fff;padding:14px;position:absolute;top:-60px;left:20px}.skip-link:focus{top:10px}.setup-panel{grid-template-columns:1fr 1fr;gap:65px;padding:54px 0;display:grid}.setup-intro h1{font-size:2.5rem}.setup-intro p{color:var(--muted);font-size:.95rem}.setup-intro .scene{margin-top:30px}.setup-panel form{border:1px solid var(--line);background:#fffdf7;border-radius:22px;align-self:start;padding:30px}.field-label{margin-bottom:10px;font-size:.88rem;font-weight:650;display:block}select,input[type=text]{width:100%;min-height:48px;color:var(--ink);background:#fffef9;border:1px solid #b9c5b5;border-radius:10px;padding:10px 13px;font-size:1rem}input[type=text]{margin-bottom:16px}.field-help{color:#626f60;margin:11px 0;font-size:.76rem;line-height:1.75}.target-picker{border:0;grid-template-columns:repeat(3,1fr);gap:9px;margin:23px 0 0;padding:0;display:grid}.target-picker legend{margin-bottom:13px;font-size:.9rem;font-weight:650}.target-picker label{cursor:pointer;border:1px solid #d4d9cb;border-radius:12px;flex-direction:column;align-items:center;gap:7px;padding:13px 8px;display:flex}.target-picker input{accent-color:var(--forest);width:17px;height:17px}.target-picker .picked{border:2px solid var(--forest);background:#eaf0e2;padding:12px 7px}.target-picker strong{letter-spacing:.04em;font-size:1.1rem}.target-picker span{text-align:center;font-size:.65rem}.setup-panel .wide{margin-top:18px}.check-panel{background:#f2f0df;border-radius:12px;margin-top:15px;padding:17px}.check-panel h3{font-size:.95rem}.check-panel p,.check-panel button{font-size:.8rem}.choices{gap:12px;display:grid}.choices button{text-align:left;background:#fffef9;min-height:52px;padding:16px 20px;line-height:1.6}.choices button.selected{border-color:var(--forest);color:#244a37;opacity:1;background:#e1ebd8}.page-title{padding:40px 0 10px}.page-title h1{margin-bottom:10px;font-size:2.2rem}.page-title p{color:var(--muted)}.compact.setup-panel{padding:10px 0 25px;display:block}.compact.setup-panel form{max-width:none;display:block}.compact .target-picker{max-width:550px}.compact .wide{width:auto}.settings-panel{border:1px solid var(--line);background:#fffdf7;border-radius:20px;margin-bottom:25px;padding:30px}.settings-panel p{color:#5e6d5c;max-width:850px;font-size:.9rem}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.file-button{cursor:pointer;background:#f1f2e9;border:1px solid #c9d0c1;border-radius:12px;padding:13px 18px;font-size:.95rem;font-weight:650;display:inline-block;position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.file-button:focus-within{outline-offset:4px;outline:3px solid #af6f29}.import-preview{background:#eef1e5;border-radius:12px;margin-top:24px;padding:22px}.backup-file-name{overflow-wrap:anywhere}.alert{background:#fff0d6;border:1px solid #c4964d;border-radius:14px;margin-top:20px;padding:20px}.alert p{font-size:.88rem}.alert button{margin-right:10px}.notice{background:#edf0df;border:1px solid #bdcbb1;border-radius:12px;margin-top:20px;padding:18px}.resume-card{background:#e4ecdc;border-radius:18px;align-items:center;gap:30px;margin-top:25px;padding:25px 30px;display:flex}.resume-card h2{margin-bottom:10px;font-size:1.15rem}.resume-card p{margin:0;font-size:.8rem}.resume-card .eyebrow{margin-bottom:7px;font-size:.65rem}.resume-card button{flex-shrink:0;margin-left:auto}.legend{color:#5f715c;gap:25px;margin:20px 0 35px;font-size:.85rem;display:flex}.collection-level{margin:30px 0 40px}.collection-level h2{font-size:1.3rem}.collection-level h2 small{color:var(--muted);margin-left:13px;font-size:.75rem}.word-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.word-tile{border:1px solid var(--line);background:#fffdf6;border-radius:15px;min-width:0;padding:22px;position:relative}.word-tile h3{overflow-wrap:anywhere;padding-right:15px;font-family:Georgia,serif;font-size:1.5rem;font-weight:400}.word-tile p{margin:0;font-size:.85rem}.word-state{color:#507044;position:absolute;top:20px;right:16px}.skill-list{color:#5a6955;flex-direction:column;gap:7px;margin-top:17px;font-size:.68rem;display:flex}.learning-shell{padding-top:40px}.learning-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.learning-header h1{margin:0;font-size:2rem}.learning-header .eyebrow{margin-bottom:8px}.session-progress{height:6px}.steps{color:#6c7865;justify-content:center;gap:40px;margin:26px 0 30px;padding:0;font-size:.78rem;list-style:none;display:flex}.steps li{white-space:nowrap;border-radius:9px;align-items:center;gap:7px;padding:9px 13px;display:flex}.steps .current{color:#28543d;background:#e4ebd9;font-weight:700}.learning-card{border:1px solid var(--line);background:#fffdf7;border-radius:23px;display:flex;overflow:hidden}.question-area{flex:1;min-width:0;padding:38px}.question-area h2{margin:0 0 20px;font-size:1.55rem}.question-area .big-word{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:18px;font:3rem/1.3 Georgia,serif;display:flex}.speak-button{padding:9px 11px;font-family:system-ui,sans-serif;font-size:.75rem;font-weight:500}.definition{margin-bottom:20px;font-size:1.1rem;line-height:1.6}.story{max-width:750px;font-size:1rem;line-height:1.9}.question-area blockquote{border-left:3px solid #bdceaa;margin:22px 0;padding:5px 0 5px 19px}.question-area blockquote p:first-child{color:#294c36;margin-bottom:10px;font-family:Georgia,serif;font-size:1.15rem;line-height:1.6}.question-area blockquote p:last-child{color:var(--muted);margin:0;font-size:.82rem}.memory-cue{color:#71613d;background:#f6f0dd;border-radius:9px;margin:20px 0 25px;padding:12px;font-size:.85rem}.scene-area{background:#e9eedf;flex-direction:column;justify-content:center;width:40%;padding:20px;display:flex}.scene-area .scene{border-radius:15px}.scene-area>span{color:#586a51;text-align:center;margin-top:15px;font-size:.65rem;line-height:1.8}.learning-reassurance{text-align:center;color:#64735f;margin-top:24px;font-size:.78rem}.question-area .choices{max-width:720px}.question-area form{max-width:680px}.english-prompt{background:#f0f1e7;border-radius:12px;max-width:800px;padding:22px;font-family:Georgia,serif;font-size:1.6rem;line-height:1.7}.feedback{border-radius:14px;max-width:800px;margin-top:25px;padding:23px}.feedback.correct{background:#e9f0df}.feedback.try-again{background:#fcf0d5}.feedback p{margin:8px 0;font-size:.87rem}.feedback .primary{margin-top:10px}.completion{text-align:center;border:1px solid var(--line);background:#fffdf5;border-radius:25px;max-width:800px;margin:55px auto;padding:35px}.completion-icon{color:#647a48;background:#e4ebd6;border-radius:50%;place-items:center;width:85px;height:85px;margin:0 auto 22px;font-size:3rem;display:grid}.completion h1{font-size:2.3rem}.completion p{color:#5d6b58;font-size:.9rem}.completed-words{flex-wrap:wrap;justify-content:center;gap:10px;margin:25px 0;display:flex}.completed-words span{background:#edf0df;border:1px solid #becba9;border-radius:30px;padding:9px 18px;font-family:Georgia,serif;font-size:1.2rem}@media (width>=1400px){.hero{padding-top:60px}.hero h1{font-size:3.65rem}}@media (width<=1000px){.app-shell{padding:0 28px}.prototype-badge{display:none}.hero{gap:25px}.hero h1{font-size:2.7rem}.hero-meta{gap:11px;font-size:.65rem}.goal-strip{gap:25px;padding:20px}.goal-strip>div{flex-direction:column;align-items:flex-start;gap:8px}.route-grid{gap:13px}.route-card{padding:19px}.route-card h3{font-size:1.1rem}.route-count{flex-wrap:wrap;gap:4px}.route-count span{font-size:.7rem}.setup-panel{gap:30px}.setup-panel form{padding:23px}.setup-intro h1{font-size:2.1rem}.steps{gap:13px}.scene-area{width:36%}.question-area{padding:28px}}@media (width<=700px){.app-shell{padding:0 20px}.site-header{flex-wrap:wrap;gap:18px;min-height:0;padding:20px 0 0;display:flex}.brand{font-size:1.2rem}.brand-mark{width:38px;height:42px}.brand small{font-size:.53rem}.site-header nav{justify-content:space-between;width:100%;margin:0}.site-header nav button{flex:1;padding:13px 3px;font-size:.82rem}.hero{grid-template-columns:1fr;gap:22px;padding:30px 0 23px}.hero-copy .eyebrow{margin-bottom:14px;font-size:.7rem}.hero h1{margin-bottom:16px;font-size:2.6rem;line-height:1.35}.hero p{margin-bottom:17px;font-size:.9rem}.hero-meta{gap:17px;margin-top:15px;font-size:.69rem}.hero>.scene{object-fit:cover;border-radius:20px;max-height:250px;transform:none}.goal-strip{flex-wrap:wrap;gap:15px;padding:18px 16px}.goal-strip>div{gap:6px;font-size:.78rem}.goal-strip .muted{font-size:.7rem}.goal-strip>.text-button{padding:8px 0;font-size:.72rem}.section-heading{flex-direction:column;align-items:flex-start;gap:7px;margin-top:32px}.section-heading h2{font-size:1.25rem}.section-heading>.muted{font-size:.7rem}.route-grid{grid-template-columns:1fr;gap:15px}.route-card{grid-template-columns:1fr auto;column-gap:10px;padding:22px;display:grid}.route-top{grid-column:1/-1;margin-bottom:13px}.route-card h3{grid-column:1/-1;font-size:1.2rem}.route-subtitle{grid-column:1/-1;min-height:0;margin-bottom:8px}.route-count{grid-column:1/-1;gap:10px;margin:2px 0 6px}.route-count strong{font-size:2.5rem}.route-card>p:not(.route-subtitle){grid-column:1/-1;min-height:0;margin-bottom:20px}.route-card>button{grid-column:1/-1;font-size:.9rem}.progress-panel{grid-template-columns:1fr;gap:20px;padding:23px}.progress-number{grid-template-columns:auto 1fr;align-items:baseline;column-gap:15px;max-width:100%;display:grid}.progress-number strong{font-size:2.6rem}.progress-number progress{grid-column:1/-1}.progress-panel .muted{font-size:.75rem}footer{flex-direction:column;gap:10px;margin-top:38px;padding:23px 0;font-size:.67rem}.setup-panel{grid-template-columns:1fr;gap:25px;padding:30px 0}.setup-intro h1{font-size:2rem}.setup-intro .scene{object-fit:cover;max-height:210px;margin-top:20px}.setup-panel form{padding:23px 20px}.setup-panel form h2{font-size:1.3rem}.target-picker{gap:8px}.target-picker label{padding:13px 5px}.target-picker .picked{padding:12px 4px}.target-picker span{font-size:.6rem}.target-picker strong{font-size:1rem}.page-title{padding-top:30px}.page-title h1{font-size:1.9rem}.compact .wide{width:100%;font-size:.9rem}.settings-panel{padding:23px 20px}.settings-panel h2{font-size:1.25rem}.settings-panel p{font-size:.83rem}.button-row{align-items:stretch}.button-row>*{text-align:center;width:100%}.legend{flex-wrap:wrap;gap:16px;font-size:.75rem}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.word-tile{padding:17px 13px}.word-tile h3{font-size:1.25rem}.word-tile p{font-size:.75rem}.word-state{font-size:.8rem;top:17px;right:10px}.skill-list{gap:5px;font-size:.62rem;line-height:1.7}.collection-level h2{font-size:1.1rem}.collection-level h2 small{font-size:.65rem}.resume-card{padding:22px;display:block}.resume-card button{width:100%;margin-top:18px}.resume-card h2{font-size:1.1rem}.learning-shell{padding-top:30px}.learning-header{align-items:flex-start;gap:10px}.learning-header h1{font-size:1.5rem}.learning-header .eyebrow{letter-spacing:.04em;font-size:.61rem}.learning-header button{flex-shrink:0;padding:10px;font-size:.72rem}.steps{justify-content:space-between;gap:3px;margin:20px 0}.steps li{gap:5px;padding:9px 6px;font-size:.65rem}.steps li span{font-size:.61rem}.learning-card{display:block}.question-area{padding:23px 20px}.question-area .big-word{gap:14px;font-size:2.5rem}.question-area h2{font-size:1.3rem}.question-area .eyebrow{font-size:.65rem}.scene-area{width:100%;padding:18px}.scene-area .scene{object-fit:cover;max-height:220px}.story{font-size:.92rem}.definition{font-size:1rem}.question-area .primary{width:100%;font-size:.85rem;line-height:1.6}.english-prompt{padding:18px;font-size:1.25rem}.choices button{padding:15px;font-size:.94rem}.feedback{padding:19px}.learning-reassurance{font-size:.7rem}.completion{margin:30px 0;padding:27px 21px}.completion h1{font-size:1.7rem}.completion p{font-size:.83rem}.completion .primary{width:100%;font-size:.83rem}.alert{padding:18px}.alert button{max-width:100%;margin-top:10px;font-size:.8rem}.notice{font-size:.85rem}.import-preview{padding:17px}.import-preview h3{font-size:1rem}}@media (width<=360px){.app-shell{padding:0 14px}.hero h1{font-size:2.3rem}.steps li{padding:8px 3px;font-size:.6rem}.steps li span{font-size:.57rem}.goal-strip{column-gap:20px}.goal-strip>.text-button{margin-left:0}.word-grid{grid-template-columns:1fr}.target-picker span{font-size:.56rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.steps li[hidden]{display:none}.save-status{color:#526948;margin:15px 0;font-size:.8rem}.migration-note{background:#edf1e5;border:1px solid #cbd8be;border-radius:12px;margin-top:22px;padding:16px 20px;font-size:.8rem}.legacy-recovery{background:#fbf1d7;border:1px solid #cbb783;border-radius:16px;margin-top:20px;padding:22px}.legacy-recovery h2{font-size:1.2rem}.legacy-recovery p{font-size:.85rem}.legacy-recovery>button{white-space:normal;max-width:100%;line-height:1.6}.backpack-session{background:#edf1e5;border:1px solid #bdcbb1;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin:15px 0 22px;padding:18px 22px;display:flex}.backpack-session p{margin:0;font-size:.85rem}.backpack-session button{flex-shrink:0}.backpack-filters{border:1px solid var(--line);background:#fffdf7;border-radius:18px;grid-template-columns:1.5fr 1fr 1fr;gap:18px;padding:22px;display:grid}.backpack-filters label{flex-direction:column;gap:9px;font-size:.85rem;font-weight:650;display:flex}.backpack-filters input[type=search]{width:100%;min-width:0;min-height:48px;color:var(--ink);background:#fffef9;border:1px solid #b9c5b5;border-radius:10px;padding:10px 13px}.backpack-filter-actions{grid-column:1/-1;align-items:center;gap:24px;display:flex}.backpack-results{color:#3b5c44;margin:20px 0 7px;font-size:.9rem;font-weight:650}.backpack-empty{text-align:center;background:#eeeee3;border-radius:16px;margin-top:25px;padding:45px 24px}.backpack-empty h2{font-size:1.2rem}.backpack-empty p{margin-bottom:0;font-size:.85rem}.word-detail-trigger{color:var(--forest);text-align:left;overflow-wrap:anywhere;background:0 0;border:0;border-radius:4px;max-width:100%;min-height:44px;padding:7px 0;font-weight:400}.word-detail-trigger span{font-size:.85rem}.word-detail-trigger:hover:not(:disabled){background:0 0;text-decoration:underline}.word-tile h3{margin-bottom:10px}.overall-status{color:#526948;margin-top:12px;font-size:.72rem;display:inline-block}.mini-skills{border-top:1px solid #d8dece;gap:9px;margin-top:18px;padding-top:14px;font-size:.7rem;display:grid}.mini-skills>span{flex-wrap:wrap;justify-content:space-between;gap:7px;display:flex}.mini-skills strong{color:#5d6e55;font-weight:500}.word-detail{width:min(860px,100% - 32px);max-height:90dvh;color:var(--ink);background:#fffdf6;border:1px solid #b9c5af;border-radius:22px;padding:0;overflow-y:auto;box-shadow:0 12px 70px #203e3033}.word-detail::backdrop{background:#203e3077}.word-detail-header{z-index:1;background:#edf1e5;border-bottom:1px solid #d3dcc7;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex;position:sticky;top:0}.word-detail-header h2{overflow-wrap:anywhere;margin:0;font-family:Georgia,serif;font-size:2.3rem;font-weight:400}.word-detail-header .eyebrow{margin-bottom:8px;font-size:.66rem}.word-detail-header button{flex-shrink:0}.word-detail-body{padding:25px 28px}.word-detail-body>p,.word-detail-body section p{font-size:.9rem}.word-detail-example{border-left:3px solid #b7cba3;margin:20px 0;padding-left:18px}.word-detail-example p:first-child{margin-bottom:8px;font-family:Georgia,serif;font-size:1.2rem}.word-detail-example p:last-child{color:var(--muted);font-size:.83rem}.word-detail-scene{max-width:440px;margin:20px auto 30px}.word-detail-scene>span{text-align:center;display:block}.word-detail-body section>h3{font-size:1.1rem}.ability-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.ability-detail{background:#f3f4e9;border:1px solid #d7dfcc;border-radius:13px;min-width:0;padding:17px 15px}.ability-detail h3{margin-bottom:9px;font-size:.9rem}.ability-detail>strong{font-size:.82rem}.word-detail-body .ability-detail p{margin:9px 0 0;font-size:.72rem}.word-detail-usage{background:#f7f0dd;border-radius:14px;margin-top:25px;padding:20px}.word-detail-usage p{margin-bottom:8px}.content-note{border-top:1px solid var(--line);color:#5f6e57;margin-top:25px;padding-top:20px;font-size:.78rem}.content-note p{margin:10px 0 0}@media (width<=700px){.backpack-filters{grid-template-columns:1fr;gap:15px;padding:20px}.backpack-session{flex-direction:column;align-items:stretch;gap:12px;padding:18px}.backpack-session button{width:100%}.backpack-filter-actions{justify-content:space-between;gap:16px}.backpack-filter-actions button{font-size:.78rem}.mini-skills{gap:10px;font-size:.63rem}.mini-skills>span{gap:3px;display:grid}.word-detail{border-radius:17px;width:calc(100% - 24px)}.word-detail-header{gap:12px;padding:18px}.word-detail-header h2{font-size:1.9rem}.word-detail-header button{padding:10px;font-size:.72rem}.word-detail-body{padding:19px}.ability-grid{grid-template-columns:1fr}.ability-detail{padding:17px}.word-detail-body .ability-detail p{font-size:.8rem}}.history-filters{border:1px solid var(--line);background:#fffdf6;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:24px;display:grid}.history-filters label{gap:9px;min-width:0;font-size:.9rem;font-weight:650;display:grid}.history-filters select{width:100%;min-width:0}.history-count{margin:20px 0 28px;font-size:.9rem}.history-days,.history-records{margin-bottom:32px}.history-days h2,.history-records h2{margin-bottom:10px}.history-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:20px 0 0;padding:0;list-style:none;display:grid}.history-calendar li{text-align:center;background:#eeefe7;border:1px solid #dedfd4;border-radius:16px;gap:12px;min-width:0;padding:20px 10px;display:grid}.history-calendar time{font-size:.8rem}.history-calendar strong{font-size:1.3rem}.history-calendar span{color:var(--muted);font-size:.7rem}.history-legacy{background:#f7f0dd;border:1px solid #e4d6a9;border-radius:18px;margin-bottom:30px;padding:22px 26px}.history-legacy h2{font-size:1.1rem}.history-legacy p:last-child{margin-bottom:0}.history-timeline{margin:20px 0;padding:0;list-style:none}.history-event{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:20px;padding:20px 0;display:grid}.history-word,.history-event-meta{gap:6px;min-width:0;display:grid}.history-word strong{font-family:Georgia,serif;font-size:1.3rem;font-weight:400}.history-word span,.history-event-meta{color:var(--muted);font-size:.8rem}.history-word span{overflow-wrap:anywhere}.history-result{border-radius:20px;padding:8px 12px;font-size:.8rem}.history-more{margin-bottom:30px}@media (width<=700px){.history-filters{grid-template-columns:1fr;gap:16px;padding:20px}.history-calendar{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.history-calendar li{gap:9px;padding:15px 5px}.history-calendar strong{font-size:1.1rem}.history-event{grid-template-columns:minmax(0,1fr) auto;gap:12px}.history-event-meta{grid-area:2/1/auto/-1}.history-word span{font-size:.8rem}.history-result{padding:7px 9px;font-size:.7rem}.history-legacy{padding:20px}}.brand-mark{background:0 0;width:58px;height:60px;transform:none}.brand-mark svg{width:100%;height:100%}.site-header{border-bottom:2px dashed #b9cfb6}.prototype-badge{background:#fff0bd;border:1.5px solid #d4bb79}.site-header nav{gap:6px}.site-header nav button{border-radius:16px 16px 7px 7px;font-weight:750}.site-header nav button.nav-active{background:#e2efd0;border-bottom:3px solid #46795f}.hero h1{color:#31584c}.hero-meta span{background:#fffdf5;border:1px solid #d1dcbf;border-radius:12px;padding:7px 10px}.hero-scene{border:3px solid #718f64;box-shadow:5px 6px #e2cc91}.scene{border-radius:30px}.goal-strip,.resume-card,.progress-panel,.setup-panel,.settings-panel,.backpack-filters,.history-filters,.backpack-session{border:2px solid #afc6a3;border-radius:25px;box-shadow:0 4px #d9dfbd}.goal-strip{background:#e9f2d7}.route-card{background:#e7f0d6;border:2px solid #a9c499;border-radius:27px;box-shadow:0 5px #c6d7ae}.route-card.peach{background:#ffe9db;border-color:#d9b19c;box-shadow:0 5px #ead0b4}.route-card.butter{background:#fff1bd;border-color:#d7bf80;box-shadow:0 5px #e6d498}.route-number{background:#fffdf4;border:2px solid;border-radius:13px;padding:5px 10px;font-weight:800}.route-card button,button.primary{border:2px solid #31584c;border-radius:17px;box-shadow:0 3px #244c40}button.primary:disabled{box-shadow:none;border-color:#bcc8b2}.word-tile{background:#fffdf4;border:2px solid #c1cfac;border-radius:24px;box-shadow:0 4px #e0e3c7}.word-tile.seen{background:#edf4dc;border-color:#a8c48f}.word-detail,.learning-card,.completion,.import-preview{border:2px solid #a9be95;border-radius:28px}.word-detail-header{background:#e7f0d3;border-bottom:2px dashed #b0c79a}.word-detail-body{background:#fffdf3}.word-detail-header h2,.question-area .big-word,.word-tile h3,.history-word strong{font-family:inherit;font-weight:800}.ability-detail{background:#f0f6e2;border:2px solid #c2d3ac;border-radius:20px}.choices button{background:#fffdf3;border:2px solid #b7c9a7;border-radius:19px}.choices button.selected{background:#e2efd0;border-color:#3c795e}.choices button:disabled{opacity:1}.feedback,.history-calendar li{border-width:2px;border-radius:23px}.history-calendar li.has-practice{background:#e2efc9;border-color:#a7c188}.history-records{background:#fffdf4;border:2px solid #c1cfac;border-radius:26px;padding:26px}.history-result.recalled{color:#31543a;background:#e1efcc}.history-result.retry{color:#6e4e29;background:#ffe7cd}.site-footer{border-top:2px dashed #bdcfae}@media (width<=700px){.brand-mark{width:48px;height:50px}.site-header nav{gap:3px}.site-header nav button{padding:12px 2px;font-size:.76rem}.hero-meta{gap:8px}.hero-meta span{padding:6px 8px}.hero>.scene{border-radius:24px}.history-records{padding:18px 14px}.history-event{gap:9px}}.word-illustration{margin:0}.word-illustration img{background:#fff9e8;border:2px solid #b7cba3;border-radius:24px;width:100%;height:auto;display:block}.word-illustration figcaption{color:#536c61;text-align:center;margin-top:9px;font-size:.72rem;line-height:1.7}.word-audio{background:#f4f7e9;border:1px dashed #b7cba3;border-radius:18px;margin:18px 0;padding:15px}.word-audio>p{margin-bottom:10px}.word-audio .button-row{flex-wrap:wrap;gap:9px}.word-audio button{padding:10px 13px;font-size:.85rem}.word-audio p:last-child{margin-bottom:0}.word-detail-body .word-audio p,.media-fallback{font-size:.78rem}.media-fallback{color:#705733;padding:10px 0;line-height:1.8}.scene-area .word-illustration{width:100%}@media (width<=700px){.word-audio{padding:13px}.word-audio button{padding:10px;font-size:.78rem}.scene-area{padding:20px;display:block}}