.profile-picker{max-width:640px;margin:0 auto;padding:1.5rem}.profile-picker h2{margin-bottom:1.5rem;text-align:center}.profile-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.profile-card{display:flex;flex-direction:column;align-items:center;width:140px;padding:var(--ds-card-padding, 1rem);background:var(--ds-neutral-white);border:2px solid var(--ds-border);border-radius:var(--ds-radius);cursor:pointer;transition:border-color .2s,transform .1s,box-shadow .2s;box-shadow:var(--ds-shadow-card)}.profile-card:hover{border-color:var(--ds-primary-orange);transform:scale(1.02);box-shadow:var(--ds-shadow-lg)}.profile-card-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;background:var(--ds-border);margin-bottom:.5rem;display:flex;align-items:center;justify-content:center}.profile-card-avatar img{width:100%;height:100%;object-fit:cover}.profile-card-initial{font-size:2rem;font-weight:700;color:var(--ds-neutral-muted)}.profile-card-name{font-weight:600;color:var(--ds-body-color)}.profile-card-type{font-size:.85rem;color:var(--ds-neutral-muted)}.profile-card-wrap{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:140px}.profile-card-edit{display:flex;align-items:center;justify-content:center;padding:.35rem .5rem;border:1px solid var(--ds-border);border-radius:var(--ds-radius);background:var(--ds-neutral-white);color:var(--ds-body-color);cursor:pointer;transition:border-color .2s,background .2s}.profile-card-edit:hover{border-color:var(--ds-primary-orange);color:var(--ds-primary-orange)}.profile-card-wrap .profile-card{width:100%}.profile-card-add{border-style:dashed;border-color:var(--ds-neutral-muted)}.profile-card-add:hover{border-color:var(--ds-primary-orange)}.profile-card-add-icon{font-size:2.5rem;color:var(--ds-neutral-muted);margin-bottom:.25rem}.profile-create-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.profile-create-form{background:var(--ds-neutral-white);padding:2rem;border-radius:var(--ds-radius);max-width:360px;width:90%;box-shadow:var(--ds-shadow-lg)}.profile-create-form h3{margin-top:0;margin-bottom:1rem;color:var(--ds-heading-color);font-size:1.5rem;font-weight:700}.profile-create-form label{display:block;margin-bottom:.75rem}.profile-create-form input[type=text],.profile-create-form select{width:100%;padding:.5rem .75rem;margin-top:.25rem;border:1px solid var(--ds-border);border-radius:var(--ds-radius);font-family:var(--ds-font-family);font-size:1rem}.profile-create-form .field-hint{display:block;font-size:.8rem;color:var(--ds-neutral-muted);margin-top:.25rem}.profile-create-form .form-actions{display:flex;gap:.5rem;margin-top:1rem}.profile-create-form .form-actions button:last-child{margin-left:auto}.profile-create-avatar-section{margin-bottom:.75rem}.profile-create-avatar-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--ds-body-color)}.profile-create-default-avatars{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.profile-create-avatar-option{width:64px;height:64px;padding:0;border:2px solid var(--ds-border);border-radius:var(--ds-radius);overflow:hidden;background:var(--ds-neutral-white);cursor:pointer;transition:border-color .2s,box-shadow .2s}.profile-create-avatar-option:hover{border-color:var(--ds-primary-orange)}.profile-create-avatar-option.selected{border-color:var(--ds-primary-orange);box-shadow:0 0 0 2px var(--ds-primary-orange)}.profile-create-avatar-option img{width:100%;height:100%;object-fit:cover}.profile-create-avatar-option.profile-create-avatar-current{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:auto;min-height:64px;padding:.25rem 0 .5rem;overflow:visible}.profile-create-avatar-option.profile-create-avatar-current img,.profile-create-avatar-option.profile-create-avatar-current .profile-create-avatar-placeholder{width:64px;height:64px;flex-shrink:0}.profile-create-avatar-option-label{font-size:.65rem;color:var(--ds-neutral-muted);margin-top:.2rem;line-height:1.2}.profile-create-avatar-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.5rem;font-weight:700;color:var(--ds-neutral-muted);background:var(--ds-border)}.profile-create-upload-label{display:block}.profile-create-upload-label input[type=file]{margin-top:.25rem}.profile-create-upload-text{display:block;font-size:.9rem;color:var(--ds-body-color);margin-bottom:.25rem}@media(max-width:768px){.profile-picker{padding:1rem}.profile-create-form{margin:1rem;width:calc(100% - 2rem);max-width:360px}}@media(max-width:480px){.profile-picker{padding:.75rem}.profile-create-form{padding:1.25rem;width:90%}}:root,[data-theme=light]{--fc-bg: #f8fafc;--fc-surface: var(--ds-neutral-white);--fc-surface-elevated: var(--ds-neutral-white);--fc-border: var(--ds-border);--fc-text: var(--ds-neutral-dark);--fc-text-muted: var(--ds-neutral-muted);--fc-accent: var(--ds-primary-orange);--fc-accent-hover: #e54a1e;--fc-key-sound: #059669;--fc-key-sound-underline: 2px underline;--fc-shadow: var(--ds-shadow-card);--fc-shadow-lg: var(--ds-shadow-lg);--fc-radius: var(--ds-radius-lg);--fc-radius-sm: var(--ds-radius);--fc-font-sans: var(--ds-font-family)}[data-theme=dark]{--fc-bg: #0f172a;--fc-surface: #1e293b;--fc-surface-elevated: #334155;--fc-border: #334155;--fc-text: #f1f5f9;--fc-text-muted: #94a3b8;--fc-accent: #60a5fa;--fc-accent-hover: #93c5fd;--fc-key-sound: #34d399;--fc-shadow: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .2);--fc-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .2)}[data-theme=speech]{--fc-bg: #fef3c7;--fc-surface: #fffbeb;--fc-surface-elevated: #fef9c3;--fc-border: #fcd34d;--fc-text: #78350f;--fc-text-muted: #a16207;--fc-accent: #b45309;--fc-accent-hover: #92400e;--fc-key-sound: #b45309;--fc-key-sound-underline: 3px underline}.card{background:var(--fc-surface);border:1px solid var(--fc-border);border-radius:var(--fc-radius);font-family:var(--fc-font-sans);overflow:hidden}.card-elevated{box-shadow:var(--fc-shadow-lg)}.card-pad-sm{padding:.75rem 1rem}.card-pad-md{padding:1.25rem 1.5rem}.card-pad-lg{padding:2rem}.banner{--banner-min-h: 320px;display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:420px;margin:0 auto}.banner-counter{display:flex;align-items:baseline;gap:.5rem;color:var(--fc-text-muted);font-size:.95rem}.banner-counter-label{font-weight:500}.banner-counter-value{font-variant-numeric:tabular-nums;color:var(--fc-text)}.banner-slide{width:100%;min-height:var(--banner-min-h);position:relative}.banner-slide>*{width:100%;animation:banner-fade .25s ease-out}@keyframes banner-fade{0%{opacity:.6}to{opacity:1}}.banner-nav{display:flex;gap:1rem;align-items:center}.banner-nav-btn{width:48px;height:48px;border-radius:50%;border:2px solid var(--fc-border);background:var(--fc-surface);color:var(--fc-accent);font-size:1.75rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,transform .1s}.banner-nav-btn:hover:not(:disabled){background:var(--fc-accent);color:var(--fc-surface);border-color:var(--fc-accent)}.banner-nav-btn:disabled{opacity:.4;cursor:not-allowed}.banner-nav-btn:focus-visible{outline:2px solid var(--fc-accent);outline-offset:2px}.flashcard-card{display:flex;flex-direction:column;padding:0!important}.flashcard-card-media{aspect-ratio:4 / 3;background:var(--fc-border);overflow:hidden}.flashcard-card-image{width:100%;height:100%;object-fit:cover;display:block}.flashcard-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--fc-border) 0%,var(--fc-surface-elevated) 100%)}.flashcard-card-body{padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.flashcard-card-text{margin:0;font-size:1.5rem;font-weight:600;color:var(--fc-text);flex:1;min-width:0}.flashcard-card-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.flashcard-card-speak,.flashcard-card-record{flex-shrink:0}.speak-button{width:48px;height:48px;border-radius:50%;border:2px solid var(--fc-border);background:var(--fc-surface);color:var(--fc-accent);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s}.speak-button:hover:not(:disabled){background:var(--fc-accent);color:var(--fc-surface);border-color:var(--fc-accent)}.speak-button:disabled{opacity:.7;cursor:wait}.speak-button-loading .speak-button-icon{animation:speak-pulse .8s ease-in-out infinite}.speak-button-icon{display:flex;align-items:center;justify-content:center}.record-button-wrap{display:inline-flex;align-items:center;gap:.75rem}.record-button{width:48px;height:48px;border-radius:50%;border:2px solid var(--fc-border);background:var(--fc-surface);color:var(--fc-text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s}.record-button:hover:not(:disabled){background:var(--fc-surface-elevated);color:var(--fc-text);border-color:var(--fc-border)}.record-button-mic.record-button-recording{background:#dc2626;border-color:#dc2626;color:#fff;animation:record-pulse 1s ease-in-out infinite}@keyframes record-pulse{0%,to{opacity:1}50%{opacity:.85}}.record-button-play{color:var(--fc-accent)}.record-button-play:hover:not(:disabled){background:var(--fc-accent);color:var(--fc-surface);border-color:var(--fc-accent)}.record-button-playing{opacity:.9}.record-button-try-again{color:var(--fc-accent)}.record-button-try-again:hover{background:var(--fc-accent);color:var(--fc-surface);border-color:var(--fc-accent)}.record-button:disabled{cursor:wait}.record-button-icon{display:flex;align-items:center;justify-content:center}.rag-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border-radius:50%;border:2px solid var(--fc-border);background:var(--fc-surface)}.rag-icon .rag-icon-svg{display:block}.text-with-key-sound .key-sound{color:var(--fc-key-sound);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--fc-key-sound)}.study-wizard,.study-summary,.study-play{max-width:42rem;margin:0 auto;padding:1rem 0}.study-wizard{max-width:48rem}.study-guardian-info{margin-bottom:.75rem;padding:var(--ds-card-padding, 15px);display:flex;align-items:flex-start;gap:.75rem;text-align:left;background:var(--ds-secondary-yellow);border:2px solid var(--ds-primary-orange);border-radius:var(--ds-radius);box-shadow:var(--ds-shadow-card)}.study-info-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ds-neutral-dark)}.study-guardian-info-text{margin:0;font-size:.9rem;font-family:var(--ds-font-family);color:var(--ds-neutral-dark);line-height:1.5;font-weight:500}.study-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--fc-text)}.study-intro{margin:0 0 1.5rem;color:var(--fc-text-muted);font-size:.95rem}.study-status,.study-error{margin:0 0 1rem;font-size:.95rem}.study-error{color:var(--error, #b91c1c)}.study-error-banner{margin:0 0 1.5rem;padding:1rem 1.25rem;border-radius:var(--ds-radius, 8px);border:1px solid var(--ds-error, #b91c1c);background:color-mix(in srgb,var(--ds-error, #b91c1c) 12%,transparent);color:var(--ds-error, #b91c1c);font-size:.95rem;font-weight:500}.study-error-banner strong{display:block;margin-bottom:.35rem;font-size:1rem}.study-error-banner p{margin:0}.study-filters{display:flex;flex-wrap:wrap;gap:1.25rem 1.5rem;margin-bottom:1.5rem}.study-filter{display:flex;flex-direction:column;gap:.35rem}.study-filter-label{font-weight:600;font-size:.9rem;color:var(--fc-text)}.study-select{padding:.6rem .75rem;font-size:1rem;border:1px solid var(--fc-border);border-radius:var(--fc-radius-sm);background:var(--fc-surface);color:var(--fc-text);min-width:10rem}.study-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:.5rem}.study-table{width:100%;border-collapse:collapse;font-size:.95rem}.study-table th,.study-table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--fc-border)}.study-table th.table-cell-numeric,.study-table td.table-cell-numeric{text-align:right}.study-table th{font-weight:600;color:var(--fc-text);background:var(--fc-surface-elevated, #f8fafc)}.study-table tbody tr:hover{background:var(--fc-surface-elevated, #f8fafc)}.study-table .study-table-start-btn{padding:6px 12px;font-size:.875rem;font-weight:600;border:none;border-radius:var(--fc-radius-sm);background:var(--ds-secondary-yellow, #FFC107);color:var(--ds-neutral-white, #fff);cursor:pointer;transition:filter .2s}.study-table .study-table-start-btn:hover{filter:brightness(.95)}.study-table-start-btn-icon{padding:.5rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--ds-secondary-yellow, #eab308)}.study-table-start-btn-icon:hover{background:var(--fc-surface-elevated, #f1f5f9);filter:none}.study-table-start-btn-icon .study-play-icon{display:inline-flex;color:inherit}.study-table-start-btn-icon .study-play-icon svg{width:1.5rem;height:1.5rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.study-steps{display:flex;flex-direction:column;gap:1.25rem}.study-step{display:flex;flex-direction:column;gap:.35rem}.study-step-label{font-weight:600;font-size:.9rem;color:var(--fc-text)}.study-start-btn,.study-proceed-btn{margin-top:.5rem;padding:var(--ds-button-padding, 12px 24px);font-size:1rem;font-weight:600;border:none;border-radius:var(--fc-radius-sm);background:var(--ds-secondary-yellow, #FFC107);color:var(--ds-neutral-white, #fff);cursor:pointer;transition:filter .2s}.study-start-btn:hover:not(:disabled),.study-proceed-btn:hover{filter:brightness(.95)}.study-start-btn:disabled{opacity:.5;cursor:not-allowed}.study-summary-card{margin-top:1rem}.study-summary-heading{margin:0 0 .75rem;font-size:1.1rem;color:var(--fc-text)}.study-summary-text{margin:0 0 1rem;color:var(--fc-text);line-height:1.5;white-space:pre-wrap}.study-summary-meta{margin:0 0 1.25rem;font-size:.9rem;color:var(--fc-text-muted)}.study-proceed-btn{width:100%}.study-cancel-btn{width:100%;margin-top:.75rem;padding:.5rem .75rem;font-size:.95rem;font-weight:500;background:transparent;border:1px solid var(--fc-border);border-radius:var(--fc-radius-sm);color:var(--fc-accent);cursor:pointer;transition:background .15s,color .15s}.study-cancel-btn:hover{background:#ff5c2e1a;color:var(--ds-primary-purple, #5C2E91);border-color:var(--fc-accent)}.study-play{--banner-min-h: 320px}.study-play-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.study-back-btn{padding:.5rem .75rem;font-size:.95rem;font-weight:500;background:transparent;border:1px solid var(--fc-border);border-radius:var(--fc-radius-sm);color:var(--fc-accent);cursor:pointer;transition:background .15s,color .15s}.study-back-btn:hover{background:#ff5c2e1a;color:var(--ds-primary-purple, #5C2E91);border-color:var(--fc-accent)}.study-play-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--fc-text)}.study-end-summary{max-width:420px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.study-end-summary-label{margin:0;font-size:.95rem;color:var(--fc-text-muted);font-weight:500}.study-end-summary-card.flashcard-card{padding:0!important;min-height:var(--banner-min-h, 320px);display:flex;flex-direction:column}.study-end-summary-body{display:block;width:100%;flex:1;min-height:0}.study-end-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.5rem;list-style:none;padding:0;margin:0}.study-end-summary-footer{flex-shrink:0;margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:auto;margin-top:auto;padding:.85rem 1rem;min-height:3.5rem;line-height:1.4;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:0 0 var(--fc-radius, 8px) var(--fc-radius, 8px);background:var(--ds-primary-orange);color:var(--ds-neutral-white);font-size:1.5rem;font-weight:600;overflow:visible;box-sizing:border-box}.study-end-summary-word{font-size:1.1rem;font-weight:500;color:var(--fc-text);padding:.25rem 0}@media(max-width:768px){.study-wizard,.study-summary,.study-play{padding:.75rem 0}.study-title{font-size:1.25rem}.study-table{font-size:.9rem}.study-table th,.study-table td{padding:.5rem}.study-table .study-table-start-btn{min-height:22px;padding:4px 8px}.study-summary-card,.study-end-summary{padding-left:0;padding-right:0}}@media(max-width:480px){.study-wizard,.study-summary,.study-play{padding:.5rem 0}.study-end-summary{max-width:100%}}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{min-height:var(--ds-header-height, 80px);padding:0 var(--ds-container-padding);display:flex;align-items:center;justify-content:space-between;background:var(--ds-primary-orange);box-shadow:var(--ds-shadow-card)}.app-header h1{margin:0;font-size:1.5rem;font-weight:700;color:var(--ds-neutral-white)}.app-header-title{display:inline-flex;align-items:center;gap:.5rem}.app-header-title .tier-medal{flex-shrink:0}.app-header-title .tier-medal svg{color:var(--ds-neutral-white)}.app-header-for-name{font-weight:400}.app-header h1 a{color:inherit;text-decoration:none}.app-header h1 a:hover{color:var(--ds-secondary-yellow)}.app-nav{display:flex;align-items:center;gap:var(--ds-nav-link-gap)}.nav-item{color:var(--ds-neutral-white);text-decoration:none;font-size:1rem;font-weight:500;padding:var(--ds-nav-link-padding);border-radius:var(--ds-radius);transition:background .2s,color .2s}.nav-item:hover{color:var(--ds-secondary-yellow);background:#ffffff1a}.app-nav .nav-item-button{background:none;border:none;padding:var(--ds-nav-link-padding);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;line-height:inherit;margin-left:0;color:var(--ds-neutral-white);border-radius:var(--ds-radius);transition:background .2s,color .2s}.app-nav .nav-item-button:hover{color:var(--ds-secondary-yellow);background:#ffffff1a}.app-main{flex:1;padding:var(--ds-section-padding) var(--ds-container-padding);max-width:var(--ds-container-width);width:100%;margin:0 auto;background:var(--ds-neutral-white);color:var(--ds-body-color)}.btn-primary{background:var(--ds-secondary-yellow);color:var(--ds-neutral-white);border:none;border-radius:var(--ds-radius);padding:var(--ds-button-padding);font-size:1rem;font-weight:600;cursor:pointer;font-family:var(--ds-font-family);transition:filter .2s,transform .1s}.btn-primary:hover{filter:brightness(.95)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--ds-neutral-white);color:var(--ds-neutral-dark);border:2px solid var(--ds-border);border-radius:var(--ds-radius);padding:var(--ds-button-padding);font-size:1rem;font-weight:600;cursor:pointer;font-family:var(--ds-font-family);transition:border-color .2s,background .2s}.btn-secondary:hover:not(:disabled){border-color:var(--ds-primary-orange);background:#ff5c2e0f}.btn-secondary:disabled{opacity:.7;cursor:not-allowed}.login-page,.admin-page{max-width:28rem}.login-form label{display:block;margin-bottom:1rem;color:var(--ds-body-color)}.login-form label input{display:block;width:100%;margin-top:.25rem;padding:.5rem .75rem;font-size:1rem;border:1px solid var(--ds-border);border-radius:var(--ds-radius);font-family:var(--ds-font-family)}.login-error{color:var(--ds-error);margin:0 0 1rem;font-size:.9rem}.login-form button[type=submit],.admin-page .btn-primary,.login-form .btn-primary{width:100%;margin-top:.5rem}.login-form button,.admin-page button{padding:var(--ds-button-padding);font-size:1rem;cursor:pointer;border-radius:var(--ds-radius);font-family:var(--ds-font-family)}.login-form button[type=submit]:not(.btn-primary),.admin-page button:not(.btn-primary){background:var(--ds-secondary-yellow);color:var(--ds-neutral-white);border:none;font-weight:600}.login-form button[type=submit]:hover,.admin-page button:hover{filter:brightness(.95)}.login-footer{margin-top:1.5rem;color:var(--ds-neutral-muted);font-size:.95rem}.login-footer a{color:var(--ds-primary-orange);font-weight:500}.login-footer a:hover{color:var(--ds-primary-purple)}.password-strength{margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.password-strength-bar{flex:1;height:4px;background:var(--ds-border);border-radius:2px;overflow:hidden}.password-strength-fill{height:100%;border-radius:2px;transition:width .2s ease,background-color .2s ease}.password-strength-fill-weak{background:var(--ds-error)}.password-strength-fill-fair{background:#d97706}.password-strength-fill-good{background:var(--ds-secondary-yellow)}.password-strength-fill-strong{background:var(--ds-success)}.password-strength-label{font-size:.8rem;font-weight:500;min-width:3.5rem}.password-strength-label-weak{color:var(--ds-error)}.password-strength-label-fair{color:#d97706}.password-strength-label-good{color:#b45309}.password-strength-label-strong{color:var(--ds-success)}.account-page{max-width:var(--ds-container-width, 1200px)}.account-section{margin-top:0}.account-section h3{margin:0 0 .75rem;font-size:1.15rem}.account-tier-current{margin:0 0 1rem;font-size:.95rem;color:var(--ds-neutral-muted)}.account-tier-current .account-tier-name{text-transform:capitalize;color:var(--ds-neutral-dark);font-weight:600}.account-tier-note{margin-top:1rem;color:var(--ds-neutral-muted);font-size:.9rem}.account-subscription-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:1.25rem;max-width:var(--ds-container-width, 1200px)}.account-profiles{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--ds-border)}.account-profiles .profile-picker{margin-top:0;max-width:var(--ds-container-width, 1200px);margin-left:0;margin-right:0}.account-profiles .profile-picker h2{margin-top:0;margin-bottom:1rem;text-align:left}.account-profiles .profile-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}@media(max-width:768px){.account-profiles .profile-grid{gap:.75rem}}@media(max-width:480px){.account-profiles .profile-picker{padding-left:0;padding-right:0}.account-profiles .profile-grid{gap:.5rem}.account-profiles .profile-card{width:120px;padding:.75rem}.account-profiles .profile-card-avatar{width:64px;height:64px}.account-profiles .profile-card-add-icon{font-size:2rem}}.admin-content{max-width:48rem}.admin-content-nav{display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--ds-border)}.admin-content-nav a,.admin-content-nav .admin-content-label{color:var(--ds-primary-orange);text-decoration:none;font-size:.95rem;font-weight:500;padding:.35rem .5rem;border-radius:var(--ds-radius)}.admin-content-nav a:hover,.admin-content-nav .admin-content-label:hover{background:#ff5c2e1a;color:var(--ds-primary-purple)}.admin-content-nav a.active{font-weight:600;background:#ff5c2e26;color:var(--ds-primary-purple)}.content-section h2{margin:0 0 1rem;font-size:2.25em;font-weight:700;color:var(--ds-heading-color)}.content-section h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--ds-heading-color)}.content-hint{color:var(--ds-neutral-muted);font-size:.9rem;margin:0 0 1rem}.form-error{color:var(--ds-error);font-size:.9rem;margin:0 0 .5rem}.form-success{color:var(--ds-success);font-size:.9rem;margin:0 0 .5rem}.content-subsection{margin-top:1.5rem}.content-subsection h4{margin:0 0 .5rem;font-size:1rem}.admin-users-table{width:100%;border-collapse:collapse;margin-top:.5rem}.admin-users-table th,.admin-users-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--ds-border)}.admin-users-table th{font-weight:600;color:var(--ds-neutral-dark)}.admin-users-table td .button-small{margin-left:.5rem}.admin-users-table td .button-small:first-child{margin-left:0}.admin-flashcard-groups-table td .button-small{padding:6px 12px;font-size:.875rem}.admin-flashcard-groups-table .btn-secondary.danger{color:var(--ds-error);border-color:var(--ds-error)}.admin-flashcard-groups-table .btn-secondary.danger:hover:not(:disabled){background:#b91c1c14;border-color:var(--ds-error)}.table-cell-numeric,.admin-users-table th.table-cell-numeric,.admin-users-table td.table-cell-numeric{text-align:right}.tier-pricing-list{list-style:none;padding:0;margin:.5rem 0 0}.tier-pricing-item{margin-bottom:1rem;padding:.75rem;border:1px solid var(--ds-border);border-radius:var(--ds-radius);background:var(--ds-neutral-white)}.tier-pricing-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.tier-pricing-name{font-weight:600}.tier-pricing-benefits{margin:0;padding-left:1.25rem}.tier-pricing-benefits li{margin-bottom:.25rem}.home-tier-signup{margin:1.5rem 0;max-width:var(--ds-container-width);margin-left:auto;margin-right:auto;padding:0 var(--ds-container-padding)}.home-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem}.home-action-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-family:var(--ds-font-family);font-size:1rem;font-weight:600;cursor:pointer}.home-action-btn.btn-primary{color:var(--ds-neutral-white)}.home-action-btn-alt{background:var(--ds-primary-orange);color:var(--ds-neutral-white);border:none;border-radius:var(--ds-radius);padding:var(--ds-button-padding);transition:filter .2s}.home-action-btn-alt:hover{filter:brightness(1.08);color:var(--ds-neutral-white)}.home-tier-signup-heading{font-size:1.25rem;font-weight:600;margin:0 0 1rem;color:var(--ds-neutral-dark)}.tier-tiles{margin-top:.5rem}.tier-tiles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ds-component-margin, 1.25rem);max-width:var(--ds-container-width, 1200px)}.tier-tile{position:relative;display:flex;flex-direction:column;padding:var(--ds-card-padding, 15px);border:2px solid var(--ds-border);border-radius:var(--ds-radius);box-shadow:var(--ds-shadow-card);transition:border-color .2s,box-shadow .2s;cursor:pointer}.tier-tile-bronze{background:#e8d4be}.tier-tile-silver{background:#c5c5c5}.tier-tile-gold{background:#f5e0a8}.tier-tile:hover{border-color:var(--ds-primary-orange);box-shadow:var(--ds-shadow-lg)}.tier-tile-signup{text-decoration:none;color:inherit}.tier-tile-selected{border-color:var(--ds-primary-orange)}.tier-tile-radio{position:absolute;opacity:0;pointer-events:none}.tier-tile-edit{cursor:default}.tier-tile-edit:hover{border-color:var(--ds-border)}.tier-tile-edit.tier-tile-selected{border-color:var(--ds-primary-orange)}.tier-tile-content{display:flex;flex-direction:column;flex:1}.tier-tile-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.tier-tile-name{font-size:1.25em;font-weight:600;color:var(--ds-neutral-dark)}.tier-tile-price{font-size:1rem;font-weight:600;color:var(--ds-neutral-dark);margin:0 0 .5rem}.tier-tile-price-corner{position:absolute;top:var(--ds-card-padding, 15px);right:var(--ds-card-padding, 15px);font-size:1.35rem;font-weight:700;color:var(--ds-neutral-dark)}.tier-tiles-display .tier-tile{cursor:default}.tier-tiles-display .tier-tile:not(.tier-tile-active){background:#e8eaed}.tier-tile-with-footer{display:flex;flex-direction:column}.tier-tile-with-footer .tier-tile-content{flex:1}.tier-tile-footer{margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.1);text-align:center;min-height:2.25rem;display:flex;align-items:center;justify-content:center}.tier-tile-footer:has(.tier-tile-footer-active){margin-left:calc(-1 * var(--ds-card-padding, 15px));margin-right:calc(-1 * var(--ds-card-padding, 15px));margin-bottom:calc(-1 * var(--ds-card-padding, 15px));padding:.5rem 1rem;border-top:none;border-radius:0 0 var(--ds-radius) var(--ds-radius);background:#166534;color:#fff}.tier-tiles-display .tier-tile:not(.tier-tile-active) .tier-tile-footer{margin-left:calc(-1 * var(--ds-card-padding, 15px));margin-right:calc(-1 * var(--ds-card-padding, 15px));margin-bottom:calc(-1 * var(--ds-card-padding, 15px));padding:.5rem 1rem;border-top:none;border-radius:0 0 var(--ds-radius) var(--ds-radius);background:#334155;color:#fff}.tier-tile-footer-active{font-size:.875rem;font-weight:600;color:inherit}.tier-tile-footer-radio-wrap{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.tier-tile-footer-radio{width:1.25rem;height:1.25rem;cursor:pointer}.tier-tile-benefits{margin:0 0 .75rem;padding-left:1.25rem;font-size:.875em;color:var(--ds-neutral-muted)}.tier-tile-benefits li{margin-bottom:.25rem}.tier-tile-input-label{display:flex;flex-direction:column;gap:.25rem;margin-top:auto}.tier-tile-input-hint{font-size:.75rem;color:var(--ds-neutral-muted)}.tier-tile-input{border-radius:var(--ds-radius);border:1px solid var(--ds-border);padding:.5rem .75rem;font-size:1rem;width:100%;box-sizing:border-box;background:#ffffffe6}.tier-tiles-actions{margin-top:1.25rem}.tier-tiles-actions .btn-primary{background:var(--ds-secondary-yellow);color:var(--ds-neutral-dark);border-radius:var(--ds-radius);padding:var(--ds-button-padding, 12px 24px);font-weight:600}@media(max-width:768px){.tier-tiles-grid{grid-template-columns:1fr}}.form-inline{display:flex;gap:.5rem;margin-bottom:1rem}.form-inline input{flex:1;min-width:0;padding:.5rem .75rem;font-size:1rem}.form-stack label{display:block;margin-bottom:.75rem}.label-with-tooltip{display:block}.field-hint{display:block;font-size:.8rem;color:var(--ds-neutral-muted);margin-top:.2rem;margin-bottom:.25rem}.form-stack label input,.form-stack label select,.form-stack label textarea{display:block;width:100%;margin-top:.25rem;padding:.5rem .75rem;font-size:1rem;border:1px solid var(--ds-border);border-radius:var(--ds-radius);font-family:var(--ds-font-family)}.form-stack label input[readonly],.form-stack label input.read-only{background:var(--ds-neutral-subtle, #f5f5f5);color:var(--ds-neutral-muted, #666);cursor:default}.form-stack textarea{resize:vertical;min-height:4rem}.form-stack .form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.25rem;padding-top:.25rem}.form-stack .form-actions .btn-primary,.form-stack .form-actions .btn-secondary{padding:var(--ds-button-padding);font-size:1rem;font-weight:600;border-radius:var(--ds-radius);font-family:var(--ds-font-family)}.form-stack button,.form-inline button{padding:var(--ds-button-padding);font-size:.95rem;cursor:pointer;border-radius:var(--ds-radius);font-family:var(--ds-font-family)}.filters{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.filters label{display:flex;align-items:center;gap:.5rem}.filters select{padding:.35rem .5rem;font-size:.95rem}.content-list{list-style:none;padding:0;margin:1rem 0 0}.content-list li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--ds-border);flex-wrap:wrap}.content-list li input[type=text],.content-list li input[type=url],.content-list li input[type=file]{padding:.35rem .5rem;font-size:.9rem;min-width:8rem}.content-list .muted{color:var(--ds-neutral-muted);font-size:.9rem}.content-list button.danger{color:var(--ds-error)}.back-link{display:inline-block;margin-bottom:1rem;color:var(--ds-primary-orange);background:none;border:none;cursor:pointer;font-size:.95rem;font-weight:500;padding:0}.back-link:hover{color:var(--ds-primary-purple);text-decoration:underline}.flashcard-thumb{width:48px;height:48px;object-fit:cover;border-radius:var(--ds-radius)}.flashcard-thumb:not(img){display:inline-block;background:var(--ds-border);border-radius:var(--ds-radius)}.flashcards-list li{align-items:flex-start}.speak-btn{display:inline-flex;align-items:center;justify-content:center;padding:.35rem;background:var(--ds-neutral-white);border:1px solid var(--ds-border);border-radius:var(--ds-radius);cursor:pointer;color:var(--ds-primary-orange)}.speak-btn:hover:not(:disabled){background:#ff5c2e1a;border-color:var(--ds-primary-orange);color:var(--ds-primary-purple)}.speak-btn:disabled{cursor:wait;opacity:.8}.speak-icon-loading{animation:speak-pulse .8s ease-in-out infinite}@keyframes speak-pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-banner{background:var(--ds-primary-orange);color:var(--ds-neutral-white);padding:3rem 2rem;margin-bottom:2rem;border-radius:var(--ds-radius);text-align:center}.hero-banner h1{margin:0 0 .5rem;font-size:3em;font-weight:700;color:var(--ds-neutral-white)}.hero-banner p{margin:0;font-size:1.125rem;opacity:.95}.hero-carousel{max-width:var(--ds-container-width);margin:2rem auto 0;padding:0 var(--ds-container-padding)}.hero-carousel-inner{display:flex;align-items:center;gap:.75rem}.hero-carousel-track{flex:1;min-width:0}.hero-carousel-slide{width:100%}.hero-carousel-tile{display:flex;flex-direction:row;min-height:240px;background:var(--ds-neutral-white);border-radius:var(--ds-radius);box-shadow:var(--ds-shadow-lg);overflow:hidden}.hero-carousel-tile-image-wrap{flex:0 0 50%;overflow:hidden;background:var(--ds-border)}.hero-carousel-tile-image{width:100%;height:100%;object-fit:cover;border-radius:var(--ds-radius) 0 0 var(--ds-radius);box-shadow:var(--ds-shadow-card)}.hero-carousel-tile-text{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--ds-component-padding);min-width:0}.hero-carousel-subheading{margin:0 0 .5rem;font-family:var(--ds-font-family);font-size:1.5em;font-weight:700;color:var(--ds-heading-color);line-height:var(--ds-line-height)}.hero-carousel-paragraph{margin:0;font-family:var(--ds-font-family);font-size:1em;font-weight:400;color:var(--ds-body-color);line-height:var(--ds-line-height)}.hero-carousel-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:2px solid var(--ds-neutral-white);border-radius:var(--ds-radius);background:#fff3;color:var(--ds-neutral-white);cursor:pointer;transition:background .2s,border-color .2s}.hero-carousel-btn:hover:not(:disabled){background:#ffffff59;border-color:var(--ds-secondary-yellow);color:var(--ds-neutral-white)}.hero-carousel-btn:disabled{opacity:.5;cursor:not-allowed}.hero-carousel-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.hero-carousel-dot{width:.5rem;height:.5rem;padding:0;border:none;border-radius:50%;background:#ffffff80;cursor:pointer;transition:background .2s,transform .2s}.hero-carousel-dot:hover{background:#fffc}.hero-carousel-dot-active{background:var(--ds-secondary-yellow);transform:scale(1.2)}@media(max-width:768px){.hero-carousel-tile{flex-direction:column;min-height:200px}.hero-carousel-tile-image-wrap{flex:0 0 140px}.hero-carousel-tile-image{border-radius:var(--ds-radius) var(--ds-radius) 0 0}.hero-carousel-btn{width:2rem;height:2rem}}.page-card{background:var(--ds-neutral-white);border-radius:var(--ds-radius);box-shadow:var(--ds-shadow-lg);padding:2rem;max-width:28rem}.page-card h2{margin:0 0 1.5rem;font-size:2.25em;font-weight:700;color:var(--ds-heading-color)}.dashboard-links a,.admin-page a{color:var(--ds-primary-orange);font-weight:500}.dashboard-links a:hover,.admin-page a:hover{color:var(--ds-primary-purple)}.dashboard-links{display:flex;gap:1rem;flex-wrap:wrap}.dashboard-student-list{margin-top:.5rem}.dashboard-student-list li{padding:0;border-bottom:1px solid var(--ds-border)}.dashboard-student-row{display:flex;align-items:center;gap:1rem;padding:.75rem 0;width:100%;color:inherit;text-decoration:none;cursor:pointer}.dashboard-student-row:hover{background:var(--fc-surface-elevated, #f8fafc)}.dashboard-student-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--ds-border);flex-shrink:0;display:flex;align-items:center;justify-content:center}.dashboard-student-avatar img{width:100%;height:100%;object-fit:cover}.dashboard-student-initial{font-size:1.25rem;font-weight:600;color:var(--ds-neutral-muted)}.dashboard-student-info{flex:1;min-width:0}.dashboard-student-info .muted{margin-left:.25rem}.progress-groups-count{margin:0;font-size:1.125rem}.progress-groups-count strong{font-size:1.5rem;color:var(--fc-text, #0f172a)}.progress-groups-by-group{padding-left:1.5rem}.progress-view-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.progress-tab{padding:.5rem 1rem;font-size:.95rem;font-weight:500;border:1px solid var(--ds-border);border-radius:var(--ds-radius);background:var(--ds-neutral-white);color:var(--ds-body-color);cursor:pointer}.progress-tab:hover{background:var(--fc-surface-elevated, #f8fafc)}.progress-tab.active{background:var(--ds-primary-orange);border-color:var(--ds-primary-orange);color:var(--ds-neutral-white)}.progress-rag-summary,.progress-rag-counts{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.progress-rag-item{display:inline-flex;align-items:center;gap:.35rem}.progress-rag-face{display:inline-flex;align-items:center;line-height:0}.progress-rag-face svg{width:1.25rem;height:1.25rem}.progress-sessions-table{width:100%;border-collapse:collapse;margin-top:.5rem}.progress-sessions-table th,.progress-sessions-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--ds-border);vertical-align:middle}.progress-sessions-table th{font-weight:600;color:var(--fc-text-muted, #64748b);font-size:.875rem}.progress-sessions-row:hover{background:var(--fc-surface-elevated, #f8fafc)}.progress-sessions-expand{padding:.25rem;margin:-.25rem;border:none;background:none;font:inherit;color:inherit;cursor:pointer;border-radius:2px}.progress-sessions-expand:hover{background:var(--fc-surface-elevated, #f1f5f9)}.progress-sessions-detail-cell{padding:0;border-bottom:1px solid var(--ds-border);vertical-align:top}.progress-sessions-footer td{font-weight:600;border-bottom:none;padding-top:.75rem}.progress-sessions-footer td:first-of-type{border-bottom:none}.progress-group-info{flex:1;min-width:0}.progress-group-list{list-style:none;padding:0}.progress-group-list>li{border-bottom:1px solid var(--ds-border);padding:0}.progress-group-row{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 0;text-align:left;background:none;border:none;font:inherit;color:inherit;cursor:pointer}.progress-group-row:hover{background:var(--fc-surface-elevated, #f8fafc)}.progress-card-attempts{padding:.5rem 0 1rem 1.5rem;border-left:3px solid var(--ds-border);margin-left:.5rem}.progress-card-attempts-table{width:100%;border-collapse:collapse;font-size:.9375rem}.progress-card-attempts-table th,.progress-card-attempts-table td{padding:.35rem .75rem .35rem 0;text-align:left;vertical-align:middle}.progress-card-attempts-table th{font-weight:600;color:var(--fc-text-muted, #64748b);font-size:.8125rem;border-bottom:1px solid var(--ds-border)}.progress-card-row td{border-bottom:1px solid var(--ds-border)}.progress-card-word{font-weight:500;min-width:5rem}.progress-card-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:var(--fc-text-muted, #94a3b8);flex-shrink:0}.progress-card-icon svg{width:1.25rem;height:1.25rem}.progress-card-icon--active{color:var(--fc-accent, #0f172a)}.progress-card-icon--recording-available{color:var(--ds-primary-orange, #ea580c)}.progress-card-icon-btn{padding:.25rem;margin:-.25rem;border:none;background:transparent;border-radius:50%;cursor:pointer;color:var(--fc-accent, #0f172a)}.progress-card-icon-btn.progress-card-icon--recording-available{color:var(--ds-primary-orange, #ea580c)}.progress-card-icon-btn.progress-card-icon--recording-available:hover{background:#ea580c1a}.progress-card-icon-btn:hover{background:var(--fc-surface-elevated, #f1f5f9)}.progress-card-icon-btn svg{width:1.25rem;height:1.25rem}.app-footer{background:var(--ds-primary-orange);color:var(--ds-neutral-white);padding:1.5rem var(--ds-container-padding);text-align:center;margin-top:auto}.app-footer-text{margin:0;font-size:.875rem;opacity:.95}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:.5rem 0 1rem}@media(max-width:768px){.app-header{padding:0 var(--ds-container-padding-mobile, 12px);flex-wrap:wrap;gap:.5rem;min-height:auto;padding-top:.75rem;padding-bottom:.75rem}.app-header h1{font-size:1.25rem}.app-nav{flex-wrap:wrap;gap:.35rem}.nav-item,.app-nav .nav-item-button{padding:.5rem .65rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.app-main{padding:var(--ds-section-padding-mobile, 24px) var(--ds-container-padding-mobile, 12px)}.app-footer{padding:1rem var(--ds-container-padding-mobile, 12px)}.hero-banner{padding:2rem 1rem;margin-bottom:1.5rem}.hero-banner h1{font-size:2rem}.hero-banner p{font-size:1rem}.page-card{padding:1.5rem 1rem}.page-card h2{font-size:1.75rem}.login-page,.admin-page{width:100%}.dashboard-links{gap:.75rem}.dashboard-links a{padding:.5rem 0;min-height:44px;display:inline-flex;align-items:center}.admin-content-nav{flex-wrap:wrap;gap:.5rem}.admin-content{max-width:100%}.content-section h2{font-size:1.75rem}.content-section h3{font-size:1.25rem}.filters{flex-direction:column;align-items:stretch}.form-inline{flex-direction:column}.form-inline input{min-width:0}.content-list li{flex-direction:column;align-items:flex-start;gap:.5rem}.content-list li input[type=text],.content-list li input[type=url],.content-list li input[type=file]{min-width:0;width:100%}.btn-primary{min-height:44px}}@media(max-width:480px){.app-header h1{font-size:1.1rem}.hero-banner{padding:1.5rem .75rem}.hero-banner h1{font-size:1.75rem}.hero-banner p{font-size:.95rem}}:root{--ds-primary-orange: #FF5C2E;--ds-primary-purple: #5C2E91;--ds-secondary-yellow: #FFC107;--ds-neutral-white: #FFFFFF;--ds-neutral-dark: #333333;--ds-neutral-muted: #6C757D;--ds-error: #b91c1c;--ds-success: #15803d;--ds-border: #e2e8f0;--ds-font-family: "Poppins", "Open Sans", system-ui, sans-serif;--ds-font-size-base: 16px;--ds-line-height: 1.5;--ds-heading-color: var(--ds-neutral-dark);--ds-body-color: var(--ds-neutral-dark);--ds-muted-color: var(--ds-neutral-muted);--ds-container-width: 1200px;--ds-container-padding: 20px;--ds-section-padding: 60px;--ds-section-gap: 60px;--ds-component-padding: 20px;--ds-card-padding: 15px;--ds-button-padding: 12px 24px;--ds-nav-link-padding: 10px 15px;--ds-nav-link-gap: 20px;--ds-radius: 8px;--ds-radius-lg: 12px;--ds-shadow-card: 0 2px 4px rgba(0, 0, 0, .05);--ds-shadow-lg: 0 4px 6px rgba(0, 0, 0, .1);--ds-header-height: 80px;--ds-breakpoint-sm: 480px;--ds-breakpoint-md: 768px;--ds-breakpoint-lg: 1024px;--ds-container-padding-mobile: 12px;--ds-section-padding-mobile: 24px}:root{font-family:var(--ds-font-family);font-size:var(--ds-font-size-base);line-height:var(--ds-line-height);font-weight:400;color:var(--ds-body-color);background-color:var(--ds-neutral-white)}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}