:root{--ink: #13201b;--muted: #65736d;--line: rgba(19, 32, 27, .12);--paper: #fbfcf7;--panel: #ffffff;--teal: #0d6b5d;--teal-dark: #083f38;--mint: #dff3ea;--coral: #e56f57;--blue: #3867d6;--gold: #efbd4b;--violet: #6d5bd0;--shadow: 0 20px 70px rgba(27, 45, 38, .13);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}:root.platform-theme-light{color-scheme:light}:root.platform-theme-dark{--ink: #edf6f2;--muted: #9fb3aa;--line: rgba(222, 241, 233, .14);--paper: #0d141f;--panel: #151f2c;--mint: #143b35;--shadow: 0 22px 72px rgba(0, 0, 0, .34);color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:var(--paper)}button,input,textarea,select{font:inherit}a{color:inherit}.app-root{min-height:100vh}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:10px 16px;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button:disabled{cursor:wait;opacity:.68}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--teal);color:#fff;box-shadow:0 12px 30px #0d6b5d3d}.button-secondary{background:#fff;color:var(--ink);border-color:var(--line)}.button-danger{background:#c73535;color:#fff;border-color:#c7353547;box-shadow:0 12px 30px #c7353538}.button-success{background:#0b7a55;color:#fff;border-color:#0b7a5547;box-shadow:0 12px 30px #0b7a553d}.button-ghost{background:transparent;color:var(--ink)}.button-outline-light{background:#ffffff1a;color:#fff;border-color:#ffffff94}.public-shell{min-height:100vh;background:linear-gradient(180deg,#ffffffe6,#fbfcf7fa)}.public-nav{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:72px;padding:12px 28px;border-bottom:1px solid rgba(255,255,255,.36);background:#fbfcf7e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark,.brand-lockup,.app-brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;text-decoration:none}.brand-mark-icon,.brand-lockup span,.app-brand span{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--teal),var(--blue))}.brand-mark-name{min-width:0}.public-nav nav{display:flex;align-items:center;gap:18px;color:var(--muted);font-weight:750}.public-nav nav a,.legal-links a,.auth-links a{text-decoration:none}.public-nav nav a:hover,.legal-links a:hover,.auth-links a:hover{color:var(--teal)}.public-nav-actions{justify-self:end;display:flex;align-items:center;gap:10px}.public-content{width:100%}.hero{min-height:78svh;display:grid;align-items:center;background-size:cover;background-position:center;color:#fff;padding:54px 28px 64px}.hero-content{width:min(100%,760px);margin-left:max(0px,calc((100vw - 1180px)/2))}.eyebrow,.workspace-hero span,.empty-state p{margin:0 0 14px;color:var(--coral);font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:0}.hero .eyebrow{color:#ffe2d9}.hero h1{margin:0;max-width:680px;font-size:5rem;line-height:.96;letter-spacing:0}.hero p{max-width:640px;margin:24px 0 0;font-size:1.2rem;line-height:1.75;color:#ffffffe6}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.stat-band{width:min(100% - 32px,1120px);margin:-34px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative;z-index:3}.stat-band article,.feature-card,.metric-card,.workspace-panel,.auth-panel,.static-document,.empty-state{border:1px solid var(--line);border-radius:8px;background:#ffffffeb;box-shadow:var(--shadow)}.stat-band article{padding:18px}.stat-band strong,.feature-card h3,.workflow-row strong,.metric-card strong,.workspace-panel h2{display:block;margin:0;color:var(--ink)}.stat-band span,.feature-card p,.section-heading p,.metric-card p,.workspace-hero p,.empty-state strong,.static-document p,.auth-panel p{color:var(--muted);line-height:1.65}.section{width:min(100% - 32px,1120px);margin:0 auto;padding:76px 0 0}.section-heading{max-width:760px;margin:0 auto 28px;text-align:center}.section-heading-left{margin-left:0;text-align:left}.section-heading h2{margin:0;font-size:2.35rem;line-height:1.08;letter-spacing:0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature-card{padding:20px}.feature-card>span,.empty-state>span{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#fff;background:var(--teal)}.feature-card:nth-child(2)>span,.metric-card:nth-child(2){background:#fff8e7}.feature-card:nth-child(2)>span{background:var(--gold);color:#3f3100}.feature-card:nth-child(3)>span{background:var(--coral)}.feature-card:nth-child(4)>span{background:var(--blue)}.feature-card:nth-child(5)>span{background:var(--violet)}.feature-card h3{margin-top:18px}.split-section{display:grid;grid-template-columns:.9fr 1.1fr;align-items:start;gap:32px}.split-section.reverse{grid-template-columns:1fr .9fr}.workflow-list{display:grid;gap:10px}.workflow-row{display:grid;grid-template-columns:54px 1fr;align-items:center;min-height:68px;padding:12px 16px;border-bottom:1px solid var(--line);background:#fff}.workflow-row span{color:var(--coral);font-weight:900}.game-panel{min-height:300px;display:grid;align-content:center;gap:18px;padding:24px;border-radius:8px;background:linear-gradient(135deg,#0d6b5deb,#3867d6d1),#0d6b5d;color:#fff;box-shadow:var(--shadow)}.game-meter{height:10px;overflow:hidden;border-radius:999px;background:#ffffff40}.game-meter span{display:block;width:68%;height:100%;border-radius:inherit;background:var(--gold)}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-grid span{min-height:84px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#ffffff1f;font-weight:900}.public-footer{width:min(100% - 32px,1120px);margin:0 auto;padding:54px 0 34px}.legal-links{display:flex;flex-wrap:wrap;gap:16px;color:var(--muted);font-weight:760}.auth-page{min-height:100vh}.auth-page .public-nav{display:none}.auth-page .public-content{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-panel{width:min(100%,520px);display:grid;gap:22px;padding:28px}.auth-panel h1{margin:0;font-size:2rem;line-height:1.08}.auth-panel p{margin:8px 0 0}.auth-form{display:grid;gap:14px}.auth-form.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:1 / -1}.field{display:grid;gap:7px;color:var(--ink);font-weight:800}.field input,.field textarea,.field select{width:100%;min-height:46px;border:1px solid rgba(19,32,27,.16);border-radius:8px;padding:11px 13px;color:var(--ink);background:#fff}.field textarea{resize:vertical;line-height:1.5}.field small{color:var(--muted);font-weight:700}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--teal);outline:3px solid rgba(13,107,93,.14)}.social-buttons{display:grid;gap:10px}.social-buttons span{width:24px;height:24px;display:inline-grid;place-items:center;border-radius:50%;background:var(--mint);color:var(--teal-dark)}.auth-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;color:var(--muted);font-weight:760}.static-page .public-content{width:min(100% - 32px,900px);margin:0 auto;padding:58px 0}.static-document{padding:30px}.static-document h1{margin-top:0}.app-shell{position:relative;min-height:100vh;display:grid;grid-template-columns:260px 1fr;background:radial-gradient(circle at 12% 4%,rgba(13,107,93,.08),transparent 28%),linear-gradient(180deg,#f6f8f3,#eef4ef)}body.drawer-open{overflow:hidden}.app-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#11182b,#0b1020);padding:22px 16px;color:#fff;box-shadow:inset -1px 0 #ffffff0a}.app-sidebar-backdrop,.app-sidebar-close,.app-menu-button{display:none}.app-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.app-sidebar nav{display:grid;gap:6px;margin-top:28px}.app-sidebar nav a{min-height:42px;display:flex;align-items:center;gap:10px;border-radius:8px;padding:10px 12px;color:#ffffff9e;font-weight:800;text-decoration:none}.app-sidebar nav a.active,.app-sidebar nav a:hover{color:#fff;background:#7dd3c021}.app-sidebar nav a svg{color:#7dd3c0db}.app-main{min-width:0;min-height:100vh}.app-header{position:sticky;top:0;z-index:15;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 24px;border-bottom:1px solid var(--line);background:#f6f8f3db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-header-title{display:flex;align-items:center;gap:12px;min-width:0}.app-header-copy{display:grid;gap:2px;min-width:0}.app-header-copy strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header-eyebrow{color:var(--muted);font-size:.82rem;font-weight:900;text-transform:uppercase}.app-header-mobile-brand{display:none;align-items:center;gap:6px;color:var(--teal-dark);font-size:.84rem;font-weight:900}.app-menu-button,.app-sidebar-close{width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;cursor:pointer}.app-menu-button:hover,.app-sidebar-close:hover{color:var(--teal-dark);background:var(--mint)}.app-sidebar .app-brand{color:#fff}.app-sidebar .app-brand span{box-shadow:0 12px 26px #3867d638}.app-sidebar-close{color:#ffffffc2;background:#ffffff14;border-color:#ffffff1f}.app-sidebar-close:hover{color:#fff;background:#ffffff24}.workspace-view{display:grid;gap:18px;padding:24px}.workspace-hero{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:26px;border-radius:8px;background:linear-gradient(135deg,#fff,#eef8f2);border:1px solid var(--line)}.workspace-hero h1{margin:0;font-size:2.1rem;line-height:1.08}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric-card{padding:18px}.metric-card span{color:var(--muted);font-weight:850}.metric-card strong{margin-top:10px;font-size:2rem}.workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workspace-panel{padding:20px}.workspace-panel h2{display:flex;align-items:center;gap:8px;font-size:1rem}.workspace-panel ul{margin:16px 0 0;padding-left:20px;color:var(--muted);line-height:1.8}.progress-summary-list{display:grid;gap:10px;margin-top:12px}.progress-summary-row{display:grid;gap:6px;border:1px solid var(--line);border-radius:8px;padding:12px;background:#f8faf5}.progress-summary-row div{display:flex;align-items:center;justify-content:space-between;gap:10px}.progress-summary-row span,.progress-summary-row small{color:var(--muted);font-weight:750}.settings-view{width:min(100%,1180px);margin:0 auto;gap:14px}.settings-profile-card,.settings-card{border:1px solid var(--line);border-radius:8px;background:#fffffff0;box-shadow:0 16px 44px #1b2d2617}.settings-profile-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px}.settings-profile-card>span,.settings-section-header>span,.settings-option>span{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--teal),var(--blue))}.settings-profile-card h1,.settings-section-header h2{margin:0;line-height:1.08}.settings-profile-card div>span,.settings-section-header small{display:block;color:var(--coral);font-size:.76rem;font-weight:950;text-transform:uppercase}.settings-profile-card p{margin:5px 0 0;color:var(--muted);font-weight:700}.settings-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:start;gap:14px}.settings-card{display:grid;gap:18px;padding:18px}.settings-card-wide{grid-row:span 2}.settings-section-header{display:flex;align-items:center;gap:12px}.settings-section-header>span{color:var(--teal-dark);background:var(--mint)}.settings-field-group{display:grid;gap:10px}.settings-field-label{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:900}.settings-field-label svg{color:var(--teal)}.settings-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-options-three{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-option{min-height:116px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:12px;border:1px solid rgba(19,32,27,.12);border-radius:8px;padding:14px;color:var(--ink);background:#fff;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.settings-option:hover{transform:translateY(-1px);border-color:#0d6b5d3d;background:#f8fbf5}.settings-option.is-active{border-color:#0d6b5d61;background:linear-gradient(135deg,#dff3eaeb,#fffffffa);box-shadow:inset 0 0 0 1px #0d6b5d14}.settings-option>span{grid-column:1;grid-row:1;color:var(--teal-dark);background:var(--mint)}.settings-option strong,.settings-option small{grid-column:1 / -1}.settings-option strong{align-self:end}.settings-option small{margin-top:-8px;color:var(--muted);line-height:1.45}.settings-option>svg{grid-column:3;grid-row:1;justify-self:end;color:var(--teal)}.settings-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:14px}.settings-actions>span{margin-right:auto;color:var(--teal-dark);font-weight:850}.settings-card .translation-config-panel{grid-template-columns:1fr;border:0;padding:0;background:transparent;box-shadow:none}.settings-card .translation-config-arrow{display:none}.settings-card .translation-config-panel>p{grid-column:auto}.settings-detail-list{display:grid;gap:8px}.settings-detail{display:grid;gap:4px;border:1px solid var(--line);border-radius:8px;padding:12px;background:#f8faf5}.settings-detail span{color:var(--muted);font-size:.78rem;font-weight:850;text-transform:uppercase}.settings-detail strong{min-width:0;overflow-wrap:anywhere}.settings-note{margin:0;border:1px solid rgba(13,107,93,.13);border-radius:8px;padding:13px 14px;color:var(--muted);background:#dff3ea6b;line-height:1.55}:root.platform-theme-dark .app-shell{background:radial-gradient(circle at 12% 4%,rgba(13,107,93,.16),transparent 28%),linear-gradient(180deg,#111927,#0d141f)}:root.platform-theme-dark .app-header,:root.platform-theme-dark .workspace-hero,:root.platform-theme-dark .learning-list-header,:root.platform-theme-dark .learning-card,:root.platform-theme-dark .flashcard-stage,:root.platform-theme-dark .game-result,:root.platform-theme-dark .admin-heading,:root.platform-theme-dark .admin-table,:root.platform-theme-dark .admin-form,:root.platform-theme-dark .admin-import-result,:root.platform-theme-dark .settings-profile-card,:root.platform-theme-dark .settings-card,:root.platform-theme-dark .topic-search,:root.platform-theme-dark .translation-config-panel{background:#151f2cf0}:root.platform-theme-dark .button-secondary,:root.platform-theme-dark .settings-option,:root.platform-theme-dark .settings-detail,:root.platform-theme-dark .field input,:root.platform-theme-dark .field textarea,:root.platform-theme-dark .field select,:root.platform-theme-dark .translation-config-field select{color:var(--ink);border-color:var(--line);background:#ffffff0f}:root.platform-theme-dark .settings-option.is-active,:root.platform-theme-dark .settings-note,:root.platform-theme-dark .progress-summary-row{background:#0d6b5d29}.centered-view{min-height:calc(100vh - 72px);place-items:center}.empty-state{width:min(100%,560px);display:grid;justify-items:center;gap:12px;padding:34px;text-align:center}.empty-state h1{margin:0;font-size:2rem;line-height:1.08}.empty-state strong{font-weight:600}.learning-view{width:min(100%,1180px);margin:0 auto}.learning-list-view{gap:12px}.topic-choice-view{--choice-accent: var(--gold);--choice-accent-strong: var(--coral)}.part-choice-view{--choice-accent: var(--blue);--choice-accent-strong: var(--teal)}.learning-list-header{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:8px;padding:14px 16px;background:linear-gradient(135deg,#0d796914,#3867d61a),#fff;box-shadow:0 14px 36px #1b2d2614}.topic-choice-view .learning-list-header{color:var(--ink);border-color:#e56f572e;background:linear-gradient(135deg,#efbd4b29,#e56f5712),#fff}.part-choice-view .learning-list-header{border-color:#3867d62e;background:linear-gradient(135deg,#f0f8fffa,#ecf8f2fa),#fff}.topic-choice-view .topic-search{border-color:#e56f5729;background:linear-gradient(90deg,#fff8e7e0,#fffffff5),#fff}.part-choice-view .topic-search{border-color:#3867d629;background:linear-gradient(90deg,#f0f8ffeb,#fffffffa),#fff}.learning-list-header-copy>span{color:var(--coral);font-size:.78rem;font-weight:950;text-transform:uppercase}.learning-list-header h1{margin:2px 0 0;font-size:clamp(1.28rem,3vw,1.85rem);line-height:1.08}.learning-list-header p{margin:6px 0 0;max-width:640px;color:var(--muted);line-height:1.45}.topic-choice-view .learning-list-header p{color:var(--muted)}.learning-list-header-actions{display:flex;align-items:center;gap:8px}.learning-list-header-icon{width:42px;height:42px;flex:0 0 42px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--teal),var(--blue))}.topic-choice-view .learning-list-header-icon{color:#fff;background:linear-gradient(135deg,var(--coral),var(--gold))}.part-choice-view .learning-list-header-icon{background:linear-gradient(135deg,var(--blue),var(--teal))}.pair-badge{min-height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(13,107,93,.22);border-radius:8px;padding:6px 10px;color:var(--teal-dark);background:var(--mint);font-size:.82rem;font-weight:950;white-space:nowrap}.pair-badge-clickable{cursor:pointer}.pair-badge-clickable:hover{border-color:#0d6b5d6b;background:#d3eee3}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:18px;background:#061f1b6b;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.config-modal{width:min(100%,620px);display:grid;gap:14px;border:1px solid var(--line);border-radius:8px;padding:16px;background:var(--paper);box-shadow:var(--shadow)}.config-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.config-modal-header span{color:var(--coral);font-size:.78rem;font-weight:950;text-transform:uppercase}.config-modal-header h2{margin:2px 0 0;font-size:1.35rem}.modal-close-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;cursor:pointer}.learning-hero{align-items:center;background:radial-gradient(circle at 92% 14%,rgba(56,103,214,.16),transparent 34%),linear-gradient(135deg,#fff,#edf8f2)}.learning-hero-icon,.learning-card-icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--teal),var(--blue))}.topic-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:0 14px;background:#fff;box-shadow:0 14px 40px #1b2d2614}.topic-search input{width:100%;min-height:48px;border:0;outline:0;background:transparent}.translation-config-panel{display:grid;grid-template-columns:minmax(190px,1fr) minmax(140px,180px) auto minmax(140px,180px) auto;align-items:end;gap:12px;border:1px solid var(--line);border-radius:8px;padding:16px;background:#fffffff0;box-shadow:var(--shadow)}.translation-config-title{display:flex;align-items:center;gap:10px}.translation-config-title>span{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#fff;background:var(--teal)}.translation-config-title small,.translation-config-field span{display:block;color:var(--muted);font-size:.78rem;font-weight:850;text-transform:uppercase}.translation-config-title strong{display:block;margin-top:2px}.translation-config-field{display:grid;gap:6px}.translation-config-field select{min-height:42px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:#fff;color:var(--ink);font:inherit;font-weight:800}.translation-config-arrow{align-self:center;color:var(--muted)}.translation-config-panel>p{grid-column:2 / -1;margin:0;color:var(--coral);font-weight:850}.learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.learning-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-card,.flashcard-stage,.game-result,.admin-heading,.admin-table,.admin-form,.admin-import-result{border:1px solid var(--line);border-radius:8px;background:#fffffff0;box-shadow:var(--shadow)}.learning-card{display:grid;gap:12px;padding:20px;text-decoration:none}.learning-card-numbered{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:16px}.topic-choice-card{overflow:hidden;color:var(--ink);border-color:#e56f5729;background:linear-gradient(90deg,rgba(239,189,75,.12),rgba(229,111,87,.04) 52%,transparent),#fff}.topic-choice-card:hover{border-color:#e56f5757}.topic-choice-card p,.topic-choice-card small{color:var(--muted)}.part-choice-card{border-color:#3867d629;background:linear-gradient(90deg,#3867d614,#0d6b5d0a),#fff}.part-choice-card:hover{border-color:#3867d657}.learning-card-number{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#fff;background:#12251f;font-weight:950;letter-spacing:0}.topic-choice-card .learning-card-number{color:#fff;background:linear-gradient(135deg,var(--coral),var(--gold))}.part-choice-card .learning-card-number{background:linear-gradient(135deg,var(--blue),var(--teal))}.learning-card-body{min-width:0;display:grid;gap:8px}.learning-card:hover{border-color:#0d6b5d47;transform:translateY(-1px)}.topic-choice-card.learning-card:hover{border-color:#e56f5757}.part-choice-card.learning-card:hover{border-color:#3867d657}:root.platform-theme-dark .topic-choice-card,:root.platform-theme-dark .part-choice-card{background:linear-gradient(90deg,#0d6b5d29,#3867d614),#151f2cf0}:root.platform-theme-dark .topic-choice-card p,:root.platform-theme-dark .topic-choice-card small{color:var(--muted)}.learning-card strong{font-size:1.1rem}.learning-card p,.learning-card small{margin:0;color:var(--muted);line-height:1.5}.learning-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.learning-card-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.back-link{width:max-content;display:inline-flex;align-items:center;gap:8px;color:var(--teal-dark);font-weight:850;text-decoration:none}.flashcard-stage{display:grid;gap:18px;padding:22px}.flashcard-header{display:flex;align-items:start;justify-content:space-between;gap:18px}.flashcard-header span,.admin-heading span{color:var(--coral);font-size:.82rem;font-weight:900;text-transform:uppercase}.flashcard-header h1,.admin-heading h1{margin:4px 0 0;line-height:1.08}.flashcard-header p{margin:8px 0 0;color:var(--muted)}.flashcard-header>strong{min-width:82px;border-radius:8px;padding:10px 12px;text-align:center;color:var(--teal-dark);background:var(--mint)}.flashcard-header-meta{display:flex;flex-wrap:wrap;justify-content:end;gap:8px}.flashcard-header-meta>strong{min-width:82px;border-radius:8px;padding:10px 12px;text-align:center;color:var(--teal-dark);background:var(--mint)}.flashcard{min-height:340px;display:grid;place-items:center;gap:20px;border-radius:8px;padding:36px 22px;text-align:center;background:linear-gradient(#0a1625a3,#0a16257a),url(/assets/hero-interpretation-space-BQ3Ma9h4.png) center/cover;color:#fff}.flashcard>span{color:#ffffffc2;font-weight:900}.flashcard h2{max-width:820px;margin:0;font-size:clamp(2rem,7vw,4.8rem);line-height:1.04}.flashcard-answer{max-width:820px;margin:0;border-radius:8px;padding:18px 22px;color:#10211c;font-size:clamp(1.35rem,4vw,2.4rem);font-weight:900;background:#ffffffeb}.learning-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.learning-actions-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.game-result{width:min(100%,720px);justify-self:center;display:grid;justify-items:center;gap:16px;padding:34px;text-align:center}.game-result>span{width:58px;height:58px;display:grid;place-items:center;border-radius:8px;color:#fff;background:var(--teal)}.game-result h1{margin:0;font-size:clamp(3rem,12vw,6rem);line-height:.95}.game-result>strong{color:var(--teal-dark);font-size:1.4rem}.result-stats{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.result-stats article{border-radius:8px;padding:16px;background:#f4f8f2}.result-stats span,.result-stats strong{display:block}.result-stats span{color:var(--muted);font-weight:850}.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px}.admin-tabs{display:flex;gap:8px}.admin-tabs a{border-radius:8px;padding:10px 14px;color:var(--teal-dark);font-weight:850;text-decoration:none;background:var(--mint)}.admin-table{display:grid;gap:8px;padding:10px}.admin-row{display:grid;grid-template-columns:50px minmax(0,1fr) 180px auto;align-items:center;gap:12px;border-radius:8px;padding:12px;background:#f8faf5}.admin-row-wide{grid-template-columns:50px minmax(0,1.1fr) minmax(0,1fr) minmax(180px,.6fr) auto}.admin-row strong,.admin-row p,.admin-row small{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis}.admin-row small,.admin-row p{color:var(--muted)}.admin-row>span{color:var(--coral);font-weight:900}.admin-row>div{display:flex;flex-wrap:wrap;justify-content:end;gap:8px}.admin-form{padding:22px}.boolean-field{display:inline-flex;align-items:center;gap:10px;align-self:end;min-height:46px;font-weight:850}.boolean-field input{width:20px;height:20px;accent-color:var(--teal)}.admin-import-result{margin:0;padding:16px;color:var(--teal-dark);font-weight:850}.route-fallback{min-height:100vh;display:grid;place-items:center}.route-fallback span{width:42px;height:42px;border-radius:999px;border:4px solid rgba(13,107,93,.18);border-top-color:var(--teal);animation:spin .86s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 960px){.public-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 12px;min-height:auto;padding:12px 18px}.public-nav nav{order:3;width:100%;justify-content:center;gap:6px;border-top:1px solid rgba(13,107,93,.12);padding-top:10px}.public-nav nav a{min-height:36px;display:inline-flex;align-items:center;border-radius:8px;padding:8px 12px;background:#0d6b5d0f;color:var(--ink);font-size:.88rem}.public-nav-actions{justify-self:auto;margin-left:auto}.public-nav-auth{min-height:38px;padding:9px 12px;font-size:.9rem}.hero h1{font-size:4rem}.stat-band,.feature-grid,.metric-grid,.workspace-grid,.learning-grid,.learning-grid-compact,.result-stats,.translation-config-panel,.split-section,.split-section.reverse{grid-template-columns:1fr}.translation-config-arrow{display:none}.translation-config-panel>p{grid-column:auto}.app-shell{display:block}.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:min(82vw,280px);height:100dvh;border-right:1px solid rgba(12,51,44,.18);border-bottom:0;box-shadow:24px 0 56px #0c332c33;transform:translate(-104%);opacity:0;transition:opacity .18s ease,transform .24s cubic-bezier(.22,1,.36,1)}.app-sidebar.is-open{transform:translate(0);opacity:1}.app-sidebar nav{grid-template-columns:1fr}.app-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;display:block;border:0;padding:0;background:#061f1b57;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .18s ease}.app-sidebar-backdrop.is-open{opacity:1;pointer-events:auto}.app-sidebar-close,.app-menu-button{display:inline-flex}.admin-row,.admin-row-wide{grid-template-columns:42px minmax(0,1fr)}.admin-row small,.admin-row p,.admin-row>div{grid-column:2}.admin-row>div{justify-content:start}}@media (max-width: 640px){.public-nav{padding:10px 12px}.brand-mark{gap:8px}.brand-mark-icon{width:34px;height:34px;flex:0 0 34px}.public-nav-auth-register{display:none}.brand-mark-name{display:inline;max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem}.public-nav nav{justify-content:space-between;gap:4px;padding-top:8px;overflow-x:auto}.public-nav nav a{flex:1 1 0;justify-content:center;min-width:0;min-height:34px;padding:7px 8px;font-size:.8rem;white-space:nowrap}.hero-actions,.auth-links,.workspace-hero{align-items:stretch;flex-direction:column}.public-nav-actions{width:auto;flex-direction:row;align-items:center;gap:6px}.hero-actions .button,.auth-form .button,.app-header .button{width:100%}.public-nav-actions .button{width:auto;min-width:0;min-height:36px;padding:8px 10px;white-space:nowrap}.public-nav-actions .button svg{width:15px;height:15px}.app-header{min-height:64px;align-items:center;flex-direction:row;gap:10px;padding:10px 12px}.app-header-title{flex:1 1 auto}.app-header-mobile-brand{display:inline-flex}.app-header-eyebrow{display:none}.app-header .button{width:auto;min-height:38px;padding:8px 10px;white-space:nowrap}.app-header-button-label{display:none}.learning-view{padding:16px}.learning-list-view{gap:10px;padding:12px}.learning-list-header{padding:12px}.learning-list-header-actions{align-self:start}.learning-list-header-icon,.learning-list-header p{display:none}.pair-badge{min-height:30px;padding:5px 8px;font-size:.78rem}.config-modal{padding:12px}.topic-search{padding:0 12px}.topic-search input{min-height:42px}.learning-card-numbered{gap:10px;padding:12px}.learning-card-number{width:38px;height:38px}.learning-card p{-webkit-line-clamp:1}.learning-hero{align-items:stretch}.flashcard-stage,.game-result,.admin-heading,.admin-form{padding:18px}.flashcard-header,.admin-heading{display:grid}.flashcard-header-meta{justify-content:start}.flashcard{min-height:300px;padding:26px 16px}.learning-actions,.learning-actions .button,.learning-actions a{width:100%}.learning-actions-split{grid-template-columns:1fr}.hero{min-height:74svh;padding:40px 18px 54px;background-position:center right}.hero h1{font-size:3.1rem}.hero p{font-size:1rem}.section-heading h2,.workspace-hero h1,.empty-state h1{font-size:1.65rem}.auth-form.two-column{grid-template-columns:1fr}.span-2{grid-column:auto}.auth-page .public-content,.workspace-view{padding:16px}.auth-panel,.static-document,.empty-state,.workspace-hero{padding:20px}.app-sidebar nav{grid-template-columns:1fr}}@media (max-width: 860px){.settings-grid,.settings-options,.settings-options-three{grid-template-columns:1fr}.settings-card-wide{grid-row:auto}}@media (max-width: 560px){.settings-profile-card{grid-template-columns:auto minmax(0,1fr)}.settings-profile-card .button{grid-column:1 / -1;width:100%}.settings-actions,.settings-actions .button,.settings-actions a{width:100%}.settings-actions{justify-content:stretch}.settings-actions>span{width:100%;margin-right:0;text-align:center}}