@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&display=swap";:root{--color-gold:#c8962e;--color-gold-light:#e8c06a;--color-gold-dark:#a07820;--color-gold-deep:#7a5c18;--color-gold-ember:#f5c97a;--color-gold-soft:#c8962e14;--color-gold-soft-2:#c8962e24;--color-gold-soft-3:#c8962e38;--color-gold-glow:#e8c06a59;--color-bg:#fbf8f1;--color-bg-2:#f5efe2;--color-surface:#fff;--color-surface-warm:#fdfaf3;--color-surface-tint:#faf4e6;--color-border:#ece4d2;--color-border-strong:#dcd0b5;--color-divider:#f0e9d8;--color-text:#2a2238;--color-text-secondary:#6b5f78;--color-text-muted:#998e9f;--color-text-inverse:#fff;--color-text-gold:var(--color-gold-dark);--color-success:#3a8a5c;--color-success-soft:#3a8a5c1a;--color-warning:#c88a2e;--color-warning-soft:#c88a2e1f;--color-error:#c04040;--color-error-soft:#c040401a;--color-info:#4a7a9a;--color-info-soft:#4a7a9a1a;--branch-knowledge:#d4a0b0;--branch-composing:#b0a0c8;--branch-reading:#80b8c8;--branch-technique:#80c8a8;--branch-shamash:#e8c878;--branch-repertoire:#d4b080;--branch-performing:#d08888;--branch-nigunim:#90b890;--branch-ear:#d4c878;--branch-knowledge-soft:#d4a0b029;--branch-composing-soft:#b0a0c829;--branch-reading-soft:#80b8c829;--branch-technique-soft:#80c8a829;--branch-shamash-soft:#e8c8782e;--branch-repertoire-soft:#d4b0802e;--branch-performing-soft:#d0888829;--branch-nigunim-soft:#90b89029;--branch-ear-soft:#d4c8782e;--flame-outer:#f0a030;--flame-inner:#fff0b0;--flame-glow:#ffc05a8c;--font-display:"Fredoka", system-ui, -apple-system, sans-serif;--font-ui:"Fredoka", system-ui, -apple-system, sans-serif;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1.0625rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-3xl:3rem;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.65;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:48px;--space-9:56px;--space-10:64px;--space-12:80px;--space-14:112px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-pill:9999px;--shadow-xs:0 1px 2px #4a34120a;--shadow-card:0 1px 2px #4a34120d, 0 2px 8px #4a34120a;--shadow-elevated:0 4px 12px #4a341214, 0 12px 32px #4a34120f;--shadow-floating:0 10px 40px #4a34121f, 0 4px 12px #4a34120f;--shadow-gold:0 4px 14px #c8962e47, 0 2px 6px #c8962e2e;--shadow-inset-warm:inset 0 1px 0 #ffffffb3, inset 0 -1px 0 #4a34120a;--motion-quick:.12s cubic-bezier(.4, 0, .2, 1);--motion-base:.2s cubic-bezier(.4, 0, .2, 1);--motion-slow:.32s cubic-bezier(.4, 0, .2, 1);--motion-bouncy:.36s cubic-bezier(.34, 1.56, .64, 1);--bp-sm:640px;--bp-md:960px;--bp-lg:1200px;--nav-height:68px;--page-max:1080px;--page-max-wide:1240px;--page-pad-y:var(--space-9);--page-pad-x:var(--space-6)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-rendering:optimizelegibility}body{font-family:var(--font-ui);font-size:var(--text-base);font-weight:400;line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);background-image:radial-gradient(ellipse 1200px 600px at 50% -160px, var(--color-gold-soft) 0%, transparent 60%), radial-gradient(ellipse 800px 500px at 100% 30%, #e8c8781a 0%, transparent 55%), radial-gradient(ellipse 600px 400px at 0% 70%, #d4c87814 0%, transparent 50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}hr{border:none;border-top:1px solid var(--color-divider)}::selection{background:var(--color-gold-soft-3);color:var(--color-text)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}h1{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;line-height:var(--leading-tight);color:var(--color-text);letter-spacing:-.01em}h2{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;line-height:var(--leading-snug);color:var(--color-text)}h3{font-family:var(--font-display);font-size:var(--text-md);font-weight:600;line-height:var(--leading-snug);color:var(--color-text)}h4{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;line-height:var(--leading-snug);color:var(--color-text)}p{font-family:var(--font-display);font-size:var(--text-base);line-height:var(--leading-relaxed);max-width:65ch;color:var(--color-text);font-weight:400}small{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-secondary)}label{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);font-weight:500;display:block}strong{font-weight:600}code,pre{background:var(--color-surface-tint);border-radius:var(--radius-xs);padding:2px 6px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875em}.hero-title{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--color-text);font-weight:700;line-height:1.05}.brand-mark{font-family:var(--font-display);font-weight:700;font-size:var(--text-md);letter-spacing:-.005em;color:var(--color-gold-dark);align-items:center;gap:var(--space-2);display:inline-flex}.eyebrow{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.page-shell{flex-direction:column;min-height:100vh;display:flex}.nav{-webkit-backdrop-filter:saturate(140%)blur(14px);padding:0 var(--space-7);height:var(--nav-height);align-items:center;gap:var(--space-5);z-index:100;background:#ffffffc7;border-bottom:1px solid #ece4d2b3;display:flex;position:sticky;top:0}.nav-brand{font-family:var(--font-display);color:var(--color-gold-dark);letter-spacing:-.005em;align-items:center;gap:var(--space-2);white-space:nowrap;margin-right:auto;font-size:1.125rem;font-weight:600;display:inline-flex}.nav-brand-mark{filter:drop-shadow(0 2px 4px #c8962e40);justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.nav-brand-text{font-size:1.125rem;font-weight:600}.nav-items{gap:var(--space-1);align-items:center;height:100%;display:flex}.nav-item{font-family:var(--font-ui);font-size:var(--text-base);color:var(--color-text-secondary);padding:0 var(--space-4);align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);cursor:pointer;height:40px;transition:color var(--motion-base), background var(--motion-base);white-space:nowrap;font-weight:500;display:inline-flex}.nav-item:hover{color:var(--color-text);background:var(--color-gold-soft)}.nav-item.active{color:var(--color-gold-dark);background:var(--color-gold-soft-2);font-weight:600}.nav-item svg{flex-shrink:0}.nav-user{align-items:center;gap:var(--space-3);margin-left:var(--space-2);display:flex}.nav-user-name{font-size:var(--text-sm);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-weight:500;overflow:hidden}@media (width<=720px){.nav{padding:0 var(--space-2);background:#ffffffeb;border-top:1px solid #ece4d2cc;border-bottom:none;justify-content:center;height:64px;position:fixed;inset:auto 0 0}.nav-brand,.nav-user-name{display:none}.nav-items{justify-content:space-around;gap:0;width:100%}.nav-item{height:auto;padding:var(--space-1) var(--space-2);text-align:center;border-radius:var(--radius-md);flex-direction:column;gap:2px;min-width:56px;font-size:10px;font-weight:500}.nav-item.active{color:var(--color-gold-dark);background:0 0}.nav-item.active svg{color:var(--color-gold)}.nav-user{gap:var(--space-2)}}.page-content{max-width:var(--page-max);width:100%;padding:var(--page-pad-y) var(--page-pad-x) var(--space-12);flex:1;margin:0 auto}.page-content.wide{max-width:var(--page-max-wide)}.page-content.narrow{max-width:720px}@media (width<=720px){.page-content{padding:var(--space-5) var(--space-4) calc(64px + var(--space-8))}}.page-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.page-header-titles{min-width:0}.page-header h1{font-size:var(--text-2xl);letter-spacing:-.015em;margin:0;font-weight:600;line-height:1.1}.page-header-sub{font-size:var(--text-base);color:var(--color-text-secondary);margin-top:var(--space-1);font-weight:400}.page-header .eyebrow{margin-bottom:var(--space-2);display:block}.page-header-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}@media (width<=720px){.page-header{flex-direction:column;align-items:stretch}.page-header h1{font-size:var(--text-xl)}}.section-header h1{font-size:var(--text-2xl);letter-spacing:-.015em;margin:0;font-weight:600}.section{margin-bottom:var(--space-9)}.section-header{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.section-header h2{font-size:var(--text-lg);margin:0}.section-header-count{font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.profile-hero{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.profile-hero-center{text-align:center;align-items:center;gap:var(--space-5);padding:var(--space-8) var(--space-3) var(--space-6);flex-direction:column;display:flex;position:relative}.profile-hero-center:before{content:"";background:radial-gradient(ellipse 70% 55% at 50% 45%, var(--color-gold-glow) 0%, transparent 65%);pointer-events:none;z-index:0;position:absolute;inset:-40px -40px 0}.profile-hero-center>*{z-index:1;position:relative}.profile-hero-name{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.015em;margin:0;font-weight:600;line-height:1.05}.profile-hero-meta{justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);flex-wrap:wrap;display:inline-flex}.profile-hero-meta-dot{background:var(--color-border-strong);border-radius:50%;width:3px;height:3px}.profile-menorah-frame{align-self:stretch;width:100%}.profile-hero-instrument{font-family:var(--font-display);font-size:var(--text-md);color:var(--color-text-secondary)}.profile-layout{gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=961px){.profile-layout.has-panel{grid-template-columns:minmax(0,1fr) 420px;align-items:start}}@media (width<=960px){.profile-layout.has-panel .profile-main{display:none}}.profile-main{min-width:0}.admin-layout{gap:var(--space-5);grid-template-columns:minmax(320px,1fr) minmax(0,1.6fr);align-items:stretch;display:grid}.admin-sidebar,.admin-main{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-card);flex-direction:column;min-height:480px;display:flex}.admin-section-head{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.admin-section-head h2{font-size:var(--text-lg);margin:0}.admin-sidebar-body,.admin-main-body{flex-direction:column;flex:1;min-height:0;display:flex}@media (width<=880px){.admin-layout{grid-template-columns:1fr}.admin-sidebar,.admin-main{min-height:auto}}.stat-row{justify-content:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.aurora{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.aurora:before,.aurora:after{content:"";filter:blur(80px);opacity:.55;border-radius:50%;position:absolute}.aurora:before{background:var(--branch-shamash);width:480px;height:480px;top:-120px;left:-120px}.aurora:after{background:var(--branch-knowledge);width:360px;height:360px;bottom:-80px;right:-60px}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);min-height:44px;font-family:var(--font-ui);font-size:var(--text-base);cursor:pointer;transition:background var(--motion-base), box-shadow var(--motion-base), transform var(--motion-base), color var(--motion-base), border-color var(--motion-base);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;padding:12px 22px;font-weight:500;line-height:1;display:inline-flex}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-gold);color:var(--color-text-inverse);padding:12px 24px;box-shadow:inset 0 1px #ffffff59,inset 0 -1px #4a34122e,0 2px 4px #a078202e}.btn-primary:hover:not(:disabled){background:#d5a23a;transform:translateY(-1px);box-shadow:inset 0 1px #fff6,inset 0 -1px #4a341233,0 4px 12px #a0782047}.btn-primary:active:not(:disabled){background:var(--color-gold-dark);transform:translateY(0)}.btn-secondary{background:var(--color-surface);color:var(--color-text);box-shadow:0 0 0 1.5px var(--color-border-strong) inset, 0 1px 2px #4a34120a}.btn-secondary:hover:not(:disabled){background:var(--color-gold-soft);color:var(--color-gold-dark);box-shadow:0 0 0 1.5px var(--color-gold) inset, 0 1px 2px #a078201a}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--color-text);background:var(--color-gold-soft)}.btn-danger{color:var(--color-error);background:0 0;padding:12px 18px}.btn-danger:hover:not(:disabled){background:var(--color-error-soft)}.btn-icon{border-radius:var(--radius-pill);width:44px;height:44px;padding:0}.btn-sm{font-size:var(--text-sm);min-height:36px;padding:8px 16px}.btn-sm.btn-icon{width:36px;height:36px}.btn-lg{font-size:var(--text-md);min-height:52px;padding:14px 28px}.btn-block{width:100%}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5);transition:box-shadow var(--motion-base), transform var(--motion-base), border-color var(--motion-base);border:1px solid #ece4d299;position:relative}.card.warm{background:linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-warm) 100%)}.card.tint-gold{background:linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-tint) 100%)}.card.flush{padding:0;overflow:hidden}.card.pad-sm{padding:var(--space-3)}.card.pad-md{padding:var(--space-4)}.card.interactive{cursor:pointer}.card.interactive:hover{box-shadow:var(--shadow-elevated);border-color:#c8962e40;transform:translateY(-3px)}.card.interactive:focus-visible{box-shadow:var(--shadow-elevated), 0 0 0 3px var(--color-gold-soft-3);outline:none}.card-selected{background:var(--color-gold-soft);box-shadow:var(--shadow-elevated);border-color:var(--color-gold)!important}.card.branch-knowledge:before,.card.branch-composing:before,.card.branch-reading:before,.card.branch-technique:before,.card.branch-shamash:before,.card.branch-repertoire:before,.card.branch-performing:before,.card.branch-nigunim:before,.card.branch-ear:before{content:"";border-radius:0 0 var(--radius-xs) var(--radius-xs);height:3px;position:absolute;top:0;left:16px;right:16px}.card.branch-knowledge:before{background:var(--branch-knowledge)}.card.branch-composing:before{background:var(--branch-composing)}.card.branch-reading:before{background:var(--branch-reading)}.card.branch-technique:before{background:var(--branch-technique)}.card.branch-shamash:before{background:var(--branch-shamash)}.card.branch-repertoire:before{background:var(--branch-repertoire)}.card.branch-performing:before{background:var(--branch-performing)}.card.branch-nigunim:before{background:var(--branch-nigunim)}.card.branch-ear:before{background:var(--branch-ear)}.card.accent-gold{border-left:3px solid var(--color-gold);background:linear-gradient(90deg, var(--color-gold-soft) 0%, var(--color-surface) 30%)}.card.accent-warning{border-left:3px solid var(--color-warning);background:linear-gradient(90deg, var(--color-warning-soft) 0%, var(--color-surface) 30%)}.card.accent-success{border-left:3px solid var(--color-success);background:linear-gradient(90deg, var(--color-success-soft) 0%, var(--color-surface) 30%)}.input{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-base);color:var(--color-text);width:100%;transition:border-color var(--motion-base), box-shadow var(--motion-base), background var(--motion-base);appearance:none;padding:12px 16px;font-weight:500}.input:hover:not(:disabled):not(:focus){border-color:var(--color-border-strong)}.input:focus{border-color:var(--color-gold);box-shadow:0 0 0 4px var(--color-gold-soft-2);background:var(--color-surface);outline:none}.input::placeholder{color:var(--color-text-muted);font-weight:400}.input:disabled{opacity:.6;cursor:not-allowed;background:var(--color-bg-2)}textarea.input{resize:vertical;min-height:88px;line-height:var(--leading-relaxed)}select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%23A07820' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:12px;padding-right:40px}.form-group{margin-bottom:var(--space-4)}.form-actions{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;justify-content:flex-end;display:flex}.form-actions.stacked{flex-direction:column;align-items:stretch}.form-help{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1);display:block}.checkbox-label{align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--text-base);color:var(--color-text);margin-bottom:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);transition:background var(--motion-base);display:flex}.checkbox-label:hover{background:var(--color-gold-soft)}.checkbox-label input[type=checkbox]{appearance:none;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-xs);cursor:pointer;background:var(--color-surface);width:20px;height:20px;transition:background var(--motion-base), border-color var(--motion-base);flex-shrink:0;position:relative}.checkbox-label input[type=checkbox]:checked{background:var(--color-gold);border-color:var(--color-gold-dark);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'%3E%3Cpath d='M1 5l3.5 3.5L11 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat}.checkbox-label input[type=checkbox]:focus-visible{box-shadow:0 0 0 3px var(--color-gold-soft-3)}.file-drop{padding:var(--space-5);border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg-2);text-align:center;cursor:pointer;transition:border-color var(--motion-base), background var(--motion-base);display:block}.file-drop:hover{border-color:var(--color-gold);background:var(--color-gold-soft)}.file-drop input[type=file]{display:none}.current-file{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2);display:flex}.current-file-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);flex:none;font-weight:600}.current-file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-sm);color:var(--color-text);flex:auto;overflow:hidden}.current-file-view{font-size:var(--text-sm);color:var(--color-gold);flex:none;font-weight:600;text-decoration:none}.current-file-view:hover{text-decoration:underline}.card-clickable{cursor:pointer;transition:border-color var(--motion-base), box-shadow var(--motion-base)}.card-clickable:hover{border-color:var(--color-gold);box-shadow:var(--shadow-elevated)}.card-clickable:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.card-edit-hint{margin-top:var(--space-2);font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-gold);opacity:0;transition:opacity var(--motion-base);font-weight:600}.card-clickable:hover .card-edit-hint,.card-clickable:focus-visible .card-edit-hint{opacity:1}.badge{border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.02em;white-space:nowrap;text-transform:capitalize;align-items:center;gap:6px;padding:4px 10px 4px 8px;font-weight:600;display:inline-flex}.badge:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-active,.badge-approved{background:var(--color-success-soft);color:var(--color-success)}.badge-active:before,.badge-approved:before{background:var(--color-success)}.badge-pending{background:var(--color-warning-soft);color:var(--color-warning)}.badge-pending:before{background:var(--color-warning)}.badge-rejected{background:var(--color-error-soft);color:var(--color-error)}.badge-rejected:before{background:var(--color-error)}.badge-info{background:var(--color-info-soft);color:var(--color-info)}.badge-info:before{background:var(--color-info)}.badge-neutral{background:var(--color-bg-2);color:var(--color-text-secondary)}.badge-neutral:before{background:var(--color-text-muted)}.badge.no-dot:before{display:none}.badge.no-dot{padding:4px 10px}.tag-pill{border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(180deg, var(--color-gold-ember) 0%, var(--color-gold-light) 100%);color:var(--color-gold-deep);border:1px solid #a0782059;align-items:center;gap:6px;padding:5px 12px 5px 9px;font-weight:700;display:inline-flex}.modal-backdrop{-webkit-backdrop-filter:blur(8px);padding:var(--space-4);z-index:200;animation:backdrop-fade var(--motion-base);background:#2c243873;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-floating);padding:var(--space-6);width:100%;max-width:520px;max-height:calc(100vh - var(--space-8));animation:modal-enter var(--motion-slow);border:1px solid #ece4d2b3;overflow-y:auto}.modal h2{font-family:var(--font-display);font-size:var(--text-lg)}.modal-wide{max-width:760px}@keyframes backdrop-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-enter{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.student-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.resource-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.compact-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.student-card{align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-5) var(--space-4) var(--space-4);flex-direction:column;display:flex}.student-card-name{font-family:var(--font-display);font-size:var(--text-md);letter-spacing:-.005em;color:var(--color-text);font-weight:600}.student-card-meta{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}:focus-visible{box-shadow:0 0 0 3px var(--color-gold-soft-3);outline:none}button:focus-visible,[role=button]:focus-visible,.input:focus-visible{outline:none}.skeleton{background:linear-gradient(90deg, var(--color-divider) 0%, var(--color-bg-2) 50%, var(--color-divider) 100%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.4s linear infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-sm{height:16px}.skeleton-md{height:60px}.skeleton-lg{height:140px}.skeleton-xl{height:240px}.skeleton-line{width:60%;height:14px}.skeleton-circle{border-radius:50%;width:64px;height:64px}.tab-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);margin-bottom:var(--space-5);box-shadow:var(--shadow-xs);flex-wrap:wrap;gap:2px;padding:4px;display:inline-flex}.tab-item{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:color var(--motion-base), background var(--motion-base);white-space:nowrap;background:0 0;border:none;padding:8px 16px;font-weight:500;display:inline-flex}.tab-item:hover{color:var(--color-text);background:var(--color-gold-soft)}.tab-item.active{color:var(--color-text-inverse);background:var(--color-gold);box-shadow:var(--shadow-xs);font-weight:600}.tab-bar.subtle{box-shadow:none;gap:var(--space-1);background:0 0;border:none;padding:0}.tab-bar.subtle .tab-item.active{background:var(--color-gold-soft-2);color:var(--color-gold-dark)}.branch-panel-overlay{z-index:90;padding:var(--space-6) var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.branch-panel{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-floating);padding:var(--space-5);border:1px solid var(--color-border);border-top:4px solid var(--panel-accent,var(--color-gold));width:100%;max-width:640px;max-height:calc(100vh - 120px);animation:panel-slide-in var(--motion-slow);overflow-y:auto}.branch-panel-header{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-5);background:var(--color-bg-2);justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.branch-panel-title{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.005em;font-weight:600;line-height:var(--leading-tight);margin:0}.branch-panel-sub{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:2px}.branch-panel-level-dots{margin-top:var(--space-2);gap:6px;display:inline-flex}.branch-panel-level-dots span{background:var(--color-border-strong);border-radius:50%;width:8px;height:8px}.branch-panel-level-dots span.lit{background:currentColor;box-shadow:0 0 0 2px #fff9}@keyframes panel-slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media (width<=720px){.branch-panel-overlay{padding:var(--space-3);align-items:flex-end}.branch-panel{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:85vh}}.mood-selector{gap:var(--space-2);flex-wrap:wrap;display:flex}.mood-btn{border:1.5px solid var(--color-border);background:var(--color-surface);width:52px;height:52px;color:var(--color-text-muted);cursor:pointer;transition:all var(--motion-bouncy);box-shadow:var(--shadow-xs);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.mood-btn:hover{border-color:var(--color-gold-light);color:var(--color-gold-dark);transform:translateY(-2px)}.mood-btn.selected{background:linear-gradient(180deg, var(--color-gold-light) 0%, var(--color-gold) 100%);border-color:var(--color-gold-dark);color:var(--color-text-inverse);box-shadow:var(--shadow-gold);transform:translateY(-1px)}.stat-pill{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text);box-shadow:var(--shadow-xs);transition:transform var(--motion-base), box-shadow var(--motion-base);padding:8px 16px;font-weight:600;display:inline-flex}.stat-pill.clickable{cursor:pointer}.stat-pill.clickable:hover{box-shadow:var(--shadow-card);border-color:var(--color-gold);transform:translateY(-1px)}.stat-pill .stat-value{font-family:var(--font-display);font-size:var(--text-md);color:var(--color-gold-dark);font-variant-numeric:tabular-nums;font-weight:700}.stat-pill .stat-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.stat-pill .stat-icon{width:18px;height:18px;color:var(--color-gold);justify-content:center;align-items:center;display:inline-flex}.stat-pill.flame .stat-icon{color:var(--flame-outer)}.stat-pill.streak{background:linear-gradient(135deg,#f0a0301a 0%,#ffc05a0a 100%);border-color:#f0a03040}.stat-pill.streak .stat-icon{color:var(--flame-outer)}.points-display{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);background:linear-gradient(180deg, var(--color-gold-ember) 0%, var(--color-gold-light) 100%);color:var(--color-gold-deep);font-weight:700;font-family:var(--font-display);font-size:var(--text-sm);cursor:pointer;transition:transform var(--motion-base), box-shadow var(--motion-base);box-shadow:var(--shadow-xs);border:1px solid #a0782040;padding:6px 14px;display:inline-flex}.points-display:hover{box-shadow:var(--shadow-card);transform:translateY(-1px)}.streak-display{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-weight:600;font-size:var(--text-sm);color:var(--color-gold-deep);background:linear-gradient(135deg,#f0a0301f 0%,#ffc05a0f 100%);border:1px solid #f0a03033;display:inline-flex}.table{border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-card);border:1px solid var(--color-border);overflow:hidden}.table th{padding:var(--space-3) var(--space-4);font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;text-align:left;color:var(--color-text-secondary);background:var(--color-bg-2);border-bottom:1px solid var(--color-border);font-weight:700}.table td{padding:var(--space-3) var(--space-4);font-size:var(--text-base);border-bottom:1px solid var(--color-divider);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{cursor:pointer;transition:background var(--motion-base)}.table tbody tr:hover{background:var(--color-gold-soft)}.empty-state{text-align:center;padding:var(--space-8) var(--space-6);color:var(--color-text-muted);background:radial-gradient(ellipse 100% 80% at 50% 0%, var(--color-gold-soft) 0%, transparent 70%), var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);position:relative;overflow:hidden}.empty-state:before{content:"";background:radial-gradient(ellipse, var(--color-gold-soft-2), transparent 70%);pointer-events:none;width:200px;height:120px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.empty-state>*{position:relative}.empty-state-icon{background:linear-gradient(180deg, var(--color-gold-ember) 0%, var(--color-gold-light) 100%);width:64px;height:64px;color:var(--color-gold-deep);margin:0 auto var(--space-3);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 4px 14px #c8962e40,inset 0 1px #ffffff80}.empty-state-text,.empty-state-message{font-family:var(--font-display);font-size:var(--text-md);color:var(--color-text);margin-bottom:var(--space-1);font-weight:600}.empty-state-hint{font-size:var(--text-sm);color:var(--color-text-muted);max-width:380px;line-height:var(--leading-relaxed);margin:0 auto}.empty-state.inline{padding:var(--space-6) var(--space-4);background:var(--color-bg-2);border:1px solid var(--color-border);box-shadow:none}.empty-state.inline:before{display:none}.empty-state.inline .empty-state-icon{background:var(--color-gold-soft);width:48px;height:48px;color:var(--color-gold);box-shadow:none}p.empty-state{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-5);justify-content:center;align-items:center;max-width:none;display:flex}.notif-bell{position:relative}.notif-bell-btn{cursor:pointer;border-radius:var(--radius-pill);width:40px;height:40px;color:var(--color-text-secondary);transition:background var(--motion-base), color var(--motion-base);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.notif-bell-btn:hover{background:var(--color-gold-soft);color:var(--color-gold-dark)}.notif-badge{background:var(--color-error);min-width:18px;height:18px;color:var(--color-text-inverse);border-radius:var(--radius-pill);pointer-events:none;box-shadow:0 0 0 2px var(--color-surface);justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.notif-backdrop{z-index:140;position:fixed;inset:0}.notif-dropdown{background:var(--color-surface);border-radius:var(--radius-lg);width:340px;max-height:440px;box-shadow:var(--shadow-floating);z-index:150;animation:dropdown-enter var(--motion-base);border:1px solid var(--color-border);position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-divider);font-family:var(--font-display);font-weight:600;font-size:var(--text-md)}.notif-item{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-divider);transition:background var(--motion-base)}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--color-gold-soft)}.notif-item.unread{background:var(--color-gold-soft);cursor:pointer;position:relative}.notif-item.unread:before{content:"";top:var(--space-3);background:var(--color-gold);border-radius:50%;width:6px;height:6px;position:absolute;left:6px}.notif-item-subject{font-weight:600;font-size:var(--text-sm);color:var(--color-text);margin-bottom:2px}.notif-item-body{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-snug)}.notif-item-time{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.login-shell{min-height:100vh;padding:var(--space-6);grid-template-columns:1fr;place-items:center;display:grid;position:relative}.login-container{min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:460px;box-shadow:var(--shadow-floating);padding:var(--space-7) var(--space-7) var(--space-6);border:1px solid var(--color-border);z-index:1;position:relative}.login-brand{text-align:center;margin-bottom:var(--space-6)}.login-mark{width:64px;height:64px;margin:0 auto var(--space-3);filter:drop-shadow(0 8px 16px #c8962e38);justify-content:center;align-items:center;display:flex}.login-brand h1{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-gold-dark);letter-spacing:-.02em;margin-bottom:var(--space-1);font-weight:600}.login-brand p{font-family:var(--font-display);font-size:var(--text-md);color:var(--color-text-secondary)}.login-divider{background:var(--color-divider);height:1px;margin:var(--space-4) 0}.login-link{font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--color-border-strong);text-decoration-color:var(--color-border-strong);text-underline-offset:4px;padding:var(--space-2);transition:color var(--motion-base);background:0 0;border:none}.login-link:hover{color:var(--color-gold-dark);-webkit-text-decoration-color:var(--color-gold);text-decoration-color:var(--color-gold)}.invite-code-input{text-align:center;font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:.25em;text-transform:uppercase;padding:var(--space-4);font-weight:600}.cert-card{padding:var(--space-5);background:linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-tint) 100%);border:1px solid #c8962e33;position:relative;overflow:hidden}.cert-card:after{content:"";background:radial-gradient(circle, var(--color-gold-soft-3), transparent 70%);pointer-events:none;border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-40px}.cert-card>*{z-index:1;position:relative}.cert-card-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-gold-ember) 0%, var(--color-gold-light) 100%);width:40px;height:40px;color:var(--color-gold-deep);margin-bottom:var(--space-3);justify-content:center;align-items:center;display:inline-flex;box-shadow:0 2px 8px #c8962e38}.cert-card-title{font-family:var(--font-display);font-size:var(--text-md);color:var(--color-text);margin-bottom:var(--space-2);font-weight:600;display:block}.cert-detail-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-1);font-weight:600;display:block}.cert-detail-value{font-size:var(--text-base);margin-bottom:var(--space-3);color:var(--color-text)}.cert-detail-data{background:var(--color-bg-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-top:var(--space-2)}.cert-detail-data dl{gap:var(--space-2) var(--space-4);grid-template-columns:max-content 1fr;display:grid}.cert-detail-data dt{color:var(--color-text-secondary);font-weight:600;font-size:var(--text-sm);text-transform:capitalize}.cert-detail-data dd{color:var(--color-text);font-size:var(--text-sm)}.session-item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);font-size:var(--text-sm);margin-bottom:var(--space-2);flex-direction:column;gap:4px;display:flex}.session-item-row{gap:var(--space-3);color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;display:flex}.session-item-row span{align-items:center;gap:4px;display:inline-flex}.session-item-notes{font-size:var(--text-sm);color:var(--color-text);margin-top:var(--space-1);line-height:var(--leading-relaxed)}.goal-card{padding:var(--space-4);margin-bottom:var(--space-3)}.goal-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.goal-card-meta{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.goal-card-actions{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.error-msg{color:var(--color-error);background:var(--color-error-soft);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4);border:1px solid #c0404033}.success-msg{color:var(--color-success);background:var(--color-success-soft);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4);border:1px solid #3a8a5c33}.banner{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-5);display:flex}.banner-warning{background:linear-gradient(180deg, var(--color-warning-soft) 0%, transparent 100%);border:1px solid #c88a2e40}.banner-success{background:linear-gradient(180deg, var(--color-success-soft) 0%, transparent 100%);border:1px solid color-mix(in srgb, var(--color-success) 25%, transparent)}.banner-info{background:linear-gradient(180deg, var(--color-info-soft) 0%, transparent 100%);border:1px solid #4a7a9a33}.banner-title{font-weight:600;font-size:var(--text-base);margin-bottom:var(--space-1)}.banner-body{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.filter-bar{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.filter-bar .input{max-width:240px}.filter-bar>.input[type=text],.filter-bar>.input[type=search]{max-width:280px}.filter-bar select.input{max-width:220px}.stats-bar{gap:var(--space-5);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--color-text-secondary);box-shadow:var(--shadow-xs);flex-wrap:wrap;align-items:center;display:flex}.stats-bar strong{color:var(--color-text);font-weight:600}.stats-bar .spotlight{color:var(--color-gold-dark);align-items:center;gap:var(--space-1);font-weight:600;display:inline-flex}.stats-bar .spotlight:before{content:"✦";color:var(--color-gold);font-size:1.1em}.day-row{gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);transition:background var(--motion-base);grid-template-columns:110px 1fr auto;align-items:center;display:grid}.day-row:hover{background:var(--color-bg-2)}.day-label{font-family:var(--font-display);font-size:var(--text-md);text-transform:capitalize;font-weight:500}.day-windows{gap:var(--space-2);flex-direction:column;display:flex}.day-window{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.day-window-empty{font-size:var(--text-sm);color:var(--color-text-muted)}.time-input{width:110px}.holiday-toggle-grid{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.holiday-toggle{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);background:var(--color-bg-2);border:1px solid var(--color-border);cursor:pointer;font-size:var(--text-sm);transition:background var(--motion-base), border-color var(--motion-base);padding:8px 12px;display:flex}.holiday-toggle:hover{background:var(--color-bg-3)}.holiday-toggle input[type=checkbox]{accent-color:var(--color-primary)}.date-chip{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--color-bg-2);font-size:var(--text-sm);color:var(--color-text);border:1px solid var(--color-border);padding:4px 4px 4px 12px;display:inline-flex}.date-chip-remove{width:22px;height:22px;color:var(--color-text-muted);cursor:pointer;transition:background var(--motion-base), color var(--motion-base);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.date-chip-remove:hover{background:var(--color-error-soft);color:var(--color-error)}.slot-day{margin-bottom:var(--space-6)}.slot-day-title{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-3);color:var(--color-text);font-weight:500}.slot-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.slot-btn{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);text-align:center;cursor:pointer;transition:all var(--motion-base);font-family:var(--font-ui);flex-direction:column;align-items:center;gap:4px;display:flex}.slot-btn:hover:not(:disabled){border-color:var(--color-gold);background:var(--color-gold-soft);box-shadow:var(--shadow-card);transform:translateY(-2px)}.slot-btn:disabled{opacity:.45;cursor:not-allowed}.slot-time{font-family:var(--font-display);font-size:var(--text-md);color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:600}.slot-teacher{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:500}.plan-card{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);margin-bottom:var(--space-3);transition:border-color var(--motion-base);display:flex}.plan-card:hover{border-color:var(--color-gold-light)}.plan-card-info{min-width:0}.plan-card-name{font-family:var(--font-display);font-weight:600;font-size:var(--text-md);margin-bottom:2px}.plan-card-price{font-size:var(--text-sm);color:var(--color-text-secondary)}.plan-card-price strong{font-family:var(--font-display);font-size:var(--text-md);color:var(--color-gold-dark)}.plan-card-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.account-section h3{font-family:var(--font-display);font-size:var(--text-lg)}.coming-soon{padding:var(--space-6);background:var(--color-bg-2);border-radius:var(--radius-lg);border:1.5px dashed var(--color-border-strong);text-align:center;color:var(--color-text-secondary)}.wall-controls{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.wall-controls .filter-bar{flex:1;margin-bottom:0}.portfolio-item video{border-radius:var(--radius-md);width:100%;margin-bottom:var(--space-3);background:var(--color-bg-2)}.portfolio-quote{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text-secondary);margin-top:var(--space-2);padding-left:var(--space-3);border-left:2px solid var(--color-gold-light);line-height:var(--leading-relaxed)}.progress-narrative{font-family:var(--font-display);font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:62ch}.form-row{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;display:grid}.form-row .form-group{margin-bottom:0}.resource-card-title{font-family:var(--font-display);font-size:var(--text-md);margin-bottom:var(--space-2);font-weight:600}.resource-card-meta{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.resource-card-notes{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.resource-card-link{align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-gold-dark);text-decoration:underline;-webkit-text-decoration-color:var(--color-gold-soft-3);text-decoration-color:var(--color-gold-soft-3);text-underline-offset:3px;font-weight:600;display:inline-flex}.resource-card-link:hover{color:var(--color-gold)}.stat-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-card);gap:var(--space-2);transition:transform var(--motion-base), box-shadow var(--motion-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.stat-card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.stat-card-value{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.stat-card-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.teacher-list{gap:var(--space-2);flex-direction:column;display:flex}.teacher-card{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--motion-base);display:flex}.teacher-card:hover{border-color:var(--color-gold-light);background:var(--color-gold-soft)}.teacher-card.selected{background:var(--color-gold-soft-2);border-color:var(--color-gold);box-shadow:0 0 0 4px var(--color-gold-soft)}.teacher-card-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.teacher-card-name{font-family:var(--font-display);font-weight:600;font-size:var(--text-base);color:var(--color-text)}.teacher-card-count{font-size:var(--text-sm);color:var(--color-text-secondary)}.teacher-card-actions{gap:var(--space-1);display:flex}.unassigned-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:border-color var(--motion-base)}.unassigned-card:hover{border-color:var(--color-gold-light)}.unassigned-card-name{font-weight:600;font-size:var(--text-base);color:var(--color-text)}.unassigned-card-instrument{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:2px}.attention-strip{gap:var(--space-3);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5);background:linear-gradient(180deg, var(--color-warning-soft) 0%, var(--color-surface) 70%);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid #c88a2e38;flex-direction:column;display:flex}.attention-strip.empty{background:linear-gradient(180deg, var(--color-success-soft) 0%, var(--color-surface) 70%);padding:var(--space-3) var(--space-5);color:var(--color-success);border-color:#3a8a5c38;flex-direction:row;align-items:center;font-weight:500}.attention-bucket{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.attention-bucket-head{align-items:center;gap:var(--space-2);min-width:220px;font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-gold-dark);font-weight:600;display:inline-flex}.attention-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=720px){.attention-bucket-head{width:100%;min-width:0}}.row-item{gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);transition:border-color var(--motion-base);grid-template-columns:1fr auto;align-items:center;display:grid}.row-item:hover{border-color:var(--color-gold-light)}.row-item-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-base);color:var(--color-text)}.row-item-meta{font-size:var(--text-sm);color:var(--color-text-secondary)}.row-item-aside{align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:inline-flex}.row-item-actions{gap:var(--space-1);flex-wrap:wrap;display:inline-flex}.row-item-when{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-variant-numeric:tabular-nums;min-width:96px;font-weight:600}.row-item.accent-gold{border-left:3px solid var(--color-gold);background:linear-gradient(90deg, var(--color-gold-soft) 0%, var(--color-surface) 30%)}.card-section-title{align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-divider);font-family:var(--font-display);font-size:var(--text-md);color:var(--color-text);letter-spacing:-.005em;font-weight:600;display:flex}.card-section-title svg{color:var(--color-gold-dark);flex-shrink:0}.card-section-body{gap:var(--space-2);flex-direction:column;display:flex}.inbox-shell{gap:var(--space-4);height:calc(100vh - var(--nav-height) - var(--space-5) - var(--space-5));grid-template-columns:minmax(280px,1fr) minmax(0,2fr);align-items:stretch;min-height:520px;display:grid}.inbox-tabs{background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);gap:2px;width:100%;padding:2px;display:flex;overflow:visible}.inbox-tab{border-radius:var(--radius-pill);min-width:0;font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;transition:background var(--motion-base), color var(--motion-base);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;flex:1 1 0;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-weight:600;display:inline-flex;overflow:hidden}.inbox-tab:hover{color:var(--color-text)}.inbox-tab.active{background:var(--color-surface);color:var(--color-gold-dark);box-shadow:var(--shadow-xs)}.inbox-tab-count{background:var(--color-gold);min-width:18px;height:16px;color:var(--color-text-inverse);border-radius:var(--radius-pill);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.inbox-tab:not(.active) .inbox-tab-count{background:var(--color-border-strong);color:var(--color-text-secondary)}.inbox-sidebar,.inbox-main{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);flex-direction:column;display:flex;overflow:hidden}.inbox-sidebar-head{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-divider);gap:var(--space-3);background:linear-gradient(180deg, var(--color-surface-tint) 0%, var(--color-surface) 100%);flex-direction:column;display:flex}.inbox-sidebar-head h2{font-family:var(--font-display);font-size:var(--text-lg);align-items:center;gap:var(--space-2);margin:0;font-weight:600;display:flex}.inbox-sidebar-search{align-items:center;display:flex;position:relative}.inbox-sidebar-search>svg{color:var(--color-text-muted);pointer-events:none;position:absolute;left:12px}.inbox-sidebar-search .input{font-size:var(--text-sm);padding-left:36px}.inbox-sidebar-list{padding:var(--space-3) var(--space-2) var(--space-3);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.inbox-sidebar-group{flex-direction:column;gap:2px;display:flex}.inbox-sidebar-group-title{padding:0 var(--space-3);margin:0 0 var(--space-2);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-weight:700}.conv-item{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;font-family:var(--font-ui);transition:background var(--motion-base), border-color var(--motion-base);background:0 0;border:1px solid #0000;grid-template-columns:auto 1fr auto;align-items:center;display:grid}.conv-item:hover{background:var(--color-gold-soft)}.conv-item.active{background:var(--color-gold-soft-2);border-color:#c8962e4d}.conv-item-avatar{width:36px;height:36px;font-family:var(--font-display);font-size:var(--text-xs);background:linear-gradient(135deg, var(--color-gold-ember) 0%, var(--color-gold-light) 100%);color:var(--color-gold-deep);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.conv-item-avatar.journey{background:linear-gradient(135deg, var(--branch-shamash) 0%, var(--color-gold-light) 100%);color:var(--color-gold-deep)}.conv-item-avatar.lesson{background:linear-gradient(135deg, var(--branch-reading) 0%, var(--branch-technique) 100%);color:#1f3848}.conv-item-avatar.admin_dm{background:linear-gradient(135deg, var(--branch-knowledge) 0%, var(--branch-performing) 100%);color:#5a1f2e}.conv-item-avatar.bulletin_parent,.conv-item-avatar.bulletin_teacher{background:linear-gradient(135deg, var(--branch-composing) 0%, var(--branch-nigunim) 100%);color:#2e3a24}.conv-item-body{flex-direction:column;gap:2px;min-width:0;display:flex}.conv-item-name{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.conv-item-preview{font-size:var(--text-xs);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conv-item-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.conv-item-time{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:10px}.conv-item-unread{border-radius:var(--radius-pill);background:var(--color-gold);min-width:18px;height:18px;color:var(--color-text-inverse);box-shadow:0 0 0 2px var(--color-surface);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 6px;font-size:10px;font-weight:700;display:inline-flex}.conv-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-divider);background:linear-gradient(180deg, var(--color-surface-tint) 0%, var(--color-surface) 100%);min-height:60px;display:flex}.conv-header-info{flex:1;min-width:0}.conv-header-name{font-family:var(--font-display);font-size:var(--text-md);color:var(--color-text);margin:0;font-weight:600;line-height:1.2}.conv-header-meta{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:2px;display:flex}.conv-header-actions{gap:var(--space-1);align-items:center;display:flex}.conv-header-back{border-radius:var(--radius-pill);cursor:pointer;width:32px;height:32px;color:var(--color-text-secondary);background:0 0;border:none;justify-content:center;align-items:center;display:none}.conv-header-back:hover{background:var(--color-gold-soft);color:var(--color-gold-dark)}.msg-thread{padding:var(--space-4) var(--space-5);gap:var(--space-3);scroll-behavior:smooth;flex-direction:column;flex:1;display:flex;overflow-y:auto}.msg-thread-empty{text-align:center;color:var(--color-text-muted);padding:var(--space-6);margin:auto;font-style:italic}.msg-day{align-items:center;gap:var(--space-3);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin:var(--space-2) 0;font-weight:600;display:flex}.msg-day:before,.msg-day:after{content:"";background:var(--color-divider);flex:1;height:1px}.msg-row{gap:var(--space-2);align-items:flex-end;max-width:78%;display:flex}.msg-row.mine{flex-direction:row-reverse;align-self:flex-end}.msg-row.full{align-self:stretch;max-width:100%}.msg-author-avatar{background:var(--color-gold-soft-2);width:28px;height:28px;color:var(--color-gold-dark);font-family:var(--font-display);font-size:var(--text-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.msg-bubble-wrap{flex-direction:column;gap:2px;min-width:0;display:flex}.msg-author-name{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:600}.mine .msg-author-name{display:none}.msg-bubble{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text);box-shadow:var(--shadow-xs);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.mine .msg-bubble{background:var(--color-gold-soft-2);color:var(--color-text);box-shadow:none;border-color:#c8962e47}.mine .msg-bubble a{color:var(--color-gold-deep);text-decoration:underline}:is(.mine .msg-bubble:has(.msg-att-image),.mine .msg-bubble:has(.msg-att-video)){background:0 0;border-color:#0000;padding:0}.msg-bubble.system{background:var(--color-bg-2);color:var(--color-text-secondary);border-style:dashed;font-style:italic}.msg-bubble.submission{background:linear-gradient(135deg, var(--color-success-soft) 0%, var(--color-surface) 60%);border-color:#3a8a5c40}.msg-meta{gap:var(--space-2);color:var(--color-text-muted);align-items:center;font-size:10px;display:flex}.mine .msg-meta{justify-content:flex-end}.msg-attachment{align-items:center;gap:var(--space-1);margin-top:var(--space-2);background:var(--color-bg-2);border-radius:var(--radius-sm);color:var(--color-gold-dark);font-size:var(--text-xs);padding:4px 10px;text-decoration:none;display:inline-flex}.msg-attachment:hover{background:var(--color-gold-soft-2)}.mine .msg-attachment{color:var(--color-text-inverse);background:#ffffff38}.msg-att-image{margin-top:var(--space-2);border-radius:var(--radius-md);background:var(--color-bg-2);border:1px solid var(--color-border);cursor:zoom-in;max-width:320px;transition:border-color var(--motion-base), box-shadow var(--motion-base);line-height:0;display:block;overflow:hidden}.msg-att-image:hover{border-color:var(--color-gold-light);box-shadow:var(--shadow-card)}.msg-att-image img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:280px;display:block}.audio-player{align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:240px;max-width:320px;margin-top:var(--space-2);padding:8px 10px;display:flex}.audio-player-btn{background:var(--color-gold);width:32px;height:32px;color:var(--color-text-inverse);cursor:pointer;transition:background var(--motion-base), transform var(--motion-base);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.audio-player-btn:hover{background:var(--color-gold-dark)}.audio-player-btn:active{transform:scale(.94)}.audio-player-track{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.audio-player-range{appearance:none;background:linear-gradient(to right, var(--color-gold) 0%, var(--color-gold) var(--progress,0%), var(--color-gold-soft-2) var(--progress,0%), var(--color-gold-soft-2) 100%);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}.audio-player-range::-webkit-slider-thumb{appearance:none;background:var(--color-gold-dark);border:2px solid var(--color-surface);cursor:pointer;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 2px #0000002e}.audio-player-range::-moz-range-thumb{background:var(--color-gold-dark);border:2px solid var(--color-surface);cursor:pointer;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 2px #0000002e}.audio-player-meta{justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:10px;display:flex}.audio-player-time{font-variant-numeric:tabular-nums;flex-shrink:0}.audio-player-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:3px;min-width:0;display:inline-flex;overflow:hidden}.mine .audio-player{background:var(--color-surface);border-color:#c8962e40}.msg-att-audio-meta{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;padding:0 4px;font-size:10px;display:inline-flex;overflow:hidden}.mine .msg-att-audio-meta{color:#ffffffb8}.msg-att-video{margin-top:var(--space-2);flex-direction:column;gap:4px;max-width:360px;display:flex}.msg-att-video video{border-radius:var(--radius-md);border:1px solid var(--color-border);background:#000;width:100%;max-height:280px;display:block}.msg-att-file{align-items:center;gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);max-width:320px;transition:border-color var(--motion-base), background var(--motion-base);text-decoration:none;display:flex}.msg-att-file:hover{border-color:var(--color-gold-light);background:var(--color-gold-soft)}.mine .msg-att-file{color:var(--color-text-inverse);background:#ffffff2e;border-color:#ffffff47}.mine .msg-att-file:hover{background:#ffffff47;border-color:#ffffff80}.msg-att-file-icon{border-radius:var(--radius-sm);background:var(--color-surface);width:36px;height:36px;color:var(--color-gold-dark);border:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mine .msg-att-file-icon{color:var(--color-text-inverse);background:#ffffff47;border-color:#ffffff4d}.msg-att-file.pdf .msg-att-file-icon{color:var(--color-error)}.msg-att-file.audio .msg-att-file-icon{color:var(--color-info)}.msg-att-file.image .msg-att-file-icon{color:var(--color-success)}.msg-att-file.video .msg-att-file-icon{color:var(--color-gold-dark)}.mine .msg-att-file.pdf .msg-att-file-icon,.mine .msg-att-file.audio .msg-att-file-icon,.mine .msg-att-file.image .msg-att-file-icon,.mine .msg-att-file.video .msg-att-file-icon{color:var(--color-text-inverse)}.msg-att-file-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.msg-att-file-name{font-size:var(--text-sm);color:inherit;text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.msg-att-file-row{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:10px;display:flex}.mine .msg-att-file-row{color:#ffffffb8}.msg-att-file-badge{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-secondary);align-items:center;padding:1px 6px;font-size:9px;font-weight:700;display:inline-flex}.mine .msg-att-file-badge{color:var(--color-text-inverse);background:#ffffff38;border-color:#ffffff4d}.msg-att-file-action{color:var(--color-gold-dark);align-items:center;gap:3px;font-weight:600;display:inline-flex}.mine .msg-att-file-action{color:var(--color-text-inverse)}.msg-submission-card{margin-top:var(--space-2);padding:6px var(--space-3);background:var(--color-surface);border:1px solid var(--color-success);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-success);align-items:center;gap:6px;display:inline-flex}.msg-composer{border-top:1px solid var(--color-divider);padding:var(--space-3) var(--space-4);background:var(--color-surface);gap:var(--space-2);flex-direction:column;display:flex}.msg-composer-row{gap:var(--space-2);align-items:flex-end;display:flex}.msg-composer-textarea{resize:none;min-height:44px;max-height:160px;font-family:var(--font-ui);font-size:var(--text-sm);line-height:var(--leading-snug);background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:border-color var(--motion-base), background var(--motion-base), box-shadow var(--motion-base);flex:1;padding:10px 14px}.msg-composer-textarea:focus{border-color:var(--color-gold);background:var(--color-surface);box-shadow:0 0 0 3px var(--color-gold-soft-2);outline:none}.msg-composer-actions{align-items:center;gap:4px;display:flex}.msg-attach-btn{border:1px solid var(--color-border);background:var(--color-surface);width:36px;height:36px;color:var(--color-text-secondary);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--motion-base);justify-content:center;align-items:center;display:inline-flex}.msg-attach-btn:hover:not(:disabled){background:var(--color-gold-soft);color:var(--color-gold-dark);border-color:var(--color-gold-light)}.msg-attach-btn:disabled{opacity:.4;cursor:not-allowed}.msg-attach-btn.recording{background:var(--color-error-soft);color:var(--color-error);border-color:#c040404d;animation:1.2s ease-in-out infinite msg-recording-pulse}@keyframes msg-recording-pulse{0%,to{opacity:1}50%{opacity:.55}}.msg-send-btn{border-radius:var(--radius-pill);background:var(--color-gold);width:44px;height:44px;color:var(--color-text-inverse);cursor:pointer;transition:transform var(--motion-base), box-shadow var(--motion-base);border:none;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 2px 6px #a0782047}.msg-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #a078205c}.msg-send-btn:disabled{opacity:.45;cursor:not-allowed}.msg-composer-attached{gap:var(--space-1);flex-wrap:wrap;display:flex}.msg-composer-attached .badge{cursor:default}.safeguard-banner{align-items:center;gap:var(--space-2);padding:6px var(--space-5);background:linear-gradient(180deg, var(--color-info-soft) 0%, transparent 100%);color:var(--color-info);font-size:var(--text-xs);border-bottom:1px solid #4a7a9a2e;display:flex}.safeguard-banner svg{color:var(--color-info);flex-shrink:0}.meet-tile{border-radius:var(--radius-md);background:#000;min-height:360px;position:relative;overflow:hidden}.meet-tile>iframe,.meet-tile>div{min-height:360px;width:100%!important;height:100%!important}.meet-paste-row{gap:var(--space-2);display:flex}.meet-paste-row .input{flex:1}.modal-title-row{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.modal-title-row h2{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.005em;color:var(--color-text);align-items:center;gap:var(--space-2);margin:0;font-weight:600;display:flex}.audience-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.banner-error{background:linear-gradient(180deg, var(--color-error-soft) 0%, transparent 100%);color:var(--color-error);border:1px solid #c0404040}.chip-multi{gap:var(--space-2);flex-direction:column;display:flex}.chip-multi-row{flex-wrap:wrap;gap:6px;display:flex}.chip{border-radius:var(--radius-pill);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-family:var(--font-ui);font-size:var(--text-sm);cursor:pointer;transition:all var(--motion-base);-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding:6px 12px;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--color-gold-light);background:var(--color-gold-soft);color:var(--color-gold-dark)}.chip.chip-selected{background:linear-gradient(180deg, var(--color-gold-light) 0%, var(--color-gold) 100%);border-color:var(--color-gold-dark);color:var(--color-text-inverse);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #4a34122e,0 1px 3px #a078202e}.chip.chip-selected:hover{background:var(--color-gold);color:var(--color-text-inverse)}.chip-custom{padding-right:4px}.chip-remove{width:20px;height:20px;color:inherit;cursor:pointer;background:#ffffff38;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:2px;padding:0;display:inline-flex}.chip-remove:hover{background:#fff6}.chip-multi-add{gap:var(--space-2);max-width:320px;display:flex}.chip-multi-add .input{flex:1}.fade-in{animation:fade-in var(--motion-slow)}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=880px){.inbox-shell{grid-template-columns:1fr;height:auto;min-height:auto}.inbox-shell.show-conv .inbox-sidebar,.inbox-shell:not(.show-conv) .inbox-main{display:none}.conv-header-back{display:inline-flex}}.parent-conv-toggle{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-5);cursor:pointer;text-align:left;color:var(--color-text);font-family:var(--font-display);font-size:var(--text-md);transition:background var(--motion-base);background:0 0;border:none;font-weight:600;display:flex}.parent-conv-toggle:hover{background:var(--color-gold-soft)}.parent-conv-toggle-title{align-items:center;gap:var(--space-2);display:inline-flex}.parent-conv-toggle-count{border-radius:var(--radius-pill);background:var(--color-gold-soft-2);min-width:22px;height:22px;color:var(--color-gold-deep);font-family:var(--font-ui);font-size:var(--text-xs);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 7px;font-weight:600;display:inline-flex}.parent-conv-grid{border-top:1px solid var(--color-divider);grid-template-columns:minmax(220px,280px) minmax(0,1fr);height:580px;display:grid}.parent-conv-list{border-right:1px solid var(--color-divider);padding:var(--space-2);flex-direction:column;gap:2px;display:flex;overflow-y:auto}.parent-conv-view{flex-direction:column;min-width:0;display:flex;overflow:hidden}.parent-conv-view .conv-header,.parent-conv-view .msg-thread,.parent-conv-view .msg-composer{min-width:0}@media (width<=880px){.parent-conv-grid{grid-template-columns:1fr;height:auto}.parent-conv-list{border-right:none;border-bottom:1px solid var(--color-divider);max-height:200px}}.score-player{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.score-player-error{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-5);color:var(--color-error);background:var(--color-error-soft);font-size:var(--text-sm);display:flex}.score-player-loading{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8);color:var(--color-text-secondary);font-size:var(--text-sm);display:flex}.score-player-toolbar{background:var(--color-bg-2);border-bottom:1px solid var(--color-border);flex-direction:column;gap:0;display:flex}.score-player-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.score-player-row+.score-player-row{border-top:1px solid var(--color-border-light,var(--color-border))}.score-player-group{align-items:center;gap:var(--space-2);display:flex}.score-player-group-label{font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap}.score-player-divider{background:var(--color-border);width:1px;height:20px;margin:0 var(--space-1);display:inline-block}.score-player-controls{align-items:center;gap:var(--space-2);display:flex}.score-player-toggles{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.score-player-btn{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);min-height:32px;color:var(--color-text);font-size:var(--text-xs);cursor:pointer;transition:background var(--motion-quick), border-color var(--motion-quick);display:inline-flex}.score-player-btn:hover{background:var(--color-surface-tint);border-color:var(--color-border-strong)}.score-player-btn-active{background:var(--color-gold-soft-2);border-color:var(--color-gold);color:var(--color-gold-dark)}.score-player-btn:disabled{opacity:.5;cursor:not-allowed}.score-player-speed{align-items:center;gap:var(--space-2);display:flex}.score-player-range{width:80px;accent-color:var(--color-gold)}.score-player-audio-source{border-radius:var(--radius-sm);gap:2px;display:flex;overflow:hidden}.score-player-audio-source .score-player-btn{border-radius:0}.score-player-audio-source .score-player-btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.score-player-audio-source .score-player-btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.score-player-status{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-gold-soft);color:var(--color-gold-dark);font-size:var(--text-sm);border-bottom:1px solid var(--color-border);display:flex}.score-player-status-error{background:var(--color-error-soft);color:var(--color-error);justify-content:space-between}.score-player-midi-connected{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-success-soft);color:var(--color-success);border-bottom:1px solid var(--color-border);display:flex}.score-player-midi-info{flex-direction:column;gap:1px;display:flex}.score-player-midi-label{font-size:var(--text-xs);font-weight:700}.score-player-midi-device{font-size:var(--text-xs);opacity:.8}.score-player-midi-status{font-size:var(--text-xs);opacity:.7;margin-left:auto}.score-player-midi-disconnected{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-2);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);font-size:var(--text-xs);display:flex}.score-player-video{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:#111}.score-player-video-el{border-radius:var(--radius-sm);width:100%;max-height:300px}.score-player-notation{max-height:500px;overflow-y:auto}.score-player-score-wrapper{padding:var(--space-4);position:relative}.score-player-alphatab{width:100%;min-height:200px}.at-cursor-bar{background:#c2a1622e}.at-cursor-beat{background:var(--color-gold);width:3px}.at-highlight *{fill:var(--color-gold-dark);stroke:var(--color-gold-dark)}.score-player-note-overlay{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.note-name-label{font-size:9px;font-family:var(--font-ui);color:var(--color-gold-dark);background:var(--color-gold-soft);white-space:nowrap;border-radius:2px;padding:1px 3px;font-weight:600}.play-along-marker{border-radius:50%;width:8px;height:8px;display:inline-block}.play-along-marker.note-correct{background:var(--color-success);box-shadow:0 0 4px var(--color-success)}.play-along-marker.note-incorrect{background:var(--color-error);box-shadow:0 0 4px var(--color-error)}.note-name-label.note-correct{background:var(--color-success-soft);color:var(--color-success)}.note-name-label.note-incorrect{background:var(--color-error-soft);color:var(--color-error)}.piano-keyboard{padding:var(--space-3) var(--space-4);background:var(--color-bg-2);border-top:1px solid var(--color-border)}.piano-keys{border-radius:0 0 var(--radius-sm) var(--radius-sm);overflow:hidden}.piano-key{box-sizing:border-box;transition:background var(--motion-quick)}.piano-key-white{border:1px solid var(--color-border);background:#fefefe;border-radius:0 0 3px 3px;justify-content:center;align-items:flex-end;padding-bottom:4px;display:flex}.piano-key-white.piano-key-active{background:var(--color-gold-soft-3);border-color:var(--color-gold);box-shadow:inset 0 -4px 8px var(--color-gold-glow)}.piano-key-black{background:#2a2238;border:1px solid #1a1428;border-radius:0 0 3px 3px}.piano-key-black.piano-key-active{background:var(--color-gold-dark);box-shadow:0 2px 6px var(--color-gold-glow)}.piano-key-white.piano-key-player{background:#dbeafe;border-color:#3b82f6;box-shadow:inset 0 -4px 8px #3b82f633}.piano-key-black.piano-key-player{background:#3b82f6;box-shadow:0 2px 6px #3b82f666}.piano-key-white.piano-key-correct{background:#d1fae5;border-color:#10b981;box-shadow:inset 0 -4px 8px #10b98133}.piano-key-black.piano-key-correct{background:#10b981;box-shadow:0 2px 6px #10b98166}.piano-key-white.piano-key-wrong{background:#fee2e2;border-color:#ef4444;box-shadow:inset 0 -4px 8px #ef444433}.piano-key-black.piano-key-wrong{background:#ef4444;box-shadow:0 2px 6px #ef444466}.piano-key-label{color:var(--color-text-muted);font-size:8px;font-family:var(--font-ui);-webkit-user-select:none;user-select:none}.piano-key-note-name{font-size:9px;font-weight:700;font-family:var(--font-ui);color:var(--color-gold-dark);white-space:nowrap;z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.piano-key-note-name-black{color:#fff;font-size:8px;bottom:4px}.btn-gold{background:var(--color-gold-soft-2);color:var(--color-gold-dark);border:1px solid var(--color-gold)}.btn-gold:hover{background:var(--color-gold-soft-3)}.badge-gold{background:var(--color-gold-soft-2);color:var(--color-gold-dark);border:1px solid var(--color-gold)}.card-expanded{grid-column:1/-1}.resource-score-player{border-top:1px solid var(--color-divider);padding-top:var(--space-3)}.score-fullscreen{z-index:100;background:var(--color-bg);flex-direction:column;display:flex;position:fixed;inset:60px 0 0}.score-fullscreen-header{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.score-fullscreen-title{font-size:var(--text-base);margin:0;font-weight:600}.score-fullscreen-body{flex-direction:column;flex:1;min-height:0;display:flex}.score-fullscreen-body .score-player{border:none;border-radius:0;flex-direction:column;flex:1;display:flex}.score-fullscreen-body .score-player-notation{flex:1;max-height:none}.sync-editor{padding:var(--space-3) var(--space-4);background:var(--color-surface-tint);border-bottom:1px solid var(--color-border)}.sync-editor-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.sync-editor-header h4{font-size:var(--text-sm);margin:0}.sync-editor-list{max-height:200px;overflow-y:auto}.sync-editor-row{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;border-bottom:1px solid var(--color-divider);display:flex}.sync-editor-input{width:80px;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);min-height:28px}@media (width<=640px){.score-player-toolbar{flex-direction:column;align-items:flex-start}.score-player-notation{max-height:350px}.piano-keyboard{overflow-x:auto}.piano-keys{min-width:500px}}.score-player-midi-controls{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.score-player-instrument-toggle{border-radius:var(--radius-sm);gap:2px;display:flex;overflow:hidden}.score-player-instrument-toggle .score-player-btn{padding:var(--space-1) var(--space-2);border-radius:0;min-height:28px}.score-player-instrument-toggle .score-player-btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.score-player-instrument-toggle .score-player-btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.score-player-instrument-select{padding:var(--space-1) var(--space-2);padding-right:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--text-xs);cursor:pointer;appearance:auto;max-width:200px}.score-player-instrument-select:focus{outline:2px solid var(--color-gold);outline-offset:-1px}.drum-kit{border-top:1px solid var(--color-border);background:#1a1a1e}.drum-kit-header{padding:var(--space-2) var(--space-4);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;display:flex}.drum-kit-title{font-size:var(--text-xs);color:#ffffff80;text-transform:uppercase;letter-spacing:1px;font-weight:600}.drum-kit-finishes{gap:4px;display:flex}.drum-kit-finish-btn{align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);color:#ffffff73;cursor:pointer;background:0 0;border:1px solid #ffffff14;padding:3px 8px;font-size:10px;transition:border-color .15s,color .15s;display:flex}.drum-kit-finish-btn:hover{color:#ffffffb3;border-color:#fff3}.drum-kit-finish-active{border-color:var(--color-gold);color:var(--color-gold)}.drum-kit-finish-swatch{border:1px solid #ffffff26;border-radius:50%;width:10px;height:10px}.drum-kit-finish-name{display:none}@media (width>=600px){.drum-kit-finish-name{display:inline}}.drum-kit-canvas{cursor:grab;background:#111114;width:100%;height:340px}.drum-kit-canvas:active{cursor:grabbing}.drum-kit-stage{padding:var(--space-4);justify-content:center;align-items:center;min-height:300px;display:flex}.drum-kit-type-toggle{border-radius:var(--radius-sm);gap:2px;display:flex;overflow:hidden}.drum-kit-type-btn{color:#fff6;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:0 0;border:1px solid #ffffff1a;padding:3px 10px;font-size:10px;font-weight:600;transition:background .15s,color .15s}.drum-kit-type-btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.drum-kit-type-btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.drum-kit-type-btn:hover{color:#ffffffb3}.drum-kit-type-active{background:var(--color-gold);border-color:var(--color-gold);color:#1a1a1e}.drum-kit-type-active:hover{color:#1a1a1e}.electric-pad-grid{grid-template-columns:repeat(6,1fr);gap:6px;width:100%;max-width:600px;display:grid}.electric-pad-cell{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:linear-gradient(145deg,#2a2a30,#222228);border:none;border-radius:6px;justify-content:center;align-items:center;transition:transform 40ms,background 60ms,box-shadow 60ms;display:flex;box-shadow:0 2px 4px #0006,inset 0 1px #ffffff0a}.electric-pad-cell:active,.electric-pad-cell.electric-pad-hit{background:linear-gradient(145deg,#c2a162,#a88a48);transform:scale(.94);box-shadow:0 0 16px #c2a1624d,inset 0 1px #ffffff1a}.electric-pad-label{color:#ffffff80;text-align:center;pointer-events:none;font-size:10px;font-weight:600;line-height:1.2}.electric-pad-cell:active .electric-pad-label,.electric-pad-cell.electric-pad-hit .electric-pad-label{color:#1a1a1e}@media (width<=768px){.score-player-midi-controls{gap:var(--space-1);flex-wrap:wrap}.score-player-instrument-select{max-width:150px}.drum-pad-grid{gap:4px;max-width:320px}.drum-pad-cell-label{font-size:9px}}.menorah-stage{width:100%;position:relative}.menorah-stage.mini{padding:var(--space-2)}.menorah-stage svg{z-index:1;filter:drop-shadow(0 8px 20px #8c5a142e);position:relative}.menorah-stage.mini svg{filter:drop-shadow(0 2px 6px #8c5a1424)}svg [data-branch]{transition:opacity var(--motion-base);outline:none}svg [data-branch]:focus-visible{outline:none}.flame-dance{transform-box:fill-box;animation-name:flame-dance;animation-duration:2s;animation-timing-function:cubic-bezier(.45,.05,.55,.95);animation-iteration-count:infinite}@keyframes flame-dance{0%{opacity:1;transform:translateY(0)scaleY(1)skew(0)}15%{opacity:.97;transform:translateY(-.3px)scaleY(1.04)skew(-.5deg)}30%{opacity:1;transform:translateY(.2px)scaleY(.97)skew(.6deg)}50%{opacity:.95;transform:translateY(-.5px)scaleY(1.05)skew(-.3deg)}70%{opacity:1;transform:translateY(.1px)scaleY(.98)skew(.4deg)}85%{opacity:.98;transform:translateY(-.2px)scaleY(1.02)skew(-.2deg)}to{opacity:1;transform:translateY(0)scaleY(1)skew(0)}}.flame-dance ellipse:first-child{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite halo-pulse}@keyframes halo-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}@keyframes sparkle-burst{0%{opacity:1;transform:translate(0)scale(1)}60%{opacity:.9}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.25)}}.sparkle-particle{pointer-events:none;background:radial-gradient(circle,#fff0b0 0%,#f5c97a 55%,#0000 100%);border-radius:50%;width:6px;height:6px;animation:.85s ease-out forwards sparkle-burst;position:absolute;box-shadow:0 0 10px #ffc864cc}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10vh)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.confetti-piece{pointer-events:none;z-index:300;border-radius:2px;width:10px;height:14px;animation:3s ease-in forwards confetti-fall;position:fixed;box-shadow:0 1px 2px #00000014}.branch-popup{background:linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-warm) 100%);border:1px solid var(--color-border);border-top:4px solid var(--accent,var(--color-gold));font-family:var(--font-ui);pointer-events:none;color:var(--accent,var(--color-gold));border-radius:18px;padding:20px 24px;animation:.22s cubic-bezier(.34,1.4,.64,1) branch-popup-in;position:relative;box-shadow:0 24px 60px #4a341238,0 6px 18px #4a34121a}.branch-popup:before{content:"";background:var(--color-surface,#fff);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);border-radius:2px;width:14px;height:14px;position:absolute;top:auto;bottom:-8px;left:50%;transform:translate(-50%)rotate(45deg)}.branch-popup-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.branch-popup-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);font-size:.6875rem;font-weight:700}.branch-popup-level-pill{background:var(--accent,var(--color-gold));color:#fffffff2;letter-spacing:.01em;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600}.branch-popup-name{font-family:var(--font-display);letter-spacing:-.012em;color:var(--color-text);margin-bottom:6px;font-size:1.5rem;font-weight:600;line-height:1.15}.branch-popup-desc{color:var(--color-text-secondary);margin-bottom:16px;font-size:.875rem;line-height:1.55}.branch-popup-progress{gap:6px;margin-bottom:12px;display:flex}.branch-popup-step{background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:10px;flex-direction:column;flex:1;align-items:center;padding:8px 4px 6px;transition:all .2s;display:flex;position:relative}.branch-popup-step.lit{background:var(--accent,var(--color-gold));border-color:var(--accent,var(--color-gold));color:#fffffffa;box-shadow:0 4px 12px #00000014,inset 0 1px #ffffff4d}.branch-popup-step-num{font-family:var(--font-display);color:var(--color-text-muted);font-size:1.125rem;font-weight:700;line-height:1}.branch-popup-step.lit .branch-popup-step-num{color:#fffffffa}.branch-popup-step-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin-top:4px;font-size:.625rem;font-weight:600}.branch-popup-step.lit .branch-popup-step-label{color:#ffffffd9}.branch-popup-hint{color:var(--color-text-muted);text-align:center;border-top:1px dashed var(--color-border);padding-top:8px;font-size:.75rem}@keyframes branch-popup-in{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.flame-dance,.flame-dance ellipse:first-child{animation:none}.sparkle-particle,.confetti-piece{animation:none;display:none}}.lesson-player-overlay{z-index:60;background:var(--color-bg);position:fixed;inset:0;overflow-y:auto}.lesson-player{max-width:880px;padding:var(--space-5) var(--space-4) var(--space-10);margin:0 auto}.lesson-player-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.lesson-player-title{flex:1;min-width:0}.lesson-player-title h2{margin:2px 0 0}.lesson-player-total{font-size:var(--text-md);color:var(--color-gold-dark);white-space:nowrap;font-weight:600}.lesson-overview{animation:.3s lesson-fade-in}.lesson-intro{color:var(--color-text-secondary);margin-bottom:var(--space-5)}.lesson-loading{align-items:center;gap:var(--space-3);color:var(--color-text-secondary);padding:var(--space-6) 0;display:flex}.lesson-hidden-loader{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.chunk-tree{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.chunk-tree.nested{margin:var(--space-2) 0 var(--space-2) var(--space-5);padding-left:var(--space-4);border-left:2px dashed var(--color-border-strong);gap:var(--space-2)}.chunk-node{animation:.35s lesson-fade-in}.chunk-row{align-items:center;gap:var(--space-3);display:flex}.chunk-circle{border-radius:var(--radius-pill);border:2px solid var(--color-border-strong);background:var(--color-surface);cursor:pointer;flex:none;place-items:center;width:44px;height:44px;transition:transform .15s,box-shadow .15s,border-color .15s;display:grid}.chunk-circle.base{width:52px;height:52px}.chunk-circle:hover{box-shadow:var(--shadow-card);transform:scale(1.06)}.chunk-circle-dot{border-radius:var(--radius-pill);background:var(--color-border-strong);width:12px;height:12px;transition:background .15s}.chunk-circle.stars-1{border-color:var(--color-gold-light)}.chunk-circle.stars-2{border-color:var(--color-gold)}.chunk-circle.stars-3{border-color:var(--color-gold);background:var(--color-gold-soft-2);box-shadow:var(--shadow-gold)}.chunk-circle.stars-1 .chunk-circle-dot,.chunk-circle.stars-2 .chunk-circle-dot,.chunk-circle.stars-3 .chunk-circle-dot{background:var(--color-gold)}.chunk-label-btn{cursor:pointer;font:inherit;color:var(--color-text);text-align:left;background:0 0;border:none;padding:0}.chunk-label-btn:hover{color:var(--color-gold-dark)}.lesson-stars{color:var(--color-border-strong);gap:1px;line-height:1;display:inline-flex}.lesson-stars-sm{font-size:.85rem}.lesson-stars-lg{gap:var(--space-2);font-size:2.4rem}.lesson-star.filled{color:var(--color-gold)}.lesson-results .lesson-star.filled{animation:.4s backwards star-pop}.lesson-results .lesson-star:nth-child(2).filled{animation-delay:.12s}.lesson-results .lesson-star:nth-child(3).filled{animation-delay:.24s}.lesson-play{animation:.3s lesson-fade-in}.lesson-play-bar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.lesson-chunk-name{align-items:center;gap:var(--space-2);font-weight:600;display:flex}.lesson-mode-toggle{gap:var(--space-2);display:inline-flex}.lesson-play-hint{color:var(--color-text-secondary);font-size:var(--text-sm);background:var(--color-surface-tint);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}.lesson-live-score{top:var(--space-3);right:var(--space-3);z-index:5;align-items:center;gap:var(--space-2);background:var(--color-text);color:var(--color-text-inverse);border-radius:var(--radius-pill);padding:4px var(--space-3);font-size:var(--text-sm);box-shadow:var(--shadow-elevated);font-weight:600;display:inline-flex;position:absolute}.lesson-live-score-dot{border-radius:var(--radius-pill);background:var(--color-error);width:8px;height:8px;animation:1s ease-in-out infinite live-pulse}.lesson-results-backdrop{z-index:70;padding:var(--space-4);background:#2a223873;place-items:center;animation:.2s lesson-fade-in;display:grid;position:fixed;inset:0}.lesson-results{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-floating);padding:var(--space-7) var(--space-6);text-align:center;width:100%;max-width:420px;animation:.3s cubic-bezier(.2,.9,.3,1.2) results-rise}.lesson-results.celebrate{box-shadow:var(--shadow-floating), 0 0 0 4px var(--color-gold-glow)}.lesson-results-stars{margin-bottom:var(--space-3)}.lesson-new-stars{margin-top:var(--space-2);color:var(--color-gold-dark);font-weight:600;font-size:var(--text-sm)}.lesson-results-score{font-size:var(--text-3xl);color:var(--color-text);font-weight:700;line-height:1}.lesson-results-breakdown{justify-content:center;gap:var(--space-5);margin:var(--space-5) 0;color:var(--color-text-secondary);display:flex}.lesson-results-breakdown>div{font-size:var(--text-xs);flex-direction:column;gap:2px;display:flex}.lesson-results-breakdown strong{font-size:var(--text-md);color:var(--color-text)}.lesson-results-actions{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.lesson-breakdown-offer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-divider)}.lesson-breakdown-offer p{margin:0 0 var(--space-3);font-weight:500}.lesson-list-item .lesson-seq-badge{border-radius:var(--radius-pill);background:var(--color-gold-soft-2);width:28px;height:28px;color:var(--color-gold-dark);font-weight:700;font-size:var(--text-sm);place-items:center;display:inline-grid}@keyframes lesson-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes results-rise{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:none}}@keyframes star-pop{0%{opacity:0;transform:scale(.2)rotate(-30deg)}70%{transform:scale(1.25)rotate(8deg)}to{opacity:1;transform:none}}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.lesson-overview,.lesson-play,.chunk-node,.lesson-results,.lesson-results-backdrop,.lesson-results .lesson-star.filled,.lesson-live-score-dot{animation:none!important}}.m-0{margin:0}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-7{margin-bottom:var(--space-7)}.mb-8{margin-bottom:var(--space-8)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.flex-1{flex:1;min-width:0}.flex-shrink-0{flex-shrink:0}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hidden{display:none}@media (width<=720px){.hide-mobile{display:none!important}}@media (width>=721px){.hide-desktop{display:none!important}}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-gold{color:var(--color-gold-dark)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-400{font-weight:400}.font-500{font-weight:500}.font-600{font-weight:600}.font-700{font-weight:700}.italic{font-style:italic}.serif{font-family:var(--font-display)}.uppercase{text-transform:uppercase;letter-spacing:.06em}.tabular{font-variant-numeric:tabular-nums}.w-full{width:100%}.w-auto{width:auto}.max-w-md{max-width:480px}.max-w-lg{max-width:640px}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.block{display:block}.inline-block{display:inline-block}.grid{display:grid}.divider{background:var(--color-divider);height:1px;margin:var(--space-5) 0;border:none}.divider-vertical{background:var(--color-divider);align-self:stretch;width:1px}.relative{position:relative}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}