:root{color-scheme:light;font-family:Georgia,Cambria,Times New Roman,serif;color:#2f271d;background:#f2eadc;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:linear-gradient(90deg,rgba(96,64,29,.035) 1px,transparent 1px),linear-gradient(#f7f1e8,#ede2d1);background-size:36px 36px,auto}button,input,select,textarea{font:inherit}button{border:0;border-radius:8px;padding:.72rem .95rem;font-weight:750;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{width:100%;border:1px solid #d6c5aa;border-radius:8px;padding:.78rem .9rem;background:#fffaf0;color:#2f271d}textarea{resize:vertical}label{display:grid;gap:.42rem;color:#63513a;font-size:.94rem;font-weight:700}h1,h2,h3,p{margin:0}h1{font-size:1.7rem;line-height:1.1}h2{font-size:1.25rem}h3{font-size:1.55rem;line-height:1.12}.app-shell{min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem clamp(1rem,4vw,2.25rem);background:#fff9eeeb;border-bottom:1px solid #dccdb8;box-shadow:0 1px #ffffffb3 inset;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar>div:first-child{min-width:0}.topbar h1{overflow-wrap:anywhere}.identity{display:flex;align-items:center;gap:.8rem;color:#6e5b41;font-size:.9rem;min-width:0}.identity>span:first-child{max-width:min(44vw,30rem);overflow-wrap:anywhere;text-align:right}.eyebrow{color:#735813;font-size:.74rem;font-weight:850;letter-spacing:0;text-transform:uppercase;margin-bottom:.35rem}.workspace{width:min(1220px,calc(100% - 2rem));margin:0 auto;padding:1rem 0 3rem}.learner-workspace{display:grid;gap:.9rem}.study-tabs{width:min(880px,100%);display:grid;grid-template-columns:1fr 1fr;gap:.16rem;margin:0 auto .35rem}.study-tab{display:grid;gap:.24rem;color:#5d5142;text-align:center;text-transform:uppercase;font-size:.78rem;font-weight:850;letter-spacing:0}.study-tab strong{font-size:.72rem;color:#85735b}.study-tab i{display:block;height:.62rem;margin-inline:auto;max-width:100%;border-radius:999px;background:#86640e;box-shadow:0 0 0 1px #50390d1f inset}.study-tab:not(.active) i{background:#e2d7c6}.lesson-card{display:grid;grid-template-columns:minmax(300px,.74fr) minmax(0,1.26fr);min-height:620px;overflow:hidden;border:1px solid #d7c8b2;border-radius:8px;background:#fffbf4f5;box-shadow:0 18px 44px #5b422324,0 1px #ffffffd9 inset}.story-illustration{min-height:620px;margin:0;padding:.72rem;border-right:1px solid #e4d7c3;background:#f5ebda}.storybook-frame{position:relative;height:100%;min-height:596px;overflow:hidden;border:1px solid #6f4a26;border-radius:6px;background:linear-gradient(180deg,#58371a0f,#58371a00),linear-gradient(180deg,#b88258 0 23%,#d2ab73 23% 45%,#9f784b 45% 100%)}.storybook-frame:before{content:"";position:absolute;inset:1rem;border:2px solid rgba(83,48,21,.34);border-radius:5px;box-shadow:0 0 0 8px #ffeec41f inset}.storybook-frame:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(61,35,18,.16) 0 2px,transparent 2px 110px),repeating-linear-gradient(0deg,transparent 0 82px,rgba(61,35,18,.12) 82px 84px);opacity:.42}.paper-sun{position:absolute;left:50%;top:31%;width:8.6rem;height:8.6rem;transform:translate(-50%,-50%);border-radius:50%;background:#e6c98d;border:1px solid rgba(96,54,22,.25)}.book-arch{position:absolute;left:50%;top:34%;width:15rem;height:13rem;transform:translate(-50%);border:1rem solid rgba(94,52,25,.23);border-bottom:0;border-radius:10rem 10rem 0 0}.story-path{position:absolute;left:50%;bottom:-8%;width:18rem;height:18rem;transform:translate(-50%) rotate(45deg);background:#d3b179;border:1px solid rgba(70,43,21,.22)}.story-tree{position:absolute;bottom:24%;width:5.2rem;height:9rem;border-radius:3rem 3rem .6rem .6rem;background:#466b58;border:1px solid rgba(37,55,45,.45)}.story-tree:after{content:"";position:absolute;left:50%;bottom:-3.5rem;width:1rem;height:4.2rem;transform:translate(-50%);background:#6b4428}.tree-left{left:12%}.tree-right{right:10%;background:#556f47}.reader-shape,.mentor-shape{position:absolute;z-index:1;bottom:17%;border:1px solid rgba(49,31,20,.45);box-shadow:0 10px 18px #3722122e}.reader-shape{right:25%;width:4.5rem;height:10.5rem;border-radius:2.4rem 2.4rem .9rem .9rem;background:linear-gradient(180deg,#d46f43 0 48%,#f1d8a6 48% 57%,#654a36 57% 100%)}.mentor-shape{left:22%;bottom:16%;width:8.8rem;height:6.8rem;border-radius:4rem 4rem 1.5rem 1.5rem;background:linear-gradient(135deg,#3c6a68 0 52%,#d8c4a1 52% 100%)}.lesson-content{display:grid;grid-template-rows:auto auto auto 1fr;gap:1.05rem;padding:clamp(1.35rem,3vw,2.45rem)}.word-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.word{color:#74550d;font-size:6rem;font-weight:900;line-height:.9;overflow-wrap:anywhere}.pronunciation{margin-top:.35rem;color:#817262;font-size:1.06rem;font-style:italic}.sound-button{flex:0 0 auto;width:4.25rem;height:4.25rem;display:grid;place-items:center;border:1px solid #d8c8ae;background:#f8f0e2;color:#86640e;font-family:ui-sans-serif,system-ui,sans-serif;font-size:1.1rem}.quote-card{margin:0;padding:0;color:#574738}.quote-card p{font-size:1.55rem;line-height:1.5}mark{border-radius:4px;background:#efe2b7;color:inherit;padding:0 .15em}.quote-card cite{display:block;margin-top:.55rem;color:#8a7b68;font-size:.92rem;font-style:italic}.question-block{align-self:end;display:grid;gap:.85rem;border-top:1px solid #eadfce;padding-top:1.05rem}.question-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.question-title{color:#2f271d;font-size:1.55rem;font-weight:750;line-height:1.12}.definition{min-height:1.5rem;color:#6b5a44;font-size:1rem}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:.78rem}.answer-card{min-height:6.3rem;display:grid;grid-template-columns:auto 1fr;align-items:start;gap:.75rem;border:1px solid #dccdb7;background:#fffdf8;color:#34291d;text-align:left;box-shadow:0 1px #ffffffc7 inset}.answer-card:hover,.answer-card:focus-visible{border-color:#9a7416;background:#fff6df;outline:none}.answer-card span{color:#b7aa98;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.76rem;font-weight:900}.answer-card strong{color:#46372a;font-size:1.15rem;line-height:1.25}.empty-lesson{display:grid;min-height:260px;place-items:center;padding:1rem}.admin-layout{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(280px,.62fr);gap:1rem;align-items:start}.imports-panel,.admin-notice,.reading-list-panel{grid-column:1 / -1}.panel{border:1px solid #d7c8b2;border-radius:8px;background:#fffbf4f0;padding:1rem;box-shadow:0 10px 26px #5b422317}.compact-panel{max-width:520px}.panel-head,.import-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.metric{flex:0 0 auto;border-radius:999px;background:#493726;color:#fff8ec;padding:.35rem .65rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.8rem;font-weight:800}.primary{background:#7c5a0c;color:#fff9ed}.secondary{border:1px solid #d2c1a9;background:#f3ebdd;color:#463523}.danger{background:#994437;color:#fff9ed}.hint-button{min-width:5.5rem}.dev-auth-badge{border-radius:999px;background:#ecdfc9;color:#664d12;padding:.35rem .6rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.78rem;font-weight:850}.button-row{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.empty-state,.notice{border:1px solid #d0ad54;border-radius:8px;background:#fff4cd;color:#594414;padding:.9rem 1rem}.notice{margin-bottom:.2rem}.word-list,.learner-list,.imports-list{display:grid;gap:.65rem}.panel label+.learner-list{margin-top:1rem}.word-row{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #eadfce;padding-top:.7rem}.word-row div{display:grid;gap:.2rem;min-width:0}.word-row strong,.word-row span{overflow-wrap:anywhere}.word-row span,.word-row small,.muted,.import-card p{color:#776753}.word-row small{flex:0 0 auto}.import-form{display:grid;gap:.85rem}.import-card{border-top:1px solid #eadfce;padding-top:1rem}.candidate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.45rem}.candidate-chip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.45rem;border:1px solid #dacbb6;border-radius:8px;padding:.48rem .58rem;background:#fffdf8;color:#382c20}.candidate-chip input{width:auto;accent-color:#7c5a0c}.candidate-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.candidate-chip small{color:#7c5a0c;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:850}.login-shell,.auth-modal-shell,.config-shell{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-modal-shell{align-content:center;gap:1rem}.auth-modal-status{display:grid;gap:.35rem;text-align:center}.login-panel{width:min(520px,100%);display:grid;gap:1rem;border:1px solid #d7c8b2;border-radius:8px;background:#fffbf4f5;padding:1.4rem}.login-panel p{color:#6e5b41}@media(max-width:940px){.lesson-card,.admin-layout{grid-template-columns:1fr}.lesson-card{min-height:auto}.story-illustration{min-height:320px;border-right:0;border-bottom:1px solid #e4d7c3}.storybook-frame{min-height:296px}.word{font-size:4.4rem}.quote-card p{font-size:1.35rem}}@media(max-width:660px){.topbar,.panel-head,.import-card-head,.word-row,.question-head,.word-title-row{align-items:stretch;flex-direction:column}.topbar{gap:.75rem}.identity{width:100%;justify-content:space-between}.identity>span:first-child{max-width:calc(100% - 4rem);text-align:left}.workspace{width:min(100% - 1rem,1220px);padding-top:.5rem}.study-tabs,.answer-grid{grid-template-columns:1fr}.lesson-content{padding:1.1rem;gap:.9rem}.story-illustration{min-height:250px;padding:.55rem}.storybook-frame{min-height:228px}.paper-sun{width:5.6rem;height:5.6rem}.book-arch{width:9.5rem;height:8rem;border-width:.7rem}.story-path{width:12.5rem;height:12.5rem}.story-tree{width:3.8rem;height:6rem}.story-tree:after{bottom:-2.45rem;height:2.95rem}.reader-shape{width:3.2rem;height:7.3rem}.mentor-shape{width:6.2rem;height:4.75rem}.word{font-size:3.15rem}.sound-button{width:100%;height:3.25rem}.quote-card p{font-size:1.15rem}.question-title{font-size:1.3rem}.answer-card{min-height:auto}.button-row,.button-row>button,.import-form>button{width:100%}.candidate-grid{grid-template-columns:1fr}.panel-head .metric{align-self:flex-start}}@media(max-width:420px){h1{font-size:1.45rem}h3{font-size:1.32rem}.word{font-size:2.65rem}.answer-card strong{font-size:1.02rem}}