:root{--vocab-brand-green:#10b981;--vocab-brand-green-hover:#059669;--vocab-brand-green-active:#047857;--vocab-dark:#292524;--vocab-white:#fff;--vocab-emerald-50:#ecfdf5;--vocab-emerald-100:#d1fae5;--vocab-emerald-200:#a7f3d0;--vocab-emerald-300:#6ee7b7;--vocab-emerald-400:#34d399;--vocab-emerald-500:#10b981;--vocab-emerald-600:#059669;--vocab-emerald-700:#047857;--vocab-black:#1c1917;--vocab-near-black:#292524;--vocab-charcoal:#44403c;--vocab-gray:#78716c;--vocab-medium-gray:#a8a29e;--vocab-light-gray:#d6d3d1;--vocab-very-light-gray:#f5f5f4;--vocab-off-white:#fafaf9;--vocab-stone-50:#fafaf9;--vocab-stone-100:#f5f5f4;--vocab-stone-200:#e7e5e4;--vocab-stone-300:#d6d3d1;--vocab-stone-400:#a8a29e;--vocab-stone-500:#78716c;--vocab-stone-600:#57534e;--vocab-stone-700:#44403c;--vocab-stone-800:#292524;--vocab-stone-900:#1c1917;--vocab-success:#10b981;--vocab-error:#f43f5e;--vocab-error-hover:#e11d48;--vocab-warning:#f59e0b;--vocab-info:#0ea5e9;--vocab-coral-50:#fff1f2;--vocab-coral-100:#ffe4e6;--vocab-coral-400:#fb7185;--vocab-coral-500:#f43f5e;--vocab-coral-600:#e11d48;--vocab-amber-50:#fffbeb;--vocab-amber-100:#fef3c7;--vocab-amber-200:#fde68a;--vocab-amber-300:#fcd34d;--vocab-amber-400:#fbbf24;--vocab-amber-500:#f59e0b;--vocab-amber-600:#d97706;--vocab-sky-50:#f0f9ff;--vocab-sky-100:#e0f2fe;--vocab-sky-400:#38bdf8;--vocab-sky-500:#0ea5e9;--vocab-sky-600:#0284c7;--vocab-level-A1:#d1fae5;--vocab-level-A2:#a7f3d0;--vocab-level-B1:#fef3c7;--vocab-level-B2:#fde68a;--vocab-level-C1:#ede9fe;--vocab-level-C2:#ddd6fe;--vocab-level-ZH1:#e0f2fe;--vocab-level-ZH2:#bae6fd;--vocab-level-ZH3:#7dd3fc;--vocab-level-default:#f5f5f4;--vocab-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--vocab-font-size-h1:36px;--vocab-font-size-h1-5:32px;--vocab-font-size-h2:28px;--vocab-font-size-h3:20px;--vocab-font-size-h4:16px;--vocab-font-size-body-large:16px;--vocab-font-size-body:14px;--vocab-font-size-body-small:12px;--vocab-font-size-label:12px;--vocab-font-size-caption:11px;--vocab-font-weight-regular:400;--vocab-font-weight-semibold:600;--vocab-font-weight-bold:700;--vocab-line-height-heading:1.2;--vocab-line-height-body:1.6;--vocab-line-height-tight:1.4;--vocab-space-xs:4px;--vocab-space-sm:8px;--vocab-space-md:16px;--vocab-space-lg:24px;--vocab-space-xl:32px;--vocab-space-xxl:48px;--vocab-shadow-sm:0 1px 2px rgba(28,25,23,0.04);--vocab-shadow-subtle:0 1px 3px rgba(28,25,23,0.05),0 4px 12px rgba(28,25,23,0.05);--vocab-shadow-elevated:0 4px 6px rgba(28,25,23,0.05),0 10px 24px rgba(28,25,23,0.08);--vocab-shadow-lg:0 10px 15px rgba(28,25,23,0.05),0 20px 40px rgba(28,25,23,0.1);--vocab-glow-emerald:0 0 24px rgba(16,185,129,0.12);--vocab-glow-amber:0 0 24px rgba(251,191,36,0.15);--vocab-transition:200ms ease-in-out;--vocab-transition-fast:150ms ease-out;--vocab-transition-slow:300ms ease-in-out;--vocab-border-radius-sm:6px;--vocab-border-radius:10px;--vocab-border-radius-lg:14px;--vocab-border-radius-xl:20px;--vocab-border-radius-pill:9999px}.btn-primary{--bs-btn-bg:var(--vocab-brand-green);--bs-btn-border-color:var(--vocab-brand-green);--bs-btn-hover-bg:var(--vocab-brand-green-hover);--bs-btn-hover-border-color:var(--vocab-brand-green-hover);--bs-btn-active-bg:var(--vocab-brand-green-active);--bs-btn-active-border-color:var(--vocab-brand-green-active);--bs-btn-disabled-bg:var(--vocab-light-gray);--bs-btn-disabled-border-color:var(--vocab-light-gray);font-weight:var(--vocab-font-weight-semibold);font-size:var(--vocab-font-size-body);padding:12px 16px;border-radius:var(--vocab-border-radius);min-height:44px;transition:background-color var(--vocab-transition),border-color var(--vocab-transition),box-shadow var(--vocab-transition)}.btn-primary:hover{box-shadow:var(--vocab-shadow-subtle)}.btn-primary:focus,.btn-primary:focus-visible{box-shadow:0 0 0 3px rgba(16,185,129,0.25);outline:0}.btn-secondary{--bs-btn-bg:transparent;--bs-btn-border-color:var(--vocab-light-gray);--bs-btn-color:var(--vocab-dark);--bs-btn-hover-bg:var(--vocab-very-light-gray);--bs-btn-hover-border-color:var(--vocab-light-gray);--bs-btn-hover-color:var(--vocab-dark);--bs-btn-active-bg:var(--vocab-light-gray);--bs-btn-active-border-color:var(--vocab-light-gray);--bs-btn-active-color:var(--vocab-dark);font-weight:var(--vocab-font-weight-semibold);font-size:var(--vocab-font-size-body);padding:12px 16px;border-radius:var(--vocab-border-radius);min-height:44px;transition:background-color var(--vocab-transition),border-color var(--vocab-transition)}.btn-outline-primary{--bs-btn-color:var(--vocab-brand-green);--bs-btn-border-color:var(--vocab-brand-green);--bs-btn-hover-bg:var(--vocab-brand-green);--bs-btn-hover-border-color:var(--vocab-brand-green);--bs-btn-hover-color:var(--vocab-white);--bs-btn-active-bg:var(--vocab-brand-green-hover);--bs-btn-active-border-color:var(--vocab-brand-green-hover);font-weight:var(--vocab-font-weight-semibold);font-size:var(--vocab-font-size-body);padding:12px 16px;border-radius:var(--vocab-border-radius);min-height:44px;transition:background-color var(--vocab-transition),border-color var(--vocab-transition),color var(--vocab-transition)}.btn-danger{--bs-btn-bg:var(--vocab-error);--bs-btn-border-color:var(--vocab-error);--bs-btn-hover-bg:var(--vocab-error-hover);--bs-btn-hover-border-color:var(--vocab-error-hover);--bs-btn-active-bg:var(--vocab-coral-600);--bs-btn-active-border-color:var(--vocab-coral-600);--bs-btn-disabled-bg:var(--vocab-light-gray);--bs-btn-disabled-border-color:var(--vocab-light-gray);font-weight:var(--vocab-font-weight-semibold);font-size:var(--vocab-font-size-body);padding:12px 16px;border-radius:var(--vocab-border-radius);min-height:44px;transition:background-color var(--vocab-transition),border-color var(--vocab-transition),box-shadow var(--vocab-transition)}.btn-success{--bs-btn-bg:var(--vocab-success);--bs-btn-border-color:var(--vocab-success);--bs-btn-hover-bg:var(--vocab-emerald-700);--bs-btn-hover-border-color:var(--vocab-emerald-700);font-weight:var(--vocab-font-weight-semibold);font-size:var(--vocab-font-size-body);padding:12px 16px;border-radius:var(--vocab-border-radius);min-height:44px}.vocab-card{background:var(--vocab-white);border:1px solid var(--vocab-very-light-gray);border-radius:var(--vocab-border-radius-lg);padding:var(--vocab-space-lg);box-shadow:var(--vocab-shadow-subtle);transition:box-shadow var(--vocab-transition),transform var(--vocab-transition)}.vocab-card:hover{box-shadow:var(--vocab-shadow-elevated);transform:scale(1.02)}.vocab-card-title{font-size:var(--vocab-font-size-h3);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-dark);margin-bottom:var(--vocab-space-sm)}.vocab-card-meta{font-size:var(--vocab-font-size-body-small);color:var(--vocab-medium-gray)}.card{border:1px solid var(--vocab-very-light-gray);border-radius:var(--vocab-border-radius-lg);box-shadow:var(--vocab-shadow-subtle);transition:box-shadow var(--vocab-transition),transform var(--vocab-transition)}.card:hover{box-shadow:var(--vocab-shadow-elevated)}.card-title{font-size:var(--vocab-font-size-h3);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-dark)}.vocab-level-badge{display:inline-block;padding:6px 10px;border-radius:var(--vocab-border-radius-pill);font-size:var(--vocab-font-size-caption);font-weight:var(--vocab-font-weight-semibold);line-height:1}.vocab-level-badge.level-A1{background-color:var(--vocab-level-A1);color:var(--vocab-dark)}.vocab-level-badge.level-A2{background-color:var(--vocab-level-A2);color:var(--vocab-dark)}.vocab-level-badge.level-B1{background-color:var(--vocab-level-B1);color:var(--vocab-dark)}.vocab-level-badge.level-B2{background-color:var(--vocab-level-B2);color:var(--vocab-dark)}.vocab-level-badge.level-C1{background-color:var(--vocab-level-C1);color:var(--vocab-dark)}.vocab-level-badge.level-C2{background-color:var(--vocab-level-C2);color:var(--vocab-dark)}.vocab-level-badge.level-ZH1{background-color:var(--vocab-level-ZH1);color:var(--vocab-dark)}.vocab-level-badge.level-ZH2{background-color:var(--vocab-level-ZH2);color:var(--vocab-dark)}.vocab-level-badge.level-ZH3{background-color:var(--vocab-level-ZH3);color:var(--vocab-dark)}.level-A1{background-color:var(--vocab-level-A1) !important}.level-A2{background-color:var(--vocab-level-A2) !important}.level-B1{background-color:var(--vocab-level-B1) !important}.level-B2{background-color:var(--vocab-level-B2) !important}.level-C1{background-color:var(--vocab-level-C1) !important}.level-C2{background-color:var(--vocab-level-C2) !important}.level-ZH1{background-color:var(--vocab-level-ZH1) !important}.level-ZH2{background-color:var(--vocab-level-ZH2) !important}.level-ZH3{background-color:var(--vocab-level-ZH3) !important}.level-default{background-color:var(--vocab-level-default) !important}.navbar{background-color:var(--vocab-dark) !important}.navbar-brand{font-weight:var(--vocab-font-weight-bold);font-size:var(--vocab-font-size-h1);color:var(--vocab-white) !important;transition:color var(--vocab-transition)}.navbar-brand:hover,.navbar-brand:focus{color:var(--vocab-brand-green) !important}.navbar-dark .nav-link{font-size:var(--vocab-font-size-body);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-white) !important;transition:color var(--vocab-transition);padding:var(--vocab-space-sm) var(--vocab-space-md)}.navbar-dark .nav-link:hover,.navbar-dark .nav-link:focus{color:var(--vocab-brand-green) !important}.navbar-dark .nav-link.active{color:var(--vocab-brand-green) !important;border-bottom:2px solid var(--vocab-brand-green)}.navbar-text{font-size:var(--vocab-font-size-body);color:var(--vocab-light-gray) !important}.navbar .btn-outline-light{font-size:var(--vocab-font-size-body-small);font-weight:var(--vocab-font-weight-semibold);border-color:var(--vocab-light-gray);color:var(--vocab-white);padding:var(--vocab-space-xs) var(--vocab-space-sm)}.navbar .btn-outline-light:hover,.navbar .btn-outline-light:focus{background-color:var(--vocab-charcoal);border-color:var(--vocab-white);color:var(--vocab-white)}.navbar-toggler{border-color:var(--vocab-light-gray)}.navbar-toggler:focus{box-shadow:0 0 0 3px rgba(46,204,113,0.25)}.vocab-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;padding:var(--vocab-space-sm) 0;margin-bottom:var(--vocab-space-md);font-size:var(--vocab-font-size-body-small);line-height:var(--vocab-line-height-tight)}.vocab-breadcrumb-item{color:var(--vocab-brand-green);text-decoration:none;transition:color var(--vocab-transition)}.vocab-breadcrumb-item:hover,.vocab-breadcrumb-item:focus{color:var(--vocab-brand-green-hover);text-decoration:underline}.vocab-breadcrumb-separator{color:var(--vocab-medium-gray);padding:0 var(--vocab-space-sm);user-select:none}.vocab-breadcrumb-current{color:var(--vocab-charcoal);font-weight:var(--vocab-font-weight-semibold)}@media(max-width:480px){.vocab-breadcrumb{font-size:var(--vocab-font-size-caption)}.vocab-breadcrumb-item,.vocab-breadcrumb-current{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.vocab-hero{background:linear-gradient(135deg,rgba(46,204,113,0.1) 0,var(--vocab-white) 100%);border-radius:var(--vocab-border-radius-lg);padding:var(--vocab-space-xxl) var(--vocab-space-lg);text-align:center;margin-bottom:var(--vocab-space-xl)}.vocab-hero-title{font-size:var(--vocab-font-size-h1);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-dark);margin-bottom:var(--vocab-space-md);line-height:var(--vocab-line-height-heading)}.vocab-hero-description{font-size:var(--vocab-font-size-body-large);color:var(--vocab-charcoal);max-width:600px;margin:0 auto var(--vocab-space-lg);line-height:var(--vocab-line-height-body)}.vocab-hero-cta{margin-top:var(--vocab-space-lg)}.vocab-hero-or{display:inline-block;margin:0 var(--vocab-space-sm);color:var(--vocab-charcoal);font-size:var(--vocab-font-size-body)}.vocab-stats-section{margin-bottom:var(--vocab-space-xl)}.vocab-stat-card{background:var(--vocab-off-white);border:1px solid var(--vocab-very-light-gray);border-radius:var(--vocab-border-radius-lg);padding:var(--vocab-space-lg);text-align:center;min-height:100px;display:flex;flex-direction:column;justify-content:center}.vocab-stat-number{font-size:var(--vocab-font-size-h2);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-brand-green);line-height:1;margin-bottom:var(--vocab-space-xs)}.vocab-stat-label{font-size:var(--vocab-font-size-body);color:var(--vocab-medium-gray)}.vocab-quick-actions{display:flex;flex-wrap:wrap;gap:var(--vocab-space-md);margin-bottom:var(--vocab-space-xl)}.vocab-quick-actions .btn{flex-shrink:0}.vocab-quick-actions .btn:disabled,.vocab-quick-actions .btn.disabled{opacity:.5;cursor:not-allowed}.vocab-section-header{font-size:var(--vocab-font-size-h2);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-dark);margin-bottom:var(--vocab-space-lg)}.vocab-list-grid{display:grid;gap:var(--vocab-space-lg);grid-template-columns:1fr}@media(min-width:768px){.vocab-list-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.vocab-list-grid{grid-template-columns:repeat(3,1fr)}}.teacher-landing .vocab-list-grid{grid-template-columns:1fr}@media(min-width:768px){.teacher-landing .vocab-list-grid{grid-template-columns:repeat(2,1fr)}}.vocab-list-card{display:flex;flex-direction:column}.vocab-list-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--vocab-space-sm)}.vocab-list-card-title{font-size:var(--vocab-font-size-h3);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-dark);text-decoration:none;transition:color var(--vocab-transition)}.vocab-list-card-title:hover{color:var(--vocab-brand-green)}.vocab-list-card-meta{font-size:var(--vocab-font-size-body-small);color:var(--vocab-medium-gray);margin-bottom:var(--vocab-space-md)}.vocab-list-card-actions{margin-top:auto;padding-top:var(--vocab-space-md);border-top:1px solid var(--vocab-very-light-gray)}.vocab-word-count{display:inline-block;background:var(--vocab-very-light-gray);color:var(--vocab-charcoal);font-size:var(--vocab-font-size-body-small);font-weight:var(--vocab-font-weight-semibold);padding:var(--vocab-space-xs) var(--vocab-space-sm);border-radius:var(--vocab-border-radius-pill)}@media(max-width:480px){.vocab-hero{padding:var(--vocab-space-xl) var(--vocab-space-md)}.vocab-hero-title{font-size:var(--vocab-font-size-h2)}.vocab-quick-actions{flex-direction:column}.vocab-quick-actions .btn{width:100%}}.form-control{background-color:var(--vocab-white);border:1px solid var(--vocab-light-gray);border-radius:var(--vocab-border-radius-sm);padding:12px;font-size:var(--vocab-font-size-body);font-family:var(--vocab-font-family);min-height:44px;transition:border-color var(--vocab-transition),box-shadow var(--vocab-transition)}.form-control::placeholder{color:var(--vocab-medium-gray)}.form-control:focus{border-color:var(--vocab-brand-green);box-shadow:0 0 0 3px rgba(46,204,113,0.1);outline:0}.form-control.is-invalid{border-color:var(--vocab-error)}.form-control.is-invalid:focus{border-color:var(--vocab-error);box-shadow:0 0 0 3px rgba(231,76,60,0.1)}.form-control:disabled,.form-control[readonly]{background-color:var(--vocab-very-light-gray);color:var(--vocab-medium-gray);cursor:not-allowed}textarea.form-control{min-height:100px;line-height:var(--vocab-line-height-body);resize:vertical}.form-label{font-size:var(--vocab-font-size-label);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-dark);margin-bottom:var(--vocab-space-sm)}.form-label.required::after,.required .form-label::after{content:" *";color:var(--vocab-error)}.form-text{font-size:var(--vocab-font-size-body-small);color:var(--vocab-medium-gray);margin-top:var(--vocab-space-xs);font-style:normal}.invalid-feedback{font-size:var(--vocab-font-size-body-small);color:var(--vocab-error)}.vocab-form-group{margin-bottom:var(--vocab-space-lg)}.form-select{background-color:var(--vocab-white);border:1px solid var(--vocab-light-gray);border-radius:var(--vocab-border-radius-sm);padding:12px;font-size:var(--vocab-font-size-body);min-height:44px;transition:border-color var(--vocab-transition),box-shadow var(--vocab-transition)}.form-select:focus{border-color:var(--vocab-brand-green);box-shadow:0 0 0 3px rgba(46,204,113,0.1);outline:0}.form-select:disabled{background-color:var(--vocab-very-light-gray);color:var(--vocab-medium-gray);cursor:not-allowed}.form-check-input:checked{background-color:var(--vocab-brand-green);border-color:var(--vocab-brand-green)}.form-check-input:focus{border-color:var(--vocab-brand-green);box-shadow:0 0 0 3px rgba(46,204,113,0.1)}.asteriskField{display:none}.vocab-form-card{max-width:600px;margin:0 auto}.modal-backdrop.show{opacity:.5}.modal-dialog{max-width:500px}@media(max-width:576px){.modal-dialog{max-width:90%;margin:var(--vocab-space-md) auto}}.modal-content{border:0;border-radius:var(--vocab-border-radius-lg);padding:var(--vocab-space-lg);box-shadow:var(--vocab-shadow-elevated)}.modal-header{border-bottom:1px solid var(--vocab-very-light-gray);padding:0 0 var(--vocab-space-md) 0;margin-bottom:var(--vocab-space-md)}.modal-title{font-size:var(--vocab-font-size-h3);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-dark)}.modal-header .btn-close{position:absolute;top:var(--vocab-space-lg);right:var(--vocab-space-lg);padding:var(--vocab-space-sm);opacity:.5;transition:opacity var(--vocab-transition)}.modal-header .btn-close:hover,.modal-header .btn-close:focus{opacity:1}.modal-body{font-size:var(--vocab-font-size-body);color:var(--vocab-charcoal);padding:0;line-height:var(--vocab-line-height-body)}.modal-footer{border-top:0;padding:var(--vocab-space-lg) 0 0 0;gap:var(--vocab-space-sm);justify-content:flex-end}.modal.fade .modal-dialog{transform:scale(0.95);transition:transform var(--vocab-transition)}.modal.show .modal-dialog{transform:scale(1)}.modal-destructive .modal-title{color:var(--vocab-error)}.modal-destructive .modal-body{color:var(--vocab-charcoal)}.modal-body .form-control,.modal-body .form-select{margin-bottom:var(--vocab-space-md)}.modal-body .form-control:last-child,.modal-body .form-select:last-child{margin-bottom:0}.vocab-toast-container{position:fixed;bottom:var(--vocab-space-lg);right:var(--vocab-space-lg);z-index:1050;display:flex;flex-direction:column-reverse;gap:var(--vocab-space-sm);max-width:360px;pointer-events:none}.vocab-toast{display:flex;align-items:flex-start;background:var(--vocab-white);border-radius:var(--vocab-border-radius-lg);box-shadow:var(--vocab-shadow-elevated);padding:var(--vocab-space-md);border-left:4px solid var(--vocab-info);pointer-events:auto;animation:slideInRight 200ms ease-out}.vocab-toast-icon{width:20px;height:20px;margin-right:var(--vocab-space-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px}.vocab-toast-content{flex:1;font-size:var(--vocab-font-size-body);color:var(--vocab-dark);line-height:var(--vocab-line-height-tight)}.vocab-toast-close{background:transparent;border:0;cursor:pointer;font-size:18px;color:var(--vocab-medium-gray);opacity:.6;padding:0;margin-left:var(--vocab-space-sm);line-height:1;transition:opacity var(--vocab-transition)}.vocab-toast-close:hover,.vocab-toast-close:focus{opacity:1}.vocab-toast--success{border-left-color:var(--vocab-success)}.vocab-toast--success .vocab-toast-icon{color:var(--vocab-success)}.vocab-toast--error{border-left-color:var(--vocab-error)}.vocab-toast--error .vocab-toast-icon{color:var(--vocab-error)}.vocab-toast--info{border-left-color:var(--vocab-info)}.vocab-toast--info .vocab-toast-icon{color:var(--vocab-info)}.vocab-toast--warning{border-left-color:var(--vocab-warning)}.vocab-toast--warning .vocab-toast-icon{color:var(--vocab-warning)}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translateX(100%)}}.vocab-toast--dismissing{animation:fadeOut 200ms ease-in forwards}@media(max-width:480px){.vocab-toast-container{left:var(--vocab-space-md);right:var(--vocab-space-md);max-width:none}}.vocab-spinner{width:24px;height:24px;border:3px solid var(--vocab-very-light-gray);border-top-color:var(--vocab-brand-green);border-radius:50%;animation:spin .8s linear infinite}.vocab-spinner--sm{width:16px;height:16px;border-width:2px}.vocab-spinner--lg{width:32px;height:32px;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}.spin-icon{animation:spin 1s linear infinite;display:inline-block}.btn.is-loading{position:relative;color:transparent !important;pointer-events:none}.btn.is-loading::after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;border:2px solid rgba(255,255,255,0.3);border-top-color:var(--vocab-white);border-radius:50%;animation:spin .8s linear infinite}.btn-secondary.is-loading::after,.btn-outline-primary.is-loading::after{border-color:rgba(0,0,0,0.2);border-top-color:var(--vocab-dark)}.vocab-skeleton{background:linear-gradient(90deg,var(--vocab-very-light-gray) 25%,var(--vocab-off-white) 50%,var(--vocab-very-light-gray) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--vocab-border-radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.vocab-skeleton--text{height:16px;width:100%}.vocab-skeleton--title{height:24px;width:60%}.vocab-skeleton--card{height:120px;width:100%}.vocab-skeleton--avatar{width:40px;height:40px;border-radius:50%}.vocab-loading-overlay{position:absolute;inset:0;background:rgba(255,255,255,0.8);display:flex;align-items:center;justify-content:center;z-index:10}.vocab-loading-container{position:relative}.vocab-progress{height:3px;background:var(--vocab-very-light-gray);border-radius:2px;overflow:hidden}.vocab-progress-bar{height:100%;background:var(--vocab-brand-green);width:30%;animation:progressIndeterminate 1.5s ease-in-out infinite}@keyframes progressIndeterminate{0%{transform:translateX(-100%)}50%{transform:translateX(200%)}100%{transform:translateX(400%)}}.loading-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:1050;opacity:1;transition:opacity var(--vocab-transition)}.loading-overlay-hidden{opacity:0;pointer-events:none}.loading-card{background:var(--vocab-white);border-radius:var(--vocab-border-radius-lg);padding:var(--vocab-space-xl) var(--vocab-space-xxl);box-shadow:var(--vocab-shadow-elevated);display:flex;flex-direction:column;align-items:center;gap:var(--vocab-space-md);max-width:90vw;min-width:280px;text-align:center}.loading-spinner{width:48px;height:48px;border:4px solid var(--vocab-very-light-gray);border-top-color:var(--vocab-brand-green);border-radius:50%;animation:spin .8s linear infinite}.loading-phrase{font-size:var(--vocab-font-size-body-large);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-charcoal);min-height:1.6em;transition:opacity 150ms ease-in-out}.loading-phrase-fading{opacity:0}.loading-progress-bar{width:100%;height:4px;background:var(--vocab-very-light-gray);border-radius:2px;overflow:hidden;margin-top:var(--vocab-space-sm)}.loading-progress-bar.loading-progress-hidden{display:none}.loading-progress-fill{height:100%;background:var(--vocab-brand-green);width:0;transition:width 300ms ease-out}.loading-percent{font-size:var(--vocab-font-size-body-small);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-charcoal);margin-top:var(--vocab-space-xs)}.loading-percent.loading-progress-hidden{display:none}@media(max-width:480px){.loading-card{padding:var(--vocab-space-lg);min-width:240px}.loading-spinner{width:40px;height:40px;border-width:3px}.loading-phrase{font-size:var(--vocab-font-size-body)}}.vocab-stepper{display:flex;justify-content:center;align-items:flex-start;gap:var(--vocab-space-lg);margin:var(--vocab-space-xl) 0}.vocab-stepper-step{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;max-width:200px;position:relative}.vocab-stepper-step:not(:last-child)::after{content:"";position:absolute;top:20px;left:calc(50% + 30px);width:calc(100% - 20px);height:2px;background:var(--vocab-light-gray)}.vocab-stepper-number{width:40px;height:40px;border-radius:50%;background:var(--vocab-brand-green);color:var(--vocab-white);font-size:var(--vocab-font-size-body-large);font-weight:var(--vocab-font-weight-bold);display:flex;align-items:center;justify-content:center;margin-bottom:var(--vocab-space-sm);position:relative;z-index:1}.vocab-stepper-title{font-size:var(--vocab-font-size-body);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-dark);margin-bottom:var(--vocab-space-xs)}.vocab-stepper-desc{font-size:var(--vocab-font-size-body-small);color:var(--vocab-medium-gray);line-height:var(--vocab-line-height-body)}@media(max-width:768px){.vocab-stepper{flex-direction:column;align-items:center;gap:var(--vocab-space-lg)}.vocab-stepper-step{max-width:280px}.vocab-stepper-step:not(:last-child)::after{display:none}}.vocab-pathways{display:flex;justify-content:center;align-items:stretch;gap:var(--vocab-space-xl);margin:var(--vocab-space-xl) 0}.vocab-pathway{flex:1;max-width:420px;display:flex;flex-direction:column;align-items:center;text-align:center}.vocab-pathway-title{font-size:var(--vocab-font-size-h3);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-dark);margin-bottom:var(--vocab-space-md)}.vocab-pathway .vocab-stepper{margin:var(--vocab-space-md) 0}.vocab-pathway .btn{margin-top:auto}.vocab-pathway-divider{display:flex;align-items:center;padding:var(--vocab-space-xl) 0}.vocab-pathway-divider span{color:var(--vocab-medium-gray);font-size:var(--vocab-font-size-body);font-weight:var(--vocab-font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}@media(max-width:992px){.vocab-pathways{flex-direction:column;align-items:center;gap:0}.vocab-pathway{max-width:100%;padding:var(--vocab-space-lg) 0}.vocab-pathway-divider{width:100%;padding:var(--vocab-space-md) 0}.vocab-pathway-divider::before,.vocab-pathway-divider::after{content:"";flex:1;height:1px;background:var(--vocab-light-gray)}.vocab-pathway-divider::before{margin-right:var(--vocab-space-md)}.vocab-pathway-divider::after{margin-left:var(--vocab-space-md)}}.vocab-landing-content{display:flex;flex-direction:column}.vocab-landing-content .vocab-stats-section{order:1}.vocab-landing-content .vocab-quick-actions{order:2}.vocab-landing-content .vocab-lists-section{order:3}@media(max-width:768px){.vocab-landing-content .vocab-quick-actions{order:1}.vocab-landing-content .vocab-lists-section{order:2}.vocab-landing-content .vocab-stats-section{order:3}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.pulsing{animation:pulse 1.5s ease-in-out infinite}#definition-grid{table-layout:fixed;width:100%}#definition-grid th,#definition-grid td{overflow-wrap:break-word}#definition-grid thead tr{border-bottom:3px solid #333}#definition-grid th label{display:flex;align-items:center;gap:.25rem;margin:0;cursor:pointer}#definition-grid th input[type="checkbox"]{cursor:pointer}.base-definition-cell{background-color:var(--vocab-off-white) !important}.base-definition-header{background-color:var(--vocab-very-light-gray) !important}.vocab-grid-word-link{color:var(--vocab-dark);text-decoration:none;transition:color var(--vocab-transition)}.vocab-grid-word-link:hover{color:var(--vocab-brand-green)}.vocab-grid-word-link:hover strong{text-decoration:underline}.vocab-suggestion-card{background:var(--vocab-white);border:1px solid var(--vocab-very-light-gray);border-radius:.5rem;padding:1rem;margin-bottom:.75rem;transition:box-shadow .2s ease}.vocab-suggestion-card:hover{box-shadow:var(--vocab-shadow-subtle)}.vocab-suggestion-word{font-weight:600;font-size:1.1rem;color:var(--vocab-dark)}.vocab-suggestion-reason{color:var(--vocab-gray);font-size:.9rem;margin-top:.25rem}.topic-interpretation{background:var(--vocab-off-white);border-left:4px solid var(--vocab-emerald-500);padding:1rem;margin-bottom:1.5rem}.suggestions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.suggestions-count{color:var(--vocab-gray)}.format-card{cursor:pointer;transition:all .2s ease;border:2px solid var(--bs-border-color,#dee2e6)}.format-card:hover{border-color:var(--vocab-brand-green);box-shadow:0 4px 12px rgba(46,204,113,0.15);transform:translateY(-2px)}.format-card:focus{border-color:var(--vocab-brand-green);box-shadow:0 0 0 3px rgba(46,204,113,0.25);outline:0}.format-icon{font-size:2.5rem;color:var(--bs-secondary-color,#6c757d)}.format-card:hover .format-icon{color:var(--vocab-brand-green)}.kahoot-cell-input{border:0;background:transparent;width:100%;padding:0;font-size:inherit;font-family:inherit;color:inherit;resize:none;field-sizing:content}.kahoot-cell-input:focus{outline:2px solid var(--vocab-brand-green);outline-offset:2px;border-radius:2px}.kahoot-level-select{width:70px}.mcq-choice-count-select{width:70px}.vocab-word-detail{max-width:800px;margin:0 auto;padding:var(--vocab-space-lg)}.vocab-word-header{margin-bottom:var(--vocab-space-lg)}.vocab-word-title{font-size:var(--vocab-font-size-h1);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-dark);margin:0;display:inline-block}.vocab-word-pronunciation{font-size:var(--vocab-font-size-h3);color:var(--vocab-gray);margin-left:var(--vocab-space-md);font-family:monospace}.vocab-word-pos{margin-bottom:var(--vocab-space-lg)}.vocab-pos-badge{display:inline-block;padding:var(--vocab-space-xs) var(--vocab-space-sm);background:var(--vocab-very-light-gray);color:var(--vocab-charcoal);font-size:var(--vocab-font-size-body-small);font-weight:var(--vocab-font-weight-semibold);border-radius:var(--vocab-radius-sm);text-transform:lowercase;font-style:italic}.vocab-word-section{margin-bottom:var(--vocab-space-xl);padding-bottom:var(--vocab-space-lg);border-bottom:1px solid var(--vocab-very-light-gray)}.vocab-word-section:last-child{border-bottom:0;padding-bottom:0}.vocab-section-title{font-size:var(--vocab-font-size-h3);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-dark);margin-bottom:var(--vocab-space-md)}.vocab-meta-list{display:flex;flex-wrap:wrap;gap:var(--vocab-space-lg);margin:0}.vocab-meta-item{display:flex;flex-direction:column}.vocab-meta-item dt{font-size:var(--vocab-font-size-label);color:var(--vocab-gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--vocab-space-xs)}.vocab-meta-item dd{font-size:var(--vocab-font-size-body-large);color:var(--vocab-dark);margin:0}.vocab-etymology-text{font-size:var(--vocab-font-size-body-large);line-height:var(--vocab-line-height-body);color:var(--vocab-charcoal);margin:0}.vocab-empty-state{font-size:var(--vocab-font-size-body);color:var(--vocab-gray);font-style:italic;margin:0}.vocab-user-definitions{list-style:none;padding:0;margin:0}.vocab-user-definition-item{padding:var(--vocab-space-md);background:var(--vocab-off-white);border-radius:var(--vocab-radius-md);margin-bottom:var(--vocab-space-sm)}.vocab-user-definition-item:last-child{margin-bottom:0}.vocab-user-definition-text{font-size:var(--vocab-font-size-body-large);line-height:var(--vocab-line-height-body);color:var(--vocab-dark);margin:0 0 var(--vocab-space-xs) 0}.vocab-user-definition-source{font-size:var(--vocab-font-size-body-small);color:var(--vocab-gray)}.vocab-user-definition-source a{color:var(--vocab-brand-green);text-decoration:none}.vocab-user-definition-source a:hover{text-decoration:underline}.vocab-user-lists-with-word{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--vocab-space-sm)}.vocab-user-list-item{display:inline-block}.vocab-user-list-link{display:inline-block;padding:var(--vocab-space-xs) var(--vocab-space-md);background:var(--vocab-off-white);border-radius:var(--vocab-radius-md);color:var(--vocab-dark);font-size:var(--vocab-font-size-body);text-decoration:none;transition:background-color var(--vocab-transition-fast)}.vocab-user-list-link:hover{background:var(--vocab-light-gray);color:var(--vocab-dark);text-decoration:none}.vocab-frequency-indicator{display:inline-block;padding:var(--vocab-space-xs) var(--vocab-space-sm);border-radius:var(--vocab-border-radius-pill);font-size:var(--vocab-font-size-body-small);font-weight:var(--vocab-font-weight-semibold)}.vocab-frequency-common{background-color:var(--vocab-level-A1);color:var(--vocab-success)}.vocab-frequency-moderate{background-color:var(--vocab-level-B1);color:var(--vocab-warning)}.vocab-frequency-rare{background-color:var(--vocab-level-C1);color:var(--vocab-stone-600)}.vocab-frequency-score{font-size:var(--vocab-font-size-body-small);color:var(--vocab-gray);margin-left:var(--vocab-space-xs)}.vocab-shared-definitions-details{background:var(--vocab-off-white);border-radius:var(--vocab-border-radius);padding:var(--vocab-space-md)}.vocab-shared-definitions-summary{cursor:pointer;font-size:var(--vocab-font-size-body);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-brand-green)}.vocab-shared-definitions-summary:hover{color:var(--vocab-brand-green-hover)}.vocab-shared-definitions{list-style:none;padding:0;margin:var(--vocab-space-md) 0 0 0}.vocab-shared-definition-item{padding:var(--vocab-space-sm) 0;border-bottom:1px solid var(--vocab-very-light-gray)}.vocab-shared-definition-item:last-child{border-bottom:0;padding-bottom:0}.vocab-shared-definition-text{font-size:var(--vocab-font-size-body);line-height:var(--vocab-line-height-body);color:var(--vocab-dark);margin:0 0 var(--vocab-space-xs) 0}.vocab-shared-definition-source{font-size:var(--vocab-font-size-body-small);color:var(--vocab-gray)}.vocab-canonical-definitions{padding-left:var(--vocab-space-lg);margin:0}.vocab-canonical-definition-item{margin-bottom:var(--vocab-space-md)}.vocab-canonical-definition-item:last-child{margin-bottom:0}.vocab-canonical-pos{display:inline-block;font-size:var(--vocab-font-size-body-small);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-gray);font-style:italic;margin-right:var(--vocab-space-sm)}.vocab-canonical-definition-text{display:inline;font-size:var(--vocab-font-size-body);line-height:var(--vocab-line-height-body);color:var(--vocab-dark);margin:0}.vocab-canonical-examples{list-style:none;padding:0;margin:var(--vocab-space-sm) 0 0 var(--vocab-space-md)}.vocab-canonical-example{font-size:var(--vocab-font-size-body-small);font-style:italic;color:var(--vocab-charcoal);padding:var(--vocab-space-xs) 0}.vocab-canonical-example::before{content:'"'}.vocab-canonical-example::after{content:'"'}.vocab-examples-list{list-style:none;padding:0;margin:0}.vocab-example-item{padding:var(--vocab-space-sm) var(--vocab-space-md);background:var(--vocab-off-white);border-left:3px solid var(--vocab-brand-green);margin-bottom:var(--vocab-space-sm);font-size:var(--vocab-font-size-body);line-height:var(--vocab-line-height-body);color:var(--vocab-charcoal);font-style:italic}.vocab-example-item:last-child{margin-bottom:0}.vocab-add-to-list{padding:var(--vocab-space-md);background:var(--vocab-off-white);border-radius:var(--vocab-border-radius)}.vocab-add-to-list-form{display:flex;gap:var(--vocab-space-sm);align-items:center}.vocab-add-to-list-select{flex:1;padding:var(--vocab-space-sm) var(--vocab-space-md);font-size:var(--vocab-font-size-body);border:1px solid var(--vocab-light-gray);border-radius:var(--vocab-border-radius);background-color:var(--vocab-white);color:var(--vocab-dark)}.vocab-add-to-list-select:focus{outline:0;border-color:var(--vocab-brand-green);box-shadow:0 0 0 3px rgba(46,204,113,0.15)}.vocab-add-to-list-btn{padding:var(--vocab-space-sm) var(--vocab-space-md);min-height:auto}.vocab-add-to-list-success{display:flex;align-items:center;gap:var(--vocab-space-sm);color:var(--vocab-success)}.vocab-add-success-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--vocab-success);color:var(--vocab-white);border-radius:50%;font-weight:var(--vocab-font-weight-bold);font-size:var(--vocab-font-size-body)}.vocab-add-success-text{font-size:var(--vocab-font-size-body);color:var(--vocab-dark)}.vocab-add-success-link{font-size:var(--vocab-font-size-body-small);color:var(--vocab-brand-green);text-decoration:none;margin-left:auto}.vocab-add-success-link:hover{text-decoration:underline}.vocab-relations{display:flex;flex-direction:column;gap:var(--vocab-space-lg)}.vocab-relation-group{padding:var(--vocab-space-md);background:var(--vocab-off-white);border-radius:var(--vocab-border-radius)}.vocab-relation-type{font-size:var(--vocab-font-size-body);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-dark);margin:0 0 var(--vocab-space-sm) 0}.vocab-relation-count{font-weight:var(--vocab-font-weight-regular);color:var(--vocab-gray);font-size:var(--vocab-font-size-body-small)}.vocab-relation-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--vocab-space-sm)}.vocab-relation-item{display:inline-block}.vocab-relation-link{display:inline-block;padding:var(--vocab-space-xs) var(--vocab-space-sm);background:var(--vocab-white);border:1px solid var(--vocab-light-gray);border-radius:var(--vocab-border-radius-pill);color:var(--vocab-dark);font-size:var(--vocab-font-size-body-small);text-decoration:none;transition:background-color var(--vocab-transition),border-color var(--vocab-transition)}.vocab-relation-link:hover{background:var(--vocab-brand-green);border-color:var(--vocab-brand-green);color:var(--vocab-white);text-decoration:none}.class-members-panel{max-width:800px;margin:0 auto}.invite-section{background:var(--vocab-off-white);border:1px solid var(--vocab-very-light-gray);border-radius:var(--vocab-border-radius-lg);padding:var(--vocab-space-lg);margin-bottom:var(--vocab-space-xl)}.invite-section-title{font-size:var(--vocab-font-size-h4);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-dark);margin-bottom:var(--vocab-space-sm)}.invite-section-description{font-size:var(--vocab-font-size-body-small);color:var(--vocab-gray);margin-bottom:var(--vocab-space-md)}.invite-link-container{display:flex;gap:var(--vocab-space-sm);align-items:stretch}.invite-link-input{flex:1;background:var(--vocab-white);border:1px solid var(--vocab-light-gray);border-radius:var(--vocab-border-radius);padding:var(--vocab-space-sm) var(--vocab-space-md);font-size:var(--vocab-font-size-body);color:var(--vocab-charcoal);font-family:monospace}.invite-link-input:focus{outline:0;border-color:var(--vocab-brand-green)}.copy-feedback{font-size:var(--vocab-font-size-body-small);color:var(--vocab-success);margin-top:var(--vocab-space-sm);display:none}.copy-feedback.show{display:block}@keyframes cd-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cd{max-width:960px;margin:0 auto}.cd-hero,.cd-students{animation:cd-enter .35s ease-out both}.cd-hero{animation-delay:0s}.cd-students{animation-delay:.12s}.cd-hero{background:linear-gradient(135deg,var(--vocab-emerald-50) 0,var(--vocab-white) 50%);border:1px solid var(--vocab-stone-200);border-left:4px solid var(--vocab-emerald-400);border-radius:var(--vocab-border-radius-lg);padding:var(--vocab-space-lg) var(--vocab-space-xl);margin-bottom:var(--vocab-space-xl);box-shadow:var(--vocab-shadow-subtle)}.cd-hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--vocab-space-lg);margin-bottom:var(--vocab-space-lg)}.cd-title{font-weight:var(--vocab-font-weight-bold);font-size:var(--vocab-font-size-h1-5);font-weight:700;color:var(--vocab-dark);margin:0 0 var(--vocab-space-xs);line-height:var(--vocab-line-height-heading)}.cd-subtitle{font-size:var(--vocab-font-size-body);color:var(--vocab-stone-500);margin:0}.cd-figure{font-weight:var(--vocab-font-weight-bold);color:var(--vocab-emerald-600)}.cd-figure--amber{color:var(--vocab-amber-600)}.cd-figure--emerald{color:var(--vocab-emerald-600)}.cd-dot{color:var(--vocab-stone-300);margin:0 2px}.cd-actions{display:flex;gap:var(--vocab-space-sm);flex-shrink:0;flex-wrap:wrap}.cd-action-btn{display:inline-flex;align-items:center;gap:var(--vocab-space-xs);padding:var(--vocab-space-sm) var(--vocab-space-md);font-size:var(--vocab-font-size-body-small);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-stone-600);background:var(--vocab-white);border:1px solid var(--vocab-stone-200);border-radius:var(--vocab-border-radius);text-decoration:none;cursor:pointer;transition:border-color var(--vocab-transition),color var(--vocab-transition),box-shadow var(--vocab-transition)}.cd-action-btn:hover{border-color:var(--vocab-emerald-300);color:var(--vocab-emerald-600);box-shadow:var(--vocab-shadow-sm)}.cd-action-btn--invite{background:var(--vocab-emerald-50);border-color:var(--vocab-emerald-200);color:var(--vocab-emerald-600)}.cd-action-btn--invite:hover{background:var(--vocab-emerald-100);border-color:var(--vocab-emerald-400)}.cd-gauge{display:flex;align-items:center;gap:var(--vocab-space-md)}.cd-gauge-track{flex:1;height:8px;background:var(--vocab-emerald-100);border-radius:4px;overflow:hidden}.cd-gauge-fill{height:100%;background:linear-gradient(90deg,var(--vocab-emerald-400),var(--vocab-emerald-400));border-radius:4px;transition:width .5s ease-out}.cd-gauge-label{font-size:var(--vocab-font-size-caption);color:var(--vocab-stone-400);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.cd-gauge-value{font-size:var(--vocab-font-size-body);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-emerald-600);min-width:36px;text-align:right}.cd-section-heading{font-weight:var(--vocab-font-weight-bold);font-size:var(--vocab-font-size-h3);font-weight:600;color:var(--vocab-dark);margin:0 0 var(--vocab-space-md)}.cd-student-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--vocab-space-md)}.cd-students{margin-bottom:var(--vocab-space-xl)}.cd-student{background:var(--vocab-white);border:1px solid var(--vocab-stone-200);border-radius:var(--vocab-border-radius-lg);padding:var(--vocab-space-md);transition:box-shadow var(--vocab-transition),border-color var(--vocab-transition)}.cd-student:hover{box-shadow:var(--vocab-shadow-elevated);border-color:var(--vocab-emerald-200)}.cd-student--ready{border-left:3px solid var(--vocab-emerald-400)}.cd-student--returning{border-left:3px solid var(--vocab-amber-300)}.cd-student-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--vocab-space-sm);gap:var(--vocab-space-sm)}.cd-student-name{font-size:var(--vocab-font-size-body);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:var(--vocab-font-weight-bold);padding:2px var(--vocab-space-sm);border-radius:var(--vocab-border-radius-pill);white-space:nowrap;flex-shrink:0}.cd-badge--ready{background:var(--vocab-emerald-50);color:var(--vocab-emerald-600)}.cd-badge--returning{background:var(--vocab-amber-50);color:var(--vocab-amber-600)}.cd-badge--strong{background:var(--vocab-emerald-50);color:var(--vocab-emerald-500)}.cd-student-mastery{display:flex;align-items:center;gap:var(--vocab-space-sm);margin-bottom:var(--vocab-space-sm)}.cd-mini-bar{flex:1;height:6px;background:var(--vocab-stone-100);border-radius:3px;overflow:hidden}.cd-mini-bar-fill{height:100%;border-radius:3px;transition:width .3s ease-out}.cd-mini-bar--early{background:var(--vocab-emerald-200)}.cd-mini-bar--growing{background:var(--vocab-emerald-400)}.cd-mini-bar--strong{background:var(--vocab-emerald-500)}.cd-mini-pct{font-size:var(--vocab-font-size-caption);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-stone-600);min-width:28px;text-align:right}.cd-student-stats{font-size:var(--vocab-font-size-caption);color:var(--vocab-stone-500)}.cd-student-activity{font-size:10px;color:var(--vocab-stone-400);margin-top:var(--vocab-space-xs)}.cd-empty{text-align:center;padding:var(--vocab-space-xxl) var(--vocab-space-lg);color:var(--vocab-stone-400)}.cd-empty-icon{font-size:2.5rem;color:var(--vocab-stone-300);margin-bottom:var(--vocab-space-md);display:block}.cd-empty p{margin-bottom:var(--vocab-space-md)}.cd-students-header{display:flex;align-items:center;gap:var(--vocab-space-sm);margin-bottom:var(--vocab-space-md)}.cd-students-header .cd-section-heading{margin-bottom:0}.cd-member-count{font-size:var(--vocab-font-size-caption);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-emerald-600);background:var(--vocab-emerald-100);padding:2px var(--vocab-space-sm);border-radius:var(--vocab-border-radius-pill)}.cd-student-top-right{display:flex;align-items:center;gap:var(--vocab-space-xs);flex-shrink:0}.cd-student-remove{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:0;border:0;color:var(--vocab-stone-300);cursor:pointer;border-radius:var(--vocab-border-radius-sm);opacity:0;transition:color var(--vocab-transition),background-color var(--vocab-transition),opacity var(--vocab-transition)}.cd-student:hover .cd-student-remove{opacity:1}.cd-student-remove:hover{color:var(--vocab-coral-500);background:var(--vocab-coral-50)}.cd-staff-note{margin-top:var(--vocab-space-md);padding-top:var(--vocab-space-md);border-top:1px solid var(--vocab-stone-100);display:flex;flex-wrap:wrap;gap:var(--vocab-space-md)}.cd-staff-item{display:inline-flex;align-items:center;gap:var(--vocab-space-xs);font-size:var(--vocab-font-size-body-small);color:var(--vocab-stone-500)}.cd-staff-item .bi{color:var(--vocab-stone-400)}.cd-staff-role{font-size:var(--vocab-font-size-caption);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-stone-400);background:var(--vocab-stone-200);padding:1px var(--vocab-space-sm);border-radius:var(--vocab-border-radius-pill);text-transform:capitalize}@media(max-width:900px){.cd-student-grid{grid-template-columns:repeat(2,1fr)}.cd-hero-top{flex-direction:column}}@media(max-width:576px){.cd-student-grid{grid-template-columns:1fr}.cd-hero{padding:var(--vocab-space-md)}.cd-actions{width:100%}.cd-action-btn{flex:1;justify-content:center}}.user-context-badge{display:inline-flex;align-items:center;gap:var(--vocab-space-xs);font-size:var(--vocab-font-size-body-small);padding:var(--vocab-space-xs) var(--vocab-space-sm);border-radius:var(--vocab-border-radius-pill);margin-left:var(--vocab-space-sm)}.user-context-badge-teacher{background:var(--vocab-emerald-50);color:var(--vocab-emerald-600)}.user-context-badge-learner{background:var(--vocab-emerald-50);color:var(--vocab-emerald-600)}.join-class-panel{max-width:500px;margin:var(--vocab-space-xxl) auto;text-align:center}.join-class-card{background:var(--vocab-white);border:1px solid var(--vocab-very-light-gray);border-radius:var(--vocab-border-radius-lg);padding:var(--vocab-space-xl);box-shadow:0 2px 8px rgba(0,0,0,0.05)}.join-class-icon{font-size:3rem;color:var(--vocab-brand-green);margin-bottom:var(--vocab-space-md)}.join-class-title{font-size:var(--vocab-font-size-h3);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-dark);margin-bottom:var(--vocab-space-sm)}.join-class-details{font-size:var(--vocab-font-size-body);color:var(--vocab-gray);margin-bottom:var(--vocab-space-lg)}.join-class-name{font-size:var(--vocab-font-size-h4);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-dark);margin-bottom:var(--vocab-space-xs)}.join-class-teacher{font-size:var(--vocab-font-size-body-small);color:var(--vocab-gray)}.assigned-lists-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--vocab-space-md)}.assigned-lists-header-actions{display:flex;align-items:center;gap:var(--vocab-space-md)}.assignment-count{font-size:var(--vocab-font-size-body-small);color:var(--vocab-gray)}.assignments-table th{font-size:var(--vocab-font-size-label);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-charcoal);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--vocab-light-gray)}.assignments-table td{vertical-align:middle;font-size:var(--vocab-font-size-body);color:var(--vocab-dark)}.assignment-list-title{font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-dark);text-decoration:none}.assignment-list-title:hover{color:var(--vocab-brand-green)}.assignment-word-count{font-size:var(--vocab-font-size-body-small);color:var(--vocab-gray)}.assignment-date{font-size:var(--vocab-font-size-body-small);color:var(--vocab-gray)}.btn-remove-assignment{color:var(--vocab-error);background:transparent;border:0;padding:var(--vocab-space-xs);cursor:pointer;transition:color var(--vocab-transition)}.btn-remove-assignment:hover{color:var(--vocab-error-hover)}.empty-assignments{text-align:center;padding:var(--vocab-space-xl);color:var(--vocab-gray)}.empty-assignments-icon{font-size:3rem;color:var(--vocab-light-gray);margin-bottom:var(--vocab-space-md)}.class-nav-links{display:flex;gap:var(--vocab-space-md);margin-top:var(--vocab-space-xl)}.add-list-options .list-group-item{cursor:pointer}.add-list-options .list-group-item.disabled{background-color:var(--vocab-very-light-gray);opacity:.7;cursor:not-allowed}.add-list-options .list-group-item:hover:not(.disabled){background-color:var(--vocab-off-white)}.role-selection{max-width:700px;margin:0 auto;text-align:center}.role-selection-title{font-size:var(--vocab-font-size-h2);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-dark);margin-bottom:var(--vocab-space-sm)}.role-selection-subtitle{font-size:var(--vocab-font-size-body-large);color:var(--vocab-gray);margin-bottom:var(--vocab-space-xl)}.role-selection-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--vocab-space-lg)}.role-selection-card{background:var(--vocab-white);border:2px solid var(--vocab-stone-200);border-radius:var(--vocab-border-radius-lg);padding:var(--vocab-space-xl);text-align:center;transition:border-color var(--vocab-transition),box-shadow var(--vocab-transition)}.role-selection-card:hover{border-color:var(--vocab-emerald-400);box-shadow:var(--vocab-shadow-elevated)}.role-selection-card-icon{font-size:48px;color:var(--vocab-emerald-500);margin-bottom:var(--vocab-space-md)}.role-selection-card-title{font-size:var(--vocab-font-size-h4);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-dark);margin-bottom:var(--vocab-space-sm)}.role-selection-card-desc{font-size:var(--vocab-font-size-body);color:var(--vocab-gray);margin-bottom:var(--vocab-space-lg);line-height:1.5}@media(max-width:576px){.role-selection-cards{grid-template-columns:1fr}}:root{--vocab-green-early:var(--vocab-emerald-200);--vocab-green-growing:var(--vocab-emerald-400);--vocab-green-strong:var(--vocab-emerald-500);--vocab-flame-orange:var(--vocab-amber-500);--vocab-flame-yellow:var(--vocab-amber-400);--vocab-green-100:var(--vocab-emerald-50);--vocab-green-200:var(--vocab-emerald-100);--vocab-green-300:var(--vocab-emerald-200);--vocab-green-400:var(--vocab-emerald-300);--vocab-green-500:var(--vocab-emerald-500);--vocab-green-600:var(--vocab-emerald-600);--vocab-green-700:var(--vocab-emerald-700)}.student-landing{display:grid;grid-template-columns:280px 1fr 240px;gap:var(--vocab-space-lg);align-items:start}@media(max-width:1100px){.student-landing{grid-template-columns:1fr 240px}.classes-panel{grid-column:1 / -1;order:1}.practice-panel{order:-1}.motivation-panel{order:0}}@media(max-width:768px){.student-landing{grid-template-columns:1fr}.practice-panel{order:-1}.motivation-panel{order:0}.classes-panel{order:1}}.classes-panel,.practice-panel,.motivation-panel{min-width:0}.vocab-section-header{font-size:var(--vocab-font-size-h3);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-stone-800);margin-bottom:var(--vocab-space-md);display:flex;align-items:center;gap:var(--vocab-space-sm)}.vocab-section-header-icon{width:24px;height:24px;color:var(--vocab-stone-400);flex-shrink:0}.vocab-section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--vocab-space-md)}.vocab-section-header-row .vocab-section-header{margin-bottom:0}.vocab-class-card{background:var(--vocab-white);border:1px solid var(--vocab-stone-200);border-left:3px solid var(--vocab-emerald-400);border-radius:var(--vocab-border-radius-lg);box-shadow:var(--vocab-shadow-subtle);overflow:hidden;margin-bottom:var(--vocab-space-md)}.vocab-class-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--vocab-space-md);cursor:pointer;background:var(--vocab-emerald-50);transition:background-color var(--vocab-transition)}.vocab-class-card-header:hover{background-color:var(--vocab-emerald-100)}.vocab-class-card-header[aria-expanded="true"]{border-bottom:1px solid var(--vocab-stone-200)}.vocab-class-card-summary{flex:1;min-width:0}.vocab-class-card-title{font-size:var(--vocab-font-size-h4);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-stone-800);margin:0 0 4px 0}.vocab-class-card-meta{display:flex;flex-wrap:wrap;gap:var(--vocab-space-sm);font-size:var(--vocab-font-size-body-small);color:var(--vocab-stone-500);margin:0}.vocab-class-expand-icon{color:var(--vocab-emerald-600);transition:transform var(--vocab-transition);flex-shrink:0;margin-left:var(--vocab-space-sm)}.vocab-class-card-header[aria-expanded="true"] .vocab-class-expand-icon{transform:rotate(180deg)}.vocab-class-list-items{list-style:none;padding:0;margin:0;background:var(--vocab-white)}.vocab-class-list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--vocab-space-md);border-bottom:1px solid var(--vocab-stone-100);gap:var(--vocab-space-sm)}.vocab-class-list-item:last-child{border-bottom:0}.vocab-class-list-item:hover{background-color:var(--vocab-stone-50)}.vocab-class-list-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.vocab-class-list-name{font-size:var(--vocab-font-size-body);font-weight:var(--vocab-font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vocab-class-list-name a{color:var(--vocab-sky-500);text-decoration:none;transition:color var(--vocab-transition)}.vocab-class-list-name a:hover{color:var(--vocab-sky-600);text-decoration:underline}.vocab-class-list-word-count{font-size:var(--vocab-font-size-body-small);color:var(--vocab-stone-400)}.vocab-list-mastery{display:flex;align-items:center;gap:var(--vocab-space-xs)}.vocab-list-mastery-ring{width:24px;height:24px;position:relative}.vocab-list-mastery-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.vocab-list-mastery-ring circle{fill:none;stroke-width:3;stroke-linecap:round}.vocab-list-mastery-bg{stroke:var(--vocab-emerald-100)}.vocab-list-mastery-fill{stroke:var(--vocab-emerald-500)}.vocab-list-mastery-text{font-size:var(--vocab-font-size-body-small);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-emerald-600)}.vocab-empty-state{padding:var(--vocab-space-md);text-align:center;font-size:var(--vocab-font-size-body-small);color:var(--vocab-gray);font-style:italic}.student-create-actions{display:flex;flex-direction:column;gap:var(--vocab-space-sm);margin-bottom:var(--vocab-space-lg)}.student-create-card{display:flex;align-items:center;gap:var(--vocab-space-md);padding:var(--vocab-space-md);background:var(--vocab-white);border:1px solid var(--vocab-stone-200);border-radius:var(--vocab-border-radius-lg);box-shadow:var(--vocab-shadow-subtle);text-decoration:none;transition:box-shadow var(--vocab-transition),transform var(--vocab-transition),border-color var(--vocab-transition)}.student-create-card:hover{box-shadow:var(--vocab-shadow-sm);transform:translateY(-1px);border-color:var(--vocab-emerald-300);text-decoration:none}.student-create-icon{width:36px;height:36px;border-radius:var(--vocab-border-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.student-create-icon svg{width:18px;height:18px}.student-create-icon--manual{background:var(--vocab-emerald-50);color:var(--vocab-emerald-600)}.student-create-icon--guided{background:var(--vocab-sky-50);color:var(--vocab-sky-600)}.student-create-icon--import{background:var(--vocab-amber-50);color:var(--vocab-amber-600)}.student-create-text{display:flex;flex-direction:column;gap:2px}.student-create-label{font-size:var(--vocab-font-size-body);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-stone-800)}.student-create-desc{font-size:var(--vocab-font-size-caption);color:var(--vocab-stone-400)}.student-my-lists{background:var(--vocab-white);border:1px solid var(--vocab-stone-200);border-left:3px solid var(--vocab-sky-400);border-radius:var(--vocab-border-radius-lg);box-shadow:var(--vocab-shadow-subtle);overflow:hidden;margin-bottom:var(--vocab-space-lg)}.student-my-lists .vocab-class-list-items{margin:0}.student-my-list-item:hover{background-color:var(--vocab-stone-50)}.week-overview{background:var(--vocab-white);border:1px solid var(--vocab-stone-200);border-radius:var(--vocab-border-radius-lg);box-shadow:var(--vocab-shadow-subtle);padding:var(--vocab-space-lg);margin-bottom:var(--vocab-space-lg)}.week-overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--vocab-space-md)}.week-overview-title{font-size:var(--vocab-font-size-h4);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-stone-800);margin:0;display:flex;align-items:center;gap:var(--vocab-space-sm)}.week-overview-title-icon{width:20px;height:20px;color:var(--vocab-stone-400)}.week-date-range{font-size:var(--vocab-font-size-body-small);color:var(--vocab-stone-500);font-weight:var(--vocab-font-weight-semibold)}.day-cards{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--vocab-space-sm)}@media(max-width:768px){.day-cards{gap:var(--vocab-space-xs)}}.day-card{background:var(--vocab-stone-50);border:2px solid var(--vocab-stone-200);border-radius:var(--vocab-border-radius);padding:var(--vocab-space-sm) var(--vocab-space-xs);text-align:center;transition:border-color var(--vocab-transition),background-color var(--vocab-transition),box-shadow var(--vocab-transition)}.day-card:hover{border-color:var(--vocab-stone-300);box-shadow:var(--vocab-shadow-sm)}.day-card--today{background:var(--vocab-emerald-50);border-color:var(--vocab-emerald-500);box-shadow:var(--vocab-shadow-sm),0 0 0 2px var(--vocab-emerald-100)}.day-card--waiting{background:var(--vocab-amber-50);border-color:var(--vocab-amber-400)}.day-card--scheduled{background:var(--vocab-sky-50);border-color:var(--vocab-sky-400)}.day-card--empty{background:var(--vocab-stone-100);border-color:var(--vocab-stone-200);opacity:.6}.day-card-name{font-size:var(--vocab-font-size-caption);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-stone-500);text-transform:uppercase;letter-spacing:.5px}.day-card--today .day-card-name{color:var(--vocab-emerald-600)}.day-card--waiting .day-card-name{color:var(--vocab-amber-600)}.day-card--scheduled .day-card-name{color:var(--vocab-sky-600)}.day-card-count{font-size:var(--vocab-font-size-body-large);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-stone-700);line-height:1.2}.day-card--today .day-card-count{color:var(--vocab-emerald-600)}.day-card--waiting .day-card-count{color:var(--vocab-amber-600)}.day-card--scheduled .day-card-count{color:var(--vocab-sky-600)}.day-card--empty .day-card-count{color:var(--vocab-stone-400)}.day-card-label{font-size:var(--vocab-font-size-caption);color:var(--vocab-stone-400);line-height:1;text-transform:capitalize}.day-card--today .day-card-label{color:var(--vocab-emerald-500)}.day-card--waiting .day-card-label{color:var(--vocab-amber-500)}.day-card--scheduled .day-card-label{color:var(--vocab-sky-500)}.today-pill{display:inline-block;background:var(--vocab-emerald-500);color:var(--vocab-white);font-size:8px;font-weight:var(--vocab-font-weight-bold);padding:2px 6px;border-radius:var(--vocab-border-radius-pill);margin-bottom:2px;letter-spacing:.5px}.practice-card{background:var(--vocab-white);border:1px solid var(--vocab-very-light-gray);border-radius:var(--vocab-border-radius-xl);box-shadow:var(--vocab-shadow-elevated),var(--vocab-glow-emerald);padding:var(--vocab-space-xl);transition:box-shadow var(--vocab-transition)}.practice-card:hover{box-shadow:var(--vocab-shadow-lg),var(--vocab-glow-emerald)}.practice-progress-ring{position:relative;width:160px;height:160px;margin:0 auto var(--vocab-space-lg)}.practice-progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.practice-progress-ring circle{fill:none;stroke-width:12;stroke-linecap:round}.practice-progress-bg{stroke:var(--vocab-green-100)}.practice-progress-fill{stroke:var(--vocab-brand-green);transition:stroke-dashoffset .5s ease-out}.practice-progress-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.practice-progress-count{font-size:48px;font-weight:var(--vocab-font-weight-bold);color:var(--vocab-brand-green);line-height:1}.practice-progress-label{font-size:var(--vocab-font-size-body-small);color:var(--vocab-gray);margin-top:var(--vocab-space-xs)}.practice-card-header{text-align:center;margin-bottom:var(--vocab-space-lg)}.practice-card-title{font-size:var(--vocab-font-size-h3);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-dark);margin:0 0 var(--vocab-space-xs) 0}.practice-card-subtitle{font-size:var(--vocab-font-size-body-small);color:var(--vocab-gray);margin:0}.practice-ready-badge{display:inline-flex;align-items:center;gap:var(--vocab-space-xs);background:var(--vocab-green-100);color:var(--vocab-green-700);font-size:var(--vocab-font-size-body-small);font-weight:var(--vocab-font-weight-semibold);padding:var(--vocab-space-xs) var(--vocab-space-sm);border-radius:20px;margin-bottom:var(--vocab-space-md)}.practice-ready-badge svg{width:14px;height:14px}.btn-practice{display:block;width:100%;background:var(--vocab-brand-green);border:0;color:var(--vocab-white);font-weight:var(--vocab-font-weight-semibold);font-size:var(--vocab-font-size-body-large);padding:var(--vocab-space-md) var(--vocab-space-xl);border-radius:var(--vocab-border-radius);transition:background-color var(--vocab-transition),box-shadow var(--vocab-transition)}.btn-practice:hover{background:var(--vocab-brand-green-hover);box-shadow:var(--vocab-shadow-subtle);color:var(--vocab-white)}.btn-practice:disabled{background:var(--vocab-light-gray);cursor:not-allowed}.practice-mode-selector{margin-bottom:var(--vocab-space-lg);padding:var(--vocab-space-md);background:var(--vocab-off-white);border-radius:var(--vocab-border-radius)}.practice-mode-label{font-size:var(--vocab-font-size-body-small);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-gray);margin-bottom:var(--vocab-space-sm);text-align:center}.practice-mode-options{display:flex;gap:var(--vocab-space-sm);justify-content:center;flex-wrap:wrap}.practice-mode-option{display:flex;align-items:center;gap:var(--vocab-space-xs);cursor:pointer;padding:var(--vocab-space-xs) var(--vocab-space-sm);border-radius:var(--vocab-border-radius);transition:background-color var(--vocab-transition)}.practice-mode-option:hover{background:var(--vocab-very-light-gray)}.practice-mode-option input[type="radio"]{width:16px;height:16px;margin:0;accent-color:var(--vocab-brand-green);cursor:pointer}.practice-mode-text{font-size:var(--vocab-font-size-body-small);color:var(--vocab-dark)}.mastery-bar{margin-top:var(--vocab-space-lg);padding-top:var(--vocab-space-lg);border-top:1px solid var(--vocab-very-light-gray)}.mastery-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--vocab-space-sm)}.mastery-bar-label{font-size:var(--vocab-font-size-body-small);color:var(--vocab-gray)}.mastery-bar-value{font-size:var(--vocab-font-size-body-small);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-brand-green)}.mastery-bar-track{height:8px;background:var(--vocab-green-100);border-radius:4px;overflow:hidden}.mastery-bar-fill{height:100%;background:linear-gradient(90deg,var(--vocab-green-300),var(--vocab-brand-green));border-radius:4px;transition:width .5s ease-out}.practice-card-empty .practice-progress-fill{stroke:var(--vocab-green-200)}.practice-card-empty .practice-progress-count{color:var(--vocab-green-400)}.practice-card-empty .practice-card-subtitle{color:var(--vocab-green-600)}.next-practice-notice{text-align:center;font-size:var(--vocab-font-size-body);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-stone-600);background:var(--vocab-stone-100);padding:var(--vocab-space-md);border-radius:var(--vocab-border-radius);margin:0}.streak-card{background:linear-gradient(135deg,var(--vocab-flame-orange),var(--vocab-flame-yellow));border-radius:var(--vocab-border-radius-lg);padding:var(--vocab-space-md);margin-bottom:var(--vocab-space-md);color:var(--vocab-white);box-shadow:var(--vocab-shadow-elevated),var(--vocab-glow-amber);display:flex;align-items:center;gap:var(--vocab-space-md);position:relative;overflow:hidden}.streak-card::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 80% 20%,rgba(255,255,255,0.15) 0,transparent 50%);pointer-events:none}.streak-flame{width:36px;height:36px;flex-shrink:0}.streak-flame svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2))}.streak-info{flex:1;min-width:0}.streak-count{font-size:24px;font-weight:var(--vocab-font-weight-bold);line-height:1;text-shadow:0 1px 2px rgba(0,0,0,0.15)}.streak-label{font-size:var(--vocab-font-size-body-small);font-weight:var(--vocab-font-weight-semibold);opacity:.95}.streak-card.streak-inactive{background:var(--vocab-very-light-gray);color:var(--vocab-gray)}.streak-card.streak-inactive .streak-count{color:var(--vocab-medium-gray);text-shadow:none}.quest-card{background:var(--vocab-white);border:1px solid var(--vocab-very-light-gray);border-radius:var(--vocab-border-radius-lg);box-shadow:var(--vocab-shadow-subtle);padding:var(--vocab-space-md);margin-bottom:var(--vocab-space-sm)}.quest-header{display:flex;align-items:center;gap:var(--vocab-space-sm);margin-bottom:var(--vocab-space-sm)}.quest-icon{width:28px;height:28px;border-radius:var(--vocab-border-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quest-icon.word-quest{background:var(--vocab-green-100);color:var(--vocab-green-700)}.quest-icon.sentence-quest{background:var(--vocab-sky-100);color:var(--vocab-sky-600)}.quest-icon svg{width:14px;height:14px}.quest-title-area{flex:1;min-width:0}.quest-title{font-size:var(--vocab-font-size-body-small);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-dark);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quest-time-remaining{font-size:10px;color:var(--vocab-medium-gray);white-space:nowrap}.quest-progress{margin-bottom:var(--vocab-space-xs)}.quest-progress-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.quest-progress-current{font-size:var(--vocab-font-size-body-small);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-brand-green)}.quest-progress-target{font-size:10px;color:var(--vocab-gray)}.quest-progress-bar{height:6px;background:var(--vocab-green-100);border-radius:3px;overflow:hidden}.quest-progress-fill{height:100%;background:linear-gradient(90deg,var(--vocab-green-400),var(--vocab-brand-green));border-radius:3px}.quest-contribution{display:flex;align-items:center;gap:var(--vocab-space-xs);font-size:10px;margin-top:var(--vocab-space-xs)}.quest-contribution-label{color:var(--vocab-gray)}.quest-contribution-value{font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-brand-green)}.practice-pool-selector{margin-bottom:var(--vocab-space-md);padding:var(--vocab-space-md);background:var(--vocab-off-white);border-radius:var(--vocab-border-radius)}.practice-pool-label{font-size:var(--vocab-font-size-body-small);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-gray);margin-bottom:var(--vocab-space-sm);text-align:center}.practice-pool-options{display:flex;gap:var(--vocab-space-sm);justify-content:center;flex-wrap:wrap}.practice-pool-option{display:flex;align-items:center;gap:var(--vocab-space-xs);cursor:pointer;padding:var(--vocab-space-xs) var(--vocab-space-sm);border-radius:var(--vocab-border-radius);transition:background-color var(--vocab-transition)}.practice-pool-option:hover{background:var(--vocab-very-light-gray)}.practice-pool-option input[type="radio"]{width:16px;height:16px;margin:0;accent-color:var(--vocab-brand-green);cursor:pointer}.practice-pool-text{font-size:var(--vocab-font-size-body-small);color:var(--vocab-dark)}.vocab-class-list-actions{display:flex;align-items:center;gap:var(--vocab-space-sm)}.student-extend-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:0;border:1px solid var(--vocab-stone-300);border-radius:var(--vocab-border-radius);color:var(--vocab-stone-400);cursor:pointer;transition:color var(--vocab-transition),border-color var(--vocab-transition),background-color var(--vocab-transition)}.student-extend-btn:hover{color:var(--vocab-emerald-500);border-color:var(--vocab-emerald-400);background:var(--vocab-emerald-50)}.student-extend-btn svg{width:14px;height:14px}.student-my-list-source{font-size:var(--vocab-font-size-caption);color:var(--vocab-stone-400);font-style:italic}.practice-resume-notice{text-align:center;font-size:var(--vocab-font-size-body-small);color:var(--vocab-stone-500);margin:var(--vocab-space-sm) 0}.btn-practice-secondary{display:block;width:100%;background:transparent;border:1px solid var(--vocab-stone-300);color:var(--vocab-stone-500);font-weight:var(--vocab-font-weight-semibold);font-size:var(--vocab-font-size-body-small);padding:var(--vocab-space-sm) var(--vocab-space-md);border-radius:var(--vocab-border-radius);cursor:pointer;transition:background-color var(--vocab-transition),color var(--vocab-transition),border-color var(--vocab-transition)}.btn-practice-secondary:hover{background:var(--vocab-stone-100);color:var(--vocab-stone-700);border-color:var(--vocab-stone-400)}.sc-page{max-width:720px;margin:0 auto}.sc-breadcrumb{display:flex;align-items:center;gap:var(--vocab-space-xs);font-size:var(--vocab-font-size-body-small);color:var(--vocab-stone-400);margin-bottom:var(--vocab-space-lg)}.sc-breadcrumb a{color:var(--vocab-emerald-600);text-decoration:none}.sc-breadcrumb a:hover{text-decoration:underline}.sc-breadcrumb-sep{color:var(--vocab-stone-300)}.sc-breadcrumb-current{color:var(--vocab-stone-600);font-weight:var(--vocab-font-weight-semibold)}.sc-header{margin-bottom:var(--vocab-space-lg)}.sc-title{font-size:var(--vocab-font-size-h2);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-stone-800);margin:0 0 var(--vocab-space-xs) 0}.sc-meta{font-size:var(--vocab-font-size-body-small);color:var(--vocab-stone-500);margin:0}.sc-practice-card{background:var(--vocab-white);border:1px solid var(--vocab-stone-200);border-radius:var(--vocab-border-radius-lg);box-shadow:var(--vocab-shadow-subtle);padding:var(--vocab-space-lg);margin-bottom:var(--vocab-space-lg)}.sc-practice-stats{display:flex;gap:var(--vocab-space-xl);justify-content:center;margin-bottom:var(--vocab-space-md)}.sc-stat{text-align:center}.sc-stat-value{display:block;font-size:var(--vocab-font-size-h2);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-emerald-600);line-height:1.2}.sc-stat-label{font-size:var(--vocab-font-size-body-small);color:var(--vocab-stone-500)}.sc-practice-actions{text-align:center}.sc-practice-prompt{font-size:var(--vocab-font-size-body-small);color:var(--vocab-stone-500);margin-bottom:var(--vocab-space-sm)}.sc-caught-up{text-align:center;font-size:var(--vocab-font-size-body);color:var(--vocab-emerald-600);font-weight:var(--vocab-font-weight-semibold);padding:var(--vocab-space-md) 0}.sc-lists{display:flex;flex-direction:column;gap:var(--vocab-space-sm)}.sc-list-card{display:flex;justify-content:space-between;align-items:center;padding:var(--vocab-space-md);background:var(--vocab-white);border:1px solid var(--vocab-stone-200);border-left:3px solid var(--vocab-emerald-400);border-radius:var(--vocab-border-radius-lg);box-shadow:var(--vocab-shadow-subtle);gap:var(--vocab-space-sm);transition:box-shadow var(--vocab-transition)}.sc-list-card:hover{box-shadow:var(--vocab-shadow-sm)}.sc-list-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.sc-list-name{font-size:var(--vocab-font-size-body);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-emerald-600);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-list-name:hover{color:var(--vocab-emerald-700);text-decoration:underline}.sc-list-word-count{font-size:var(--vocab-font-size-body-small);color:var(--vocab-stone-400)}.sc-list-actions{display:flex;align-items:center;gap:var(--vocab-space-md)}.sc-list-practice-btn{display:inline-block;padding:var(--vocab-space-xs) var(--vocab-space-md);background:var(--vocab-emerald-500);color:var(--vocab-white);font-size:var(--vocab-font-size-body-small);font-weight:var(--vocab-font-weight-semibold);border-radius:var(--vocab-border-radius);text-decoration:none;transition:background-color var(--vocab-transition);white-space:nowrap}.sc-list-practice-btn:hover{background:var(--vocab-emerald-600);color:var(--vocab-white);text-decoration:none}.sl-page{max-width:720px;margin:0 auto}.sl-breadcrumb{display:flex;align-items:center;gap:var(--vocab-space-xs);font-size:var(--vocab-font-size-body-small);color:var(--vocab-stone-400);margin-bottom:var(--vocab-space-lg)}.sl-breadcrumb a{color:var(--vocab-emerald-600);text-decoration:none}.sl-breadcrumb a:hover{text-decoration:underline}.sl-breadcrumb-sep{color:var(--vocab-stone-300)}.sl-breadcrumb-current{color:var(--vocab-stone-600);font-weight:var(--vocab-font-weight-semibold)}.sl-title{font-size:var(--vocab-font-size-h2);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-stone-800);margin:0 0 var(--vocab-space-lg) 0}.sl-practice-card{background:var(--vocab-white);border:1px solid var(--vocab-stone-200);border-radius:var(--vocab-border-radius-lg);box-shadow:var(--vocab-shadow-subtle);padding:var(--vocab-space-lg);margin-bottom:var(--vocab-space-lg)}.practice-question-card{background:var(--vocab-white);border:1px solid var(--vocab-very-light-gray);border-radius:var(--vocab-border-radius-lg);box-shadow:var(--vocab-shadow-subtle);max-width:600px;margin:0 auto}.practice-question-body{padding:var(--vocab-space-xl)}.practice-question-provenance{text-align:center;margin-bottom:var(--vocab-space-lg);margin-top:calc(-1 * var(--vocab-space-sm))}.practice-question-provenance-text{display:inline-flex;align-items:center;gap:var(--vocab-space-sm);font-size:var(--vocab-font-size-body-large);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-emerald-700);background:var(--vocab-emerald-50);border:1px solid var(--vocab-emerald-200);padding:var(--vocab-space-sm) var(--vocab-space-lg);border-radius:var(--vocab-border-radius-pill)}.practice-question-provenance-text svg{width:18px;height:18px;color:var(--vocab-emerald-500)}.practice-question-prompt{font-size:var(--vocab-font-size-h1-5);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-dark);text-align:center;margin-bottom:var(--vocab-space-lg);padding:var(--vocab-space-md);border:1px solid var(--vocab-gray);border-radius:var(--vocab-border-radius);background:var(--vocab-white)}.practice-question-definition-prompt{font-size:var(--vocab-font-size-h3);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-dark);text-align:center;margin-bottom:var(--vocab-space-lg);padding:var(--vocab-space-md);border:1px solid var(--vocab-gray);border-radius:var(--vocab-border-radius);background:var(--vocab-white);line-height:1.5}.practice-question-instruction{font-size:var(--vocab-font-size-body-large);color:var(--vocab-charcoal);text-align:center;margin-bottom:var(--vocab-space-lg)}.practice-question-instruction--leaning{color:var(--vocab-gray);font-style:italic}.practice-question-choices{display:flex;flex-direction:column;gap:var(--vocab-space-sm)}.practice-question-choice{display:block;width:100%;padding:var(--vocab-space-md);background:var(--vocab-white);border:2px solid var(--vocab-stone-200);border-radius:var(--vocab-border-radius);font-size:var(--vocab-font-size-body-large);color:var(--vocab-dark);text-align:left;cursor:pointer;transition:border-color var(--vocab-transition),background-color var(--vocab-transition),box-shadow var(--vocab-transition),transform var(--vocab-transition)}.practice-question-choice:hover{border-color:var(--vocab-emerald-400);background-color:var(--vocab-emerald-50);box-shadow:var(--vocab-shadow-elevated);transform:translateY(-2px)}.practice-question-choice:focus{outline:0;border-color:var(--vocab-emerald-500);box-shadow:0 0 0 3px rgba(16,185,129,0.2)}.practice-question-unsure{display:block;width:100%;margin-top:var(--vocab-space-sm);padding:var(--vocab-space-md);background:var(--vocab-amber-50);border:2px solid var(--vocab-stone-200);border-radius:var(--vocab-border-radius);font-size:var(--vocab-font-size-body);color:var(--vocab-dark);cursor:pointer;transition:background-color var(--vocab-transition),border-color var(--vocab-transition)}.practice-question-unsure:hover{background:var(--vocab-amber-100);border-color:var(--vocab-amber-300)}.practice-question-level-adjust{border-top:1px solid var(--vocab-very-light-gray);padding:var(--vocab-space-md) var(--vocab-space-xl);background:var(--vocab-off-white);border-radius:0 0 var(--vocab-border-radius-lg) var(--vocab-border-radius-lg)}.practice-question-level-adjust--scaffolded{background:var(--vocab-level-B1)}.practice-question-level-label{font-size:var(--vocab-font-size-body-small);color:var(--vocab-gray)}.practice-question-level-select{padding:var(--vocab-space-xs) var(--vocab-space-sm);font-size:var(--vocab-font-size-body-small);border:1px solid var(--vocab-light-gray);border-radius:var(--vocab-border-radius);background:var(--vocab-white);color:var(--vocab-dark);min-width:80px}.practice-question-level-select:focus{outline:0;border-color:var(--vocab-brand-green);box-shadow:0 0 0 2px rgba(46,204,113,0.1)}.practice-question-progress{display:flex;justify-content:space-between;align-items:center;padding:var(--vocab-space-md) var(--vocab-space-xl);border-bottom:1px solid var(--vocab-sky-100);background:var(--vocab-sky-50);border-radius:var(--vocab-border-radius-lg) var(--vocab-border-radius-lg) 0 0}.practice-question-progress--scaffolded{background:var(--vocab-level-B1)}.practice-question-progress--returning{background:rgba(46,204,113,0.1)}.practice-question-progress-text{font-size:var(--vocab-font-size-body-large);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-sky-600)}.practice-question-progress-bar{flex:1;max-width:200px;height:6px;background:var(--vocab-sky-100);border-radius:3px;margin-left:var(--vocab-space-md);overflow:hidden}.practice-question-progress-fill{height:100%;background:var(--vocab-sky-500);border-radius:3px;transition:width 300ms ease-out}.practice-question-choice--correct{background:var(--vocab-info) !important;border-color:var(--vocab-info) !important;color:var(--vocab-white) !important;position:relative;cursor:default}.practice-question-choice--correct:hover{background:var(--vocab-info) !important;border-color:var(--vocab-info) !important}.practice-question-check-icon{position:absolute;right:var(--vocab-space-md);top:50%;transform:translateY(-50%);width:24px;height:24px;color:var(--vocab-white)}.practice-question-choice--selected-wrong{border-color:var(--vocab-warning) !important;background:rgba(243,156,18,0.1) !important;cursor:default}.practice-question-choice--selected-wrong:hover{border-color:var(--vocab-warning) !important;background:rgba(243,156,18,0.1) !important}.practice-question-choice:disabled{cursor:default;opacity:1}.practice-question-feedback-actions{margin-top:var(--vocab-space-lg);text-align:center}.practice-question-feedback-message{font-size:var(--vocab-font-size-body-large);font-weight:var(--vocab-font-weight-semibold);margin-bottom:var(--vocab-space-md)}.practice-question-feedback-message--correct{color:var(--vocab-info)}.practice-question-feedback-message--incorrect{color:var(--vocab-charcoal)}.practice-feedback-toggle{display:flex;align-items:center;gap:var(--vocab-space-sm);cursor:pointer;user-select:none}.practice-feedback-toggle-input{position:absolute;opacity:0;width:0;height:0}.practice-feedback-toggle-slider{position:relative;width:36px;height:20px;background:var(--vocab-light-gray);border-radius:10px;transition:background-color var(--vocab-transition)}.practice-feedback-toggle-slider::before{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--vocab-white);border-radius:50%;transition:transform var(--vocab-transition);box-shadow:0 1px 3px rgba(0,0,0,0.2)}.practice-feedback-toggle-input:checked+.practice-feedback-toggle-slider{background:var(--vocab-brand-green)}.practice-feedback-toggle-input:checked+.practice-feedback-toggle-slider::before{transform:translateX(16px)}.practice-feedback-toggle-input:focus+.practice-feedback-toggle-slider{box-shadow:0 0 0 2px rgba(46,204,113,0.2)}.practice-feedback-toggle-label{font-size:var(--vocab-font-size-body-small);color:var(--vocab-gray)}.practice-session-header{display:flex;align-items:center;justify-content:space-between;padding:var(--vocab-space-sm) 0;margin-bottom:var(--vocab-space-md)}.practice-exit-link{display:inline-flex;align-items:center;gap:var(--vocab-space-xs);color:var(--vocab-stone-500);text-decoration:none;font-size:var(--vocab-font-size-body-small);font-weight:var(--vocab-font-weight-semibold);padding:var(--vocab-space-xs) var(--vocab-space-sm);border-radius:var(--vocab-border-radius-sm);transition:color var(--vocab-transition-fast),background-color var(--vocab-transition-fast);min-height:44px;min-width:44px}.practice-exit-link:hover{color:var(--vocab-stone-700);background-color:var(--vocab-stone-100)}.practice-session-list-name{color:var(--vocab-stone-400);font-size:var(--vocab-font-size-body-small);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.practice-question-body{padding:var(--vocab-space-lg)}.practice-question-prompt{font-size:var(--vocab-font-size-h2)}.practice-question-definition-prompt{font-size:var(--vocab-font-size-body-large)}.practice-question-level-adjust{padding:var(--vocab-space-sm) var(--vocab-space-lg)}.practice-question-progress{padding:var(--vocab-space-sm) var(--vocab-space-lg)}}.practice-recall-form{margin-top:var(--vocab-space-lg)}.practice-recall-input{display:block;width:100%;padding:var(--vocab-space-md) var(--vocab-space-lg);font-size:var(--vocab-font-size-heading-4);font-weight:var(--vocab-font-weight-bold);text-align:center;border:2px solid var(--vocab-light-gray);border-radius:var(--vocab-border-radius);background:var(--vocab-very-light-gray);color:var(--vocab-dark);transition:border-color .2s ease,box-shadow .2s ease}.practice-recall-input:focus{outline:0;border-color:var(--vocab-brand-green);box-shadow:0 0 0 3px rgba(var(--vocab-brand-green-rgb,16,185,129),0.15);background:var(--vocab-white)}.practice-recall-input::placeholder{color:var(--vocab-gray);font-weight:var(--vocab-font-weight-normal);font-size:var(--vocab-font-size-body-large)}.practice-recall-length-hint{text-align:center;margin-top:var(--vocab-space-sm);font-size:var(--vocab-font-size-small);color:var(--vocab-gray)}.practice-recall-hint{text-align:center;margin:var(--vocab-space-md) 0;padding:var(--vocab-space-sm) var(--vocab-space-md);background:var(--vocab-amber-50,#fffbeb);border:1px solid var(--vocab-amber-200,#fde68a);border-radius:var(--vocab-border-radius)}.practice-recall-hint-label{font-size:var(--vocab-font-size-small);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-amber-700,#b45309);margin-right:var(--vocab-space-sm)}.practice-recall-hint-text{font-family:var(--vocab-font-mono,monospace);font-size:var(--vocab-font-size-heading-4);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-dark);letter-spacing:.15em}.practice-recall-retry-message{text-align:center;font-size:var(--vocab-font-size-body-large);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-amber-700);margin-bottom:var(--vocab-space-md)}.practice-recall-reveal{text-align:center;padding:var(--vocab-space-lg);background:var(--vocab-amber-50);border:2px solid var(--vocab-amber-200);border-radius:var(--vocab-border-radius);margin-bottom:var(--vocab-space-lg)}.practice-recall-reveal-label{font-size:var(--vocab-font-size-small);font-weight:var(--vocab-font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--vocab-amber-700);margin-bottom:var(--vocab-space-xs)}.practice-recall-reveal-word{font-size:var(--vocab-font-size-heading-3);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-dark)}.practice-recall-feedback{margin-top:var(--vocab-space-lg);display:flex;flex-direction:column;gap:var(--vocab-space-md)}.practice-recall-answer{display:flex;flex-direction:column;align-items:center;padding:var(--vocab-space-md) var(--vocab-space-lg);border-radius:var(--vocab-border-radius);border:2px solid transparent}.practice-recall-answer-label{font-size:var(--vocab-font-size-small);font-weight:var(--vocab-font-weight-bold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--vocab-space-xs)}.practice-recall-answer-text{font-size:var(--vocab-font-size-heading-4);font-weight:var(--vocab-font-weight-bold)}.practice-recall-answer--correct{background:var(--vocab-emerald-50);border-color:var(--vocab-emerald-200)}.practice-recall-answer--correct .practice-recall-answer-label{color:var(--vocab-emerald-700)}.practice-recall-answer--correct .practice-recall-answer-text{color:var(--vocab-emerald-700)}.practice-recall-answer--wrong{background:var(--vocab-amber-50);border-color:var(--vocab-amber-200)}.practice-recall-answer--wrong .practice-recall-answer-label{color:var(--vocab-amber-700)}.practice-recall-answer--wrong .practice-recall-answer-text{color:var(--vocab-amber-700);text-decoration:none}.practice-recall-answer--expected{background:var(--vocab-emerald-50);border-color:var(--vocab-emerald-200)}.practice-recall-answer--expected .practice-recall-answer-label{color:var(--vocab-emerald-700)}.practice-recall-answer--expected .practice-recall-answer-text{color:var(--vocab-emerald-700)}.session-summary-card{background:var(--vocab-white);border:1px solid var(--vocab-very-light-gray);border-radius:var(--vocab-border-radius-lg);box-shadow:var(--vocab-shadow-subtle);max-width:600px;margin:0 auto;overflow:hidden}.session-summary-header{background:var(--vocab-brand-green);padding:var(--vocab-space-xl);text-align:center;color:var(--vocab-white)}.session-summary-title{font-size:var(--vocab-font-size-h2);font-weight:var(--vocab-font-weight-bold);margin:0 0 var(--vocab-space-xs) 0}.session-summary-subtitle{font-size:var(--vocab-font-size-body);margin:0;opacity:.9}.session-summary-mode{font-size:var(--vocab-font-size-small);margin:var(--vocab-space-xs) 0 0 0;opacity:.8}.session-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--vocab-space-md);padding:var(--vocab-space-xl);background:var(--vocab-off-white);border-bottom:1px solid var(--vocab-very-light-gray)}.session-summary-stat{text-align:center}.session-summary-stat-value{font-size:var(--vocab-font-size-h2);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-dark);line-height:1.2}.session-summary-stat-value--correct{color:var(--vocab-success)}.session-summary-stat-value--incorrect{color:var(--vocab-error)}.session-summary-stat-label{font-size:var(--vocab-font-size-body-small);color:var(--vocab-gray);margin-top:var(--vocab-space-xs)}.session-summary-accuracy{padding:var(--vocab-space-lg) var(--vocab-space-xl)}.session-summary-accuracy-label{display:flex;justify-content:space-between;align-items:center;font-size:var(--vocab-font-size-body);color:var(--vocab-charcoal);margin-bottom:var(--vocab-space-sm)}.session-summary-accuracy-percent{font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-dark)}.session-summary-accuracy-bar{height:8px;background:var(--vocab-very-light-gray);border-radius:4px;overflow:hidden}.session-summary-accuracy-fill{height:100%;background:var(--vocab-brand-green);border-radius:4px;transition:width 500ms ease-out}.session-summary-results{padding:var(--vocab-space-xl);border-top:1px solid var(--vocab-very-light-gray)}.session-summary-results-title{font-size:var(--vocab-font-size-h4);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-dark);margin:0 0 var(--vocab-space-sm) 0}.session-summary-results-note{font-size:var(--vocab-font-size-body-small);color:var(--vocab-gray);margin-bottom:var(--vocab-space-lg)}.session-summary-word-list{display:flex;flex-direction:column;gap:var(--vocab-space-sm)}.session-summary-word{padding:var(--vocab-space-md);border-radius:var(--vocab-border-radius);border-left:4px solid var(--vocab-light-gray);background:var(--vocab-off-white)}.session-summary-word--all-correct{border-left-color:var(--vocab-success);background:rgba(39,174,96,0.05)}.session-summary-word--has-errors{border-left-color:var(--vocab-error);background:rgba(231,76,60,0.05)}.session-summary-word-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--vocab-space-xs)}.session-summary-word-text{font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-dark);text-decoration:none;border-bottom:1px dotted var(--vocab-stone-400);transition:color var(--vocab-transition-fast),border-color var(--vocab-transition-fast)}a.session-summary-word-text:hover{color:var(--vocab-brand-green);border-bottom-color:var(--vocab-brand-green)}.session-summary-word-score{font-size:var(--vocab-font-size-body-small)}.session-summary-badge{display:inline-block;padding:var(--vocab-space-xs) var(--vocab-space-sm);border-radius:var(--vocab-border-radius-sm);font-size:var(--vocab-font-size-body-small);font-weight:var(--vocab-font-weight-medium)}.session-summary-badge--correct{background:var(--vocab-success);color:var(--vocab-white)}.session-summary-badge--mixed{background:var(--vocab-warning);color:var(--vocab-dark)}.session-summary-word-details{display:flex;flex-wrap:wrap;gap:var(--vocab-space-xs)}.session-summary-attempt{font-size:var(--vocab-font-size-body-small);padding:var(--vocab-space-xs) var(--vocab-space-sm);border-radius:var(--vocab-border-radius-sm)}.session-summary-attempt--correct{background:rgba(39,174,96,0.1);color:var(--vocab-success)}.session-summary-attempt--incorrect{background:rgba(231,76,60,0.1);color:var(--vocab-error)}.session-summary-actions{display:flex;justify-content:center;gap:var(--vocab-space-md);padding:var(--vocab-space-xl);background:var(--vocab-off-white);border-top:1px solid var(--vocab-very-light-gray)}@media(max-width:480px){.session-summary-header{padding:var(--vocab-space-lg)}.session-summary-title{font-size:var(--vocab-font-size-h3)}.session-summary-stats{grid-template-columns:repeat(2,1fr);padding:var(--vocab-space-lg)}.session-summary-accuracy{padding:var(--vocab-space-md) var(--vocab-space-lg)}.session-summary-results{padding:var(--vocab-space-lg)}.session-summary-actions{flex-direction:column;padding:var(--vocab-space-lg)}.session-summary-actions .btn{width:100%}}.class-progress-header{background:var(--vocab-white);border:1px solid var(--vocab-very-light-gray);border-radius:var(--vocab-border-radius-lg);box-shadow:var(--vocab-shadow-subtle);padding:var(--vocab-space-lg);margin-bottom:var(--vocab-space-lg)}.class-progress-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--vocab-space-md);flex-wrap:wrap;gap:var(--vocab-space-md)}.class-progress-title{font-size:var(--vocab-font-size-h2);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-dark);margin:0}.class-progress-subtitle{font-size:var(--vocab-font-size-body);color:var(--vocab-gray);margin:var(--vocab-space-xs) 0 0 0}.class-summary-stats{display:flex;gap:var(--vocab-space-xl);flex-wrap:wrap}.summary-stat{display:flex;flex-direction:column;gap:var(--vocab-space-xs)}.summary-stat-value{font-size:var(--vocab-font-size-h3);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-dark);line-height:1}.summary-stat-value--attention{color:var(--vocab-green-growing)}.summary-stat-value--success{color:var(--vocab-brand-green)}.summary-stat-label{font-size:var(--vocab-font-size-body-small);color:var(--vocab-gray)}.progress-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--vocab-space-lg);flex-wrap:wrap;gap:var(--vocab-space-md)}.progress-controls-left{display:flex;gap:var(--vocab-space-sm);flex-wrap:wrap}.filter-btn{background:var(--vocab-white);border:1px solid var(--vocab-light-gray);color:var(--vocab-charcoal);font-size:var(--vocab-font-size-body-small);font-weight:var(--vocab-font-weight-semibold);padding:var(--vocab-space-sm) var(--vocab-space-md);border-radius:var(--vocab-border-radius);cursor:pointer;transition:all var(--vocab-transition)}.filter-btn:hover{border-color:var(--vocab-brand-green);color:var(--vocab-brand-green)}.filter-btn--active{background:var(--vocab-brand-green);border-color:var(--vocab-brand-green);color:var(--vocab-white)}.filter-btn--active:hover{background:var(--vocab-brand-green-hover);color:var(--vocab-white)}.sort-select{background:var(--vocab-white);border:1px solid var(--vocab-light-gray);border-radius:var(--vocab-border-radius);padding:var(--vocab-space-sm) var(--vocab-space-md);font-size:var(--vocab-font-size-body-small);color:var(--vocab-charcoal);cursor:pointer}.sort-select:focus{outline:0;border-color:var(--vocab-brand-green)}.student-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--vocab-space-md)}@media(max-width:1200px){.student-cards-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:992px){.student-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.student-cards-grid{grid-template-columns:1fr}}.student-progress-card{background:var(--vocab-white);border:1px solid var(--vocab-very-light-gray);border-radius:var(--vocab-border-radius-lg);box-shadow:var(--vocab-shadow-subtle);padding:var(--vocab-space-lg);transition:box-shadow var(--vocab-transition),border-color var(--vocab-transition)}.student-progress-card:hover{box-shadow:0 4px 16px rgba(0,0,0,0.12)}.student-progress-card--ready-to-practice{border-left:4px solid var(--vocab-green-growing)}.student-progress-card--returning{border-left:4px solid var(--vocab-green-early)}.student-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--vocab-space-md)}.student-name{font-size:var(--vocab-font-size-body-large);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-dark);margin:0}.student-status-badge{display:inline-flex;align-items:center;gap:var(--vocab-space-xs);font-size:var(--vocab-font-size-caption);font-weight:var(--vocab-font-weight-semibold);padding:var(--vocab-space-xs) var(--vocab-space-sm);border-radius:var(--vocab-border-radius)}.student-status-badge--ready{background:var(--vocab-emerald-50);color:var(--vocab-emerald-600)}.student-status-badge--returning{background:var(--vocab-emerald-100);color:var(--vocab-emerald-700)}.student-status-badge--on-track{background:var(--vocab-emerald-50);color:var(--vocab-emerald-500)}.mastery-section{margin-bottom:var(--vocab-space-md)}.mastery-label{font-size:var(--vocab-font-size-caption);color:var(--vocab-gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--vocab-space-xs)}.mastery-bar-container{display:flex;align-items:center;gap:var(--vocab-space-sm)}.mastery-bar{flex:1;height:8px;background:var(--vocab-very-light-gray);border-radius:4px;overflow:hidden}.mastery-bar-fill{height:100%;border-radius:4px;transition:width 300ms ease-out}.mastery-bar-fill--early{background:var(--vocab-green-early)}.mastery-bar-fill--growing{background:var(--vocab-green-growing)}.mastery-bar-fill--strong{background:var(--vocab-green-strong)}.mastery-percent{font-size:var(--vocab-font-size-body);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-dark);min-width:40px;text-align:right}.review-status{display:flex;flex-direction:column;gap:var(--vocab-space-sm);padding-top:var(--vocab-space-md);border-top:1px solid var(--vocab-very-light-gray)}.review-stat-row{display:flex;justify-content:space-between;align-items:center}.review-stat-label{font-size:var(--vocab-font-size-body-small);color:var(--vocab-gray)}.review-stat-value{font-size:var(--vocab-font-size-body-small);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-charcoal)}.review-stat-value--ready{color:var(--vocab-green-growing)}.review-stat-value--opportunity{color:var(--vocab-green-growing)}.review-stat-value--muted{color:var(--vocab-gray);font-weight:var(--vocab-font-weight-regular)}.last-practiced{font-size:var(--vocab-font-size-caption);color:var(--vocab-medium-gray);margin-top:var(--vocab-space-xs)}.last-practiced--opportunity{color:var(--vocab-green-growing)}.empty-state{text-align:center;padding:var(--vocab-space-xl);color:var(--vocab-gray)}.empty-state-icon{font-size:3rem;color:var(--vocab-light-gray);margin-bottom:var(--vocab-space-md)}@keyframes teacher-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.teacher-header,.teacher-actions,.teacher-columns{animation:teacher-enter .4s ease-out both}.teacher-header{animation-delay:0s}.teacher-actions{animation-delay:.1s}.teacher-columns{animation-delay:.2s}.teacher-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--vocab-space-xl);align-items:start}.teacher-columns .teacher-zone{margin-bottom:0}.teacher-header{margin-bottom:var(--vocab-space-xl)}.teacher-greeting{font-weight:var(--vocab-font-weight-bold);font-size:var(--vocab-font-size-h1);font-weight:700;color:var(--vocab-dark);line-height:var(--vocab-line-height-heading);margin:0 0 var(--vocab-space-sm)}.teacher-summary{font-size:var(--vocab-font-size-body-large);color:var(--vocab-medium-gray);margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:var(--vocab-space-xs)}.teacher-stat{color:var(--vocab-charcoal);font-weight:var(--vocab-font-weight-semibold);text-decoration:none;transition:color var(--vocab-transition)}.teacher-stat:hover{color:var(--vocab-brand-green)}.teacher-stat-sep{color:var(--vocab-light-gray);user-select:none}.teacher-admin-link{font-size:var(--vocab-font-size-body-small);color:var(--vocab-medium-gray);text-decoration:none;margin-left:auto;transition:color var(--vocab-transition)}.teacher-admin-link:hover{color:var(--vocab-charcoal)}.teacher-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--vocab-space-md);margin-bottom:var(--vocab-space-xl)}.teacher-action-card{display:flex;align-items:center;gap:var(--vocab-space-md);padding:var(--vocab-space-md);background:var(--vocab-white);border:1px solid var(--vocab-stone-200);border-radius:var(--vocab-border-radius-lg);box-shadow:var(--vocab-shadow-subtle);text-decoration:none;transition:box-shadow var(--vocab-transition),transform var(--vocab-transition),border-color var(--vocab-transition)}.teacher-action-card:hover{box-shadow:var(--vocab-shadow-elevated);transform:translateY(-2px);text-decoration:none}.teacher-action-card:hover .teacher-action-icon--emerald{border-color:var(--vocab-emerald-300)}.teacher-action-card:hover .teacher-action-icon--sky{border-color:var(--vocab-sky-300)}.teacher-action-card:hover .teacher-action-icon--amber{border-color:var(--vocab-amber-300)}.teacher-action-card:hover .teacher-action-icon--stone{border-color:var(--vocab-stone-300)}.teacher-action-icon{width:40px;height:40px;border-radius:var(--vocab-border-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;border:1px solid transparent;transition:border-color var(--vocab-transition)}.teacher-action-icon--emerald{background:var(--vocab-emerald-50);color:var(--vocab-emerald-600)}.teacher-action-icon--sky{background:var(--vocab-sky-50);color:var(--vocab-sky-600)}.teacher-action-icon--amber{background:var(--vocab-amber-50);color:var(--vocab-amber-600)}.teacher-action-icon--stone{background:var(--vocab-stone-100);color:var(--vocab-stone-600)}.teacher-action-text{display:flex;flex-direction:column;gap:2px;min-width:0}.teacher-action-label{font-size:var(--vocab-font-size-body);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-stone-800)}.teacher-action-desc{font-size:var(--vocab-font-size-caption);color:var(--vocab-stone-400)}.teacher-zone{background:var(--vocab-white);border:1px solid var(--vocab-stone-200);border-left:4px solid var(--vocab-stone-300);border-radius:var(--vocab-border-radius-lg);padding:var(--vocab-space-lg);margin-bottom:var(--vocab-space-xl);box-shadow:var(--vocab-shadow-subtle)}.teacher-zone-heading{font-weight:var(--vocab-font-weight-bold);font-size:var(--vocab-font-size-h2);font-weight:600;color:var(--vocab-dark);margin:0 0 var(--vocab-space-lg);line-height:var(--vocab-line-height-heading)}.teacher-zone--lists{border-left-color:var(--vocab-emerald-400)}.teacher-list{list-style:none;padding:0;margin:0}.teacher-list-item{display:flex;align-items:center;gap:var(--vocab-space-md);padding:var(--vocab-space-md) 0;border-bottom:1px solid var(--vocab-stone-100)}.teacher-list-item:last-child{border-bottom:0;padding-bottom:0}.teacher-list-item:first-child{padding-top:0}.teacher-list-title{font-size:var(--vocab-font-size-body);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-stone-800);text-decoration:none;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--vocab-transition)}.teacher-list-title:hover{color:var(--vocab-emerald-600)}.teacher-list-meta{font-size:var(--vocab-font-size-caption);color:var(--vocab-stone-400);white-space:nowrap}.teacher-list-count{display:inline-block;background:var(--vocab-emerald-100);color:var(--vocab-emerald-600);font-size:var(--vocab-font-size-caption);font-weight:var(--vocab-font-weight-semibold);padding:2px var(--vocab-space-sm);border-radius:var(--vocab-border-radius-pill);text-decoration:none;white-space:nowrap;transition:background-color var(--vocab-transition)}.teacher-list-count:hover{background:var(--vocab-emerald-200);color:var(--vocab-emerald-600)}.teacher-list-actions{display:flex;align-items:center;gap:var(--vocab-space-sm)}.teacher-list-actions a{color:var(--vocab-stone-400);font-size:16px;transition:color var(--vocab-transition);display:flex;align-items:center}.teacher-list-actions a:hover{color:var(--vocab-emerald-500)}.teacher-zone--classes{border-left-color:var(--vocab-emerald-400)}.teacher-class-item{padding:var(--vocab-space-md) 0;border-bottom:1px solid var(--vocab-stone-100)}.teacher-class-item:last-child{border-bottom:0;padding-bottom:0}.teacher-class-item:first-child{padding-top:0}.teacher-class-header{display:flex;justify-content:space-between;align-items:center;gap:var(--vocab-space-md)}.teacher-class-mastery-ring{position:relative;width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;text-decoration:none}.teacher-class-mastery-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.teacher-class-mastery-ring circle{fill:none;stroke-width:3;stroke-linecap:round}.teacher-mastery-bg{stroke:var(--vocab-emerald-100)}.teacher-mastery-fill{stroke:var(--vocab-emerald-500);transition:stroke-dashoffset .5s ease-out}.teacher-mastery-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:var(--vocab-font-weight-bold);color:var(--vocab-emerald-600);line-height:1}.teacher-class-mastery-ring:hover .teacher-mastery-fill{stroke:var(--vocab-emerald-600)}.teacher-class-mastery-ring:hover .teacher-mastery-value{color:var(--vocab-emerald-700)}.teacher-class-due{font-size:var(--vocab-font-size-caption);color:var(--vocab-amber-600);margin-top:var(--vocab-space-xs);display:flex;align-items:center;gap:var(--vocab-space-xs)}.teacher-class-due .bi{font-size:12px}.teacher-class-title{font-size:var(--vocab-font-size-body);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-stone-800);text-decoration:none;transition:color var(--vocab-transition)}.teacher-class-title:hover{color:var(--vocab-emerald-600)}.teacher-class-stats{font-size:var(--vocab-font-size-body-small);color:var(--vocab-stone-500);margin-top:2px}.teacher-class-stats a{color:var(--vocab-stone-500);text-decoration:none;transition:color var(--vocab-transition)}.teacher-class-stats a:hover{color:var(--vocab-emerald-600)}.teacher-class-stats span{color:var(--vocab-stone-300);margin:0 var(--vocab-space-xs)}.teacher-class-actions{display:flex;gap:var(--vocab-space-sm);margin-top:var(--vocab-space-sm)}.teacher-class-pill{display:inline-block;font-size:var(--vocab-font-size-caption);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-emerald-600);background:var(--vocab-emerald-50);border:1px solid var(--vocab-emerald-100);padding:2px var(--vocab-space-sm);border-radius:var(--vocab-border-radius-pill);text-decoration:none;transition:background-color var(--vocab-transition),border-color var(--vocab-transition)}.teacher-class-pill:hover{background:var(--vocab-emerald-100);border-color:var(--vocab-emerald-300);color:var(--vocab-emerald-600)}.teacher-empty-state{text-align:center;padding:var(--vocab-space-lg) var(--vocab-space-md);color:var(--vocab-stone-400);font-size:var(--vocab-font-size-body)}.teacher-empty-state a{color:var(--vocab-brand-green);font-weight:var(--vocab-font-weight-semibold);text-decoration:none}.teacher-empty-state a:hover{text-decoration:underline}@media(max-width:992px){.teacher-columns{grid-template-columns:1fr}.teacher-columns .teacher-zone{margin-bottom:var(--vocab-space-xl)}.teacher-columns .teacher-zone:last-child{margin-bottom:0}}@media(max-width:768px){.teacher-actions{grid-template-columns:repeat(2,1fr)}.teacher-greeting{font-size:var(--vocab-font-size-h2)}.teacher-list-item{flex-wrap:wrap;gap:var(--vocab-space-sm)}.teacher-list-title{flex-basis:100%}.teacher-admin-link{margin-left:0;display:block;margin-top:var(--vocab-space-xs)}}@media(max-width:480px){.teacher-actions{grid-template-columns:1fr}.teacher-zone{padding:var(--vocab-space-md)}}@keyframes tc-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tc-header,.tc-grid,.tc-empty{animation:tc-enter .4s ease-out both}.tc-header{animation-delay:0s}.tc-grid{animation-delay:.1s}.tc-empty{animation-delay:.1s}.tc-page{max-width:960px;margin:0 auto}.tc-header{margin-bottom:var(--vocab-space-xl)}.tc-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--vocab-space-md)}.tc-heading{font-weight:var(--vocab-font-weight-bold);font-size:var(--vocab-font-size-h1);color:var(--vocab-dark);line-height:var(--vocab-line-height-heading);margin:0 0 var(--vocab-space-xs)}.tc-summary{font-size:var(--vocab-font-size-body-large);color:var(--vocab-medium-gray);margin:0}.tc-create-btn{display:inline-flex;align-items:center;gap:var(--vocab-space-xs);padding:var(--vocab-space-sm) var(--vocab-space-md);font-size:var(--vocab-font-size-body);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-white);background:var(--vocab-emerald-500);border:1px solid var(--vocab-emerald-600);border-radius:var(--vocab-border-radius-pill);text-decoration:none;white-space:nowrap;transition:background-color var(--vocab-transition),border-color var(--vocab-transition),box-shadow var(--vocab-transition)}.tc-create-btn:hover{background:var(--vocab-emerald-600);border-color:var(--vocab-emerald-700);color:var(--vocab-white);box-shadow:var(--vocab-shadow-sm)}.tc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--vocab-space-lg)}.tc-card{background:var(--vocab-white);border:1px solid var(--vocab-stone-200);border-left:4px solid var(--vocab-emerald-400);border-radius:var(--vocab-border-radius-lg);padding:var(--vocab-space-lg);box-shadow:var(--vocab-shadow-subtle);transition:box-shadow var(--vocab-transition),border-color var(--vocab-transition)}.tc-card:hover{box-shadow:var(--vocab-shadow-elevated);border-color:var(--vocab-emerald-200);border-left-color:var(--vocab-emerald-500)}.tc-card-header{display:flex;justify-content:space-between;align-items:center;gap:var(--vocab-space-md)}.tc-card-info{min-width:0;flex:1}.tc-card-title{font-size:var(--vocab-font-size-body-large);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-stone-800);text-decoration:none;transition:color var(--vocab-transition)}.tc-card-title:hover{color:var(--vocab-emerald-600)}.tc-card-stats{font-size:var(--vocab-font-size-body-small);color:var(--vocab-stone-500);margin-top:2px}.tc-card-stats a{color:var(--vocab-stone-500);text-decoration:none;transition:color var(--vocab-transition)}.tc-card-stats a:hover{color:var(--vocab-emerald-600)}.tc-card-stats span{color:var(--vocab-stone-300);margin:0 var(--vocab-space-xs)}.tc-mastery-ring{position:relative;width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;text-decoration:none}.tc-mastery-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.tc-mastery-ring circle{fill:none;stroke-width:3;stroke-linecap:round}.tc-mastery-bg{stroke:var(--vocab-emerald-100)}.tc-mastery-fill{stroke:var(--vocab-emerald-500);transition:stroke-dashoffset .5s ease-out}.tc-mastery-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:var(--vocab-font-weight-bold);color:var(--vocab-emerald-600);line-height:1}.tc-mastery-ring:hover .tc-mastery-fill{stroke:var(--vocab-emerald-600)}.tc-mastery-ring:hover .tc-mastery-value{color:var(--vocab-emerald-700)}.tc-due{font-size:var(--vocab-font-size-caption);color:var(--vocab-amber-600);margin-top:var(--vocab-space-sm);display:flex;align-items:center;gap:var(--vocab-space-xs)}.tc-due .bi{font-size:12px}.tc-actions{display:flex;gap:var(--vocab-space-sm);margin-top:var(--vocab-space-sm)}.tc-pill{display:inline-block;font-size:var(--vocab-font-size-caption);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-emerald-600);background:var(--vocab-emerald-50);border:1px solid var(--vocab-emerald-100);padding:2px var(--vocab-space-sm);border-radius:var(--vocab-border-radius-pill);text-decoration:none;transition:background-color var(--vocab-transition),border-color var(--vocab-transition)}.tc-pill:hover{background:var(--vocab-emerald-100);border-color:var(--vocab-emerald-300);color:var(--vocab-emerald-600)}.tc-empty{text-align:center;padding:var(--vocab-space-xxl) var(--vocab-space-lg);color:var(--vocab-stone-400)}.tc-empty-icon{font-size:48px;display:block;margin-bottom:var(--vocab-space-md);color:var(--vocab-stone-300)}.tc-empty p{font-size:var(--vocab-font-size-body-large);margin:0 0 var(--vocab-space-lg)}.tc-empty .tc-create-btn{display:inline-flex}@media(max-width:768px){.tc-grid{grid-template-columns:1fr}.tc-heading{font-size:var(--vocab-font-size-h2)}.tc-header-row{flex-direction:column;align-items:stretch}.tc-create-btn{align-self:flex-start}}@keyframes ld-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ld-header,.ld-layout{animation:ld-enter .35s ease-out both}.ld-header{animation-delay:0s}.ld-layout{animation-delay:.12s}.ld{max-width:1060px;margin:0 auto}.ld-layout{display:grid;grid-template-columns:2fr 1fr;gap:var(--vocab-space-xl);align-items:start}.ld-header{margin-bottom:var(--vocab-space-xl)}.ld-title-row{display:flex;align-items:center;gap:var(--vocab-space-md);margin-bottom:var(--vocab-space-xs)}.ld-title{font-weight:var(--vocab-font-weight-bold);font-size:var(--vocab-font-size-h1-5);font-weight:700;color:var(--vocab-dark);line-height:var(--vocab-line-height-heading);margin:0;flex:1;min-width:0;padding:var(--vocab-space-xs) var(--vocab-space-sm);border:1px solid transparent;border-radius:var(--vocab-border-radius);background:transparent;transition:background-color var(--vocab-transition),border-color var(--vocab-transition)}.ld-title:hover{background:var(--vocab-emerald-50);border-color:var(--vocab-emerald-200)}.ld-title:focus{outline:0;background:var(--vocab-white);border-color:var(--vocab-emerald-400);box-shadow:0 0 0 3px rgba(251,191,36,0.15)}.ld-delete-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:0;border:0;color:var(--vocab-stone-300);cursor:pointer;border-radius:var(--vocab-border-radius-sm);transition:color var(--vocab-transition),background-color var(--vocab-transition);flex-shrink:0}.ld-delete-btn:hover{color:var(--vocab-coral-500);background:var(--vocab-coral-50)}.ld-meta{display:flex;align-items:center;gap:var(--vocab-space-sm);font-size:var(--vocab-font-size-body-small);color:var(--vocab-stone-400);padding-left:var(--vocab-space-sm)}.ld-meta-dot{color:var(--vocab-stone-300)}.ld-meta-count{font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-emerald-600)}.ld-privacy{display:inline-flex;align-items:center;gap:3px;font-size:var(--vocab-font-size-caption);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-stone-400);background:var(--vocab-stone-100);padding:2px var(--vocab-space-sm);border-radius:var(--vocab-border-radius-pill);text-decoration:none}.ld-privacy:hover{background:var(--vocab-stone-200);color:var(--vocab-stone-500)}.ld-words{background:var(--vocab-white);border:1px solid var(--vocab-stone-200);border-left:4px solid var(--vocab-emerald-400);border-radius:var(--vocab-border-radius-lg);overflow:hidden;box-shadow:var(--vocab-shadow-subtle)}.ld-word{display:flex;align-items:center;padding:var(--vocab-space-md) var(--vocab-space-lg);border-bottom:1px solid var(--vocab-stone-100);gap:var(--vocab-space-md);transition:background-color var(--vocab-transition)}.ld-word:last-of-type{border-bottom:0}.ld-word:hover{background:var(--vocab-emerald-50)}.ld-word-text{font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-dark);min-width:130px;flex-shrink:0}.ld-word-text a{color:inherit;text-decoration:none;transition:color var(--vocab-transition)}.ld-word-text a:hover{color:var(--vocab-emerald-600)}.ld-word-def-area{flex:1;min-width:0}.ld-base-def{font-size:var(--vocab-font-size-body);color:var(--vocab-charcoal);padding:var(--vocab-space-xs) var(--vocab-space-sm);border:1px solid transparent;border-radius:var(--vocab-border-radius-sm);min-height:32px;transition:border-color var(--vocab-transition),background-color var(--vocab-transition)}.ld-base-def:hover{border-color:var(--vocab-stone-200);background:var(--vocab-white)}.ld-base-def:focus{outline:0;border-color:var(--vocab-emerald-400);background:var(--vocab-white);box-shadow:0 0 0 3px rgba(251,191,36,0.12)}.ld-dict-toggle{font-size:var(--vocab-font-size-caption);color:var(--vocab-stone-400);background:0;border:0;padding:var(--vocab-space-xs) 0;cursor:pointer;transition:color var(--vocab-transition)}.ld-dict-toggle:hover{color:var(--vocab-emerald-600)}.ld-dict-panel{margin-top:var(--vocab-space-xs);padding:var(--vocab-space-sm) var(--vocab-space-md);background:var(--vocab-stone-50);border-radius:var(--vocab-border-radius-sm);font-size:var(--vocab-font-size-body-small);color:var(--vocab-charcoal);display:none}.ld-dict-panel.show{display:block}.ld-dict-pos{font-style:italic;color:var(--vocab-stone-400);margin-right:var(--vocab-space-sm)}.ld-word-remove{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:0;border:0;color:var(--vocab-stone-300);cursor:pointer;border-radius:var(--vocab-border-radius-sm);opacity:0;flex-shrink:0;transition:color var(--vocab-transition),background-color var(--vocab-transition),opacity var(--vocab-transition)}.ld-word:hover .ld-word-remove{opacity:1}.ld-word-remove:hover{color:var(--vocab-coral-500);background:var(--vocab-coral-50)}.ld-add-form{background:linear-gradient(135deg,var(--vocab-emerald-50) 0,var(--vocab-stone-50) 100%);padding:var(--vocab-space-lg);border-top:1px solid var(--vocab-stone-200)}.ld-add-label{font-size:var(--vocab-font-size-caption);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-stone-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--vocab-space-sm)}.ld-add-inputs{display:grid;grid-template-columns:1fr 2fr;gap:var(--vocab-space-sm);margin-bottom:var(--vocab-space-md)}.ld-add-input{border:1px solid var(--vocab-stone-200);border-radius:var(--vocab-border-radius-sm);padding:var(--vocab-space-sm) var(--vocab-space-md);font-size:var(--vocab-font-size-body);background:var(--vocab-white);transition:border-color var(--vocab-transition)}.ld-add-input:focus{outline:0;border-color:var(--vocab-emerald-400);box-shadow:0 0 0 3px rgba(251,191,36,0.12)}.ld-add-actions{display:flex;gap:var(--vocab-space-sm)}.ld-sidebar{position:sticky;top:var(--vocab-space-lg);display:flex;flex-direction:column;gap:var(--vocab-space-md)}.ld-panel{background:var(--vocab-white);border:1px solid var(--vocab-stone-200);border-radius:var(--vocab-border-radius-lg);padding:var(--vocab-space-md);box-shadow:var(--vocab-shadow-subtle)}.ld-panel-heading{font-size:var(--vocab-font-size-caption);font-weight:var(--vocab-font-weight-bold);color:var(--vocab-stone-400);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--vocab-space-sm)}.ld-action{display:flex;align-items:center;gap:var(--vocab-space-sm);width:100%;padding:var(--vocab-space-sm) var(--vocab-space-md);font-size:var(--vocab-font-size-body-small);font-weight:var(--vocab-font-weight-semibold);color:var(--vocab-stone-600);background:var(--vocab-stone-50);border:1px solid var(--vocab-stone-200);border-radius:var(--vocab-border-radius);text-decoration:none;cursor:pointer;transition:border-color var(--vocab-transition),color var(--vocab-transition),background-color var(--vocab-transition),box-shadow var(--vocab-transition)}.ld-action:hover{border-color:var(--vocab-stone-300);color:var(--vocab-stone-700);background:var(--vocab-white);box-shadow:var(--vocab-shadow-sm)}.ld-action+.ld-action{margin-top:var(--vocab-space-xs)}.ld-action .bi{font-size:14px;flex-shrink:0}.ld-action--primary{background:var(--vocab-emerald-50);border-color:var(--vocab-emerald-200);color:var(--vocab-emerald-600)}.ld-action--primary:hover{background:var(--vocab-emerald-100);border-color:var(--vocab-emerald-400);color:var(--vocab-emerald-700);box-shadow:var(--vocab-glow-emerald)}.ld-action--accent{background:var(--vocab-emerald-50);border-color:var(--vocab-emerald-200);color:var(--vocab-emerald-600)}.ld-action--accent:hover{background:var(--vocab-emerald-100);border-color:var(--vocab-emerald-400);color:var(--vocab-emerald-600);box-shadow:var(--vocab-glow-emerald)}.ld-action--ghost{background:transparent;border-color:transparent;color:var(--vocab-stone-400)}.ld-action--ghost:hover{background:var(--vocab-stone-50);border-color:var(--vocab-stone-200);color:var(--vocab-stone-600)}.ld-resume-notice{font-size:var(--vocab-font-size-caption);color:var(--vocab-stone-400);text-align:center;margin:var(--vocab-space-xs) 0 0}.ld-levels{display:flex;flex-direction:column;gap:var(--vocab-space-xs);margin-bottom:var(--vocab-space-md)}.ld-levels .form-check{margin:0}.ld-levels .form-check-input{accent-color:var(--vocab-emerald-500)}.ld-levels .form-check-label{font-size:var(--vocab-font-size-body-small);color:var(--vocab-stone-600)}.ld-levels-hint{font-size:var(--vocab-font-size-caption);color:var(--vocab-stone-400);margin-bottom:var(--vocab-space-sm)}@media(max-width:992px){.ld-layout{grid-template-columns:1fr}.ld-sidebar{position:static;order:-1;flex-direction:row;flex-wrap:wrap}.ld-panel{flex:1;min-width:200px}}@media(max-width:576px){.ld-title{font-size:var(--vocab-font-size-h3)}.ld-word{padding:var(--vocab-space-sm) var(--vocab-space-md);flex-wrap:wrap}.ld-word-text{min-width:100%}.ld-add-inputs{grid-template-columns:1fr}}.import-preview-table{font-size:.9rem}.import-col-row{width:3rem}.import-col-word{width:30%}.import-error-list{list-style:none;padding-left:0}.import-error-list li::before{content:"\26a0\fe0f "}