:root{--ink:#16231e;--ink-soft:#506059;--muted:#75827c;--paper:#f5f4ef;--surface:#fff;--surface-soft:#eef1ec;--line:#dde3dc;--line-strong:#cbd4cc;--green:#2f765e;--green-dark:#1f5947;--green-soft:#dcece5;--lime:#c7e66b;--orange:#e69a52;--orange-soft:#f9e8d6;--red:#d9635a;--red-soft:#f8e1df;--blue:#6587ba;--blue-soft:#e3eaf5;--shadow-sm:0 8px 24px #16231e0f;--shadow-lg:0 24px 70px #16231e1f;--radius-sm:12px;--radius:20px;--radius-lg:30px;--duration-exit:.15s;--duration-enter:.21s;--duration-move:.4s}*{box-sizing:border-box}html{background:var(--paper);min-width:320px;color:var(--ink);scroll-behavior:smooth}body{background:var(--paper);min-height:100vh;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}svg{width:20px;height:20px}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{letter-spacing:-.02em}input,textarea,select{border:1px solid var(--line-strong);background:var(--surface);width:100%;color:var(--ink);border-radius:12px;outline:none;padding:12px 14px;transition:border-color .16s,box-shadow .16s,background .16s}textarea{resize:vertical;line-height:1.55}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #2f765e1f}input::placeholder,textarea::placeholder{color:#9ba59f}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #2f765e4d}.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-size:18px;font-weight:850;display:inline-flex}.brand-glyph{background:var(--green);color:#fff;border-radius:12px 12px 12px 4px;flex:none;place-items:center;width:38px;height:38px;font-family:Georgia,serif;font-size:23px;font-weight:800;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff2e}.brand-on-dark{color:#fff}.brand-on-dark .brand-glyph{background:var(--lime);color:var(--green-dark)}.eyebrow{color:var(--green);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:850}.eyebrow.light{color:var(--lime)}.button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:10px 16px;font-weight:760;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.55}.button-primary{background:var(--green);color:#fff;box-shadow:0 8px 20px #2f765e2e}.button-primary:hover:not(:disabled){background:var(--green-dark);box-shadow:0 10px 24px #2f765e3d}.button-secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink);box-shadow:0 2px 4px #16231e05}.button-secondary:hover:not(:disabled){background:#fafbf9;border-color:#9eaaa3}.button-light{color:var(--green-dark);background:#fff}.button svg{width:18px;height:18px}.full-width{width:100%}.text-link{color:var(--green-dark);text-underline-offset:4px;font-weight:760;-webkit-text-decoration:underline #2f765e47;text-decoration:underline #2f765e47}.text-button{color:var(--green-dark);cursor:pointer;background:0 0;border:0;padding:3px 5px;font-size:13px;font-weight:780}.text-button.danger{color:#b84b43}.icon-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:11px;place-items:center;width:40px;height:40px;display:inline-grid}.alert{border-radius:13px;padding:12px 14px;font-size:14px;line-height:1.45}.alert-error{background:var(--red-soft);color:#913a34;border:1px solid #f0b7b2}.alert-success{background:var(--green-soft);color:var(--green-dark);border:1px solid #aed0bf}.empty-note{border:1px dashed var(--line-strong);color:var(--muted);border-radius:14px;margin:0;padding:16px;line-height:1.5}.auth-page{background:var(--surface);grid-template-columns:minmax(0,1.08fr) minmax(460px,.92fr);min-height:100vh;display:grid}.auth-story{color:#fff;background:radial-gradient(circle at 70% 25%,#c7e66b2e,#0000 32%),linear-gradient(145deg,#153e32 0%,#1f5a48 55%,#183b31 100%);flex-direction:column;min-height:100vh;padding:42px clamp(36px,5vw,84px);display:flex;position:relative;overflow:hidden}.auth-story:before{content:"";border:1px solid #ffffff14;border-radius:50%;width:540px;height:540px;position:absolute;bottom:-170px;right:-210px;box-shadow:0 0 0 80px #ffffff05,0 0 0 160px #ffffff05}.auth-story-copy{z-index:1;max-width:680px;margin-top:clamp(90px,14vh,160px);position:relative}.auth-story-copy h1{letter-spacing:-.055em;max-width:650px;margin-bottom:24px;font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,5.4vw,78px);font-weight:500;line-height:.99}.auth-story-copy>p:last-child{color:#ffffffbd;max-width:560px;font-size:18px;line-height:1.65}.floating-deck{z-index:1;max-width:690px;height:250px;margin-top:30px;position:relative}.float-card{color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;border:1px solid #ffffff4d;border-radius:22px;flex-direction:column;display:flex;position:absolute;box-shadow:0 24px 70px #05161040}.float-card small{color:var(--green);letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:850}.float-card strong{font-family:Georgia,serif;font-size:31px;font-weight:500}.float-card span{color:var(--muted);font-size:13px}.float-card-one{gap:9px;width:280px;padding:24px;top:28px;left:5%;transform:rotate(-5deg)}.float-card-two{gap:10px;width:310px;padding:26px;top:62px;left:34%;transform:rotate(5deg)}.float-card-two strong{font-family:inherit;font-size:19px}.float-card-three{border-radius:999px;flex-direction:row;align-items:center;gap:9px;width:auto;padding:11px 16px;font-size:13px;font-weight:780;bottom:0;left:25%;transform:rotate(-1deg)}.pulse-dot{background:var(--orange);width:9px;height:9px;box-shadow:0 0 0 5px var(--orange-soft);border-radius:50%}.trust-list{z-index:1;border-top:1px solid #ffffff26;grid-template-columns:repeat(3,1fr);gap:20px;margin:auto 0 0;padding:24px 0 0;list-style:none;display:grid;position:relative}.trust-list li{color:#ffffffb3;grid-template-columns:28px 1fr;gap:8px;font-size:12px;line-height:1.45;display:grid}.trust-list span{color:var(--lime);font-weight:850}.auth-panel{background:linear-gradient(#fff,#fbfcfa);place-items:center;min-height:100vh;padding:40px clamp(28px,6vw,92px);display:grid}.auth-card{width:min(100%,470px)}.auth-mobile-brand{display:none}.auth-card h2{margin-bottom:10px;font-size:clamp(32px,3vw,43px);line-height:1.08}.auth-subtitle{color:var(--muted);margin-bottom:28px;font-size:15px;line-height:1.55}.auth-tabs{background:var(--surface-soft);border-radius:13px;grid-template-columns:1fr 1fr;gap:5px;margin:0 0 24px;padding:5px;display:grid}.auth-tabs a{color:var(--muted);text-align:center;border-radius:9px;padding:10px;font-size:14px;font-weight:750}.auth-tabs a.active{color:var(--ink);background:#fff;box-shadow:0 4px 12px #16231e12}.auth-form{gap:15px;margin-top:20px;display:grid}.auth-form label,.manual-vocabulary-form label{gap:7px;display:grid}.auth-form label>span,.manual-vocabulary-form label>span{color:var(--ink-soft);font-size:12px;font-weight:780}.form-link{justify-self:end;margin-top:-5px;font-size:13px}.auth-submit{width:100%;margin-top:4px}.auth-footnote{color:var(--muted);text-align:center;margin:20px 0 0;font-size:11px;line-height:1.55}.simple-auth-page{background:radial-gradient(circle at top left, var(--green-soft), transparent 35%), var(--paper);place-items:center;min-height:100vh;padding:30px;display:grid}.simple-auth-card{border:1px solid var(--line);border-radius:var(--radius-lg);width:min(100%,500px);box-shadow:var(--shadow-lg);background:#fff;padding:38px}.simple-auth-card .brand{margin-bottom:52px}.simple-auth-card h1{margin-bottom:12px;font-size:38px}.simple-auth-card>p:not(.eyebrow,.alert){color:var(--muted);line-height:1.6}.simple-auth-card .text-link{margin-top:24px;font-size:13px;display:inline-block}.app-frame{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{z-index:50;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fafaf7f2;flex-direction:column;height:100vh;padding:24px 18px 18px;display:flex;position:sticky;top:0}.sidebar-brand-row{justify-content:space-between;align-items:center;padding:0 8px;display:flex}.sidebar-context{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:center;gap:11px;margin:28px 4px 20px;padding:13px;display:flex}.sidebar-context>svg{background:var(--green-soft);width:32px;height:32px;color:var(--green);border-radius:9px;padding:7px}.sidebar-context div{gap:2px;min-width:0;display:grid}.sidebar-context small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:720}.sidebar-context strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.app-nav{gap:7px;display:grid}.nav-label{color:#9aa39e;letter-spacing:.13em;text-transform:uppercase;margin:6px 10px 7px;font-size:10px;font-weight:850}.nav-link{color:var(--ink-soft);border-radius:13px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:10px;transition:background .15s,color .15s,transform .15s;display:grid}.nav-link:hover{background:#ecefe9;transform:translate(2px)}.nav-link.active{background:var(--green);color:#fff;box-shadow:0 9px 22px #2f765e2e}.nav-icon{background:#16231e0d;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.nav-link.active .nav-icon{background:#ffffff24}.nav-link>span:last-child{gap:2px;display:grid}.nav-link strong{font-size:14px}.nav-link small{color:var(--muted);font-size:10px}.nav-link.active small{color:#ffffffb3}.sidebar-tip{background:#f0f3ec;border:1px dashed #b8c5bc;border-radius:14px;grid-template-columns:32px 1fr;gap:10px;margin:auto 4px 18px;padding:14px;display:grid}.sidebar-tip>span{width:31px;height:31px;color:var(--green);background:#fff;border-radius:9px;place-items:center;font-weight:800;display:grid}.sidebar-tip p{color:var(--muted);margin:0;font-size:10px;line-height:1.45}.sidebar-tip strong{color:var(--ink);margin-bottom:3px;font-size:11px;display:block}.sidebar-account{border-top:1px solid var(--line);grid-template-columns:38px minmax(0,1fr) 40px;align-items:center;gap:10px;padding:13px 4px 0;display:grid}.avatar{background:var(--orange-soft);color:#9a5c27;border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;font-weight:850;display:grid}.avatar.small{width:34px;height:34px}.sidebar-account>div{gap:2px;min-width:0;display:grid}.sidebar-account strong,.sidebar-account small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-account strong{font-size:12px}.sidebar-account small{color:var(--muted);font-size:9px}.sidebar-account .icon-button{width:38px;height:38px}.sidebar-account svg{width:17px}.app-main{min-width:0}.mobile-header,.mobile-only,.nav-scrim{display:none}.page-shell{width:min(100%,1540px);margin:0 auto;padding:clamp(30px,4vw,62px)}.page-header{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:30px;display:flex}.page-header h1{margin-bottom:10px;font-size:clamp(34px,4vw,52px);line-height:1}.page-header p:last-child{max-width:720px;color:var(--muted);margin-bottom:0;line-height:1.55}.surface{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);padding:26px}.surface-heading{justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:22px;display:flex}.surface-heading.compact{margin-bottom:18px}.surface-heading h2{margin-bottom:7px;font-size:23px}.surface-heading p:last-child{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.section-icon{background:var(--green-soft);width:48px;height:48px;color:var(--green);border-radius:14px;flex:none;place-items:center;display:grid}.section-icon svg{width:23px;height:23px}.compact-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.compact-stats article{border:1px solid var(--line);background:#ffffffb8;border-radius:16px;gap:5px;padding:18px 20px;display:grid}.compact-stats small{color:var(--muted);font-size:11px;font-weight:720}.compact-stats strong{font-size:28px}.compact-stats span{color:var(--ink-soft);font-size:11px}.two-column-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.import-panel{margin-bottom:20px}.drop-zone{text-align:center;background:linear-gradient(135deg,#f8faf7,#f1f5ef);border:1.5px dashed #aebbb1;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:230px;transition:background .16s,border-color .16s;display:flex}.drop-zone:hover,.drop-zone.has-file{border-color:var(--green);background:#f1f8f4}.drop-zone strong{margin-top:3px;font-size:17px}.drop-zone p{color:var(--muted);margin:0 0 10px;font-size:12px}.drop-icon{background:var(--green-soft);width:54px;height:54px;color:var(--green);border-radius:17px;place-items:center;display:grid}.drop-icon svg{width:26px;height:26px}.paste-json{border:1px solid var(--line);border-radius:14px;margin:16px 0 0;padding:0 14px}.paste-json summary{color:var(--ink-soft);cursor:pointer;padding:13px 0;font-size:12px;font-weight:760}.paste-json textarea{background:#fafbf9;margin-bottom:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.paste-json .button{margin-bottom:14px}.import-preview{border:1px solid var(--line);border-radius:14px;margin-top:16px;overflow:hidden}.preview-head,.preview-row{grid-template-columns:minmax(130px,.7fr) minmax(180px,1.2fr) minmax(120px,.7fr);align-items:center;gap:15px;padding:11px 14px;display:grid}.preview-head{background:var(--surface-soft);justify-content:space-between;font-size:11px;display:flex}.preview-head span{color:var(--muted)}.preview-row+.preview-row{border-top:1px solid var(--line)}.preview-row strong{font-size:13px}.preview-row span{color:var(--ink-soft);font-size:12px}.preview-row small{color:var(--green);font-size:10px;font-weight:750}.import-options{justify-content:flex-end;align-items:end;gap:12px;margin-top:18px;display:flex}.import-options label{gap:6px;width:min(100%,280px);margin-right:auto;display:grid}.import-options label>span{color:var(--muted);font-size:11px;font-weight:740}.resource-actions{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.resource-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:11px;min-height:66px;padding:12px 14px;transition:border-color .15s,transform .15s;display:flex}.resource-card:hover{border-color:var(--green);transform:translateY(-1px)}.resource-card>svg{color:var(--green);flex:none}.resource-card span{gap:3px;display:grid}.resource-card strong{font-size:12px}.resource-card small{color:var(--muted);font-size:10px}.vocabulary-tools-grid{margin-bottom:20px}.manual-vocabulary-form{grid-template-columns:1fr 1fr;gap:13px;display:grid}.manual-vocabulary-form .wide{grid-column:1/-1}.manual-vocabulary-form .button{align-self:end}.group-create-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;margin-bottom:14px;display:grid}.group-list{gap:7px;max-height:430px;padding-right:3px;display:grid;overflow:auto}.group-row{margin-left:calc(var(--group-depth,0) * 18px);border:1px solid var(--line);background:#fbfcfa;border-radius:12px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 9px;display:grid}.group-level{background:var(--green-soft);width:27px;height:27px;color:var(--green-dark);border-radius:8px;place-items:center;font-size:9px;font-weight:850;display:grid}.group-row>form:first-of-type{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;display:grid}.group-row input{background:0 0;border-color:#0000;padding:8px 9px;font-size:12px;font-weight:720}.group-row input:focus{border-color:var(--green);background:#fff}.vocabulary-table-surface{padding-bottom:16px}.table-toolbar{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.table-toolbar h2{margin:0}.search-form{border:1px solid var(--line-strong);background:#fff;border-radius:13px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;width:min(100%,390px);padding-left:13px;display:grid}.search-form>svg{color:var(--muted)}.search-form input{box-shadow:none;border:0;padding-left:0}.search-form .button{min-height:38px;margin-right:3px;padding:7px 13px}.table-scroll{border:1px solid var(--line);border-radius:14px;overflow:auto}.vocabulary-table{border-collapse:collapse;width:100%;min-width:850px}.vocabulary-table th{background:var(--surface-soft);color:var(--muted);letter-spacing:.08em;text-align:left;text-transform:uppercase;padding:11px 14px;font-size:10px}.vocabulary-table td{border-top:1px solid var(--line);vertical-align:top;padding:13px 14px}.vocabulary-table td:first-child{width:21%}.vocabulary-table td:nth-child(2){width:45%}.vocabulary-table td:nth-child(3){width:26%}.vocabulary-table td>strong,.vocabulary-table td>span:not(.category-chip),.vocabulary-table td>small{display:block}.vocabulary-table td>strong{font-size:13px}.vocabulary-table td>span:not(.category-chip){color:var(--muted);margin-top:4px;font-size:11px;line-height:1.45}.vocabulary-table td>small{color:var(--muted);margin-top:6px;font-size:9px}.category-chip{background:var(--green-soft);color:var(--green-dark);border-radius:999px;padding:4px 7px;font-size:9px;font-weight:760;display:inline-flex}.pagination{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;padding-top:14px;font-size:11px;display:flex}.pagination div{gap:8px;display:flex}.pagination .button{min-height:36px;padding:7px 12px;font-size:11px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:35px;display:flex}.empty-state>svg{background:var(--green-soft);width:46px;height:46px;color:var(--green);border-radius:14px;margin-bottom:14px;padding:10px}.empty-state h2,.empty-state h3{margin-bottom:8px}.empty-state p{max-width:500px;color:var(--muted);margin-bottom:20px;line-height:1.55}.learn-page{min-height:100vh;padding:18px}.study-workspace{border:1px solid var(--line);background:var(--surface);min-height:calc(100vh - 36px);box-shadow:var(--shadow-sm);border-radius:24px;grid-template-columns:315px minmax(0,1fr);display:grid;overflow:hidden}.study-library{border-right:1px solid var(--line);background:#f9faf7;flex-direction:column;min-height:0;padding:20px;display:flex}.study-library-head{padding-right:70px;position:relative}.study-library-head h2{margin-bottom:4px;font-size:20px}.study-library-head>span{background:var(--green-soft);color:var(--green-dark);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:780;position:absolute;top:22px;right:0}.mode-pills{flex-wrap:wrap;gap:5px;margin:15px 0 12px;display:flex}.mode-pills button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:760}.mode-pills button.active{border-color:var(--green);background:var(--green);color:#fff}.study-search{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:0 11px;display:grid}.study-search svg{color:var(--muted)}.study-search input{box-shadow:none;border:0;padding:10px 0;font-size:11px}.filter-select{gap:5px;margin-top:10px;display:grid}.filter-select span{color:var(--muted);font-size:9px;font-weight:750}.filter-select select{padding:9px 10px;font-size:11px}.hierarchy-filter{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:10px}.hierarchy-filter summary{cursor:pointer;justify-content:space-between;gap:8px;padding:10px;list-style:none;display:flex}.hierarchy-filter summary span{font-size:11px;font-weight:760}.hierarchy-filter summary small{color:var(--muted);font-size:9px}.hierarchy-filter>.text-button{margin:0 8px 5px}.hierarchy-checks{border-top:1px solid var(--line);max-height:155px;overflow:auto}.hierarchy-checks label{padding:7px 9px 7px calc(9px + var(--group-depth,0) * 15px);cursor:pointer;align-items:center;gap:8px;display:flex}.hierarchy-checks label:hover{background:#f4f7f2}.hierarchy-checks input{width:14px;height:14px;accent-color:var(--green)}.hierarchy-checks span{gap:1px;display:grid}.hierarchy-checks strong{font-size:10px}.hierarchy-checks small{color:var(--muted);font-size:8px}.study-counts{grid-template-columns:repeat(4,1fr);gap:4px;margin:10px 0;display:grid}.study-counts div{background:var(--surface-soft);text-align:center;border-radius:9px;gap:2px;padding:7px 3px;display:grid}.study-counts strong{font-size:14px}.study-counts span{color:var(--muted);font-size:7px}.mini-card-list{gap:5px;min-height:0;padding-right:3px;display:grid;overflow:auto}.mini-card-list button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;width:100%;padding:9px 10px;display:grid}.mini-card-list button:hover,.mini-card-list button.active{border-color:var(--line);background:#fff}.mini-card-list button.active{border-color:#9ac2ad;box-shadow:0 5px 14px #2f765e14}.mini-card-list strong{font-size:11px}.mini-card-list span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1;font-size:9px;overflow:hidden}.mini-card-list small{background:var(--surface-soft);color:var(--muted);border-radius:999px;grid-area:1/2/span 2;align-self:center;padding:3px 5px;font-size:7px}.study-stage{background:radial-gradient(circle at 80% 5%,#c7e66b21,#0000 25%),#fff;min-width:0;padding:clamp(22px,3vw,44px);overflow:auto}.study-toolbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.study-toolbar h1{margin:0;font-size:18px}.study-toolbar>div:last-child{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.study-toolbar .button{min-height:36px;padding:7px 11px;font-size:10px}.inline-toggle{color:var(--ink-soft);align-items:center;gap:6px;font-size:10px;font-weight:720;display:inline-flex}.inline-toggle input{width:15px;height:15px;accent-color:var(--green)}.flashcard-3d{cursor:pointer;perspective:1200px;background:0 0;border:0;width:min(100%,820px);height:clamp(300px,43vh,455px);margin:0 auto 20px;padding:0;display:block;position:relative}.flashcard-face{backface-visibility:hidden;border:1px solid #2f765e38;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:13px;transition:transform .52s cubic-bezier(.2,.78,.2,1);display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 24px 55px #16231e1c}.flashcard-face:before{content:"";border:1px solid #2f765e1a;border-radius:50%;width:260px;height:260px;position:absolute;top:-125px;right:-110px;box-shadow:0 0 0 42px #2f765e08,0 0 0 84px #2f765e05}.flashcard-front{background:linear-gradient(150deg,#f8fbf8,#eaf3ed);transform:rotateY(0)}.flashcard-back{background:linear-gradient(150deg,#fffdf8,#f8ecda);transform:rotateY(180deg)}.flashcard-3d.show-back .flashcard-front{transform:rotateY(-180deg)}.flashcard-3d.show-back .flashcard-back{transform:rotateY(0)}.flashcard-face small{max-width:calc(100% - 52px);color:var(--green);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:780;position:absolute;top:24px;left:26px;overflow:hidden}.flashcard-face em{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-style:normal;font-weight:800}.flashcard-face strong{z-index:1;text-align:center;max-width:88%;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,6vw,76px);font-weight:500;line-height:1.05}.flashcard-back strong{font-family:inherit;font-size:clamp(30px,4vw,52px)}.flashcard-face>span:not(.flashcard-face){z-index:1;max-width:78%;color:var(--ink-soft);text-align:center;font-size:clamp(14px,1.5vw,19px);line-height:1.5}.flashcard-face i{color:var(--muted);font-size:9px;font-style:normal;position:absolute;bottom:22px}.pronunciation-panel{border:1px solid var(--line);background:#fafbf9;border-radius:18px;width:min(100%,940px);margin:0 auto 16px;padding:18px 20px}.pronunciation-panel h2{margin-bottom:0;font-size:16px}.pronunciation-actions{flex-wrap:wrap;gap:7px;margin:14px 0 10px;display:flex}.pronunciation-actions .button{min-height:36px;padding:7px 10px;font-size:10px}.pronunciation-actions .button svg{width:15px;height:15px}.pronunciation-result{background:var(--green-soft);border:1px solid #a9cdbb;border-radius:14px;grid-template-columns:74px 1fr;align-items:center;gap:14px;margin:12px 0;padding:12px;display:grid}.pronunciation-result>strong{color:var(--green-dark);font-size:29px}.pronunciation-result>strong small{font-size:10px}.pronunciation-result div{gap:3px;display:grid}.pronunciation-result span{font-size:11px;font-weight:720}.pronunciation-result p{color:var(--ink-soft);margin:0;font-size:10px}.pronunciation-words{flex-wrap:wrap;margin-top:7px;gap:6px!important;display:flex!important}.pronunciation-words>span{border:1px solid var(--line);background:#fff;border-radius:9px;gap:1px;min-width:92px;padding:6px 8px;display:grid}.pronunciation-words>span.good{color:var(--green-dark);background:#f1fbf6;border-color:#a7d5bf}.pronunciation-words>span.warn{color:#995f06;background:#fff9e9;border-color:#f2cf8d}.pronunciation-words>span.bad{color:#a8372e;background:#fff3f1;border-color:#efb5b0}.pronunciation-words b{font-size:10px}.pronunciation-words small{color:inherit;font-size:8px;font-weight:650}.voice-settings{margin-top:8px}.voice-settings summary{color:var(--green-dark);cursor:pointer;font-size:10px;font-weight:780}.voice-settings>div{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));align-items:end;gap:10px;margin-top:10px;display:grid}.voice-settings label{color:var(--muted);grid-template-columns:1fr auto;align-items:center;gap:4px 8px;font-size:9px;display:grid}.voice-settings label input,.voice-settings label select{grid-column:1;padding:7px;font-size:10px}.voice-settings label span{grid-area:2/2;font-size:9px}.voice-settings label.voice-check{min-height:34px;color:var(--ink-soft);align-self:center;align-items:center;gap:7px;font-weight:700;display:flex}.voice-settings label.voice-check input{width:15px;height:15px;accent-color:var(--green);margin:0}.voice-settings .button{min-height:34px;font-size:9px}.study-status{color:var(--muted);margin:11px 0 0;font-size:10px;line-height:1.4}.difficulty-grid{grid-template-columns:repeat(4,1fr);gap:8px;width:min(100%,940px);margin:0 auto;display:grid}.difficulty{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-content:center;gap:2px 8px;min-height:74px;padding:11px;transition:transform .15s,box-shadow .15s,border-color .15s;display:grid;position:relative}.difficulty:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(-2px)}.difficulty:disabled{opacity:.55;cursor:wait}.difficulty kbd{opacity:.55;border:1px solid;border-radius:7px;grid-row:1/span 2;align-self:center;place-items:center;width:24px;height:24px;font-size:9px;display:grid}.difficulty strong{font-size:11px}.difficulty span{color:var(--muted);font-size:8px}.difficulty.again{color:#a6453e;background:#fff9f8}.difficulty.hard{color:#a56429;background:#fffbf6}.difficulty.medium{color:#4a6e9e;background:#f8faff}.difficulty.easy{color:var(--green-dark);background:#f7fcf9}.study-bottom-actions{justify-content:center;gap:8px;margin-top:12px;display:flex}.study-bottom-actions .button{min-height:37px;font-size:10px}.study-empty{border:1px solid var(--line);background:#fff;border-radius:24px;min-height:calc(100vh - 36px)}.study-loading{border:1px solid var(--line);background:#fff;border-radius:24px;grid-template-columns:315px 1fr;min-height:calc(100vh - 36px);display:grid;overflow:hidden}.study-loading aside{background:linear-gradient(90deg,#f0f2ee,#fafbf9,#f0f2ee) 0 0/200% 100%;animation:1.5s infinite shimmer}.study-loading section{flex-direction:column;gap:18px;padding:50px;display:flex}.study-loading span{background:#eef1ec;border-radius:18px;height:70px;animation:1.5s infinite shimmer}.study-loading span:nth-child(2){height:400px}.dashboard-header{align-items:center}.onboarding-banner{border-radius:var(--radius);background:linear-gradient(135deg, var(--green), var(--green-dark));color:#fff;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:22px;margin-bottom:18px;padding:24px;display:grid;box-shadow:0 20px 45px #1f59472e}.onboarding-art{background:#ffffff21;border-radius:20px;place-items:center;width:68px;height:68px;display:grid}.onboarding-art svg{width:31px;height:31px}.onboarding-banner h2{margin-bottom:6px}.onboarding-banner p:last-child{color:#ffffffba;margin:0;font-size:13px}.dashboard-kpis{grid-template-columns:1.25fr 1fr 1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.kpi-card{border:1px solid var(--line);border-radius:var(--radius);min-height:144px;box-shadow:var(--shadow-sm);background:#fff;justify-content:space-between;align-items:flex-start;gap:12px;padding:22px;display:flex}.kpi-card>div,.kpi-card:not(.kpi-primary){flex-direction:column}.kpi-card small{color:var(--muted);font-size:11px;font-weight:720}.kpi-card strong{margin:15px 0 6px;font-size:36px;line-height:1;display:block}.kpi-card strong em{font-size:13px;font-style:normal}.kpi-card span{color:var(--ink-soft);font-size:10px}.kpi-primary{border-color:var(--green);background:linear-gradient(140deg, var(--green), var(--green-dark));color:#fff}.kpi-primary small,.kpi-primary span{color:#ffffffb8}.kpi-icon{background:#ffffff24;border-radius:13px;flex:none;place-items:center;width:43px;height:43px;display:grid;color:#fff!important}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);gap:20px;margin-bottom:20px;display:grid}.activity-chart-card{min-width:0}.chart-legend{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:9px;display:flex}.chart-legend i{background:var(--green);border-radius:3px;width:10px;height:10px}.chart-legend b{background:var(--orange);border-radius:50%;width:8px;height:8px;margin-left:5px}.activity-chart{grid-template-columns:repeat(14,minmax(18px,1fr));gap:clamp(4px,.8vw,12px);height:250px;padding-top:25px;display:grid}.activity-day{text-align:center;grid-template-rows:1fr auto;gap:8px;min-width:0;display:grid}.activity-plot{border-bottom:1px solid var(--line);min-height:0;position:relative}.activity-plot>i{background:linear-gradient(180deg, #55a081, var(--green));border-radius:6px 6px 2px 2px;min-height:3px;position:absolute;bottom:0;left:20%;right:20%}.activity-plot>b{background:var(--orange);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;left:50%;transform:translate(-50%,50%);box-shadow:0 2px 6px #0003}.activity-plot>b span{background:var(--ink);color:#fff;border-radius:5px;padding:3px 5px;font-size:7px;display:none;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.activity-day:hover b span{display:block}.activity-day small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.goal-card{flex-direction:column;display:flex}.goal-ring{--goal-progress:0deg;background:conic-gradient(var(--green) var(--goal-progress), var(--surface-soft) 0);border-radius:50%;flex:none;place-items:center;width:68px;height:68px;display:grid;position:relative}.goal-ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:7px}.goal-ring strong{z-index:1;font-size:12px}.goal-copy{margin:auto 0 14px}.goal-copy strong{margin-bottom:7px;font-size:24px;display:block}.goal-copy p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.progress-track{background:var(--surface-soft);border-radius:999px;height:9px;margin-bottom:15px;overflow:hidden}.progress-track i{border-radius:inherit;background:linear-gradient(90deg, var(--green), #71a98e);height:100%;display:block}.lower-grid{grid-template-columns:1fr 1fr}.distribution-bar{background:var(--surface-soft);border-radius:999px;height:16px;display:flex;overflow:hidden}.distribution-bar i{min-width:2px;height:100%}.distribution-list{grid-template-columns:1fr 1fr;gap:9px;margin-top:18px;display:grid}.distribution-list>div{background:#f8faf7;border-radius:12px;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;display:grid}.distribution-list>div>span{border-radius:50%;width:9px;height:9px}.distribution-list p{gap:2px;margin:0;display:grid}.distribution-list strong{font-size:11px}.distribution-list small{color:var(--muted);font-size:8px}.distribution-list b{font-size:15px}.library-health-card .surface-heading>svg{color:var(--green)}.health-list{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px;display:grid}.health-list>div{border:1px solid var(--line);border-radius:12px;grid-template-columns:10px 1fr;align-items:center;gap:9px;padding:10px;display:grid}.health-dot{border-radius:50%;width:9px;height:9px}.health-dot.new{background:var(--blue)}.health-dot.hard{background:var(--red)}.health-dot.due{background:var(--orange)}.health-dot.mastered{background:var(--green)}.health-list p{gap:2px;margin:0;display:grid}.health-list strong{font-size:11px}.health-list small{color:var(--muted);font-size:8px}.recent-history-card{margin-bottom:20px}.history-list{display:grid}.history-list>div{border-top:1px solid var(--line);grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 0;display:grid}.history-icon{background:var(--green-soft);width:36px;height:36px;color:var(--green);border-radius:11px;place-items:center;display:grid}.history-icon.pronunciation_score{background:var(--orange-soft);color:#9a5b24}.history-list p{gap:2px;margin:0;display:grid}.history-list strong{font-size:12px}.history-list small,.history-list time{color:var(--muted);font-size:9px}.page-loading{gap:24px;display:grid}.loading-heading,.loading-chart,.loading-grid i{background:linear-gradient(90deg,#e9ece7,#f8f9f7,#e9ece7) 0 0/200% 100%;border-radius:16px;animation:1.4s infinite shimmer;display:block}.loading-heading{width:55%;height:90px}.loading-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.loading-grid i{height:140px}.loading-chart{height:330px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}body.focus-study .app-sidebar,body.focus-study .mobile-header{display:none}body.focus-study .app-frame{grid-template-columns:1fr}body.focus-study .learn-page{padding:0}body.focus-study .study-workspace{border:0;border-radius:0;min-height:100vh}@keyframes fade{0%{filter:blur(3px);opacity:0}to{filter:blur();opacity:1}}@keyframes slide{0%{translate:var(--slide-offset)}to{translate:0}}@keyframes slide-y{0%{transform:translateY(var(--slide-y-offset,10px))}to{transform:translateY(0)}}::view-transition-old(.fade-out){animation:var(--duration-exit) ease-in fade reverse}::view-transition-new(.fade-in){animation:var(--duration-enter) ease-out var(--duration-exit) both fade}::view-transition-old(.slide-down){animation:var(--duration-exit) ease-out both fade reverse, var(--duration-exit) ease-out both slide-y reverse}::view-transition-new(.slide-up){animation:var(--duration-enter) ease-in var(--duration-exit) both fade, var(--duration-move) ease-in both slide-y}::view-transition-new(.slide-from-right){--slide-offset:60px;animation:var(--duration-enter) ease-out var(--duration-exit) both fade, var(--duration-move) ease-in-out both slide}::view-transition-old(.slide-to-left){--slide-offset:-60px;animation:var(--duration-exit) ease-in both fade reverse, var(--duration-move) ease-in-out both slide reverse}::view-transition-new(.slide-from-left){--slide-offset:-60px;animation:var(--duration-enter) ease-out var(--duration-exit) both fade, var(--duration-move) ease-in-out both slide}::view-transition-old(.slide-to-right){--slide-offset:60px;animation:var(--duration-exit) ease-in both fade reverse, var(--duration-move) ease-in-out both slide reverse}::view-transition-old(.nav-forward){--slide-offset:-60px;animation:var(--duration-exit) ease-in both fade reverse, var(--duration-move) ease-in-out both slide reverse}::view-transition-new(.nav-forward){--slide-offset:60px;animation:var(--duration-enter) ease-out var(--duration-exit) both fade, var(--duration-move) ease-in-out both slide}::view-transition-old(.nav-back){--slide-offset:60px;animation:var(--duration-exit) ease-in both fade reverse, var(--duration-move) ease-in-out both slide reverse}::view-transition-new(.nav-back){--slide-offset:-60px;animation:var(--duration-enter) ease-out var(--duration-exit) both fade, var(--duration-move) ease-in-out both slide}::view-transition-group(.morph){animation-duration:var(--duration-move)}::view-transition-image-pair(.morph){animation-name:via-blur}@keyframes via-blur{30%{filter:blur(3px)}}::view-transition-group(.text-morph){animation-duration:var(--duration-move)}::view-transition-old(.text-morph){display:none}::view-transition-new(.text-morph){object-fit:none;object-position:left top;animation:none}::view-transition-old(.scale-out){animation:var(--duration-exit) ease-in scale-down}::view-transition-new(.scale-in){animation:var(--duration-enter) ease-out var(--duration-exit) both scale-up}@keyframes scale-down{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}@keyframes scale-up{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}::view-transition-group(persistent-nav){z-index:100;animation:none}::view-transition-group(mobile-header){z-index:100;animation:none}::view-transition-old(persistent-nav){display:none}::view-transition-old(mobile-header){display:none}::view-transition-new(persistent-nav){animation:none}::view-transition-new(mobile-header){animation:none}@media (max-width:1240px){.compact-stats,.dashboard-kpis{grid-template-columns:1fr 1fr}.resource-actions{grid-template-columns:1fr}.study-workspace{grid-template-columns:280px minmax(0,1fr)}.difficulty-grid{grid-template-columns:1fr 1fr}}@media (max-width:980px){.auth-page{grid-template-columns:1fr}.auth-story{min-height:470px;padding-bottom:34px}.auth-story-copy{margin-top:72px}.auth-story-copy h1{font-size:52px}.floating-deck{display:none}.trust-list{margin-top:auto}.auth-panel{min-height:auto;padding-top:70px;padding-bottom:70px}.app-frame{grid-template-columns:1fr}.app-sidebar{width:min(86vw,300px);box-shadow:var(--shadow-lg);transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-105%)}.mobile-nav-open .app-sidebar{transform:translate(0)}.nav-scrim{z-index:40;background:#0f191461;border:0;position:fixed;inset:0}.mobile-nav-open .nav-scrim{display:block}.mobile-only{display:grid}.mobile-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fafaf7e6;justify-content:space-between;align-items:center;height:66px;padding:0 20px;display:flex}.mobile-header .brand{font-size:16px}.mobile-header .brand-glyph{border-radius:10px 10px 10px 3px;width:32px;height:32px;font-size:19px}.page-shell{padding:30px 22px}.two-column-grid,.dashboard-grid,.lower-grid{grid-template-columns:1fr}.study-workspace{grid-template-columns:1fr;overflow:visible}.study-library{border-right:0;border-bottom:1px solid var(--line)}.mini-card-list{max-height:230px}.hierarchy-checks{max-height:180px}.learn-page{padding:12px}.study-loading{grid-template-columns:1fr}.study-loading aside{height:240px}}@media (max-width:680px){.auth-story{display:none}.auth-panel{min-height:100vh;padding:28px 20px}.auth-mobile-brand{align-items:center;gap:9px;margin-bottom:55px;display:flex}.auth-card h2{font-size:34px}.simple-auth-card{padding:28px 22px}.page-header{flex-direction:column;align-items:flex-start}.page-header .button{width:100%}.compact-stats,.dashboard-kpis{grid-template-columns:1fr 1fr}.compact-stats article,.kpi-card{min-height:120px;padding:16px}.compact-stats strong,.kpi-card strong{font-size:28px}.surface{border-radius:17px;padding:19px}.surface-heading{gap:12px}.surface-heading h2{font-size:20px}.drop-zone{min-height:210px;padding:20px}.preview-row{grid-template-columns:1fr;gap:4px}.import-options{flex-direction:column;align-items:stretch}.import-options label{width:100%}.manual-vocabulary-form{grid-template-columns:1fr}.manual-vocabulary-form .wide{grid-column:auto}.group-create-form{grid-template-columns:1fr}.table-toolbar{flex-direction:column;align-items:stretch}.search-form{width:100%}.study-stage{padding:20px 14px 28px}.study-toolbar{flex-direction:column;align-items:flex-start}.study-toolbar>div:last-child{justify-content:flex-start}.flashcard-3d{height:340px}.flashcard-face strong{font-size:44px}.flashcard-back strong{font-size:30px}.flashcard-face>span:not(.flashcard-face){max-width:88%;font-size:14px}.pronunciation-actions .button{flex:calc(50% - 7px)}.voice-settings>div{grid-template-columns:1fr}.difficulty-grid{grid-template-columns:1fr 1fr}.difficulty{min-height:80px}.onboarding-banner{grid-template-columns:54px 1fr}.onboarding-art{width:52px;height:52px}.onboarding-banner .button{grid-column:1/-1}.activity-chart{gap:3px}.activity-plot>i{left:12%;right:12%}.activity-day small{font-size:6px}.distribution-list,.health-list{grid-template-columns:1fr}.history-list time{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}}