:root{font-family:DM Sans,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#343d35;background:#fbfaf6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--green: #347e69;--green-dark: #266b5b;--green-deep: #255e50;--green-pale: #e9f0e1;--green-faint: #f1f5ec;--ink: #343d35;--muted: #889087;--line: #e9e9df;--paper: #fffefa;--cream: #f7f5eb;--peach: #f6e9dc;--lavender: #ece8f4;--blue: #e8eef0;--shadow-soft: 0 3px 15px #464d3510;--shadow-card: 0 4px 20px #39432b0b, 0 1px 3px #39432b07}*{box-sizing:border-box}html{max-width:100%;overflow-x:clip}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #75a18b;outline-offset:3px}::selection{background:#dce9d2}#root,.app-shell{min-height:100vh}.sidebar{width:248px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:24px 16px 17px;background:#fffefa;border-right:1px solid #eae9df;z-index:40}.brand{display:flex;align-items:center;gap:11px;padding:2px 8px 0;width:max-content;background:transparent;text-align:left}.brand-mark{position:relative;width:43px;height:43px;display:grid;place-items:center;background:#e7efde;border-radius:14px;color:var(--green)}.brand-mark i{position:absolute;right:5px;top:2px;color:#c49a62;font-size:11px;font-style:normal}.brand strong{display:block;font-size:21px;line-height:1.1;letter-spacing:0;font-weight:800;color:#314138}.brand strong span{font-size:9px;vertical-align:top;padding-left:2px}.brand small{font-family:Manrope,sans-serif;display:block;margin-top:3px;color:#969b87;letter-spacing:1px;font-size:8px;font-weight:700}.sidebar-section-label{margin:46px 8px 12px;color:#a0a298;font-size:11px;display:flex;justify-content:space-between;align-items:center}.sidebar-section-label span{color:#c5b178;font-size:14px}.desktop-nav{display:grid;gap:5px}.desktop-nav>button{height:45px;padding:0 12px;display:flex;gap:11px;align-items:center;border-radius:8px;background:transparent;text-align:left;color:#73796e;font-size:13px;transition:background .18s,color .18s}.desktop-nav>button:hover{background:#f5f5ec;color:var(--green)}.desktop-nav>button.active{background:#eaf0e2;color:var(--green-dark);font-weight:700}.desktop-nav>button>b{margin-left:auto;font-size:10px;min-width:20px;text-align:center;border-radius:10px;background:#f0f1e8;padding:3px 5px;color:#858878}.desktop-nav>button>b.mistake-count{background:#f6e8d9;color:#a77a4f}.nav-active-dot{width:6px;height:6px;margin-left:auto;border-radius:50%;background:#8fab77}.sidebar-grow{position:relative;overflow:hidden;margin:auto 0 17px;min-height:197px;padding:20px 14px;text-align:center;border:1px solid #e9ebdb;border-radius:9px;background:linear-gradient(145deg,#f3f5e9,#fbf6e9)}.grow-dots{color:#b2bb9e;font-size:13px}.grow-sprout{color:#8aa37b;margin-top:11px;position:relative;display:inline-flex}.grow-sprout>span{position:absolute;bottom:0;left:7px;right:7px;height:4px;border-radius:50%;background:#c5cfad}.sidebar-grow h3{margin:6px 0 5px;font-size:13px;color:#57654e}.sidebar-grow p{margin:0;color:#888c7a;line-height:1.7;font-size:10px}.grow-english{display:block;color:#a6a68f;font:700 8px Manrope,sans-serif;letter-spacing:.6px;margin-top:11px}.sidebar-bottom{display:grid;gap:2px}.sidebar-bottom>button{height:37px;display:flex;align-items:center;gap:10px;padding:0 9px;background:transparent;border-radius:7px;text-align:left;color:#777d72;font-size:12px}.sidebar-bottom>button:hover{background:#f4f5ee;color:var(--green)}.sidebar-bottom>button svg:last-child{margin-left:auto}.sidebar-version{display:flex;align-items:center;gap:7px;padding:12px 8px 0;color:#95998d;font-size:9px;border-top:1px solid #eeede5;margin-top:8px}.sidebar-version>span:last-child{margin-left:auto;color:#b1afa3}.green-dot,.gray-dot{width:7px;height:7px;flex:0 0 auto;background:#7dab78;border-radius:50%}.gray-dot{background:#c1c2b9}.main-shell{min-height:100vh;margin-left:248px}.topbar{height:58px;position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:0 35px;border-bottom:1px solid #eeede5;background:#fbfaf6f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-location,.topbar-right{display:flex;align-items:center;gap:12px}.topbar-location{color:#a0a092;font-size:11px}.topbar-location>svg{color:#b8b8aa}.topbar-location strong{color:#535c53;font-weight:600}.breadcrumb-home{display:flex;align-items:center;gap:6px}.breadcrumb-home svg{color:#7c9974}.topbar-right{gap:15px;color:#808477}.topbar-date{display:flex;align-items:center;gap:7px;font-size:11px}.topbar-date svg{color:#a39b6c}.topbar-divider{width:1px;height:21px;background:#e8e8de}.icon-button{width:34px;height:34px;display:inline-grid;flex:0 0 auto;place-items:center;border-radius:7px;color:#72796e;background:transparent;transition:background .18s,color .18s}.icon-button:hover{background:#f0f1e8;color:var(--green)}.icon-button:disabled{opacity:.4;cursor:not-allowed}.profile-button{position:relative;width:32px;height:32px;padding:0;border-radius:50%;color:#466448;background:#e5ecd9;font-size:13px;font-weight:700}.profile-button i{position:absolute;width:8px;height:8px;right:0;bottom:0;border:1.5px solid #fbfaf6;border-radius:50%;background:#8bae78}.mobile-menu-button,.mobile-bottom-nav{display:none}.main-content{width:min(100%,1310px);min-height:calc(100vh - 58px);padding:31px 38px 30px;margin:0 auto}.page-enter{animation:page-in .28s ease both}@keyframes page-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#89917e;font:700 9px Manrope,Noto Sans SC,sans-serif;letter-spacing:.7px}.page-intro>div>.eyebrow{margin-bottom:8px}.tiny-spark{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#63886d;background:#e9efdc}.page-intro h1{margin:0;color:#344038;font-size:27px;letter-spacing:0;line-height:1.36;font-weight:750}.page-intro p{margin:5px 0 0;color:#898d82;font-size:12px;line-height:1.8}.button{min-height:39px;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:0 15px;border-radius:7px;font-weight:600;font-size:12px;white-space:nowrap;transition:transform .16s,background .16s,box-shadow .16s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button.primary{color:#fff;background:var(--green);box-shadow:0 2px 5px #397b641b}.button.primary:hover:not(:disabled){background:var(--green-dark);box-shadow:0 4px 10px #397b6427}.button.primary:disabled{background:#aab6a8;box-shadow:none;color:#f7f8f4}.button.secondary{color:#576b58;background:#f1f2e9;border:1px solid #e8eadc}.button.secondary:hover:not(:disabled){background:#e9edde}.button-badge{padding:3px 7px;margin-right:-6px;background:#ffffff31;border-radius:20px;font-size:10px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 3px;background:transparent;color:var(--green);font-size:11px;font-weight:600;text-align:left}.text-button:hover:not(:disabled){color:var(--green-dark)}.text-button:disabled{opacity:.45;cursor:not-allowed}.text-button.muted{color:#828779;font-weight:500}.text-button.danger{color:#b46c57}.home-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:16px}.daily-hero{position:relative;min-height:291px;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;border:1px solid #e4e8d5;border-radius:8px;background:#f1f2e5}.daily-hero:before{content:"";position:absolute;width:310px;height:250px;border-radius:50%;background:#f7f3e35c;right:11%;bottom:-155px}.hero-copy{position:relative;z-index:1;padding:25px 0 17px 26px}.hero-eyebrow{display:flex;align-items:center;gap:7px;color:#87947b;font:700 8px Manrope,sans-serif;letter-spacing:.8px}.hero-eyebrow>span{width:7px;height:7px;border-radius:50%;background:#92a87b}.hero-copy h2{font-size:25px;line-height:1.55;color:#354539;font-weight:750;margin:12px 0 7px}.hero-copy h2>span{position:relative;color:#477e62}.hero-copy h2>span svg{position:absolute;width:100%;height:8px;left:0;bottom:-2px;color:#a3ba81}.hero-copy>p{color:#82877b;font-size:11px;line-height:1.8;margin:0 0 13px}.hero-button{background:#3c7960;color:#fff;min-height:36px;font-size:11px;padding:0 11px}.hero-button:hover{background:#2f684f}.hero-bottom{display:flex;align-items:center;gap:8px;margin-top:17px;color:#979886;font-size:9px}.mini-avatars{display:flex;padding-left:3px}.mini-avatars i{width:19px;height:19px;display:grid;place-items:center;margin-left:-3px;border:1px solid #f1f2e5;border-radius:50%;background:#e2e8d6;color:#67785c;font-size:8px;font-style:normal}.mini-avatars i:nth-child(2){color:#906f57;background:#efe0ce}.mini-avatars i:nth-child(3){color:#658775;background:#e6ecdd}.hero-illustration{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.hero-illustration .island-art{position:relative;z-index:1;display:block;width:min(100%,330px);height:auto;max-height:243px;margin-bottom:-2px}.art-caption{position:absolute;top:20px;right:10px;display:flex;gap:4px;align-items:center;color:#8d9277;font-size:8px}.art-caption svg{color:#c5a970}.island-coordinate{position:absolute;bottom:8px;right:15px;z-index:2;display:grid;gap:1px;text-align:right}.island-coordinate span{color:#8b987c;font:700 7px Manrope,sans-serif;letter-spacing:.5px}.island-coordinate i{color:#aaa98e;font-size:7px;font-style:normal}.hero-corner-star{position:absolute;right:18px;top:21px;font-size:16px;color:#c1ae77}.daily-goal{padding:18px 19px 13px;border:1px solid #e7e7da;border-radius:8px;background:#fffefa;box-shadow:var(--shadow-card)}.goal-heading{display:flex;justify-content:space-between;align-items:center;color:#959483;font:700 8px Manrope,sans-serif;letter-spacing:.4px}.goal-heading>svg{color:#bdaf7e}.goal-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#f2efdf;color:#9b956d}.daily-goal h3{margin:11px 0 3px;color:#465343;font-size:15px}.daily-goal>p{margin:0;color:#9b9b8c;font-size:10px}.goal-ring{position:relative;width:132px;height:132px;margin:4px auto 1px;display:grid;place-items:center}.goal-ring svg{width:100%;height:100%;overflow:visible}.goal-ring circle{transition:stroke-dasharray .45s ease}.goal-ring>div{position:absolute;display:grid;text-align:center;gap:4px}.goal-ring strong{color:#526246;font:700 26px Manrope,sans-serif}.goal-ring strong small{font-size:13px;color:#919585;font-weight:500}.goal-ring>div span{color:#96998c;font-size:9px}.goal-caption{display:flex;justify-content:center;border-top:1px solid #f0efe7;padding-top:10px;color:#818a73;font-size:9px}.goal-caption span{display:flex;align-items:center;gap:5px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:16px 0 28px}.stat-card{min-height:79px;position:relative;display:flex;align-items:center;gap:11px;padding:12px 13px;text-align:left;background:#fffefa;border:1px solid #eae9df;border-radius:7px;box-shadow:0 1px 5px #4b4b2b06}button.stat-card{width:100%;transition:transform .16s,border-color .16s}.stat-clickable:hover{transform:translateY(-2px);border-color:#e4ddca}.stat-icon{width:39px;height:39px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px}.stat-icon.mint{color:#558775;background:#eaf1e5}.stat-icon.lavender{color:#8181a3;background:#eeebf3}.stat-icon.peach{color:#b1845b;background:#f5ebe0}.stat-card>div>span{display:block;color:#888a7e;font-size:10px}.stat-card>div>p{margin:2px 0 0;display:flex;align-items:baseline;gap:5px}.stat-card>div strong{font:700 21px Manrope,sans-serif;color:#435143}.stat-card>div small{color:#a0a093;font-size:9px}.stat-caption{align-self:flex-end;margin-left:auto;white-space:nowrap;color:#a2a293;font-size:8px}.stat-clickable>.stat-caption{display:flex;align-items:center;gap:3px;color:#8b917c}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:0 0 13px}.section-heading h2{margin:0;color:#404a40;font-size:16px}.section-heading p{color:#97978b;font-size:10px;margin:4px 0 0}.unit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.unit-card{min-width:0;overflow:hidden;border:1px solid #e7e7dd;border-radius:7px;background:#fffefa;transition:transform .18s,border-color .18s,box-shadow .18s}.unit-card:hover{transform:translateY(-2px);box-shadow:0 5px 16px #39432b12;border-color:#dcded0}.unit-card-main{width:100%;min-height:139px;display:block;padding:12px 12px 8px;text-align:left;background:transparent}.unit-card-top{display:flex;justify-content:space-between;align-items:center}.unit-book{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#60836d;background:#edf1e4}.unit-card.peach .unit-book{color:#ae8460;background:#f5ede0}.unit-card.lavender .unit-book{color:#867d9b;background:#efecf4}.unit-card.blue .unit-book{color:#6b8790;background:#eaf0ef}.source-tag{padding:3px 6px;color:#929688;background:#f1f2e9;border-radius:4px;font-size:8px}.unit-card h3{margin:8px 0 2px;font-size:14px;color:#485346}.unit-subtitle{margin:0;min-height:17px;color:#939387;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.word-preview{margin-top:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:9px;color:#9c9f8f}.unit-card-footer{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:7px 10px 7px 12px;border-top:1px solid #f0efe8}.unit-card-footer>div{display:grid;grid-template-columns:auto auto;align-items:baseline}.unit-card-footer>div strong{font:700 15px Manrope,sans-serif;color:#4d6652}.unit-card-footer>div>span{color:#8f9286;font-size:8px}.unit-card-footer>div small{grid-column:1/3;margin-top:1px;color:#a1a293;font-size:8px}.round-button{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#527960;background:#edf1e4;transition:background .16s,color .16s}.round-button:hover{color:#fff;background:#628c70}.discovery-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.discovery-card{min-height:64px;display:flex;align-items:center;gap:10px;padding:9px 12px;text-align:left;border:1px solid #e9e8df;border-radius:7px;background:#fffefa;transition:border .16s,transform .16s}.discovery-card:hover{transform:translateY(-1px);border-color:#d6decc}.discovery-card>svg{margin-left:auto;color:#8b997d;flex:0 0 auto}.discovery-icon{position:relative;width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;color:#608470;background:#edf1e6}.review-discovery .discovery-icon{color:#987c59;background:#f4ede0}.discovery-icon>i{position:absolute;right:1px;top:0;font-size:15px;color:#bc9c65;font-style:normal}.discovery-card>span:nth-child(2){min-width:0;display:grid;gap:3px}.discovery-card strong{color:#56604f;font-size:10px}.discovery-card small{color:#99998c;font-size:8px}.record-list{display:grid;gap:1px;overflow:hidden;border:1px solid #e9e8df;border-radius:7px;background:#e9e8df}.record-list>div{min-height:53px;display:flex;align-items:center;gap:10px;padding:8px 13px;background:#fffefa}.record-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#eff1e6;color:#66816c}.record-list>div>div{display:grid;gap:3px}.record-list>div strong{color:#576252;font-size:10px}.record-list>div small{color:#a0a093;font-size:8px}.record-list>div>span:nth-last-child(2){margin-left:auto;font-size:9px;color:#878c7d}.record-list>div>b{color:#708663;font-size:9px}.page-footer{display:flex;align-items:center;gap:7px;margin-top:25px;color:#9a9b89;font-size:9px}.page-footer svg{color:#a4ae8d}.page-footer span{margin-left:auto;font:700 8px Manrope,sans-serif;letter-spacing:.5px;color:#b4b4a3}.inline-actions{display:flex;align-items:center;gap:8px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px;border:1px solid #e9e8df;border-radius:7px;background:#fffefa}.filter-tabs{display:flex;align-items:center;gap:3px}.filter-tabs button{min-height:32px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border-radius:6px;background:transparent;color:#85877c;font-size:10px;white-space:nowrap}.filter-tabs button:hover{background:#f6f5ee}.filter-tabs button.active{color:#466f57;background:#ebf0e5;font-weight:700}.filter-tabs button span{min-width:18px;padding:2px 4px;border-radius:10px;text-align:center;font-size:8px;background:#e4eadc}.search-and-sort{display:flex;gap:6px}.search-input{min-width:190px;height:34px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid #eae9e0;border-radius:6px;background:#fffefa;color:#989a8f}.search-input:focus-within{border-color:#aabca1}.search-input input{width:100%;min-width:0;border:0;outline:none;background:transparent;font-size:10px}.search-input input::placeholder{color:#aaab9f}.search-input .icon-button{width:23px;height:23px}.sort-button{border:1px solid #eae9e0}.sort-button.active{background:#ebf0e5;color:#466f57}.library-result-line{display:flex;justify-content:space-between;align-items:center;margin:12px 1px;color:#96978c;font-size:9px}.library-unit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.library-unit-grid .unit-card-main{min-height:152px;padding:16px 15px 11px}.library-unit-grid .unit-card h3{margin-top:13px;font-size:16px}.library-unit-grid .unit-subtitle{font-size:10px}.library-unit-grid .word-preview{margin-top:12px;font-size:10px}.library-unit-grid .unit-card-footer{min-height:54px;padding:8px 14px}.library-unit-grid .round-button{width:35px;height:35px}.add-unit-card{min-height:202px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed #d8dccc;border-radius:7px;background:#faf9f3;color:#798873;transition:background .16s,border-color .16s}.add-unit-card:hover{background:#f2f4e9;border-color:#aab89c}.add-unit-card>span{width:47px;height:47px;display:grid;place-items:center;border-radius:50%;background:#ecf0e4}.add-unit-card strong{font-size:11px}.add-unit-card small{font-size:9px;color:#a0a092}.library-bottom-tip{display:flex;gap:10px;align-items:center;margin-top:20px;padding:10px 12px;border:1px solid #eae8dc;border-radius:6px;background:#f7f5eb}.library-bottom-tip>span{color:#ac9a68}.library-bottom-tip p{margin:0;color:#929182;font-size:9px;line-height:1.7}.library-bottom-tip p strong{margin-right:6px;color:#777864}.setup-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:15px;align-items:start}.setup-unit-panel,.setup-config-panel{min-width:0;border:1px solid #e7e7dc;border-radius:7px;background:#fffefa;box-shadow:var(--shadow-card)}.setup-unit-panel{padding:17px}.setup-config-panel{padding:17px 17px 14px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.panel-heading h2{margin:0;display:flex;align-items:center;gap:8px;color:#475247;font-size:14px}.panel-heading h2>span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#edf1e5;color:#64816a;font:700 10px Manrope,sans-serif}.unit-selection-list{display:grid;gap:7px;max-height:428px;overflow-y:auto;overscroll-behavior:contain;padding-right:2px}.unit-option{min-height:64px;position:relative;display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid #edede5;border-radius:6px;cursor:pointer;transition:background .15s,border .15s}.unit-option:hover{border-color:#dce2d3;background:#fcfcf7}.unit-option.selected{border-color:#b8c9ac;background:#f6f8ef}.unit-option>input{position:absolute;opacity:0;width:1px;height:1px}.selection-book{width:37px;height:37px;flex:0 0 auto;display:grid;place-items:center;border-radius:8px;color:#64866e;background:#eaf0e4}.selection-book.peach{color:#ab835e;background:#f4ebe1}.selection-book.lavender{color:#897e9c;background:#eeebf3}.selection-book.blue{color:#6d8990;background:#e8eeee}.unit-option-text{min-width:0;display:grid;gap:4px}.unit-option-text strong{color:#4d594d;font-size:11px}.unit-option-text small{color:#999a8d;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-option-count{margin-left:auto;color:#909487;font-size:9px;white-space:nowrap}.custom-checkbox{width:18px;height:18px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #dcdfd3;border-radius:5px;color:#fff;background:#fff}.selected .custom-checkbox{border-color:#659375;background:#659375}.selected-total{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 1px 0;margin-top:10px;border-top:1px solid #eeede6;color:#818676;font-size:10px}.selected-total span{display:inline-flex;align-items:center;gap:5px}.selected-total svg{color:#668a6b}.selected-total strong{color:#4d7657;font-size:14px}.selected-total small{color:#a0a092;font-size:8px}.config-body{display:grid;gap:15px}.config-field>label,.field-label{display:grid;gap:6px;color:#70786b;font-size:10px;font-weight:600}.language-options{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.language-options button{min-height:68px;position:relative;display:grid;grid-template-columns:33px 1fr 17px;grid-template-rows:auto auto;align-items:center;gap:2px 7px;padding:9px;text-align:left;border:1px solid #e9e9e1;border-radius:6px;background:#fffefa}.language-options button.active{border-color:#aebe9f;background:#f5f7ef}.language-options button>span{width:30px;height:30px;display:grid;grid-row:1/3;place-items:center;border-radius:8px;background:#f2f1e8;color:#8d927e;font-size:12px;font-weight:700}.language-options button.active>span{color:#52745c;background:#e6eddf}.language-options button>strong{color:#525b50;font-size:9px;white-space:nowrap}.language-options button>small{color:#9b9d91;font-size:8px;white-space:nowrap}.language-options button>svg{grid-column:3;grid-row:1;color:#689170}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;margin-top:7px;border-radius:6px;background:#f2f2e9}.segmented button{min-height:31px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:5px;background:transparent;color:#888c7e;font-size:9px}.segmented button.active{color:#52715a;background:#fff;box-shadow:0 1px 4px #44462512;font-weight:600}.config-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.field-input{width:100%;min-width:0;min-height:36px;padding:0 9px;border:1px solid #e8e8de;border-radius:5px;background:#fff;outline:none;font-size:10px;font-weight:400}.field-input:focus{border-color:#94af91}.field-input::placeholder{color:#aaa99e}.voice-config{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #e9e9df;border-radius:6px;background:#fbfaf5}.voice-config-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#edf1e6;color:#62816b}.voice-config>div{min-width:0}.voice-config>div strong{display:block;color:#55604f;font-size:9px}.voice-config>div p{margin:3px 0 0;color:#98998e;font-size:8px;line-height:1.5}.switch{width:36px;height:21px;margin-left:auto;padding:2px;flex:0 0 auto;border-radius:20px;background:#d8d9ce;transition:background .16s}.switch>span{width:17px;height:17px;display:block;border-radius:50%;background:#fff;box-shadow:0 1px 2px #3332;transition:transform .16s}.switch.on{background:#719877}.switch.on>span{transform:translate(15px)}.switch:disabled{opacity:.5}.small-note{display:flex;align-items:flex-start;gap:5px;color:#9a9b8f;font-size:8px;line-height:1.6;margin:0}.small-note svg{flex:0 0 auto}.start-session{width:100%;min-height:42px;justify-content:flex-start;padding:0 12px}.start-session>span{margin-left:auto;padding:3px 7px;border-radius:10px;color:#ffffffd9;background:#ffffff25;font-size:9px}.start-session>svg:last-child{margin-left:1px}.setup-bottom-note{display:flex;align-items:center;gap:8px;margin-top:16px;color:#98998b}.setup-bottom-note>svg{color:#b29d6f}.setup-bottom-note p{margin:0;font-size:9px}.setup-bottom-note>span{margin-left:auto;color:#b0b09f;font:700 8px Manrope,sans-serif;letter-spacing:.6px}.quick-review-card{display:flex;min-height:310px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.quick-review-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;color:#768b69;background:#ecf0e3}.quick-review-card h3{margin:12px 0 5px;color:#4f5a4c;font-size:15px}.quick-review-card>p{color:#95978b;font-size:10px;line-height:1.8}.review-word-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;max-width:420px;margin:10px 0 13px}.review-word-chips span{padding:5px 8px;border:1px solid #e7e9de;border-radius:5px;background:#fafaf5;color:#65725c;font-size:9px}.session-view{max-width:1030px;margin:0 auto}.session-top{display:flex;align-items:center;justify-content:space-between}.session-label{display:flex;align-items:center;gap:7px;color:#737c6e;font-size:10px}.pulse{box-shadow:0 0 0 4px #7dab7827}.session-progress{height:3px;overflow:hidden;margin-top:8px;border-radius:4px;background:#e9ebdf}.session-progress>div{height:100%;border-radius:inherit;background:#73a07a;transition:width .35s}.session-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;align-items:start;gap:19px;margin-top:15px}.question-card{min-height:540px;position:relative;display:flex;flex-direction:column;align-items:center;padding:16px 25px 15px;border:1px solid #e8e8dc;border-radius:8px;background:#fffefa;box-shadow:var(--shadow-card)}.question-card-top{width:100%;display:flex;justify-content:space-between;align-items:center;color:#9a9b90;font-size:9px}.question-card-top strong{color:#59664e;font:700 13px Manrope,sans-serif}.pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:20px;color:#78866f;background:#eff1e8;font-size:8px}.mint-pill{color:#52775b;background:#edf2e7}.sound-orb{width:119px;height:119px;position:relative;display:grid;place-items:center;margin-top:34px;border:1px solid #dfe8d7;border-radius:50%;color:#65856b;background:#f0f3e8}.sound-orb>svg{position:relative;z-index:2}.orb-ring{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px dashed #cedbc6;border-radius:50%;animation:spin 32s linear infinite}.orb-spark{position:absolute;right:2px;top:14px;color:#bba671;font-size:16px}.sound-orb.paused .orb-ring{animation-play-state:paused}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.question-card>.eyebrow{margin-top:18px;color:#a2a38f;font-size:8px}.question-card>h2{margin:9px 0 4px;color:#455346;font-size:19px}.question-description{margin:0;color:#99998c;font-size:10px}.audio-wave{height:36px;display:flex;align-items:center;gap:3px;margin-top:17px;color:#7fa07b}.audio-wave i{width:3px;height:var(--bar-height);border-radius:4px;background:currentColor;opacity:.68;animation:wave 1.1s ease-in-out infinite alternate}.audio-wave.paused i{animation-play-state:paused}.audio-wave i:nth-child(5n+1){color:#b1a077}.audio-wave i:nth-child(3n+1){animation-duration:.8s}@keyframes wave{to{transform:scaleY(.38);opacity:.42}}.voice-status{min-height:30px;display:flex;align-items:center;gap:6px;color:#638069;font-size:9px}.voice-status svg{color:#789570}.voice-error{max-width:410px;margin:4px 0;padding:7px 10px;color:#886e54;background:#f7f0e4;border-radius:5px;font-size:9px;text-align:center}.hint-button{min-height:28px;display:flex;align-items:center;gap:6px;margin-top:1px;padding:0 10px;border:1px dashed #e4e4d9;border-radius:5px;background:#fbfaf5;color:#9b9989;font-size:9px}.hint-button.revealed{border-color:#cbd8c3;color:#557458;background:#f2f5eb}.question-actions{display:flex;gap:8px;margin-top:auto;padding-top:16px}.question-actions .button{min-width:126px}.next-button{min-width:155px!important}.pause-button{margin-top:8px}.session-aside{display:grid;gap:12px}.note-card{padding:14px;border:1px solid #e9e7dc;border-radius:7px;background:#f8f6ed}.note-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eeeada;color:#9b9167}.note-card>h3{margin:9px 0 5px;color:#59604d;font-size:12px}.note-card>p{margin:0;color:#949383;font-size:9px;line-height:1.9}.voice-command-list{padding-top:11px;margin-top:11px;border-top:1px solid #e9e5d7}.voice-command-list>span{color:#a09c85;font-size:8px}.voice-command-list>div{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.voice-command-list b{padding:4px 7px;border-radius:4px;color:#647253;background:#ecefdf;font-size:8px;font-weight:500}.session-settings{padding:12px;border:1px solid #e9e8df;border-radius:7px;background:#fffefa}.session-settings h3{margin:0 0 11px;display:flex;align-items:center;gap:6px;color:#596252;font-size:10px}.session-settings p{display:flex;justify-content:space-between;gap:5px;margin:0;padding:7px 0;border-top:1px solid #f0efe8;color:#99998d;font-size:8px}.session-settings p strong{color:#65715d;font-weight:600;text-align:right}.voice-toggle{width:100%;min-height:33px;display:flex;align-items:center;gap:6px;margin-top:5px;padding:0 7px;border-radius:5px;background:#f3f3eb;color:#868a7c;font-size:9px}.voice-toggle.enabled{color:#537c5f;background:#eef2e6}.voice-toggle:disabled{cursor:not-allowed;opacity:.55}.voice-toggle>i{width:6px;height:6px;margin-left:auto;border-radius:50%;background:#d0d0c5}.voice-toggle.enabled>i{background:#83a77b}.voice-toggle>b{font-weight:600}.session-aside>.small-note{line-height:1.8}.finish-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:15px;max-width:830px;margin:20px auto}.grade-upload-card{display:flex;flex-direction:column;align-items:center;min-height:466px;padding:22px;border:1px solid #e8e8dd;border-radius:8px;background:#fffefa;box-shadow:var(--shadow-card);text-align:center}.completion-icon{width:64px;height:64px;position:relative;display:grid;place-items:center;border-radius:18px;color:#5d8c70;background:#eaf0e3}.completion-icon>span{width:21px;height:21px;position:absolute;right:-3px;bottom:-1px;display:grid;place-items:center;border:2px solid white;border-radius:50%;background:#719b75;color:#fff}.grade-upload-card h2{margin:10px 0 4px;font-size:17px;color:#4c584c}.grade-upload-card>p{margin:0;color:#96968a;font-size:10px}.paper-demo{width:min(100%,260px);padding:12px 15px 9px;margin:14px auto 10px;transform:rotate(-.5deg);border:1px solid #e9e5d8;border-radius:3px;background:repeating-linear-gradient(#fffefa,#fffefa 25px,#ecebe2,#fffefa 27px);box-shadow:0 4px 9px #4d462309;text-align:left}.paper-demo>span{display:block;color:#9b9a8b;text-align:center;font:700 7px Manrope,sans-serif;letter-spacing:1px}.paper-demo>div{height:26px;display:flex;align-items:center;gap:9px;padding-left:4px;font-family:Georgia,serif}.paper-demo>div b{color:#a6a797;font-size:10px;font-weight:400}.paper-demo>div i{color:#67806d;font-size:13px;font-style:normal}.paper-demo>div svg{margin-left:auto;color:#739978}.paper-demo>div .paper-star{margin-left:auto;color:#b3935c}.paper-demo>small{display:block;padding-top:5px;color:#99998b;text-align:center;font:8px Noto Sans SC,sans-serif}.grade-upload-card .upload-actions{margin-top:5px}.grade-upload-card .manual-entry{margin-top:7px}.grade-tips{align-self:start;padding:16px}.grade-tips>.eyebrow{color:#a39e82}.grade-tips>h3{margin:9px 0 12px}.grade-tips>div:not(.privacy-note){display:flex;gap:9px;align-items:flex-start;padding:10px 0;border-top:1px solid #ece9dc}.grade-tips>div:not(.privacy-note)>span{width:23px;height:23px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;background:#efefdf;color:#758368;font:700 9px Manrope,sans-serif}.grade-tips>div>p{margin:1px 0 0;color:#868576;font-size:9px;line-height:1.8}.privacy-note{display:flex;gap:9px;align-items:center;margin-top:9px;padding:10px;border:1px solid #e8eadf;border-radius:5px;background:#f3f4eb;color:#789074}.privacy-note p{color:#878b7a!important;font-size:8px!important}.processing-status{margin-top:16px;color:#719176}.processing-status h3{margin:7px 0 3px;color:#657763;font-size:12px}.processing-status p{margin:0;color:#99998c;font-size:9px}.grading-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:13px;align-items:start}.grading-layout.no-photo{grid-template-columns:1fr}.grading-source,.grading-table-card{min-width:0;overflow:hidden;border:1px solid #e8e7dd;border-radius:7px;background:#fffefa}.grading-source{padding:11px}.grading-source h3{display:flex;align-items:center;gap:6px;margin:0 0 9px;font-size:10px;color:#68725e}.grading-source>a{display:block;max-height:490px;overflow:auto;background:#f6f5ed}.grading-source img{display:block;width:100%;height:auto}.grading-source p{margin:8px 0 2px;color:#9b9b90;font-size:8px}.grading-source .text-button{font-size:9px}.grading-summary{min-height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #eeede6}.grading-summary>strong{color:#576150;font-size:10px}.grading-summary>span{display:inline-flex;align-items:center;gap:5px;color:#96978a;font-size:8px}.uncertain-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#d5a454;vertical-align:middle}.grading-table-scroll,.word-table-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain}.grading-table,.word-table{width:100%;border-collapse:collapse;text-align:left}.grading-table th,.word-table th{height:32px;padding:0 9px;border-bottom:1px solid #efeee7;background:#faf9f3;color:#929387;font-size:8px;font-weight:600;white-space:nowrap}.grading-table td{height:49px;padding:5px 9px;border-bottom:1px solid #f0efe9;color:#777b70;font-size:9px}.grading-table tr:last-child td{border-bottom:0}.grading-table td:first-child{width:44px;color:#9e9e91}.grading-table td:nth-child(2){min-width:110px}.grading-table td:nth-child(2) strong{display:block;color:#495749;font:700 11px Manrope,Noto Sans SC,sans-serif}.grading-table td:nth-child(2) small{display:block;margin-top:2px;color:#a0a093;font-size:8px}.grading-table td:nth-child(3){min-width:130px}.grading-table td input{width:100%;height:31px;padding:0 7px;border:1px solid #e6e6dc;border-radius:4px;background:#fff;outline:none;font-size:10px}.grading-table td input:focus{border-color:#8faa91}.grading-table td input.uncertain-input{border-color:#e1c590;background:#fffbf0}.grade-correct,.grade-incorrect{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;font-size:8px}.grade-correct{color:#66866a}.grade-incorrect{color:#b27e5b}.grade-save-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;padding:11px 13px;border:1px solid #e8e8dd;border-radius:6px;background:#f7f7ef}.grade-save-bar>div strong{color:#586351;font-size:10px}.grade-save-bar>div p{margin:3px 0 0;color:#96968a;font-size:8px}.validation-note{color:#aa8159;font-size:9px}.result-page{max-width:620px;position:relative;overflow:hidden;margin:17px auto;padding:30px 22px 20px;text-align:center}.result-confetti{position:absolute;inset:11px 0 auto;color:#b99f69;font-size:20px;opacity:.6;pointer-events:none}.result-confetti>span{margin:0 48px;color:#8baa81;font-size:16px}.result-page>.eyebrow{color:#89917c}.result-page>h1{margin:12px 0 5px;color:#455247;font-size:23px}.result-page>p{margin:0 0 18px;color:#96978b;font-size:10px}.result-card{padding:18px;border:1px solid #e7e8dc;border-radius:8px;background:#fffefa;box-shadow:var(--shadow-card)}.result-score{position:relative;width:135px;height:135px;margin:0 auto 13px}.result-score>svg{width:100%;height:100%}.result-score>div{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px}.result-score strong{color:#4f7055;font:700 28px Manrope,sans-serif}.result-score strong small{font-size:14px}.result-score>div span{color:#96978b;font-size:8px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:14px 0;border-top:1px solid #eeede6;border-bottom:1px solid #eeede6}.result-stats>div{display:grid;justify-items:center;gap:4px;border-right:1px solid #eeede6}.result-stats>div:last-child{border:0}.result-stats svg{color:#7a9674}.result-stats strong{color:#56624e;font:700 15px Manrope,Noto Sans SC,sans-serif}.result-stats span{color:#9a9b8e;font-size:8px}.result-note{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:13px;color:#768365;font-size:9px}.result-note svg{color:#b09c68}.result-actions{display:flex;justify-content:center;gap:8px;margin-top:17px}.mistake-banner{min-height:104px;display:flex;align-items:center;gap:16px;margin:4px 0 16px;padding:13px 20px;border:1px solid #e8e6d7;border-radius:7px;background:#f3f2e7}.mistake-banner-art{width:65px;height:65px;position:relative;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#718e67;background:#e7ebd9}.mistake-banner-art>span{position:absolute;top:3px;right:12px;color:#b29c67;font-size:14px}.mistake-banner>div:nth-child(2){min-width:0}.mistake-banner h2{margin:0 0 5px;color:#505a48;font-size:14px}.mistake-banner p{max-width:520px;margin:0;color:#919181;font-size:9px;line-height:1.8}.mistake-mini-stats{display:flex;align-items:center;gap:14px;margin-left:auto;flex:0 0 auto}.mistake-mini-stats span{display:grid;gap:2px;text-align:center;color:#909181;font-size:8px}.mistake-mini-stats strong{color:#59684d;font:700 20px Manrope,sans-serif}.mistake-mini-stats>i{width:1px;height:28px;background:#dedfcf}.mistake-selection-bar{display:flex;align-items:center;justify-content:space-between;padding:9px 3px;color:#8d8f83;font-size:9px}.mistake-selection-bar>label{display:flex;align-items:center;gap:6px;cursor:pointer}.mistake-selection-bar input,.mistake-checkbox input{width:15px;height:15px;accent-color:#61896c;cursor:pointer}.mistake-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.mistake-card{min-width:0;padding:11px;border:1px solid #e9e8df;border-radius:7px;background:#fffefa}.mistake-card>header{display:flex;align-items:center;gap:5px}.mistake-card>header>.pill{max-width:130px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mistake-card>header>.icon-button{margin-left:auto;width:29px;height:29px}.mistake-checkbox{width:18px;height:21px;display:grid;place-items:center}.mistake-card>h3{margin:10px 0 1px;color:#465547;font:700 20px Manrope,Noto Sans SC,sans-serif;overflow-wrap:anywhere}.mistake-phonetic{color:#9b9b8e;font-size:9px}.mistake-card>p{margin:8px 0;min-height:19px;color:#737a6e;font-size:10px}.previous-answer{display:flex;gap:8px;align-items:center;padding:6px 8px;border-radius:5px;background:#f5f3eb}.previous-answer>span{color:#9a9889;font-size:8px}.previous-answer>s{color:#b27d61;font-size:9px;text-decoration-thickness:1px}.mistake-card>footer{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:8px;color:#9a9b90;font-size:8px}.mistake-card>footer .text-button{flex:0 0 auto;font-size:9px}.empty-state{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;border:1px dashed #e1e3d6;border-radius:7px;background:#fffefa}.empty-art{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;color:#7b9375;background:#eef1e5}.empty-art .island-art{width:100px;max-width:unset}.island-art.small{display:block;width:100px}.empty-state h3{margin:13px 0 4px;color:#55604f;font-size:14px}.empty-state p{max-width:390px;margin:0 0 13px;color:#97988c;font-size:10px;line-height:1.8}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:18px;background:#25342fa1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .18s ease}.modal{width:min(100%,535px);max-height:min(89dvh,840px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #e5e5d9;border-radius:9px;background:#fffefa;box-shadow:0 18px 70px #14241d38;animation:modal-in .2s ease}.modal-wide{width:min(100%,920px)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:.6;transform:translateY(5px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid #efeee6}.modal-header h2{margin:0;color:#465347;font-size:16px}.modal-header p{margin:3px 0 0;color:#9b9b8d;font-size:9px}.modal-body{min-height:0;overflow:auto;padding:15px 18px;overscroll-behavior:contain}.modal-footer{min-height:53px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 16px;border-top:1px solid #efeee6;background:#fffefa}.modal-footer>.button{margin-left:auto}.privacy-caption{display:flex;align-items:center;gap:7px;margin:0;color:#929587;font-size:9px}.privacy-caption .green-dot{width:6px;height:6px}.upload-zone{min-height:204px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #cfd8c6;border-radius:7px;background:#f8f8f1;transition:background .16s,border .16s}.upload-zone.dragging{border-color:#6e9878;background:#f0f4e8}.upload-zone.busy{padding:12px}.upload-icon{width:51px;height:51px;position:relative;display:grid;place-items:center;color:#5c856c;border-radius:15px;background:#e8eee0}.upload-spark{position:absolute;top:5px;right:4px;color:#b29862}.upload-zone h3{display:flex;align-items:center;gap:7px;margin:9px 0 4px;color:#586450;font-size:13px}.upload-zone>p{margin:0;color:#9a9b8d;font-size:9px}.upload-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:12px}.upload-actions .button{min-height:35px}.scan-preview{width:102px;height:97px;position:relative;overflow:hidden;border:3px solid white;border-radius:5px;background:#eee;box-shadow:0 2px 10px #3332}.scan-preview img{width:100%;height:100%;display:block;object-fit:cover}.scan-beam{position:absolute;top:0;right:0;bottom:0;left:0;height:3px;background:#72a783;box-shadow:0 0 14px 3px #72a78399;animation:scan-line 1.8s ease-in-out infinite alternate}@keyframes scan-line{to{transform:translateY(86px)}}.sample-heading{display:flex;align-items:center;gap:8px;margin:14px 0 8px;color:#878a7d;font-size:9px}.sample-heading>span:last-child{padding:3px 6px;border-radius:4px;background:#f2efe2;color:#9c926a;font-size:8px}.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sample-card{min-width:0;height:76px;display:flex;align-items:center;gap:9px;padding:7px;border:1px solid #e8e8df;border-radius:6px;text-align:left;background:#fffefa;transition:border .16s,transform .16s}.sample-card:hover{border-color:#bdcdb4;transform:translateY(-1px)}.sample-card img{width:45px;height:60px;flex:0 0 auto;object-fit:cover;object-position:top;border:1px solid #efeee5;border-radius:3px}.sample-card>div{min-width:0;display:grid;gap:4px}.sample-card strong{color:#59614f;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sample-card span{color:#9b9b8c;font-size:8px}.sample-card>svg{flex:0 0 auto;margin-left:auto;color:#8d9b7e}.manual-entry{display:flex;margin:9px auto 0}.error-note{margin-top:9px;padding:9px 10px;border:1px solid #ebdfcb;border-radius:5px;background:#fbf5e9;color:#8d765e;font-size:9px;line-height:1.7}.error-note p{margin:0 0 3px}.review-layout{min-height:230px;display:grid;grid-template-columns:174px minmax(0,1fr);gap:14px}.review-layout:not(:has(.source-image)){grid-template-columns:1fr}.source-image{min-width:0}.source-image>div{display:flex;align-items:center;gap:5px;margin-bottom:6px;color:#838675;font-size:9px}.source-image>img{display:block;width:100%;max-height:300px;object-fit:contain;object-position:top;border:1px solid #e8e7dc;background:#f5f4ec}.source-image>p{margin:5px 0;color:#99998d;font-size:8px;line-height:1.6}.source-image .text-button{font-size:8px}.review-editor{min-width:0}.unit-tabs{min-height:35px;display:flex;overflow-x:auto;gap:4px;margin-bottom:8px;padding:0 0 3px}.unit-tabs button{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;padding:0 9px;border-radius:5px;background:#f5f4ec;color:#818578;font-size:9px}.unit-tabs button.active{color:#4c7055;background:#eaf0e3;font-weight:600}.unit-tabs button>span{color:#9ba08d;font-size:8px}.unit-tabs button:last-child{width:30px;justify-content:center}.review-unit-heading{display:flex;align-items:flex-end;gap:8px;margin-bottom:9px}.review-unit-heading>label{flex:1}.word-editor{min-width:0}.word-table{min-width:585px}.word-table th{height:29px;padding:0 6px;font-size:8px}.word-table td{height:39px;padding:3px 5px;border-bottom:1px solid #f0efe9;color:#929488;font-size:8px}.word-table tbody tr:last-child td{border-bottom:0}.word-table td:first-child{width:35px;white-space:nowrap}.word-table td:nth-child(2){width:23%}.word-table td:nth-child(3){width:24%}.word-table td:nth-child(4){width:13%}.word-table input{width:100%;min-width:25px;height:29px;padding:0 6px;outline:none;border:1px solid #e9e8df;border-radius:4px;background:#fff;font-size:9px}.word-table input:focus{border-color:#9ab096}.word-table input::placeholder{color:#b3b2a6}.uncertain-row td:first-child{color:#bd9458}.add-word{margin-top:5px;font-size:9px}.footer-actions{display:flex;align-items:center;gap:7px;margin-left:auto}.footer-actions .button{margin:0}.danger-hover:hover{color:#b86f58;background:#f9eeea}.unit-title-fields{display:grid;grid-template-columns:.8fr 1.2fr;gap:9px;margin-bottom:12px}.unit-title-fields .field-input{margin-top:1px}.validation-note{margin:7px 0 0}.help-steps{display:grid;gap:16px}.help-steps>div{display:flex;gap:12px;align-items:flex-start}.help-steps>div>span{width:31px;height:31px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;color:#69846a;background:#edf1e5;font:700 10px Manrope,sans-serif}.help-steps h3{margin:1px 0 4px;color:#53604f;font-size:11px}.help-steps p{margin:0;color:#93958b;font-size:9px;line-height:1.8}.info-note{display:flex;align-items:flex-start;gap:8px;margin-top:17px;padding:10px;border:1px solid #e9e8de;border-radius:6px;background:#f8f7f0;color:#859079}.info-note svg{flex:0 0 auto}.info-note p{margin:0;color:#8d8f82;font-size:8px;line-height:1.8}.settings-block{margin-top:14px;padding:11px;border:1px solid #e9e9df;border-radius:6px;background:#fbfaf5}.settings-block h3{display:flex;gap:7px;align-items:center;margin:0 0 6px;color:#606b57;font-size:10px}.settings-block h3 svg{color:#7c9273}.settings-block p{margin:4px 0;color:#919286;font-size:8px;line-height:1.8}.settings-block .success-text{color:#658468}.settings-block .small-button{min-height:31px;margin-top:5px;font-size:9px}.toast{position:fixed;z-index:150;left:50%;bottom:23px;display:flex;align-items:center;gap:8px;max-width:min(90vw,530px);padding:10px 12px;transform:translate(-50%);border:1px solid #d9e2d2;border-radius:7px;background:#fffefa;box-shadow:0 7px 25px #303d2d23;color:#62775d;font-size:10px;animation:page-in .2s ease}.toast>svg{flex:0 0 auto}.toast button{width:23px;height:23px;display:grid;place-items:center;flex:0 0 auto;margin-left:3px;border-radius:4px;background:transparent;color:#8b9184}.toast button:hover{background:#f1f1e9}.sidebar-scrim{display:none}.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}@media(min-width:761px)and (max-width:1100px){.sidebar{width:208px;padding:20px 12px 14px}.main-shell{margin-left:208px}.topbar{padding:0 23px}.main-content{padding:25px 24px 28px}.home-hero-grid{grid-template-columns:minmax(0,1fr) 235px;gap:12px}.daily-hero{min-height:260px}.hero-copy{padding-left:19px}.hero-copy h2{font-size:22px}.hero-illustration .island-art{max-height:214px}.daily-goal{padding:15px 14px 12px}.goal-ring{width:119px;height:119px}.goal-heading{font-size:7px}.unit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-unit-grid .unit-card:nth-child(4){display:none}.stat-caption{font-size:7px}.stat-card{gap:8px;padding:10px}.stat-icon{width:35px;height:35px}.setup-layout{gap:11px}.setup-unit-panel,.setup-config-panel{padding:13px}.unit-option{gap:7px;padding:8px}.language-options button{grid-template-columns:27px 1fr 15px;gap:2px 5px;padding:6px}.language-options button>span{width:26px;height:28px}.language-options button>strong{font-size:8px}.language-options button>small{font-size:7px}.mistake-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:761px)and (max-width:900px){.sidebar{width:190px}.main-shell{margin-left:190px}.sidebar-section-label{margin-top:33px}.main-content{padding:22px 19px 26px}.topbar{padding:0 17px}.home-hero-grid{grid-template-columns:minmax(0,1fr) 197px;gap:9px}.daily-hero{min-height:226px;grid-template-columns:1.08fr .92fr}.hero-copy{padding:18px 0 13px 14px}.hero-copy h2{font-size:19px;margin-top:10px}.hero-copy>p{font-size:9px}.hero-bottom{margin-top:12px}.hero-illustration .island-art{max-height:180px}.daily-goal{padding:12px 10px 9px}.daily-goal h3{font-size:13px;margin-top:8px}.daily-goal>p{font-size:9px}.goal-ring{width:101px;height:101px;margin:2px auto}.goal-ring strong{font-size:22px}.goal-caption{font-size:8px;padding-top:7px}.stats-grid{gap:8px;margin-bottom:22px}.stat-card{min-height:72px;gap:6px;padding:7px}.stat-card>div>span{font-size:8px}.stat-card>div strong{font-size:18px}.stat-card>div small{font-size:7px}.stat-caption{display:none}.unit-grid{gap:8px}.home-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-unit-grid .unit-card:nth-child(4){display:block}.home-unit-grid .unit-card:nth-child(4)~.unit-card{display:none}.unit-card-main{padding:10px}.discovery-row{gap:8px}.discovery-card{padding:8px;gap:7px}.discovery-card strong{font-size:9px}.discovery-card small{line-height:1.5}.page-intro{align-items:flex-start}.page-intro h1{font-size:23px}.page-intro p{max-width:510px}.library-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-toolbar{flex-wrap:wrap}.library-toolbar .filter-tabs{max-width:100%;overflow:auto}.library-toolbar>.search-input{margin-left:auto}.setup-layout{grid-template-columns:1fr}.unit-selection-list{max-height:267px;grid-template-columns:1fr 1fr;align-content:start}.unit-option{min-height:67px}.config-body{grid-template-columns:1fr 1fr;align-items:end;gap:12px}.config-body>.config-field:first-child{grid-column:1/3}.config-body>.voice-config{grid-column:1/2}.config-body>.small-note{grid-column:1/-1}.config-body>.start-session{grid-column:1/-1}.config-two{align-self:end}.session-layout{grid-template-columns:minmax(0,1fr) 208px;gap:10px}.question-card{min-height:522px}.question-actions{gap:5px}.question-actions .button{min-width:105px;padding:0 9px;font-size:10px}.next-button{min-width:130px!important}.finish-layout{grid-template-columns:minmax(0,1fr) 220px}.grading-layout{grid-template-columns:175px minmax(0,1fr)}.word-table{min-width:570px}}@media(max-width:760px){body{min-width:320px}.sidebar{width:min(290px,84vw);padding:20px 15px 15px;transform:translate(-103%);transition:transform .22s ease;box-shadow:10px 0 30px transparent}.sidebar.mobile-open{transform:translate(0);box-shadow:10px 0 30px #16241b24}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;display:block;width:100%;height:100%;background:#2432296b}.sidebar-section-label{margin:30px 8px 11px}.sidebar-grow{min-height:170px}.main-shell{min-height:100dvh;margin-left:0;padding-bottom:calc(68px + env(safe-area-inset-bottom))}.topbar{height:51px;padding:0 13px}.topbar-location{gap:6px;font-size:9px}.topbar-location>svg{width:11px}.breadcrumb-home{gap:4px}.breadcrumb-home svg{width:14px}.topbar-right{gap:8px}.topbar-date{gap:4px;font-size:9px}.topbar-date svg{width:14px}.topbar-divider{height:17px}.help-top{width:30px;height:30px}.profile-button{width:29px;height:29px}.mobile-menu-button{width:34px;height:34px;display:grid;margin-left:-5px}.main-content{width:100%;min-height:calc(100dvh - 51px);padding:19px 14px 23px}.mobile-bottom-nav{position:fixed;inset:auto 0 0;z-index:35;min-height:calc(59px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;padding:5px 7px calc(5px + env(safe-area-inset-bottom));border-top:1px solid #e8e8de;background:#fffefaee;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-bottom-nav>button{min-width:0;min-height:47px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:6px;background:transparent;color:#999a8c;font-size:8px}.mobile-bottom-nav>button.active{color:#4e7a5c;font-weight:700}.mobile-bottom-nav>button.active:before{content:"";width:24px;height:2px;position:absolute;top:0;border-radius:2px;background:#7ca27b}.mobile-bottom-nav>button>i{width:6px;height:6px;position:absolute;top:7px;left:calc(50% + 7px);border-radius:50%;background:#d79b69}.page-intro{align-items:flex-start;gap:9px;margin-bottom:16px}.page-intro>div{min-width:0}.page-intro>.button,.page-intro>.inline-actions{flex:0 0 auto}.eyebrow{font-size:7px;letter-spacing:.4px}.page-intro>div>.eyebrow{margin-bottom:5px}.tiny-spark{width:16px;height:16px}.page-intro h1{font-size:21px;line-height:1.4}.page-intro p{max-width:480px;font-size:9px;line-height:1.65}.button{min-height:39px;gap:6px;padding:0 11px;font-size:10px}.page-intro>.button{min-height:35px;padding:0 9px;font-size:9px}.top-import{min-width:auto}.home-hero-grid{grid-template-columns:1fr;gap:9px}.daily-hero{min-height:202px;grid-template-columns:1.1fr .9fr}.hero-copy{padding:17px 0 12px 14px}.hero-eyebrow{gap:4px;font-size:6px;letter-spacing:.4px}.hero-copy h2{margin:9px 0 5px;font-size:clamp(19px,5.4vw,24px);line-height:1.48}.hero-copy>p{margin-bottom:10px;font-size:8px;line-height:1.7}.hero-button{min-height:33px;padding:0 8px;font-size:8px}.hero-button svg{width:15px}.hero-bottom{gap:5px;margin-top:12px;font-size:7px}.mini-avatars i{width:16px;height:16px;font-size:7px}.hero-illustration .island-art{width:118%;max-width:260px;max-height:167px;margin-bottom:-1px}.art-caption{top:17px;right:1px;font-size:6px}.hero-corner-star{right:10px;top:11px;font-size:12px}.island-coordinate{right:6px;bottom:5px}.island-coordinate span,.island-coordinate i{font-size:6px}.daily-goal{min-height:78px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;padding:9px 12px}.goal-heading{grid-column:1;grid-row:1;justify-content:flex-start;gap:6px;font-size:7px}.goal-heading>svg{display:none}.goal-icon{width:24px;height:24px}.goal-icon svg{width:16px}.daily-goal h3{grid-column:1;grid-row:2;margin:3px 0 0 30px;font-size:11px}.daily-goal>p{display:none}.goal-ring{width:57px;height:57px;grid-column:2;grid-row:1/3;margin:0}.goal-ring circle{stroke-width:10}.goal-ring>div{gap:0}.goal-ring strong{font-size:13px}.goal-ring strong small{font-size:7px}.goal-ring>div span{font-size:6px}.goal-caption{grid-column:1;grid-row:3;justify-content:flex-start;padding:3px 0 0 30px;border:0;font-size:7px}.goal-caption svg{width:12px}.stats-grid{gap:5px;margin:9px 0 19px}.stat-card{min-height:68px;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:7px}.stat-icon{width:26px;height:26px;border-radius:7px}.stat-icon svg{width:16px}.stat-card>div{width:100%;display:flex;justify-content:space-between;align-items:baseline;gap:3px}.stat-card>div>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:7px}.stat-card>div>p{flex:0 0 auto;gap:2px}.stat-card>div strong{font-size:13px}.stat-card>div small{font-size:6px}.stat-caption{display:none!important}.section-heading{margin-bottom:9px}.section-heading h2{font-size:13px}.section-heading p{font-size:8px}.section-heading>.text-button{font-size:9px;white-space:nowrap}.home-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.unit-card-main{min-height:119px;padding:8px}.unit-book{width:28px;height:28px;border-radius:7px}.unit-book svg{width:19px}.source-tag{padding:3px 4px;font-size:6px}.unit-card h3{margin:7px 0 2px;font-size:12px}.unit-subtitle{min-height:14px;font-size:7px}.word-preview{margin-top:6px;font-size:7px}.unit-card-footer{min-height:39px;padding:5px 7px}.unit-card-footer>div strong{font-size:12px}.unit-card-footer>div>span,.unit-card-footer>div small{font-size:6px}.round-button{width:27px;height:27px}.round-button svg{width:16px}.discovery-row{grid-template-columns:1fr;gap:6px;margin-top:11px}.discovery-card{min-height:53px;padding:6px 8px}.discovery-icon{width:32px;height:32px}.discovery-icon svg{width:22px}.discovery-card strong{font-size:8px}.discovery-card small{font-size:7px}.discovery-card>svg{width:16px}.record-list>div{min-height:47px;gap:6px;padding:6px}.record-icon{width:27px;height:27px}.record-list>div strong{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.record-list>div>span:nth-last-child(2){font-size:7px}.record-list>div>b{font-size:7px}.page-footer{align-items:flex-start;margin-top:16px;font-size:7px}.page-footer svg{width:13px;flex:0 0 auto}.page-footer span{display:none}.library-toolbar{flex-direction:column;align-items:stretch;gap:8px;padding:7px}.library-toolbar .filter-tabs{width:100%;justify-content:space-between;gap:0;overflow-x:auto}.filter-tabs button{min-height:34px;justify-content:center;padding:0 7px;font-size:8px}.search-and-sort{width:100%}.search-input{min-width:0;height:36px;flex:1}.search-input input{font-size:10px}.sort-button{height:36px;width:36px}.library-result-line{margin:8px 1px;font-size:8px}.library-result-line .text-button{font-size:8px}.library-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.library-unit-grid .unit-card-main{min-height:127px;padding:10px 8px 7px}.library-unit-grid .unit-card h3{margin-top:9px;font-size:13px}.library-unit-grid .unit-subtitle{font-size:8px}.library-unit-grid .word-preview{margin-top:7px;font-size:7px}.library-unit-grid .unit-card-footer{min-height:42px;padding:5px 7px}.library-unit-grid .round-button{width:29px;height:29px}.add-unit-card{min-height:169px;gap:7px;padding:10px;text-align:center}.add-unit-card>span{width:38px;height:38px}.add-unit-card>span svg{width:23px}.add-unit-card strong{font-size:8px}.add-unit-card small{font-size:7px}.library-bottom-tip{gap:7px;margin-top:12px;padding:8px}.library-bottom-tip p{font-size:7px}.setup-layout{grid-template-columns:1fr;gap:9px}.setup-unit-panel,.setup-config-panel{padding:12px}.panel-heading{margin-bottom:9px}.panel-heading h2{gap:6px;font-size:12px}.panel-heading h2>span{width:21px;height:21px;font-size:9px}.unit-selection-list{max-height:256px;gap:5px}.unit-option{min-height:57px;gap:7px;padding:6px 7px}.selection-book{width:32px;height:32px}.selection-book svg{width:19px}.unit-option-text{gap:3px}.unit-option-text strong{font-size:9px}.unit-option-text small{max-width:135px;font-size:7px}.unit-option-count{font-size:8px}.custom-checkbox{width:17px;height:17px}.selected-total{margin-top:8px;padding-top:8px;font-size:8px}.selected-total svg{width:15px}.selected-total strong{font-size:12px}.selected-total small{font-size:7px}.config-body{gap:11px}.config-field>label,.field-label{gap:5px;font-size:9px}.language-options{gap:6px;margin-top:5px}.language-options button{min-height:61px;grid-template-columns:29px 1fr 15px;gap:2px 5px;padding:6px}.language-options button>span{width:27px;height:28px;font-size:11px}.language-options button>strong{font-size:8px}.language-options button>small{font-size:7px}.segmented{margin-top:5px}.segmented button{min-height:34px;font-size:8px}.config-two{gap:7px}.field-input{min-height:37px;padding:0 7px;font-size:9px}.voice-config{gap:7px;padding:7px}.voice-config-icon{width:30px;height:30px}.voice-config-icon svg{width:18px}.voice-config>div strong{font-size:8px}.voice-config>div p{max-width:200px;font-size:7px}.switch{width:34px}.switch.on>span{transform:translate(13px)}.small-note{font-size:7px}.start-session{min-height:43px;font-size:10px}.setup-bottom-note{gap:5px;margin-top:10px}.setup-bottom-note svg{width:15px}.setup-bottom-note p{font-size:7px}.setup-bottom-note>span{font-size:6px}.quick-review-card{min-height:265px}.quick-review-card h3{font-size:13px}.quick-review-card>p{font-size:8px}.review-word-chips{gap:4px}.review-word-chips span{padding:5px 6px;font-size:8px}.session-top .text-button{min-height:34px}.session-layout{grid-template-columns:1fr;gap:8px;margin-top:9px}.question-card{min-height:min(525px,calc(100dvh - 158px));padding:12px 12px 10px}.question-card-top{font-size:8px}.pill{font-size:7px}.sound-orb{width:101px;height:101px;margin-top:24px}.sound-orb>svg{width:39px}.question-card>h2{font-size:16px}.question-description{font-size:8px;text-align:center}.audio-wave{margin-top:12px;transform:scale(.85)}.voice-status{font-size:8px}.voice-error{max-width:300px;font-size:8px}.hint-button{min-height:31px;font-size:8px}.question-actions{width:100%;gap:6px}.question-actions .button{min-width:0;min-height:43px;flex:1;padding:0 7px;font-size:9px}.next-button{min-width:0!important}.question-actions .button svg{width:16px}.pause-button{min-height:34px}.session-aside{grid-template-columns:1fr;gap:7px}.session-aside>.note-card{display:none}.session-settings{display:none}.finish-layout{grid-template-columns:1fr;gap:8px;margin:10px auto}.grade-upload-card{min-height:427px;padding:17px 12px 13px}.completion-icon{width:56px;height:56px}.grade-upload-card h2{font-size:14px}.grade-upload-card>p{font-size:8px}.paper-demo{max-width:230px}.grade-upload-card .upload-actions{width:100%}.grade-upload-card .upload-actions .button{flex:1;padding:0 7px}.grade-tips{padding:11px}.grade-tips>h3{margin-bottom:7px;font-size:11px}.grade-tips>div:not(.privacy-note){padding:6px 0}.grade-tips>div:not(.privacy-note)>p{font-size:8px}.grade-tips>div:not(.privacy-note)>p br{display:none}.privacy-note{margin-top:5px;padding:7px}.privacy-note p br{display:none}.grading-layout{grid-template-columns:1fr;gap:8px}.grading-source{padding:7px}.grading-source h3{margin-bottom:5px}.grading-source>a{max-height:152px}.grading-source img{width:auto;max-width:100%;max-height:400px;margin:0 auto}.grading-source p{font-size:7px}.grading-source .text-button{font-size:8px}.grading-summary{min-height:35px;padding:0 7px}.grading-summary>strong{font-size:8px}.grading-summary>span{font-size:7px}.grading-table{min-width:425px}.grading-table th{height:31px;padding:0 5px;font-size:7px}.grading-table td{height:48px;padding:5px;font-size:8px}.grading-table td:nth-child(2){min-width:87px}.grading-table td:nth-child(2) strong{font-size:9px}.grading-table td:nth-child(2) small{font-size:7px}.grading-table td:nth-child(3){min-width:112px}.grading-table td input{height:32px;font-size:9px}.grading-table td:first-child{width:37px}.grading-table td:nth-child(4){min-width:54px}.grade-correct,.grade-incorrect{font-size:7px}.grade-save-bar{position:sticky;bottom:calc(63px + env(safe-area-inset-bottom));z-index:4;gap:5px;margin-top:8px;padding:8px;box-shadow:0 -4px 12px #363a260c}.grade-save-bar>div{min-width:0}.grade-save-bar>div strong{font-size:8px}.grade-save-bar>div p{max-width:170px;font-size:7px;line-height:1.55}.grade-save-bar>.button{flex:0 0 auto;min-height:37px;gap:4px;padding:0 8px;font-size:8px}.grade-save-bar>.button svg{width:15px}.result-page{margin:12px auto;padding:25px 4px 10px}.result-page>h1{font-size:18px}.result-card{padding:13px 9px}.result-score{width:117px;height:117px}.result-score strong{font-size:24px}.result-stats{padding:10px 0}.result-stats strong{font-size:12px}.result-stats span{font-size:7px}.result-actions{gap:6px}.result-actions .button{min-height:39px;padding:0 9px;font-size:8px}.mistake-banner{min-height:80px;gap:8px;margin:0 0 10px;padding:8px}.mistake-banner-art{width:42px;height:42px}.mistake-banner-art svg{width:30px}.mistake-banner-art>span{right:6px;top:0;font-size:9px}.mistake-banner h2{margin-bottom:3px;font-size:9px}.mistake-banner p{max-width:195px;font-size:7px;line-height:1.55}.mistake-mini-stats{gap:5px}.mistake-mini-stats span{font-size:6px}.mistake-mini-stats strong{font-size:14px}.mistake-mini-stats>i{height:21px}.mistake-banner+.library-toolbar{flex-direction:column-reverse}.mistake-banner+.library-toolbar>.search-input{width:100%;flex:auto}.filter-tabs{width:100%}.mistake-banner+.library-toolbar .filter-tabs button{padding:0 4px}.mistake-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mistake-card{padding:7px}.mistake-card>header{gap:3px}.mistake-card>header>.pill{max-width:71px;padding:4px 5px;font-size:6px}.mistake-card>header>.icon-button{width:26px;height:26px}.mistake-card>h3{margin-top:7px;font-size:14px}.mistake-phonetic{font-size:7px}.mistake-card>p{min-height:14px;margin:5px 0;font-size:8px}.previous-answer{gap:4px;padding:5px}.previous-answer>span,.previous-answer>s{font-size:7px}.mistake-card>footer{align-items:flex-start;margin-top:6px;font-size:6px}.mistake-card>footer .text-button{gap:1px;font-size:7px}.mistake-card>footer .text-button svg{width:11px}.mistake-selection-bar{padding:7px 1px;font-size:8px}.empty-state{min-height:225px;padding:16px 12px}.empty-art{width:55px;height:55px}.empty-art>svg{width:29px}.empty-art .island-art{width:76px}.empty-state h3{font-size:12px}.empty-state p{font-size:8px}.modal-backdrop{align-items:flex-end;padding:0}.modal,.modal-wide{width:100%;max-height:93dvh;border-radius:12px 12px 0 0;padding-bottom:env(safe-area-inset-bottom)}.modal-header{min-height:57px;padding:10px 13px}.modal-header h2{font-size:13px}.modal-header p{max-width:290px;font-size:8px;line-height:1.5}.modal-body{padding:11px 12px}.modal-footer{min-height:51px;padding:7px 11px}.modal-footer .button{min-height:37px;font-size:9px}.upload-zone{min-height:169px;padding:11px 5px}.upload-icon{width:42px;height:42px;border-radius:12px}.upload-icon>svg:first-child{width:27px}.upload-zone h3{margin-top:7px;font-size:11px}.upload-zone>p{max-width:260px;text-align:center;font-size:8px;line-height:1.6}.upload-actions{gap:5px;margin-top:9px}.upload-actions .button{min-height:36px;font-size:9px}.sample-heading{margin:11px 0 6px;font-size:8px}.sample-grid{gap:5px}.sample-card{height:63px;gap:5px;padding:5px}.sample-card img{width:34px;height:51px}.sample-card strong,.sample-card span{font-size:7px}.sample-card>svg{width:14px}.manual-entry{font-size:8px}.privacy-caption{font-size:7px}.review-layout{grid-template-columns:1fr;gap:7px}.review-layout:not(:has(.source-image)){grid-template-columns:1fr}.source-image{display:flex;align-items:center;gap:6px;overflow-x:auto}.source-image>div{flex:0 0 auto;margin:0;font-size:8px}.source-image>img{width:auto;max-width:112px;height:58px;object-fit:cover;object-position:top}.source-image>p{min-width:84px;max-width:133px;margin:0;font-size:7px}.source-image .text-button{flex:0 0 auto}.review-editor{overflow:hidden}.unit-tabs{min-height:35px;margin-bottom:5px}.unit-tabs button{min-height:32px;font-size:8px}.review-unit-heading{align-items:flex-end;margin-bottom:5px}.review-unit-heading .field-label{gap:3px;font-size:8px}.review-unit-heading .field-input{min-height:33px}.word-table{min-width:555px}.word-table th{height:28px;padding:0 5px;font-size:7px}.word-table td{height:37px;padding:2px 3px}.word-table td:first-child{width:29px}.word-table input{height:31px;padding:0 4px;font-size:8px}.add-word{margin-top:3px;font-size:8px}.review-layout~.validation-note{font-size:8px}.help-steps{gap:11px}.help-steps>div{gap:8px}.help-steps>div>span{width:26px;height:26px;font-size:8px}.help-steps h3{font-size:9px}.help-steps p{font-size:8px}.info-note{margin-top:12px;padding:8px}.info-note p{font-size:7px}.settings-block{margin-top:9px;padding:9px}.settings-block h3{font-size:9px}.settings-block p{font-size:7px}.unit-title-fields{grid-template-columns:1fr;gap:7px;margin-bottom:8px}.unit-title-fields .field-label{font-size:8px}.unit-title-fields .field-input{min-height:33px}.word-table-scroll{max-height:41dvh;overflow:auto}.footer-actions{gap:5px}.footer-actions .button{gap:4px;padding:0 7px;font-size:8px}.footer-actions .button svg{width:15px}.modal-footer>.text-button{font-size:8px}.toast{bottom:calc(70px + env(safe-area-inset-bottom));width:max-content;max-width:91vw;padding:9px;font-size:8px}}@media(max-width:380px){.main-content{padding-right:10px;padding-left:10px}.page-intro h1{font-size:19px}.page-intro p,.topbar-date{font-size:8px}.hero-copy{padding-left:10px}.hero-copy h2{font-size:18px}.hero-button{padding:0 6px;font-size:7px}.hero-illustration .island-art{width:130%}.unit-option-text small{max-width:108px}.filter-tabs button{padding:0 5px;font-size:7px}.mistake-banner{gap:6px;padding:6px}.mistake-banner-art{width:37px;height:37px}.mistake-banner h2{font-size:8px}.mistake-banner p{max-width:172px;font-size:6px}.mistake-mini-stats{gap:4px}.mistake-mini-stats strong{font-size:12px}.grading-table{min-width:395px}.sample-grid{grid-template-columns:1fr}.sample-card{height:56px}.sample-card img{width:34px;height:44px}.footer-actions .button{padding:0 5px}.grade-save-bar>div p{max-width:140px}}@media(max-width:760px){.page-intro p{font-size:10px}.page-intro>.eyebrow{font-size:8px}.hero-eyebrow{font-size:7px}.hero-copy>p{font-size:9px}.hero-button{font-size:9px}.hero-bottom{font-size:8px}.stat-card>div>span{font-size:8px}.unit-card h3{font-size:13px}.unit-subtitle,.word-preview,.section-heading p,.discovery-card small,.page-footer{font-size:8px}.filter-tabs button{font-size:9px}.unit-option-text strong{font-size:10px}.unit-option-text small{font-size:8px}.unit-option-count{font-size:9px}.config-field>label,.field-label{font-size:10px}.language-options button>strong{font-size:9px}.language-options button>small,.small-note{font-size:8px}.voice-config>div strong{font-size:9px}.voice-config>div p{font-size:8px}.grading-table td,.grading-table th,.word-table td,.word-table th{font-size:8px}.mistake-card>p{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.data-loading{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#f8f8f1}.data-loading-card{max-width:430px;padding:32px 24px;text-align:center;color:#526b56}.data-loading-card h1{font-size:20px;margin:18px 0 12px}.data-loading-card p{font-size:13px;line-height:1.8;color:#818979}.data-loading-card .button{margin:20px auto 0}.data-saving{position:fixed;top:0;right:0;bottom:0;left:0;z-index:350;display:grid;place-items:center;background:#fffefaad;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#456f59;font-size:15px;font-weight:600}.data-error{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:360;width:min(600px,calc(100% - 24px));display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e6cfab;border-radius:9px;background:#fff8e9;box-shadow:0 4px 18px #705e3220;color:#896640;font-size:12px;line-height:1.6}.data-error>span{flex:1}.data-error .button{flex-shrink:0}