:root{--orange-50:#fff4ed;--orange-100:#ffe8d6;--orange-200:#ffd1ad;--orange-300:#ffb380;--orange-400:#ff8f4d;--orange-500:#ff6b1a;--orange-600:#e85512;--orange-700:#c4420d;--orange-800:#9d350d;--orange-900:#7a2d0c;--accent-subtle:color-mix(in srgb, var(--orange-500) 14%, transparent);--neutral-50:#fafaf9;--neutral-100:#f5f5f4;--neutral-200:#e7e5e4;--neutral-300:#d6d3d1;--neutral-400:#a8a29e;--neutral-500:#78716c;--neutral-600:#57534e;--neutral-700:#44403c;--neutral-800:#292524;--neutral-900:#1c1917;--neutral-950:#0c0a09;--success:#16a34a;--success-bg:#dcfce7;--warning:#f59e0b;--warning-bg:#fef3c7;--error:#dc2626;--error-bg:#fee2e2;--info:#2563eb;--info-bg:#dbeafe;--bg-primary:var(--neutral-50);--bg-secondary:var(--neutral-100);--bg-tertiary:var(--neutral-200);--bg-card:#fff;--bg-elevated:#fff;--bg-hover:var(--neutral-100);--bg-active:var(--neutral-200);--text-primary:var(--neutral-900);--text-secondary:var(--neutral-600);--text-muted:var(--neutral-400);--text-inverse:#fff;--text-link:var(--orange-600);--text-link-hover:var(--orange-700);--border-light:var(--neutral-200);--border-medium:var(--neutral-300);--border-dark:var(--neutral-400);--border-focus:var(--orange-500);--border-error:var(--error);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-focus:0 0 0 3px var(--orange-100);--font-sans:"Source Sans 3", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-display:"Literata", "Merriweather", Georgia, serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-none:0;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--sidebar-width:260px;--sidebar-collapsed-width:56px;--header-height:56px;--mini-player-height:72px;--xp-bar-bg:var(--bg-tertiary);--xp-bar-fill:linear-gradient(90deg, var(--orange-500), var(--orange-400));--streak-fire:#ef4444;--level-badge-bg:linear-gradient(135deg, var(--orange-500), var(--orange-700));--confetti-colors:#ff6b1a, #f59e0b, #16a34a, #2563eb, #a855f7, #ec4899;--celebration-duration:.6s}@media (prefers-color-scheme:dark){:root{--bg-primary:var(--neutral-950);--bg-secondary:var(--neutral-900);--bg-tertiary:var(--neutral-800);--bg-card:var(--neutral-900);--bg-elevated:var(--neutral-800);--bg-hover:var(--neutral-800);--bg-active:var(--neutral-700);--text-primary:var(--neutral-50);--text-secondary:var(--neutral-400);--text-muted:var(--neutral-500);--text-inverse:var(--neutral-950);--text-link:var(--orange-400);--text-link-hover:var(--orange-300);--border-light:var(--neutral-800);--border-medium:var(--neutral-700);--border-dark:var(--neutral-600);--border-focus:var(--orange-400);--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #0006, 0 8px 10px -6px #0000004d;--shadow-focus:0 0 0 3px var(--orange-900);--success-bg:#052e16;--warning-bg:#3c2900;--error-bg:#3c0d0d;--info-bg:#0d1b3c;--xp-bar-bg:var(--neutral-800)}}[data-theme=light]{--bg-primary:var(--neutral-50);--bg-secondary:var(--neutral-100);--bg-tertiary:var(--neutral-200);--bg-card:#fff;--bg-elevated:#fff;--bg-hover:var(--neutral-100);--bg-active:var(--neutral-200);--text-primary:var(--neutral-900);--text-secondary:var(--neutral-600);--text-muted:var(--neutral-400);--text-inverse:#fff;--text-link:var(--orange-600);--text-link-hover:var(--orange-700);--border-light:var(--neutral-200);--border-medium:var(--neutral-300);--border-dark:var(--neutral-400);--border-focus:var(--orange-500);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-focus:0 0 0 3px var(--orange-100);--success-bg:#dcfce7;--warning-bg:#fef3c7;--error-bg:#fee2e2;--info-bg:#dbeafe;--xp-bar-bg:var(--neutral-200)}[data-theme=dark]{--bg-primary:var(--neutral-950);--bg-secondary:var(--neutral-900);--bg-tertiary:var(--neutral-800);--bg-card:var(--neutral-900);--bg-elevated:var(--neutral-800);--bg-hover:var(--neutral-800);--bg-active:var(--neutral-700);--text-primary:var(--neutral-50);--text-secondary:var(--neutral-400);--text-muted:var(--neutral-500);--text-inverse:var(--neutral-950);--text-link:var(--orange-400);--text-link-hover:var(--orange-300);--border-light:var(--neutral-800);--border-medium:var(--neutral-700);--border-dark:var(--neutral-600);--border-focus:var(--orange-400);--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #0006, 0 8px 10px -6px #0000004d;--shadow-focus:0 0 0 3px var(--orange-900);--success-bg:#052e16;--warning-bg:#3c2900;--error-bg:#3c0d0d;--info-bg:#0d1b3c;--xp-bar-bg:var(--neutral-800)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth;font-size:16px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-primary);min-height:100vh}img,video,canvas,svg{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit;color:inherit;background:0 0;border:none;outline:none}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover);text-decoration:underline}a:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm);outline:none}ul,ol{list-style:none}table{border-collapse:collapse}::selection{background:var(--orange-200);color:var(--orange-900)}@media (prefers-color-scheme:dark){::selection{background:var(--orange-800);color:var(--orange-100)}}:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm);outline:none}[hidden]{display:none!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}::-webkit-scrollbar-corner{background:var(--bg-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--border-medium) var(--bg-secondary)}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-1{flex:1}.flex-auto{flex:auto}.flex-initial{flex:0 auto}.flex-none{flex:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.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-6{gap:var(--space-6)}.m-0{margin:0}.m-auto{margin:auto}.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-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.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-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-auto{margin-left:auto}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.font-sans{font-family:var(--font-sans)}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.text-orange{color:var(--orange-600)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.border{border-style:solid;border-width:1px;border-color:var(--border-light)}.border-0{border:0}.border-medium{border-color:var(--border-medium)}.border-focus{border-color:var(--border-focus)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.transition-colors{transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast)}.transition-transform{transition:transform var(--transition-fast)}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.h-full{height:100%}.h-auto{height:auto}.h-fit{height:fit-content}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in var(--transition-normal) ease-out}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slide-up var(--transition-normal) ease-out}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{animation:slide-down var(--transition-normal) ease-out}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scale-in var(--transition-fast) ease-out}@keyframes xp-fill{0%{width:0%}to{width:var(--xp-target,100%)}}.animate-xp-fill{animation:1s ease-out forwards xp-fill}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--orange-500)}50%{box-shadow:0 0 20px 5px var(--orange-400)}}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-bounce-in{animation:bounce-in var(--celebration-duration) ease-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.animate-shake{animation:.5s ease-in-out shake}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.animate-wiggle{animation:.5s ease-in-out wiggle}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}@media (width>=640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:hidden{display:none}.sm\:block{display:block}}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:hidden{display:none}.md\:block{display:block}}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}}@media (width>=1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-icon{padding:var(--space-2)}.input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);color:var(--text-primary);transition:all var(--transition-fast)}.input:hover{border-color:var(--border-dark)}.input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--border-medium)}.badge{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);align-items:center;display:inline-flex}@media (prefers-color-scheme:dark){.badge-primary{background:var(--orange-900);color:var(--orange-200)}}.tooltip{position:relative}.tooltip:before{content:attr(data-tooltip);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);background:var(--neutral-900);color:var(--neutral-50);border-radius:var(--radius-md);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:50;pointer-events:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip:after{content:"";border:4px solid #0000;border-top-color:var(--neutral-900);opacity:0;visibility:hidden;transition:all var(--transition-fast);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip:hover:before,.tooltip:hover:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(-4px)}.app-shell{grid-template-rows:var(--header-height) 1fr;grid-template-columns:var(--sidebar-width) 1fr;background:var(--bg-primary);min-height:100vh;transition:grid-template-columns var(--transition-normal);display:grid}.app-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width) 1fr}.app-main{flex-direction:column;grid-area:1/2/3;min-width:0;display:flex;overflow:hidden}.app-content{padding:var(--space-6);background:var(--bg-primary);flex:1;overflow-y:auto}@media (width<=1024px){.app-shell{grid-template-columns:1fr;grid-template-rows:var(--header-height) 1fr}.app-shell.sidebar-open{grid-template-columns:var(--sidebar-width) 1fr}.app-main{grid-area:1/1/3}.app-content{padding:var(--space-4)}}.sidebar-overlay{z-index:40;opacity:0;transition:opacity var(--transition-normal);background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;display:block}@media (width<=1024px){.sidebar-overlay.visible{display:block}}.app-sidebar{background:var(--bg-card);border-right:1px solid var(--border-light);z-index:30;transition:width var(--transition-normal), transform var(--transition-normal);flex-direction:column;grid-area:1/1/4;display:flex;position:relative;overflow:hidden}@media (width<=1024px){.app-sidebar{height:100vh;width:var(--sidebar-width);box-shadow:var(--shadow-xl);z-index:50;position:fixed;top:0;left:0;transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}}.app-sidebar.collapsed{width:var(--sidebar-collapsed-width)}.app-sidebar.collapsed .sidebar-label,.app-sidebar.collapsed .sidebar-section-title,.app-sidebar.collapsed .sidebar-footer,.app-sidebar.collapsed .sidebar-search{display:none}.app-sidebar.collapsed .nav-item{padding:var(--space-3);justify-content:center}.app-sidebar.collapsed .nav-item i{width:24px;height:24px;margin-right:0}.sidebar-header{padding:var(--space-4);border-bottom:1px solid var(--border-light);min-height:var(--header-height);justify-content:space-between;align-items:center;display:flex}.sidebar-logo{align-items:center;gap:var(--space-3);color:var(--text-primary);font-weight:var(--font-bold);font-size:var(--text-lg);font-family:var(--font-display);text-decoration:none;display:flex}.sidebar-logo i{width:32px;height:32px;color:var(--orange-500);flex-shrink:0}.sidebar-toggle{padding:var(--space-2);border-radius:var(--radius-lg);color:var(--text-secondary);background:0 0;display:none}.sidebar-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}@media (width<=1024px){.sidebar-toggle{display:flex}}.sidebar-search{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light)}.sidebar-search .input{padding-left:var(--space-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a8a29e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='M21 21l-4.35-4.35'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left var(--space-3) center}.sidebar-nav{padding:var(--space-3) var(--space-2);flex:1;overflow-y:auto}.nav-section{margin-bottom:var(--space-4)}.nav-section:last-child{margin-bottom:0}.sidebar-section-title{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1)}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);white-space:nowrap;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--orange-50);color:var(--orange-700)}@media (prefers-color-scheme:dark){.nav-item.active{background:var(--orange-900);color:var(--orange-200)}}.nav-item.active:hover{background:var(--orange-100)}@media (prefers-color-scheme:dark){.nav-item.active:hover{background:var(--orange-800)}}.nav-item i{stroke-width:2px;flex-shrink:0;width:20px;height:20px}.nav-item .nav-badge{font-size:var(--text-xs);padding:1px var(--space-1);margin-left:auto}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--border-light)}.user-info{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-lg);background:var(--bg-secondary);display:flex}.user-avatar{border-radius:var(--radius-full);background:var(--orange-500);width:40px;height:40px;color:var(--text-inverse);font-weight:var(--font-bold);font-size:var(--text-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-details{flex:1;min-width:0}.user-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-level{font-size:var(--text-xs);color:var(--text-muted)}.user-xp{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--orange-600)}.sidebar-xp{margin-top:var(--space-3);background:var(--xp-bar-bg);border-radius:var(--radius-full);height:4px;overflow:hidden}.sidebar-xp-fill{background:var(--xp-bar-fill);border-radius:var(--radius-full);height:100%;transition:width 1s ease-out}.streak-indicator{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--streak-fire);margin-top:var(--space-2);display:inline-flex}.streak-indicator i{width:12px;height:12px}.app-header{height:var(--header-height);background:var(--bg-card);border-bottom:1px solid var(--border-light);padding:0 var(--space-6);z-index:20;grid-area:1/2;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}@media (width<=1024px){.app-header{padding:0 var(--space-4);grid-column:1}}.header-left{align-items:center;gap:var(--space-4);flex:1;display:flex}.mobile-menu-btn{padding:var(--space-2);border-radius:var(--radius-lg);color:var(--text-secondary);background:0 0;display:none}.mobile-menu-btn:hover{background:var(--bg-hover);color:var(--text-primary)}@media (width<=1024px){.mobile-menu-btn{display:flex}}.global-search{flex:1;max-width:600px;position:relative}.global-search .input{width:100%;padding-left:var(--space-10);padding-right:var(--space-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23a8a29e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='M21 21l-4.35-4.35'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left var(--space-3) center;font-size:var(--text-sm)}.global-search .input:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ff6b1a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='M21 21l-4.35-4.35'%3E%3C/path%3E%3C/svg%3E")}.search-shortcut{right:var(--space-3);align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);pointer-events:none;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.search-shortcut kbd{padding:1px var(--space-1);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-medium)}.search-results{top:calc(100% + var(--space-2));background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:50;display:none;position:absolute;left:0;right:0;overflow:hidden}.search-results.open{animation:slide-down var(--transition-fast) ease-out;display:block}.search-results-header{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-light)}.search-result-item{align-items:center;gap:var(--space-3);padding:var(--space-3);color:var(--text-primary);transition:background var(--transition-fast);text-decoration:none;display:flex}.search-result-item:hover{background:var(--bg-hover)}.search-result-item i{width:20px;height:20px;color:var(--text-muted);flex-shrink:0}.search-result-content{flex:1;min-width:0}.search-result-title{font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-result-meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:1px}.search-results-empty{padding:var(--space-6);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.header-right{align-items:center;gap:var(--space-2);display:flex}.header-action{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex;position:relative}.header-action:hover{background:var(--bg-hover);color:var(--text-primary)}.header-action i{width:20px;height:20px}.header-action .badge{min-width:18px;height:18px;padding:0 4px;font-size:10px;position:absolute;top:4px;right:4px}.theme-toggle{padding:var(--space-2)}.theme-toggle .sun-icon{display:none}.theme-toggle .moon-icon,[data-theme=dark] .theme-toggle .sun-icon{display:block}[data-theme=dark] .theme-toggle .moon-icon{display:none}.user-menu-trigger{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-light);transition:all var(--transition-fast);display:flex}.user-menu-trigger:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.user-menu-trigger .user-avatar{width:32px;height:32px;font-size:var(--text-base)}.user-menu-trigger .user-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);display:none}@media (width>=768px){.user-menu-trigger .user-name{display:block}}.user-menu-dropdown{top:calc(100% + var(--space-2));background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-xl);min-width:220px;box-shadow:var(--shadow-lg);z-index:50;animation:slide-down var(--transition-fast) ease-out;display:none;position:absolute;right:0;overflow:hidden}.user-menu-dropdown.open{display:block}.user-menu-header{padding:var(--space-4);border-bottom:1px solid var(--border-light)}.user-menu-name{font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:2px}.user-menu-email{font-size:var(--text-sm);color:var(--text-muted)}.user-menu-divider{background:var(--border-light);height:1px;margin:var(--space-2) 0}.user-menu-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);text-align:left;color:var(--text-secondary);font-size:var(--text-sm);transition:all var(--transition-fast);display:flex}.user-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.user-menu-item i{flex-shrink:0;width:18px;height:18px}.user-menu-item.danger{color:var(--error)}.user-menu-item.danger:hover{background:var(--error-bg);color:var(--error)}.command-palette{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-2xl);width:100%;max-width:640px;box-shadow:var(--shadow-xl);z-index:100;animation:scale-in var(--transition-fast) ease-out;display:none;position:fixed;top:20%;left:50%;transform:translate(-50%)}.command-palette.open{display:block}.command-palette-backdrop{z-index:99;animation:fade-in var(--transition-fast) ease-out;background:#00000080;display:none;position:fixed;inset:0}.command-palette-backdrop.open{display:block}.command-palette-input{width:100%;padding:var(--space-4) var(--space-6);font-size:var(--text-base);border:none;border-bottom:1px solid var(--border-light);color:var(--text-primary);background:0 0}.command-palette-input::placeholder{color:var(--text-muted)}.command-palette-shortcut{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-6);font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);border-bottom:1px solid var(--border-light);display:flex}.command-palette-shortcut kbd{padding:1px var(--space-1);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-medium)}.command-palette-results{max-height:400px;overflow-y:auto}.command-palette-section{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.command-palette-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-primary);transition:background var(--transition-fast);text-decoration:none;display:flex}.command-palette-item:hover,.command-palette-item.selected{background:var(--bg-hover)}.command-palette-item-content{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.command-palette-item i{width:20px;height:20px;color:var(--text-muted);flex-shrink:0}.command-palette-item-title{font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.command-palette-item-desc{font-size:var(--text-xs);color:var(--text-muted);margin-top:1px}.command-palette-item-shortcut{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-light);display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled,.btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn-primary{background:var(--orange-500);color:var(--text-inverse);border-color:var(--orange-500)}.btn-primary:hover:not(:disabled){background:var(--orange-600);border-color:var(--orange-600)}.btn-primary:active:not(:disabled){background:var(--orange-700)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-medium)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-dark)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--error);color:var(--text-inverse);border-color:var(--error)}.btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.btn-outline{color:var(--text-primary);border-color:var(--border-medium);background:0 0}.btn-outline:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-dark)}.btn-success{background:var(--success);color:var(--text-inverse);border-color:var(--success)}.btn-success:hover:not(:disabled){background:#15803d}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);gap:var(--space-1)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);gap:var(--space-2)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-full)}.btn-full{width:100%}.btn.loading{color:#0000;pointer-events:none;position:relative}.btn.loading:after{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;position:absolute}.btn-group{border-radius:var(--radius-lg);border:1px solid var(--border-medium);display:inline-flex;overflow:hidden}.btn-group .btn{border:none;border-left:1px solid var(--border-medium);border-radius:0}.btn-group .btn:first-child{border-left:none}.btn-group .btn:focus-visible{z-index:1}.input-wrapper{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.input-group{align-items:center;display:flex;position:relative}.input-group[data-has-left=true] .input{padding-left:var(--space-10)}.input-group[data-has-right=true] .input{padding-right:var(--space-10)}.input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);color:var(--text-primary);transition:all var(--transition-fast);line-height:1.5}.input::placeholder{color:var(--text-muted)}.input:hover:not(:disabled):not(.input-error){border-color:var(--border-dark)}.input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus);outline:none}.input:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed}.input:read-only{background:var(--bg-secondary)}.input-error{border-color:var(--border-error)}.input-error:focus{box-shadow:0 0 0 3px var(--error-bg)}textarea.input{resize:vertical;min-height:100px}.input-icon{width:18px;height:18px;color:var(--text-muted);pointer-events:none;flex-shrink:0;position:absolute}.input-icon-left{left:var(--space-3)}.input-icon-right{right:var(--space-3)}.input-adornment{color:var(--text-muted);font-size:var(--text-sm);padding:0 var(--space-3);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.input-adornment-left{left:0}.input-adornment-right{right:0}.input-error-message{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--error);margin:0;display:flex}.input-helper-text{font-size:var(--text-xs);color:var(--text-muted);margin:0}.input-wrapper.floating{position:relative}.input-wrapper.floating .input-label{top:50%;left:var(--space-3);font-size:var(--text-sm);color:var(--text-muted);pointer-events:none;transition:all var(--transition-fast);background:var(--bg-card);padding:0 var(--space-1);position:absolute;transform:translateY(-50%)}.input-wrapper.floating .input:focus+.input-label,.input-wrapper.floating .input:not(:placeholder-shown)+.input-label{font-size:var(--text-xs);color:var(--orange-500);top:0}.input-wrapper.floating .input-group[data-has-left=true] .input-label{left:var(--space-10)}.search-input-wrapper{position:relative}.search-input-wrapper .input{padding-left:var(--space-10);padding-right:var(--space-10)}.search-input-wrapper .input-icon{left:var(--space-3);color:var(--text-muted)}.search-input-wrapper .input:focus+.input-icon{color:var(--orange-500)}.select-wrapper{width:100%}.select-trigger-wrapper{position:relative}.select-trigger{width:100%;padding:var(--space-2) var(--space-3);padding-right:var(--space-10);font-size:var(--text-sm);background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);text-align:left;justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.select-trigger:hover:not(.disabled){border-color:var(--border-dark)}.select-trigger:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus);outline:none}.select-trigger.disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed}.select-trigger.open{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.select-value.placeholder{color:var(--text-muted)}.select-chevron{right:var(--space-3);width:18px;height:18px;color:var(--text-muted);transition:transform var(--transition-fast);pointer-events:none;position:absolute}.select-trigger.open .select-chevron{transform:rotate(180deg)}.select-clear{border-radius:var(--radius-full);width:28px;height:28px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.select-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.select-dropdown{top:calc(100% + var(--space-1));background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:50;max-height:300px;position:absolute;left:0;right:0;overflow:hidden}.select-search{padding:var(--space-2);border-bottom:1px solid var(--border-light)}.select-search .input{padding-left:2.25rem}.select-options{max-height:240px;padding:var(--space-1);overflow-y:auto}.select-optgroup{margin-top:var(--space-2)}.select-optgroup:first-child{margin-top:0}.select-optgroup-label{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.select-option{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);font-size:var(--text-sm);color:var(--text-primary);display:flex}.select-option:hover:not(.disabled){background:var(--bg-hover)}.select-option.highlighted{background:var(--orange-50);color:var(--orange-700)}@media (prefers-color-scheme:dark){.select-option.highlighted{background:var(--orange-900);color:var(--orange-200)}}.select-option.disabled{color:var(--text-muted);cursor:not-allowed}.select-option.selected{background:var(--orange-50);color:var(--orange-700);font-weight:var(--font-medium)}@media (prefers-color-scheme:dark){.select-option.selected{background:var(--orange-900);color:var(--orange-200)}}.select-option-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.select-footer{padding:var(--space-2);border-top:1px solid var(--border-light)}.select-multi-tags{gap:var(--space-1);padding:var(--space-1);flex-wrap:wrap;align-items:center;min-height:42px;display:flex}.select-multi-tag{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);background:var(--orange-100);color:var(--orange-700);border-radius:var(--radius-full);display:inline-flex}@media (prefers-color-scheme:dark){.select-multi-tag{background:var(--orange-900);color:var(--orange-200)}}.select-multi-tag-remove{border-radius:var(--radius-full);width:16px;height:16px;color:inherit;opacity:.7;transition:opacity var(--transition-fast);justify-content:center;align-items:center;display:flex}.select-multi-tag-remove:hover{opacity:1;background:#0000001a}.checkbox{align-items:flex-start;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--text-primary);-webkit-user-select:none;user-select:none;display:inline-flex}.checkbox.disabled{opacity:.5;cursor:not-allowed}.checkbox-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.checkbox-box{border:2px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-card);width:18px;height:18px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.checkbox:hover:not(.disabled) .checkbox-box{border-color:var(--border-dark)}.checkbox-input:focus-visible+.checkbox-box{box-shadow:var(--shadow-focus)}.checkbox-input:checked+.checkbox-box{background:var(--orange-500);border-color:var(--orange-500)}.checkbox-input:checked:hover+.checkbox-box{background:var(--orange-600);border-color:var(--orange-600)}.checkbox.indeterminate .checkbox-box{background:var(--orange-500);border-color:var(--orange-500)}.checkbox-check,.checkbox-indeterminate{width:12px;height:12px;stroke:var(--text-inverse);opacity:0;transition:all var(--transition-fast);position:absolute;transform:scale(.5)}.checkbox-input:checked+.checkbox-box .checkbox-check,.checkbox.indeterminate .checkbox-indeterminate{opacity:1;transform:scale(1)}.checkbox-content{flex-direction:column;gap:2px;line-height:1.4;display:flex}.checkbox-label{font-weight:var(--font-medium)}.checkbox-description{font-size:var(--text-xs);color:var(--text-muted)}.checkbox-group{gap:var(--space-2);flex-direction:column;display:flex}.checkbox-group-horizontal{flex-flow:wrap;align-items:center}.checkbox-group-legend{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.checkbox-group-options{gap:var(--space-2);flex-direction:column;display:flex}.checkbox-group-horizontal .checkbox-group-options{gap:var(--space-4);flex-flow:wrap}.radio{align-items:flex-start;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--text-primary);-webkit-user-select:none;user-select:none;display:inline-flex}.radio.disabled{opacity:.5;cursor:not-allowed}.radio-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.radio-circle{border:2px solid var(--border-medium);border-radius:var(--radius-full);background:var(--bg-card);width:18px;height:18px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.radio:hover:not(.disabled) .radio-circle{border-color:var(--border-dark)}.radio-input:focus-visible+.radio-circle{box-shadow:var(--shadow-focus)}.radio-dot{border-radius:var(--radius-full);background:var(--orange-500);opacity:0;width:8px;height:8px;transition:all var(--transition-fast);transform:scale(0)}.radio-input:checked+.radio-circle{border-color:var(--orange-500)}.radio-input:checked+.radio-circle .radio-dot{opacity:1;transform:scale(1)}.radio-content{flex-direction:column;gap:2px;line-height:1.4;display:flex}.radio-label{font-weight:var(--font-medium)}.radio-description{font-size:var(--text-xs);color:var(--text-muted)}.radio-group{gap:var(--space-2);flex-direction:column;display:flex}.radio-group-horizontal{flex-flow:wrap;align-items:center}.radio-group-legend{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.radio-group-options{gap:var(--space-2);flex-direction:column;display:flex}.radio-group-horizontal .radio-group-options{gap:var(--space-4);flex-flow:wrap}.switch{align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.switch.disabled{opacity:.5;cursor:not-allowed}.switch-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.switch-slider{background:var(--border-medium);border-radius:var(--radius-full);width:44px;height:26px;transition:background var(--transition-fast);display:block;position:relative}.switch-slider:before{content:"";background:var(--text-inverse);border-radius:var(--radius-full);width:22px;height:22px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);position:absolute;top:2px;left:2px}.switch-input:focus-visible+.switch-slider{box-shadow:var(--shadow-focus)}.switch-input:checked+.switch-slider{background:var(--orange-500)}.switch-input:checked+.switch-slider:before{transform:translate(18px)}.switch-input:checked:hover+.switch-slider{background:var(--orange-600)}.switch-content{flex-direction:column;gap:2px;line-height:1.4;display:flex}.switch-label{font-weight:var(--font-medium);color:var(--text-primary)}.switch-description{font-size:var(--text-xs);color:var(--text-muted)}.switch-sm .switch-slider{width:36px;height:20px}.switch-sm .switch-slider:before{width:16px;height:16px}.switch-sm .switch-input:checked+.switch-slider:before{transform:translate(16px)}.switch-lg .switch-slider{width:52px;height:30px}.switch-lg .switch-slider:before{width:26px;height:26px}.switch-lg .switch-input:checked+.switch-slider:before{transform:translate(22px)}.slider{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.slider.disabled{opacity:.5;pointer-events:none}.slider-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.slider-track-wrapper{align-items:center;height:24px;display:flex;position:relative}.slider-track{background:var(--bg-tertiary);border-radius:var(--radius-full);z-index:1;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.slider-fill{background:var(--orange-500);border-radius:var(--radius-full);height:4px;transition:width var(--transition-fast);z-index:2;position:absolute;top:50%;left:0;transform:translateY(-50%)}.slider-input{appearance:none;cursor:pointer;z-index:3;background:0 0;width:100%;height:24px;position:relative}.slider-input:focus{outline:none}.slider-input::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-full);background:var(--orange-500);cursor:pointer;width:18px;height:18px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.slider-input::-webkit-slider-thumb:hover{box-shadow:var(--shadow-md);transform:scale(1.2)}.slider-input::-moz-range-thumb{border-radius:var(--radius-full);background:var(--orange-500);cursor:pointer;width:18px;height:18px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none}.slider-input::-moz-range-thumb:hover{box-shadow:var(--shadow-md);transform:scale(1.2)}.slider-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--orange-100), var(--shadow-sm)}.slider-thumb{background:var(--orange-500);border-radius:var(--radius-full);pointer-events:none;width:18px;height:18px;box-shadow:var(--shadow-sm);z-index:4;transition:left var(--transition-fast);position:absolute;top:50%;transform:translate(-50%,-50%)}.slider.dragging .slider-thumb{transform:translate(-50%,-50%)scale(1.2)}.slider-value{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary);text-align:right;min-width:40px}.modal-backdrop{z-index:90;opacity:0;transition:opacity var(--transition-normal);background:#00000080;position:fixed;inset:0}.modal-backdrop.open{opacity:1}.modal{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);z-index:100;opacity:0;transition:all var(--transition-normal);flex-direction:column;max-height:90vh;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.95)}.modal.open{opacity:1;transform:translate(-50%,-50%)scale(1)}.modal-sm{width:100%;max-width:360px}.modal-md{width:100%;max-width:480px}.modal-lg{width:100%;max-width:640px}.modal-xl{width:100%;max-width:800px}.modal-full{width:95vw;max-width:none;height:90vh}.modal-content{flex-direction:column;max-height:100%;display:flex;overflow:hidden}.modal-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold);font-family:var(--font-display);color:var(--text-primary)}.modal-close{border-radius:var(--radius-lg);width:32px;height:32px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-close:focus-visible{box-shadow:var(--shadow-focus);outline:none}.modal-body{padding:var(--space-6);flex:1;overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light);background:var(--bg-secondary);display:flex}@keyframes modal-enter{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes modal-exit{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.95)}}.alert-modal .modal-body{text-align:center}.alert-modal .modal-footer{justify-content:center}.toast-container{z-index:1000;gap:var(--space-2);pointer-events:none;flex-direction:column;max-width:400px;display:flex;position:fixed}.toast-container-top-right{top:var(--space-4);right:var(--space-4)}.toast-container-top-left{top:var(--space-4);left:var(--space-4)}.toast-container-bottom-right{bottom:var(--space-4);right:var(--space-4)}.toast-container-bottom-left{bottom:var(--space-4);left:var(--space-4)}.toast-container-top-center{top:var(--space-4);left:50%;transform:translate(-50%)}.toast-container-bottom-center{bottom:var(--space-4);left:50%;transform:translate(-50%)}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);pointer-events:auto;opacity:0;transition:all var(--transition-normal);display:flex;transform:translate(100%)}.toast.toast-enter{opacity:1;transform:translate(0)}.toast.toast-exit{opacity:0;transform:translate(100%)}.toast-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.toast-info .toast-icon{background:var(--info-bg);color:var(--info)}.toast-success .toast-icon{background:var(--success-bg);color:var(--success)}.toast-warning .toast-icon{background:var(--warning-bg);color:var(--warning)}.toast-error .toast-icon{background:var(--error-bg);color:var(--error)}.toast-achievement .toast-icon{background:linear-gradient(135deg, var(--orange-500), var(--orange-700));color:var(--text-inverse);animation:2s ease-in-out infinite pulse-glow}.toast-content{flex:1;min-width:0}.toast-title{font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:2px}.toast-message{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.4}.toast-action{margin-top:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--orange-600);background:var(--orange-50);border-radius:var(--radius-md);transition:all var(--transition-fast)}.toast-action:hover{background:var(--orange-100);color:var(--orange-700)}@media (prefers-color-scheme:dark){.toast-action{background:var(--orange-900);color:var(--orange-300)}.toast-action:hover{background:var(--orange-800);color:var(--orange-200)}}.toast-close{border-radius:var(--radius-md);width:24px;height:24px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-close:hover{background:var(--bg-hover);color:var(--text-primary)}.toast-progress{border-radius:0 0 var(--radius-xl) var(--radius-xl);transform-origin:0;background:currentColor;height:3px;position:absolute;bottom:0;left:0;transform:scaleX(1)}.toast-info .toast-progress{color:var(--info)}.toast-success .toast-progress{color:var(--success)}.toast-warning .toast-progress{color:var(--warning)}.toast-error .toast-progress{color:var(--error)}.toast-achievement .toast-progress{background:linear-gradient(90deg, var(--orange-500), var(--orange-300))}.tooltip{z-index:100;pointer-events:none;font-size:var(--text-xs);line-height:1.4;position:absolute}.tooltip-content{padding:var(--space-1) var(--space-2);background:var(--neutral-900);color:var(--neutral-50);border-radius:var(--radius-md);white-space:nowrap;box-shadow:var(--shadow-lg);align-items:center;display:flex}@media (prefers-color-scheme:dark){.tooltip-content{background:var(--neutral-100);color:var(--neutral-900)}}.tooltip-arrow{background:inherit;width:8px;height:8px;position:absolute;transform:rotate(45deg)}.tooltip-top .tooltip-arrow{bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.tooltip-bottom .tooltip-arrow{top:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.tooltip-left .tooltip-arrow{top:50%;right:-4px;transform:translateY(-50%)rotate(45deg)}.tooltip-right .tooltip-arrow{top:50%;left:-4px;transform:translateY(-50%)rotate(45deg)}.tooltip-visible{opacity:1;visibility:visible}.tooltip:not(.tooltip-visible){opacity:0;visibility:hidden}.tooltip{transition:opacity var(--transition-fast), visibility var(--transition-fast)}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid #0000;display:flex}.alert-icon{flex-shrink:0;align-items:flex-start;margin-top:2px;display:flex}.alert-content{flex:1;min-width:0}.alert-title{font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.alert-message{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.alert-action{margin-top:var(--space-2)}.alert-close{border-radius:var(--radius-md);width:24px;height:24px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.alert-close:hover{background:var(--bg-hover);color:var(--text-primary)}.alert-info{background:var(--info-bg);border-color:var(--info);color:var(--info)}.alert-success{background:var(--success-bg);border-color:var(--success);color:var(--success)}.alert-warning{background:var(--warning-bg);border-color:var(--warning);color:var(--warning)}.alert-error{background:var(--error-bg);border-color:var(--error);color:var(--error)}@media (prefers-color-scheme:dark){.alert-info{background:#0d1b3c;border-color:#2563eb}.alert-success{background:#052e16;border-color:#16a34a}.alert-warning{background:#3c2900;border-color:#f59e0b}.alert-error{background:#3c0d0d;border-color:#dc2626}}.alert-exit{animation:.25s ease-out forwards fade-out}@keyframes fade-out{to{opacity:0;transform:translate(20px)}}.inline-alert{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);display:flex}.inline-alert-info{background:var(--info-bg);color:var(--info);border:1px solid var(--info)}.inline-alert-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success)}.inline-alert-warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning)}.inline-alert-error{background:var(--error-bg);color:var(--error);border:1px solid var(--error)}@media (prefers-color-scheme:dark){.inline-alert-info{background:#0d1b3c;border-color:#2563eb}.inline-alert-success{background:#052e16;border-color:#16a34a}.inline-alert-warning{background:#3c2900;border-color:#f59e0b}.inline-alert-error{background:#3c0d0d;border-color:#dc2626}}.inline-alert-close{border-radius:var(--radius-sm);width:20px;height:20px;color:inherit;opacity:.7;transition:opacity var(--transition-fast);justify-content:center;align-items:center;margin-left:auto;display:flex}.inline-alert-close:hover{opacity:1;background:#0000001a}.inline-alert-exit{animation:.2s ease-out forwards fade-out}.alert-banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);display:flex}.alert-banner.sticky{z-index:100;position:sticky;top:0}.alert-banner-content{justify-content:space-between;align-items:center;gap:var(--space-4);flex:1;display:flex}.alert-banner-message{color:inherit}.alert-banner-action{flex-shrink:0}.alert-banner-close{border-radius:var(--radius-md);width:24px;height:24px;color:inherit;opacity:.7;transition:opacity var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.alert-banner-close:hover{opacity:1;background:#0000001a}.alert-banner-info{background:var(--info-bg);color:var(--info);border:1px solid var(--info)}.alert-banner-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success)}.alert-banner-warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning)}.alert-banner-error{background:var(--error-bg);color:var(--error);border:1px solid var(--error)}@media (prefers-color-scheme:dark){.alert-banner-info{background:#0d1b3c;border-color:#2563eb}.alert-banner-success{background:#052e16;border-color:#16a34a}.alert-banner-warning{background:#3c2900;border-color:#f59e0b}.alert-banner-error{background:#3c0d0d;border-color:#dc2626}}.tabs{width:100%}.tabs-list{gap:var(--space-1);border-bottom:1px solid var(--border-light);display:flex}.tabs-vertical .tabs-list{border-bottom:none;border-right:1px solid var(--border-light);padding-right:var(--space-4);margin-right:var(--space-4);flex-direction:column}.tabs-trigger{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;display:inline-flex;position:relative}.tabs-vertical .tabs-trigger{border-radius:var(--radius-lg);border-bottom:none;border-right:2px solid #0000}.tabs-trigger:hover:not(.disabled){color:var(--text-primary);background:var(--bg-hover)}.tabs-trigger:focus-visible{box-shadow:var(--shadow-focus);outline:none}.tabs-trigger.disabled{opacity:.5;cursor:not-allowed}.tabs-line .tabs-trigger.active{color:var(--orange-500)}.tabs-line .tabs-trigger.active:after{content:"";background:var(--orange-500);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tabs-vertical.tabs-line .tabs-trigger.active:after{border-radius:0 2px 2px 0;width:2px;height:100%;inset:0 -1px auto auto}.tabs-enclosed .tabs-trigger{border:1px solid var(--border-light);border-bottom:none;margin-bottom:-1px}.tabs-enclosed .tabs-trigger.active{background:var(--bg-card);color:var(--orange-500);border-color:var(--border-medium);border-bottom-color:var(--bg-card)}.tabs-soft .tabs-trigger.active{background:var(--orange-50);color:var(--orange-700)}@media (prefers-color-scheme:dark){.tabs-soft .tabs-trigger.active{background:var(--orange-900);color:var(--orange-200)}}.tabs-indicator{background:var(--orange-500);height:2px;transition:all var(--transition-normal);pointer-events:none;border-radius:2px 2px 0 0;position:absolute;bottom:0}.tabs-content{padding:var(--space-4) 0}.tabs-panel{animation:fade-in var(--transition-fast) ease-out;display:none}.tabs-panel.active{display:block}.dropdown{z-index:50;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-xl);min-width:180px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--transition-fast);position:absolute;transform:translateY(-8px)}.dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-bottom{margin-top:var(--space-1)}.dropdown-top{margin-bottom:var(--space-1)}.dropdown-left{margin-right:var(--space-1)}.dropdown-right{margin-left:var(--space-1)}.dropdown-arrow{background:var(--bg-card);border:1px solid var(--border-medium);pointer-events:none;width:12px;height:12px;position:absolute;transform:rotate(45deg)}.dropdown-bottom .dropdown-arrow{border-bottom:none;border-right:none;top:-6px}.dropdown-top .dropdown-arrow{border-top:none;border-left:none;bottom:-6px}.dropdown-left .dropdown-arrow{border-bottom:none;border-left:none;right:-6px}.dropdown-right .dropdown-arrow{border-top:none;border-right:none;left:-6px}.dropdown-content{padding:var(--space-1);overflow:hidden}.dropdown-header{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.dropdown-divider{background:var(--border-light);height:1px;margin:var(--space-2) 0}.dropdown-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border:none;display:flex}.dropdown-item:hover:not(.disabled){background:var(--bg-hover)}.dropdown-item:focus-visible{box-shadow:var(--shadow-focus);outline:none}.dropdown-item.disabled{color:var(--text-muted);cursor:not-allowed}.dropdown-item.danger{color:var(--error)}.dropdown-item.danger:hover:not(.disabled){background:var(--error-bg);color:var(--error)}.dropdown-item-label{flex:1}.dropdown-item-shortcut{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);padding:1px var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.avatar{background:var(--bg-tertiary);color:var(--text-muted);font-weight:var(--font-medium);vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.avatar-image{object-fit:cover;width:100%;height:100%}.avatar-fallback{width:100%;height:100%;color:var(--text-inverse);justify-content:center;align-items:center;display:flex}.avatar-status{border:2px solid var(--bg-card);border-radius:var(--radius-full);width:25%;min-width:10px;height:25%;min-height:10px;position:absolute}.avatar-status.bottom-right{bottom:0;right:0}.avatar-status.top-right{top:0;right:0}.avatar-status.bottom-left{bottom:0;left:0}.avatar-status.top-left{top:0;left:0}.avatar-xs{width:24px;height:24px;font-size:var(--text-xs)}.avatar-sm{width:32px;height:32px;font-size:var(--text-sm)}.avatar-md{width:40px;height:40px;font-size:var(--text-base)}.avatar-lg{width:48px;height:48px;font-size:var(--text-lg)}.avatar-xl{width:64px;height:64px;font-size:var(--text-xl)}.avatar-2xl{width:96px;height:96px;font-size:var(--text-2xl)}.avatar-group{display:inline-flex}.avatar-group-overlap .avatar-group-item{margin-left:-8px}.avatar-group-overlap .avatar-group-item:first-child{z-index:10;margin-left:0}.avatar-group-item{border:2px solid var(--bg-card);border-radius:var(--radius-full);transition:transform var(--transition-fast);position:relative}.avatar-group-item:hover{z-index:20;transform:scale(1.05)}.avatar-group-more .avatar{background:var(--bg-tertiary);color:var(--text-secondary);border:2px solid var(--bg-card)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);white-space:nowrap;line-height:1;display:inline-flex}.badge-sm{padding:var(--space-1) var(--space-1);font-size:10px}.badge-lg{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.badge-primary{background:var(--orange-100);color:var(--orange-700)}.badge-secondary{background:var(--neutral-200);color:var(--neutral-700)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-error{background:var(--error-bg);color:var(--error)}.badge-info{background:var(--info-bg);color:var(--info)}@media (prefers-color-scheme:dark){.badge-primary{background:var(--orange-900);color:var(--orange-200)}.badge-secondary{background:var(--neutral-700);color:var(--neutral-200)}.badge-success{color:var(--success);background:#052e16}.badge-warning{color:var(--warning);background:#3c2900}.badge-error{color:var(--error);background:#3c0d0d}.badge-info{color:var(--info);background:#0d1b3c}}.badge-outline{background:0 0;border:1px solid}.badge-dot{padding-left:var(--space-2)}.badge-dot-indicator{border-radius:var(--radius-full);background:currentColor;width:6px;height:6px}.badge-removable{padding-right:var(--space-1)}.badge-remove{width:16px;height:16px;margin-left:var(--space-1);border-radius:var(--radius-full);color:inherit;opacity:.7;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.badge-remove:hover{opacity:1;background:#0000001a}.badge-group{gap:var(--space-1);flex-wrap:wrap;display:inline-flex}.progress{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.progress-label{font-size:var(--text-xs);font-weight:var(--font-medium);justify-content:space-between;display:flex}.progress-label-text{color:var(--text-primary)}.progress-label-value{color:var(--text-secondary);font-family:var(--font-mono)}.progress-track{background:var(--bg-tertiary);border-radius:var(--radius-full);height:6px;position:relative;overflow:hidden}.progress-sm .progress-track{height:4px}.progress-lg .progress-track{height:10px}.progress-fill{border-radius:var(--radius-full);transform-origin:0;height:100%;transition:width .5s ease-out;position:absolute;top:0;left:0}.progress-default .progress-fill{background:var(--orange-500)}.progress-success .progress-fill{background:var(--success)}.progress-warning .progress-fill{background:var(--warning)}.progress-error .progress-fill{background:var(--error)}.progress-info .progress-fill{background:var(--info)}.progress-striped .progress-fill:after{content:"";background:repeating-linear-gradient(45deg,#fff3 0 10px,#0000 10px 20px);animation:1s linear infinite progress-stripe;position:absolute;inset:0}.progress-animated .progress-fill:after{animation:1s linear infinite progress-stripe}@keyframes progress-stripe{to{transform:translate(-30px)}}.circular-progress{justify-content:center;align-items:center;display:inline-flex;position:relative}.circular-progress-svg{transform:rotate(-90deg)}.circular-progress-track{stroke:var(--bg-tertiary)}.circular-progress-fill{stroke-linecap:round;transition:stroke-dashoffset .5s ease-out}.circular-progress-default .circular-progress-fill{stroke:var(--orange-500)}.circular-progress-success .circular-progress-fill{stroke:var(--success)}.circular-progress-warning .circular-progress-fill{stroke:var(--warning)}.circular-progress-error .circular-progress-fill{stroke:var(--error)}.circular-progress-info .circular-progress-fill{stroke:var(--info)}.circular-progress-content{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.circular-progress-value{font-size:var(--text-xl);font-weight:var(--font-bold);font-family:var(--font-mono);color:var(--text-primary);line-height:1}.circular-progress-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.step-progress{width:100%}.step-progress-list{margin:0;padding:0;list-style:none;display:flex}.step-progress-horizontal .step-progress-list{flex-direction:row}.step-progress-vertical .step-progress-list{flex-direction:column}.step-progress-item{padding:var(--space-4) var(--space-2);flex:1;display:flex;position:relative}.step-progress-horizontal .step-progress-item{min-width:0}.step-progress-vertical .step-progress-item{align-items:flex-start;gap:var(--space-2);flex-direction:column}.step-progress-marker{border-radius:var(--radius-full);background:var(--bg-tertiary);border:2px solid var(--border-light);width:32px;height:32px;color:var(--text-muted);transition:all var(--transition-fast);z-index:2;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-progress-horizontal .step-progress-marker{margin:0 auto}.step-progress-vertical .step-progress-marker{margin-right:var(--space-3)}.step-progress-dot{border-radius:var(--radius-full);background:var(--orange-500);width:8px;height:8px}.step-progress-item.current .step-progress-marker{border-color:var(--orange-500);background:var(--bg-card);box-shadow:0 0 0 4px var(--orange-100)}@media (prefers-color-scheme:dark){.step-progress-item.current .step-progress-marker{box-shadow:0 0 0 4px var(--orange-900)}}.step-progress-item.completed .step-progress-marker{background:var(--orange-500);border-color:var(--orange-500);color:var(--text-inverse)}.step-progress-item.error .step-progress-marker{background:var(--error);border-color:var(--error);color:var(--text-inverse)}.step-progress-content{flex-direction:column;gap:2px;min-width:0;display:flex}.step-progress-horizontal .step-progress-content{text-align:center;margin-top:var(--space-2)}.step-progress-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.step-progress-description{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.step-progress-line{background:var(--border-light);z-index:1;height:2px;position:absolute;top:16px;left:50%;right:-50%}.step-progress-vertical .step-progress-line{width:2px;height:100%;top:50%;left:16px;right:auto}.step-progress-item:last-child .step-progress-line{display:none}.step-progress-item.completed~.step-progress-item .step-progress-line,.step-progress-item.completed .step-progress-line{background:var(--orange-500)}.skeleton{gap:var(--space-3);flex-direction:column;display:flex}.skeleton-item{background:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden}.skeleton-pulse{animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-wave{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-secondary) 50%, var(--bg-tertiary) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-wave;position:relative}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes skeleton-wave{to{background-position:-200% 0}}.skeleton-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden}.skeleton-layout-dashboard{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.skeleton-layout-list{gap:var(--space-4);flex-direction:column;display:flex}.skeleton-layout-table{overflow-x:auto}.skeleton-layout-form{gap:var(--space-6);flex-direction:column;max-width:28rem;display:flex}.skeleton-layout-video{gap:var(--space-4);flex-direction:column;display:flex}.skeleton-layout-sidebar{gap:var(--space-2);padding:var(--space-4);flex-direction:column;display:flex}.video-player{border-radius:var(--radius-lg);background:#000;outline:none;width:100%;max-width:100%;position:relative;overflow:hidden}.video-container{aspect-ratio:16/9;background:#000;width:100%;position:relative}.video-element{object-fit:contain;cursor:pointer;width:100%;height:100%}.local-media-state{color:var(--text-secondary);margin-top:16px}.video-loading{z-index:10;background:#00000080;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.video-loading .spinner{border:4px solid #ffffff4d;border-top-color:var(--orange-500);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.video-error{color:#fff;z-index:11;background:#000c;flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.video-overlay{opacity:0;z-index:5;background:#0000004d;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.video-player:hover .video-overlay,.video-overlay:focus-within{opacity:1}.video-big-play{color:#fff;cursor:pointer;background:#0009;border:2px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:all .2s;display:flex}.video-big-play:hover{background:var(--orange-500);border-color:var(--orange-500);transform:scale(1.1)}.video-controls{z-index:20;background:linear-gradient(#0000,#000c);padding:48px 16px 12px;transition:opacity .3s,transform .3s;position:absolute;bottom:0;left:0;right:0}.video-controls[data-hidden=true]{opacity:0;pointer-events:none;transform:translateY(8px)}.video-progress-wrapper{cursor:pointer;align-items:center;width:100%;height:20px;margin-bottom:8px;display:flex;position:relative}.video-progress-bar{background:#ffffff4d;border-radius:2px;width:100%;height:4px;position:relative;overflow:visible}.video-progress-wrapper:hover .video-progress-bar{height:6px}.video-progress-buffer{background:#fff6;border-radius:2px;height:100%;position:absolute;top:0;left:0}.video-progress-played{background:var(--orange-500);border-radius:2px;height:100%;position:absolute;top:0;left:0}.video-progress-hover{background:#fff3;border-radius:2px;width:0;height:100%;position:absolute;top:0;left:0}.video-progress-thumb{background:var(--orange-500);opacity:0;border-radius:50%;width:14px;height:14px;transition:opacity .2s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px #0000004d}.video-progress-wrapper:hover .video-progress-thumb{opacity:1}.video-time-tooltip{color:#fff;font-size:var(--text-xs);border-radius:var(--radius-sm);pointer-events:none;opacity:0;background:#000c;padding:4px 8px;transition:opacity .2s;position:absolute;bottom:100%;transform:translate(-50%)}.video-controls-main{justify-content:space-between;align-items:center;display:flex}.video-controls-left,.video-controls-center,.video-controls-right{align-items:center;gap:8px;display:flex}.video-controls-center{color:#fff;font-size:var(--text-sm);font-family:var(--font-mono)}.video-time-separator{opacity:.7;margin:0 4px}.video-btn{border-radius:var(--radius-md);color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.video-btn:hover{background:#ffffff26}.video-btn-label{font-size:var(--text-xs);font-weight:600}.video-volume{align-items:center;gap:4px;display:flex}.video-volume-slider-wrapper{width:0;transition:width .2s;position:relative;overflow:hidden}.video-volume:hover .video-volume-slider-wrapper{width:80px}.video-volume-slider{appearance:none;cursor:pointer;background:#ffffff4d;border-radius:2px;width:100%;height:4px}.video-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px}.video-volume-fill{background:var(--orange-500);pointer-events:none;border-radius:2px;height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.video-settings{align-items:center;gap:4px;display:flex}.video-menu{border-radius:var(--radius-md);z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c1c1ef2;flex-direction:column;min-width:150px;padding:8px 0;display:none;position:absolute}.video-menu-item{color:#fff;font-size:var(--text-sm);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:8px 16px;transition:background .15s;display:flex}.video-menu-item:hover{background:#ffffff1a}.video-menu-item i{opacity:0}.video-menu-item:hover i,.video-menu-item i[style*="display: block"]{opacity:1}.video-player:fullscreen{border-radius:0}.video-player:fullscreen .video-container{aspect-ratio:unset;height:100vh}@media (width<=640px){.video-controls-main{flex-wrap:wrap;gap:8px}.video-controls-center{order:-1;justify-content:center;width:100%;margin-bottom:4px}.video-btn{width:36px;height:36px}.video-volume-slider-wrapper{width:60px}}.video-quiz-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:15;background:#000000d9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-quiz-container{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);text-align:center;width:90%;max-width:500px;color:var(--text-primary);padding:32px;animation:.3s ease-out popIn;box-shadow:0 10px 30px #00000080}.video-quiz-container h3{font-family:var(--font-display);color:var(--orange-500);font-size:var(--text-xl);margin-bottom:16px}.video-quiz-container .quiz-question{font-size:var(--text-lg);margin-bottom:24px}.quiz-options{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.quiz-option-btn{background:var(--bg-hover);border:1px solid var(--border-light);color:var(--text-primary);border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;text-align:left;padding:16px;transition:all .2s}.quiz-option-btn:hover:not(:disabled){background:var(--bg-active);border-color:var(--orange-500)}.quiz-option-btn:disabled{cursor:not-allowed;opacity:.7}.quiz-option-btn.correct{border-color:var(--success)!important;color:var(--success)!important;background:#10b9811a!important}.quiz-option-btn.wrong{border-color:var(--error)!important;color:var(--error)!important;background:#ef44441a!important}.quiz-feedback{margin-top:16px;font-weight:600;animation:.3s fadeIn}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.video-progress-marker{background:var(--warning);z-index:2;border-radius:2px;width:4px;height:100%;transition:background .3s;position:absolute;top:0;transform:translate(-50%)}.video-progress-marker.resolved{background:var(--success)}.audio-player{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-md);outline:none;padding:24px;position:relative}.audio-container{flex-direction:column;gap:20px;display:flex}.transcript-panel{background:var(--bg-card);border-radius:var(--radius-md);margin-top:20px;padding:16px}.transcript-panel input{width:100%;margin-top:8px}.transcript-results{white-space:pre-wrap;margin-top:12px}.audio-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.audio-info{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.audio-thumbnail{border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;width:64px;height:64px}.audio-thumbnail-placeholder{background:var(--bg-secondary);border-radius:var(--radius-md);width:64px;height:64px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.audio-details{min-width:0}.audio-title{font-size:var(--text-lg);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;overflow:hidden}.audio-artist{font-size:var(--text-sm);color:var(--text-secondary);margin:4px 0 0}.audio-album{font-size:var(--text-xs);color:var(--text-muted);margin:2px 0 0}.audio-chapter-badge{background:var(--bg-secondary);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:6px 12px;transition:all .2s;display:flex}.audio-chapter-badge:hover{background:var(--accent-subtle);color:var(--orange-500)}.audio-waveform-container{background:var(--bg-secondary);border-radius:var(--radius-md);height:64px;position:relative;overflow:hidden}.audio-waveform{cursor:pointer;width:100%;height:100%}.audio-waveform-cursor{background:var(--orange-500);pointer-events:none;opacity:0;width:2px;height:100%;transition:opacity .2s;position:absolute;top:0}.audio-waveform-container:hover .audio-waveform-cursor{opacity:1}.audio-progress-wrapper{cursor:pointer;align-items:center;width:100%;height:20px;display:flex;position:relative}.audio-progress-bar{background:var(--border-light);border-radius:2px;width:100%;height:4px;position:relative;overflow:visible}.audio-progress-wrapper:hover .audio-progress-bar{height:6px}.audio-progress-played{background:var(--orange-500);border-radius:2px;height:100%;position:absolute;top:0;left:0}.audio-progress-hover{background:var(--accent-subtle);border-radius:2px;width:0;height:100%;position:absolute;top:0;left:0}.audio-progress-thumb{background:var(--orange-500);opacity:0;border-radius:50%;width:14px;height:14px;transition:opacity .2s;position:absolute;top:50%;transform:translate(-50%,-50%)}.audio-progress-wrapper:hover .audio-progress-thumb{opacity:1}.audio-time-tooltip{background:var(--bg-card);color:var(--text-primary);font-size:var(--text-xs);font-family:var(--font-mono);border-radius:var(--radius-sm);pointer-events:none;opacity:0;box-shadow:var(--shadow-sm);padding:4px 8px;transition:opacity .2s;position:absolute;bottom:100%;transform:translate(-50%)}.audio-time-display{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-secondary);justify-content:space-between;display:flex}.audio-controls{justify-content:space-between;align-items:center;display:flex}.audio-controls-left,.audio-controls-center,.audio-controls-right{align-items:center;gap:8px;display:flex}.audio-controls-center{gap:12px}.audio-btn{border-radius:var(--radius-full);width:44px;height:44px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.audio-btn:hover{background:var(--bg-secondary)}.audio-btn.active{color:var(--orange-500)}.audio-btn.active:after{content:"";background:var(--orange-500);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.audio-btn.play-btn{background:var(--orange-500);color:#fff;width:56px;height:56px}.audio-btn.play-btn:hover{background:var(--orange-600);transform:scale(1.05)}.audio-btn.seek-btn{width:48px;height:48px}.audio-btn-label{font-size:10px;font-weight:600;position:absolute}.audio-secondary-controls{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-top:8px;display:flex}.audio-volume{align-items:center;gap:8px;display:flex}.audio-volume-slider-wrapper{width:80px;position:relative}.audio-volume-slider{appearance:none;background:var(--border-light);cursor:pointer;border-radius:2px;width:100%;height:4px}.audio-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--orange-500);cursor:pointer;border-radius:50%;width:12px;height:12px}.audio-volume-fill{background:var(--orange-500);pointer-events:none;border-radius:2px;height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.audio-speed-btn{width:auto;font-size:var(--text-sm);font-weight:600;font-family:var(--font-mono);padding:0 12px}.audio-sleep-timer{position:relative}.audio-sleep-timer-label{font-size:var(--text-xs);margin-left:4px}.audio-speed-menu,.audio-sleep-menu{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);z-index:30;min-width:120px;box-shadow:var(--shadow-lg);flex-direction:column;margin-bottom:8px;padding:8px 0;display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.audio-speed-option,.audio-sleep-option{color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:10px 16px;transition:background .15s;display:flex}.audio-speed-option:hover,.audio-sleep-option:hover{background:var(--bg-secondary)}.audio-chapters-panel{background:var(--bg-card);border-top:1px solid var(--border-light);border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:25;max-height:300px;position:absolute;bottom:100%;left:0;right:0;overflow:hidden}.audio-chapters-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.audio-chapters-header h4{font-size:var(--text-sm);color:var(--text-primary);margin:0;font-weight:600}.audio-chapters-list{max-height:240px;margin:0;padding:8px 0;list-style:none;overflow-y:auto}.audio-chapter-item{cursor:pointer;align-items:center;gap:12px;padding:10px 16px;transition:background .15s;display:flex}.audio-chapter-item:hover{background:var(--bg-secondary)}.audio-chapter-item.active{background:var(--accent-subtle)}.audio-chapter-item.active .audio-chapter-name{color:var(--orange-500);font-weight:500}.audio-chapter-time{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary);min-width:48px}.audio-chapter-name{font-size:var(--text-sm);color:var(--text-primary)}.audio-chapter-empty{text-align:center;color:var(--text-secondary);font-size:var(--text-sm);padding:24px 16px}@media (width<=480px){.audio-player{padding:16px}.audio-info{gap:12px}.audio-thumbnail{width:56px;height:56px}.audio-title{font-size:var(--text-base)}.audio-controls-center{gap:8px}.audio-btn.play-btn{width:48px;height:48px}.audio-secondary-controls{flex-wrap:wrap;justify-content:center;gap:12px}}.playlist{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-md);outline:none;flex-direction:column;max-height:500px;display:flex}.playlist-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.playlist-title{align-items:center;gap:10px;display:flex}.playlist-title h3{font-size:var(--text-base);color:var(--text-primary);margin:0;font-weight:600}.playlist-title i{color:var(--orange-500)}.playlist-count{font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-full);padding:2px 8px}.playlist-actions{align-items:center;gap:4px;display:flex}.playlist-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.playlist-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.playlist-btn i.active{color:var(--orange-500)}.playlist-btn i.active:after{content:"";background:var(--orange-500);border-radius:50%;width:4px;height:4px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.playlist-content{flex:1;min-height:200px;overflow-y:auto}.playlist-empty{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.playlist-empty i{opacity:.5;margin-bottom:16px}.playlist-empty p{font-size:var(--text-sm);margin:0}.playlist-empty-hint{opacity:.7;font-size:var(--text-xs)!important;margin-top:8px!important}.playlist-list{margin:0;padding:8px 0;list-style:none}.playlist-item{cursor:pointer;align-items:center;gap:12px;padding:10px 16px;transition:background .15s;display:flex;position:relative}.playlist-item:hover{background:var(--bg-secondary)}.playlist-item.active{background:var(--accent-subtle)}.playlist-item.dragging{opacity:.5;background:var(--bg-secondary)}.playlist-item.drag-over{border-top:2px solid var(--orange-500)}.playlist-item-drag{width:16px;color:var(--text-muted);opacity:0;cursor:grab;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.playlist-item:hover .playlist-item-drag{opacity:1}.playlist-item-drag:active{cursor:grabbing}.playlist-item-number{width:24px;font-size:var(--text-sm);color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.playlist-item.active .playlist-item-number{color:var(--orange-500)}.playlist-item-index{font-family:var(--font-mono)}.playlist-item-play-icon{opacity:0;transition:opacity .2s}.playlist-item:hover:not(.active) .playlist-item-play-icon{opacity:1}.playlist-item:hover:not(.active) .playlist-item-index{display:none}.playlist-item-playing{align-items:flex-end;gap:2px;height:16px;display:flex}.playlist-item-playing span{background:var(--orange-500);border-radius:1px;width:3px;animation:.6s ease-in-out infinite playing-bars}.playlist-item-playing span:first-child{height:8px;animation-delay:0s}.playlist-item-playing span:nth-child(2){height:12px;animation-delay:.2s}.playlist-item-playing span:nth-child(3){height:6px;animation-delay:.4s}@keyframes playing-bars{0%,to{transform:scaleY(1)}50%{transform:scaleY(.5)}}.playlist-item-thumbnail{border-radius:var(--radius-sm);background:var(--bg-secondary);width:40px;height:40px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.playlist-item-thumbnail img{object-fit:cover;width:100%;height:100%}.playlist-item-info{flex:1;min-width:0}.playlist-item-title{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.playlist-item.active .playlist-item-title{color:var(--orange-500)}.playlist-item-artist{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.playlist-item-duration{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted);margin-top:2px}.playlist-item-actions{opacity:0;align-items:center;gap:4px;transition:opacity .2s;display:flex}.playlist-item:hover .playlist-item-actions{opacity:1}.playlist-item-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.playlist-item-btn:hover{background:var(--bg-card);color:var(--text-primary)}.playlist-item-remove:hover{color:var(--error)}.playlist-footer{border-top:1px solid var(--border-light);padding:12px 16px}.playlist-add-btn{background:var(--bg-secondary);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 16px;transition:all .2s;display:flex}.playlist-add-btn:hover{background:var(--accent-subtle);color:var(--orange-500)}@media (width<=480px){.playlist{max-height:400px}.playlist-header{padding:12px 16px}.playlist-item{gap:10px;padding:8px 12px}.playlist-item-drag{display:none}.playlist-item-thumbnail{width:36px;height:36px}.playlist-item-actions{opacity:1}}.flashcard{perspective:1000px;cursor:pointer;outline:none;width:100%;max-width:500px;height:320px}.flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.flashcard-back{transform:rotateY(180deg)}.flashcard-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.flashcard-subject{font-size:var(--text-xs);color:var(--orange-500);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.flashcard-flip-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.flashcard-flip-btn:hover{background:var(--bg-card);color:var(--text-primary)}.flashcard-content{text-align:center;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.flashcard-text{font-size:var(--text-lg);color:var(--text-primary);margin:0;line-height:1.5}.flashcard-footer{text-align:center;padding:12px}.flashcard-hint{font-size:var(--text-xs);color:var(--text-muted)}.flashcard-controls{background:var(--bg-secondary);border-top:1px solid var(--border-light);gap:8px;padding:16px;display:flex}.flashcard-rating-btn{background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-xs);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px 8px;transition:all .2s;display:flex}.flashcard-rating-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.flashcard-rating-btn.again{border-color:var(--error);color:var(--error)}.flashcard-rating-btn.again:hover{background:var(--error);color:#fff}.flashcard-rating-btn.hard{border-color:var(--warning);color:var(--warning)}.flashcard-rating-btn.hard:hover{background:var(--warning);color:#fff}.flashcard-rating-btn.good{border-color:var(--success);color:var(--success)}.flashcard-rating-btn.good:hover{background:var(--success);color:#fff}.flashcard-rating-btn.easy{border-color:var(--info);color:var(--info)}.flashcard-rating-btn.easy:hover{background:var(--info);color:#fff}.review-queue{max-width:600px;margin:0 auto}.review-header{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.review-progress-info{font-size:var(--text-lg);color:var(--text-primary);justify-content:center;align-items:center;gap:8px;display:flex}.review-current{color:var(--orange-500);font-weight:700}.review-separator{color:var(--text-secondary)}.review-progress-bar{background:var(--border-light);border-radius:4px;height:8px;overflow:hidden}.review-progress-fill{background:var(--orange-500);border-radius:4px;height:100%;transition:width .3s}.review-stats{justify-content:center;gap:24px;display:flex}.review-stat{font-size:var(--text-sm);color:var(--text-secondary);align-items:center;gap:6px;display:flex}.review-correct{color:var(--success)}.review-incorrect{color:var(--error)}.review-card-container{justify-content:center;margin-bottom:24px;display:flex}.review-footer{justify-content:space-between;align-items:center;display:flex}.review-skip-btn{border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;background:0 0;padding:8px 16px;transition:all .2s}.review-skip-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.review-keyboard-hints{font-size:var(--text-xs);color:var(--text-muted);gap:16px;display:flex}.review-keyboard-hints kbd{background:var(--bg-secondary);border:1px solid var(--border-light);font-family:var(--font-mono);border-radius:4px;padding:2px 6px;font-size:10px}.review-empty,.review-complete{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.review-empty i,.review-complete-icon i{color:var(--text-muted);margin-bottom:16px}.review-empty h3,.review-complete h3{font-size:var(--text-lg);color:var(--text-primary);margin:0}.review-empty p,.review-complete p{font-size:var(--text-sm);color:var(--text-secondary);margin:8px 0 24px}.flashcard-manager{max-width:800px;margin:0 auto}.flashcard-manager-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.flashcard-manager-header h2{font-size:var(--text-xl);color:var(--text-primary);margin:0}.flashcard-manager-actions{gap:8px;display:flex}.flashcard-manager-form{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:24px;overflow:hidden}.flashcard-form-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.flashcard-form-header h3{font-size:var(--text-base);color:var(--text-primary);margin:0;font-weight:600}.flashcard-form-body{padding:20px}.flashcard-form-group{margin-bottom:16px}.flashcard-form-group:last-child{margin-bottom:0}.flashcard-form-group label{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:8px;font-weight:500;display:block}.flashcard-form-group textarea,.flashcard-form-group input,.flashcard-form-group select{width:100%}.flashcard-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.flashcard-form-footer{background:var(--bg-secondary);border-top:1px solid var(--border-light);justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.flashcard-list-header{gap:12px;margin-bottom:16px;display:flex}.flashcard-list-header .input{flex:1}.flashcard-list-header .select{width:200px}.flashcard-list{flex-direction:column;gap:12px;display:flex}.flashcard-list-empty{color:var(--text-secondary);text-align:center;flex-direction:column;align-items:center;padding:48px 24px;display:flex}.flashcard-list-empty i{opacity:.5;margin-bottom:16px}.flashcard-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.flashcard-item:hover{border-color:var(--orange-500);box-shadow:var(--shadow-sm)}.flashcard-item-content{flex:1;min-width:0}.flashcard-item-front{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.flashcard-item-back{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;overflow:hidden}.flashcard-item-meta{font-size:var(--text-xs);color:var(--text-secondary);align-items:center;gap:12px;display:flex}.flashcard-item-subject{font-weight:500}.flashcard-item-actions{gap:4px;display:flex}@media (width<=640px){.flashcard{height:280px}.flashcard-controls{flex-wrap:wrap}.flashcard-rating-btn{min-width:calc(50% - 4px)}.flashcard-manager-header{flex-direction:column;align-items:flex-start;gap:12px}.flashcard-manager-actions{flex-wrap:wrap;width:100%}.flashcard-form-row{grid-template-columns:1fr}.flashcard-list-header{flex-direction:column}.flashcard-list-header .select{width:100%}.flashcard-item{flex-wrap:wrap}.flashcard-item-meta{justify-content:flex-start;width:100%}}.notes-layout{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);grid-template-columns:280px 1fr;gap:0;height:calc(100vh - 200px);display:grid;overflow:hidden}.notes-sidebar{border-right:1px solid var(--border-light);background:var(--bg-secondary);flex-direction:column;display:flex}.notes-sidebar-header{border-bottom:1px solid var(--border-light);flex-direction:column;gap:12px;padding:16px;display:flex}.notes-list{flex:1;overflow-y:auto}.notes-list-item{border-bottom:1px solid var(--border-light);cursor:pointer;flex-direction:column;padding:12px 16px;transition:background .15s;display:flex}.notes-list-item:hover{background:var(--bg-card)}.notes-list-item.active{background:var(--accent-subtle);border-left:3px solid var(--orange-500)}.notes-list-item-title{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-weight:600;overflow:hidden}.notes-list-item.active .notes-list-item-title{color:var(--orange-500)}.notes-list-item-preview{font-size:var(--text-xs);color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.notes-list-item-meta{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:8px;font-size:11px;display:flex}.notes-list-item-tags{gap:4px;display:flex}.notes-tag{background:var(--bg-card);border-radius:var(--radius-sm);color:var(--text-secondary);padding:2px 6px;font-size:10px}.notes-tag.more{background:var(--border-light)}.notes-list-empty{text-align:center;color:var(--text-secondary);font-size:var(--text-sm);padding:24px}.notes-editor-container{flex-direction:column;display:flex}.notes-empty{height:100%;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.notes-empty i{opacity:.5;margin-bottom:16px}.notes-empty h3{font-size:var(--text-lg);color:var(--text-primary);margin:0}.notes-empty p{font-size:var(--text-sm);margin:8px 0 0}.markdown-editor{background:var(--bg-card);flex-direction:column;height:100%;display:flex}.markdown-editor.fullscreen{z-index:1000;border-radius:0;position:fixed;inset:0}.editor-header{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:12px 16px;display:flex}.editor-title-input{font-size:var(--text-xl);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-weight:600}.editor-title-input::placeholder{color:var(--text-muted)}.editor-actions{gap:4px;display:flex}.editor-action-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.editor-action-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.editor-action-btn.active{background:var(--accent-subtle);color:var(--orange-500)}.editor-toolbar{border-bottom:1px solid var(--border-light);background:var(--bg-secondary);flex-wrap:wrap;gap:4px;padding:8px 12px;display:flex}.toolbar-btn{border-radius:var(--radius-md);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 8px;transition:all .15s;display:flex}.toolbar-btn:hover{background:var(--bg-card);color:var(--text-primary)}.toolbar-label{font-size:var(--text-xs);font-weight:600}.toolbar-separator{background:var(--border-light);width:1px;height:24px;margin:4px}.editor-body{flex:1;overflow:hidden}.editor-write-mode,.editor-preview-mode{height:100%;overflow-y:auto}.editor-textarea{width:100%;height:100%;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;padding:20px;line-height:1.7}.editor-textarea::placeholder{color:var(--text-muted)}.editor-preview-content{padding:20px}.preview-placeholder{color:var(--text-muted);font-style:italic}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{color:var(--text-primary);margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-body h1{font-size:2em}.markdown-body h2{font-size:1.5em}.markdown-body h3{font-size:1.25em}.markdown-body p{margin-top:0;margin-bottom:16px;line-height:1.7}.markdown-body strong{color:var(--text-primary);font-weight:600}.markdown-body em{font-style:italic}.markdown-body del{color:var(--text-secondary);text-decoration:line-through}.markdown-body code{background:var(--bg-secondary);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--orange-500);padding:2px 6px;font-size:.9em}.markdown-body pre{background:var(--bg-secondary);border-radius:var(--radius-md);padding:16px;overflow-x:auto}.markdown-body pre code{color:var(--text-primary);background:0 0;padding:0}.markdown-body blockquote{border-left:4px solid var(--orange-500);color:var(--text-secondary);margin:0;padding:0 16px}.markdown-body ul,.markdown-body ol{margin-bottom:16px;padding-left:24px}.markdown-body li{margin-bottom:4px}.markdown-body .task-item{margin-left:-24px;list-style:none}.markdown-body .task-item input{margin-right:8px}.markdown-body a{color:var(--orange-500);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body img{border-radius:var(--radius-md);max-width:100%}.markdown-body hr{border:none;border-top:1px solid var(--border-light);margin:24px 0}.markdown-body .wiki-link{color:var(--orange-500);background:var(--accent-subtle);border-radius:var(--radius-sm);cursor:pointer;padding:2px 6px}.markdown-body .wiki-link:hover{background:var(--orange-500);color:#fff}.editor-footer{border-top:1px solid var(--border-light);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.editor-tags{flex:1;align-items:center;gap:8px;display:flex}.editor-tags>i{color:var(--text-muted)}.editor-tags-list{flex-wrap:wrap;gap:6px;display:flex}.editor-tag{background:var(--accent-subtle);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--orange-500);align-items:center;gap:4px;padding:4px 8px;display:flex}.editor-tag-remove{width:14px;height:14px;color:var(--orange-500);cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex}.editor-tag-remove:hover{opacity:1}.editor-tag-input{width:100px;font-size:var(--text-xs);color:var(--text-primary);background:0 0;border:none;outline:none}.editor-tag-input::placeholder{color:var(--text-muted)}.editor-info{font-size:var(--text-xs);color:var(--text-muted);gap:16px;display:flex}.pdf-viewer{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);flex-direction:column;height:100%;display:flex;overflow:hidden}.pdf-toolbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.pdf-toolbar-left,.pdf-toolbar-center,.pdf-toolbar-right{align-items:center;gap:8px;display:flex}.pdf-toolbar-center{flex:1;justify-content:center}.pdf-title{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.pdf-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.pdf-btn:hover{background:var(--bg-card);color:var(--text-primary)}.pdf-btn.active{background:var(--accent-subtle);color:var(--orange-500)}.pdf-page-info{font-size:var(--text-sm);color:var(--text-secondary);align-items:center;gap:4px;display:flex}.pdf-page-input{text-align:center;border:1px solid var(--border-light);border-radius:var(--radius-sm);width:48px;font-size:var(--text-sm);color:var(--text-primary);padding:4px 8px}.pdf-page-input:focus{border-color:var(--orange-500);outline:none}.pdf-zoom-level{text-align:center;min-width:48px;font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-secondary)}.pdf-separator{background:var(--border-light);width:1px;height:24px}.pdf-content{background:var(--bg-secondary);flex:1;overflow-y:auto}.pdf-loading{height:100%;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:none}.pdf-pages-container{flex-direction:column;align-items:center;gap:20px;padding:20px;display:flex}.pdf-page{background:#fff;box-shadow:0 2px 8px #0000001a}.pdf-page canvas{display:block}.pdf-error{height:100%;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.pdf-error i{color:var(--error);margin-bottom:16px}.pdf-error p{margin:0 0 16px}.pdf-thumbnails{border-left:1px solid var(--border-light);background:var(--bg-card);width:120px;overflow-y:auto}.pdf-thumbnails-header{font-size:var(--text-xs);color:var(--text-secondary);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:8px 12px;font-weight:500;display:flex}.pdf-thumbnails-list{padding:8px}@media (width<=768px){.notes-layout{grid-template-columns:1fr;height:auto}.notes-sidebar{border-right:none;border-bottom:1px solid var(--border-light);max-height:300px}.pdf-toolbar{flex-wrap:wrap;gap:8px}.pdf-toolbar-center{order:-1;width:100%}}.exam-player{max-width:800px;margin:0 auto}.exam-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.exam-title{font-size:var(--text-xl);color:var(--text-primary);margin:0;font-weight:700}.exam-subject{font-size:var(--text-sm);color:var(--text-secondary);margin:4px 0 0}.exam-header-actions{align-items:center;gap:12px;display:flex}.exam-timer{background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-lg);font-size:var(--text-xl);font-family:var(--font-mono);color:var(--text-primary);align-items:center;gap:8px;padding:12px 20px;font-weight:600;display:flex}.exam-timer i{color:var(--orange-500)}.exam-progress{margin-bottom:24px}.exam-progress-bar{appearance:none;background:var(--border-light);border:none;border-radius:4px;width:100%;height:8px;margin-bottom:8px;display:block;overflow:hidden}.exam-progress-bar::-webkit-progress-bar{background:var(--border-light)}.exam-progress-bar::-webkit-progress-value{background:var(--orange-500);transition:width .3s}.exam-progress-bar::-moz-progress-bar{background:var(--orange-500)}.exam-alert{background:var(--error-bg);border:1px solid var(--error);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.exam-progress-info{font-size:var(--text-sm);color:var(--text-secondary);justify-content:space-between;display:flex}.exam-question-container{margin-bottom:24px}.exam-navigation{justify-content:space-between;align-items:center;gap:16px;display:flex}.exam-question-dots{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.exam-dot{background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-md);width:32px;height:32px;font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;font-weight:500;transition:all .2s;display:flex;position:relative}.exam-dot:hover{border-color:var(--orange-500);color:var(--orange-500)}.exam-dot.active{background:var(--orange-500);border-color:var(--orange-500);color:#fff}.exam-dot.answered{background:var(--success-bg);border-color:var(--success);color:var(--success)}.exam-dot.answered.active{background:var(--success);color:#fff}.exam-dot.flagged:after{content:"";background:var(--warning);border:2px solid var(--bg-card);border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;right:-4px}.question-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.question-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.question-number{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.question-actions{gap:8px;display:flex}.question-flag-btn,.question-explanation-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.question-flag-btn:hover,.question-explanation-btn:hover{background:var(--bg-card);color:var(--text-primary)}.question-flag-btn.flagged{color:var(--warning)}.question-content{padding:24px}.question-text{font-size:var(--text-base);color:var(--text-primary);margin:0;line-height:1.6}.question-reference{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);margin-bottom:18px;padding:16px}.question-reference-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:6px;font-weight:700}.question-reference-title{font-size:var(--text-base);margin:0 0 8px}.question-reference-body{white-space:pre-line;margin:0;line-height:1.6}.question-image{text-align:center;margin-top:16px}.question-image img{border-radius:var(--radius-md);max-width:100%;max-height:300px}.question-code{background:var(--bg-secondary);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);margin-top:16px;padding:16px;overflow-x:auto}.question-answers{flex-direction:column;gap:12px;padding:0 24px 24px;display:flex}.question-answer{background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-md);text-align:left;cursor:pointer;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.question-answer:hover:not(:disabled),.question-answer.selected{border-color:var(--orange-500);background:var(--accent-subtle)}.question-answer.correct{border-color:var(--success);background:var(--success-bg)}.question-answer.wrong{border-color:var(--error);background:var(--error-bg)}.question-answer:disabled{cursor:default}.question-answer-letter{background:var(--bg-secondary);border-radius:var(--radius-md);width:32px;height:32px;font-weight:600;font-size:var(--text-sm);color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.question-answer.selected .question-answer-letter{background:var(--orange-500);color:#fff}.question-answer.correct .question-answer-letter{background:var(--success);color:#fff}.question-answer.wrong .question-answer-letter{background:var(--error);color:#fff}.question-answer-text{font-size:var(--text-sm);color:var(--text-primary);flex:1}.answer-icon{flex-shrink:0}.question-explanation{border-top:1px solid var(--border-light);padding:16px 24px 24px}.question-explanation-header{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:12px;font-weight:600;display:flex}.question-explanation-header i{color:var(--warning)}.question-explanation-text{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.6}.question-explanation-source{font-size:var(--text-xs);color:var(--text-muted);margin:12px 0 0;font-style:italic}.results-screen{text-align:center;max-width:600px;margin:0 auto}.results-header{margin-bottom:32px}.results-title{font-size:var(--text-2xl);color:var(--text-primary);margin:0;font-weight:700}.results-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:8px 0 0}.results-score{margin-bottom:32px}.results-score-value{color:var(--text-primary);margin:0 0 8px;font-size:48px;font-weight:700;line-height:1}.results-score-label{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.results-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.results-stat{background:var(--bg-card);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.results-stat.success{color:var(--success)}.results-stat.error{color:var(--error)}.results-stat.secondary{color:var(--text-secondary)}.results-stat.info{color:var(--info)}.results-stat-info{flex-direction:column;align-items:center;display:flex}.results-stat-value{font-size:var(--text-xl);color:var(--text-primary);font-weight:700}.results-stat-label{font-size:var(--text-xs);color:var(--text-secondary)}.results-details{text-align:left;margin-bottom:32px}.results-details h3{font-size:var(--text-lg);color:var(--text-primary);margin:0 0 16px}.results-question-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.results-question-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);align-items:center;gap:6px;padding:8px 12px;display:flex}.results-question-item.correct{border-color:var(--success);color:var(--success)}.results-question-item.wrong{border-color:var(--error);color:var(--error)}.results-question-item.unanswered{color:var(--text-muted)}.results-question-number{font-weight:600}.results-question-flag{font-size:var(--text-xs);color:var(--warning)}.results-actions{justify-content:center;gap:12px;display:flex}.exam-empty,.results-empty{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.exam-empty i,.results-empty i{opacity:.5;margin-bottom:16px}.exam-empty h3,.results-empty h3{font-size:var(--text-lg);color:var(--text-primary);margin:0}.exam-empty p,.results-empty p{font-size:var(--text-sm);margin:8px 0 0}.exams-page{max-width:1000px;margin:0 auto}.exams-content{position:relative}.simulator-builder{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-card);gap:16px;margin:0 0 32px;padding:20px;display:grid}.simulator-builder h2,.exams-catalog>h2,.exams-catalog-group h3{margin:0}.simulator-builder p{color:var(--text-secondary);margin:6px 0 0}.simulator-builder-fields{border:none;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.simulator-count-label{font-size:var(--text-sm);color:var(--text-secondary);gap:6px;display:grid}.simulator-subject-option{border:1px solid var(--border-light);border-radius:var(--radius-full);cursor:pointer;font-size:var(--text-sm);align-items:center;gap:7px;padding:8px 10px;display:inline-flex}.simulator-question-count{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-card);width:min(100%,140px);min-height:42px;color:var(--text-primary);padding:8px 10px}.simulator-builder .btn{width:fit-content}.exams-catalog{gap:18px;display:grid}.exams-catalog-group{gap:10px;display:grid}.exams-catalog-track{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-card)}.exams-catalog-track>summary{cursor:pointer;min-height:48px;color:var(--text-primary);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-weight:600;display:flex}.exams-catalog-track-count{font-size:var(--text-sm);color:var(--text-secondary);margin-left:auto;font-weight:400}.exams-catalog-track>.exams-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:0 12px 12px;display:grid}.exams-catalog-track .exam-list-item{text-align:center;flex-direction:column;gap:10px;padding:14px 10px}.exams-list-header{margin-bottom:16px}.exams-list-header h2{font-size:var(--text-lg);color:var(--text-primary);margin:0}.exams-list{flex-direction:column;gap:12px;display:flex}.exams-list-empty{color:var(--text-secondary);text-align:center;flex-direction:column;align-items:center;padding:48px 24px;display:flex}.exams-list-empty i{opacity:.5;margin-bottom:16px}.exam-list-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.exam-list-item:hover{border-color:var(--orange-500);box-shadow:var(--shadow-sm)}.exam-list-item-icon{background:var(--accent-subtle);border-radius:var(--radius-lg);width:56px;height:56px;color:var(--orange-500);flex-shrink:0;justify-content:center;align-items:center;display:flex}.exam-list-item-info{flex:1;min-width:0}.exam-list-item-title{font-size:var(--text-base);color:var(--text-primary);margin:0;font-weight:600}.exam-list-item-meta{font-size:var(--text-sm);color:var(--text-secondary);flex-wrap:wrap;gap:16px;margin-top:8px;display:flex}.exam-list-item-meta span{align-items:center;gap:4px;display:flex}@media (width<=640px){.exam-header{flex-direction:column;align-items:flex-start;gap:12px}.exam-header-actions{justify-content:space-between;width:100%}.exam-alert{flex-direction:column;align-items:flex-start}.exam-navigation{flex-wrap:wrap;justify-content:center}.exam-question-dots{order:3;width:100%}.results-stats{grid-template-columns:repeat(2,1fr)}.results-actions{flex-direction:column}.exam-list-item{text-align:center;flex-direction:column}.exam-list-item-meta{justify-content:center}}.simulators-hero{padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.simulators-hero-unavailable{border-style:dashed}.simulators-hero h2{margin:0 0 var(--space-2);font-size:var(--text-xl);color:var(--text-primary)}.simulators-hero p{margin:0 0 var(--space-4);color:var(--text-secondary)}.simulators-subject-chooser{gap:var(--space-2);max-width:320px;margin-bottom:var(--space-4);flex-direction:column;display:flex}.simulators-subject-chooser label{font-size:var(--text-sm);color:var(--text-secondary)}.simulators-hero-cta{align-self:flex-start}.simulators-mastery{margin-bottom:var(--space-6)}.simulators-mastery h2{margin:0 0 var(--space-2);font-size:var(--text-lg);color:var(--text-primary)}.simulators-mastery-note,.simulators-mastery-empty{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.simulators-mastery-table{border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:100%;overflow:hidden}.simulators-mastery-table th,.simulators-mastery-table td{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-sm);border-bottom:1px solid var(--border-light)}.simulators-mastery-table tbody tr:last-child td{border-bottom:none}.simulators-mastery-table th{color:var(--text-secondary);font-weight:var(--font-medium)}.simulators-mastery-row-attention td:last-child{color:var(--error);font-weight:var(--font-semibold)}.simulators-mastery-row-evolving td:last-child{color:var(--warning);font-weight:var(--font-semibold)}.simulators-mastery-row-strong td:last-child{color:var(--success);font-weight:var(--font-semibold)}.simulators-mastery-row-insufficient td:last-child{color:var(--text-muted)}.simulators-resume{padding:var(--space-4) var(--space-6);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.simulators-resume h2{margin:0 0 var(--space-1);font-size:var(--text-base);color:var(--text-primary)}.simulators-resume p{margin:0 0 var(--space-3);color:var(--text-secondary);font-size:var(--text-sm)}.simulators-resume-other{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.simulators-catalog h2{margin:0 0 var(--space-3);font-size:var(--text-base);color:var(--text-secondary)}.simulators-catalog-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.simulators-status,.simulators-error{padding:var(--space-6);text-align:center;color:var(--text-secondary)}.simulators-error{border:1px solid var(--border-light);border-radius:var(--radius-lg)}.simulators-action-error{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--error-bg);border:1px solid var(--error);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm)}.simulators-retry-banner{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--warning-bg);border:1px solid var(--warning);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);display:flex}.exams-page{overflow-wrap:anywhere;min-width:0}.exams-page [hidden],.exam-player [hidden],.results-screen [hidden]{display:none!important}.exams-page :is(button,a,select,input,summary):focus-visible{outline:3px solid var(--border-focus);outline-offset:3px}.simulator-catalog{border-top:1px solid var(--border-light);padding-top:var(--space-6);margin-bottom:var(--space-6)}.simulator-catalog h2{margin-bottom:var(--space-3);font-size:var(--text-lg)}.simulator-catalog-filters{gap:var(--space-3);margin:var(--space-4) 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.simulator-catalog-filter{gap:var(--space-2);min-width:0;display:grid}.simulator-catalog-entries{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.simulator-catalog-group{min-width:0}.simulator-catalog-group>p{color:var(--text-secondary);font-size:var(--text-sm);margin:var(--space-3) 0}.simulator-catalog-cards{gap:var(--space-4);display:grid}.simulator-catalog-card{gap:var(--space-2);border:1px solid var(--border-light);padding:var(--space-4);border-radius:var(--radius-lg);display:grid}.simulator-catalog-card h4{font-size:var(--text-base)}.simulator-catalog-card p{font-size:var(--text-sm);color:var(--text-secondary)}.simulator-catalog-card .btn{white-space:normal;width:100%}.simulator-document-link{color:var(--orange-500);padding:var(--space-2) 0;text-underline-offset:3px;text-decoration:underline}.simulator-catalog-group>.btn{margin-top:var(--space-4)}.simulator-resume-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--border-light);display:flex}.simulator-active-sessions summary{cursor:pointer;padding:var(--space-4) 0}.simulators-mastery-table td small{margin-bottom:var(--space-2);display:block}.exam-question-dots{flex-wrap:wrap;min-width:0}.exam-dot{flex-shrink:0}@media (width<=640px){.simulator-catalog-filters,.simulator-catalog-entries{grid-template-columns:1fr}.simulator-resume-row{flex-direction:column;align-items:stretch}.simulators-hero,.simulators-resume{padding:var(--space-4)}.simulators-mastery-table,.simulators-mastery-table thead,.simulators-mastery-table tbody,.simulators-mastery-table tr{width:100%;display:block}.simulators-mastery-table thead{display:none}.simulators-mastery-table .simulators-mastery-row{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);flex-direction:column;display:flex}.simulators-mastery-row td{padding:var(--space-1) 0;border-bottom:none;display:block}.simulators-mastery-row td[data-label]:before{content:attr(data-label) ": ";color:var(--text-muted);font-weight:400}.simulators-mastery-row td:first-child{font-weight:var(--font-semibold)}.simulators-retry-banner{flex-direction:column;align-items:flex-start}}.question-bank-builder{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);margin:0 0 28px;padding:20px}.question-bank-heading{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.question-bank-heading h2{font-size:var(--font-size-lg);margin:0 0 4px}.question-bank-heading p,.question-bank-message{color:var(--color-text-secondary);margin:0}.question-bank-message.error{color:var(--color-error)}.question-bank-fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.question-bank-field{font-size:var(--font-size-sm);color:var(--color-text);gap:6px;font-weight:600;display:grid}.question-bank-actions{align-items:center;gap:14px;margin-top:18px;display:flex}@media (width<=640px){.question-bank-heading,.question-bank-actions{flex-direction:column;align-items:stretch}}.dashboard-page{max-width:1200px;margin:0 auto}.dashboard-top-section{grid-template-columns:1fr 300px;gap:24px;margin-bottom:24px;display:grid}.xp-bar{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px}.xp-bar-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.xp-bar-level{align-items:center;display:flex}.xp-level-badge{background:linear-gradient(135deg, var(--orange-500), var(--orange-600));border-radius:var(--radius-full);color:#fff;font-size:var(--text-sm);align-items:center;padding:6px 12px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #ff6b1a4d}.xp-level-badge.level-up{animation:.6s levelUp}@keyframes levelUp{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.xp-bar-info{align-items:center;gap:12px;display:flex}.xp-bar-text{font-size:var(--text-sm);color:var(--text-secondary)}.xp-current{color:var(--orange-500);font-weight:600}.xp-bar-percent{font-size:var(--text-xs);color:var(--text-muted)}.xp-bar-track{background:var(--border-light);border-radius:6px;height:12px;position:relative;overflow:hidden}.xp-bar-fill{background:var(--xp-bar-fill);border-radius:6px;height:100%;transition:width .5s}.xp-bar-fill.animated{animation:2s ease-in-out infinite xpPulse}@keyframes xpPulse{0%,to{opacity:1}50%{opacity:.8}}.xp-bar-glow{pointer-events:none;background:linear-gradient(#ffffff4d,#0000);border-radius:6px 6px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.xp-bar-footer{font-size:var(--text-xs);color:var(--text-muted);justify-content:space-between;margin-top:8px;display:flex}.streak-counter{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px}.streak-main{align-items:center;gap:16px;margin-bottom:16px;display:flex}.streak-fire{background:var(--bg-secondary);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.streak-fire.active{background:linear-gradient(135deg,#ff6b35,#ff9500)}.streak-fire-emoji{z-index:1;font-size:32px}.streak-fire-particles{position:absolute;inset:0;overflow:hidden}.streak-fire-particles:before,.streak-fire-particles:after{content:"";background:#ff6b35;border-radius:50%;width:8px;height:8px;animation:1s ease-out infinite fireParticle;position:absolute}.streak-fire-particles:before{animation-delay:0s;left:30%}.streak-fire-particles:after{animation-delay:.5s;right:30%}@keyframes fireParticle{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-20px)scale(0)}}.streak-info{flex-direction:column;display:flex}.streak-count{font-size:var(--text-3xl);color:var(--text-primary);font-weight:700;line-height:1}.streak-label{font-size:var(--text-sm);color:var(--text-secondary)}.streak-details{gap:16px;margin-bottom:12px;display:flex}.streak-detail{font-size:var(--text-xs);color:var(--text-secondary);align-items:center;gap:6px;display:flex}.streak-status{border-top:1px solid var(--border-light);padding-top:12px}.streak-today{font-size:var(--text-xs);align-items:center;gap:6px;display:flex}.streak-today.done{color:var(--success)}.streak-today.pending{color:var(--text-secondary)}.streak-freeze-btn{background:var(--info-bg);border:1px solid var(--info);border-radius:var(--radius-md);width:100%;color:var(--info);font-size:var(--text-sm);cursor:pointer;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:10px;transition:all .2s;display:flex}.streak-freeze-btn:hover{background:var(--info);color:#fff}.heatmap-calendar{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:24px;padding:20px;overflow-x:auto}.heatmap-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.heatmap-stats{gap:16px;display:flex}.heatmap-stat{font-size:var(--text-sm);color:var(--text-secondary)}.heatmap-legend{align-items:center;gap:4px;display:flex}.heatmap-legend-label{font-size:var(--text-xs);color:var(--text-muted)}.heatmap-legend-cell{border-radius:2px;width:12px;height:12px}.heatmap-legend-cell[data-level="0"]{background:var(--border-light)}.heatmap-legend-cell[data-level="1"]{background:#9be9a8}.heatmap-legend-cell[data-level="2"]{background:#40c463}.heatmap-legend-cell[data-level="3"]{background:#30a14e}.heatmap-legend-cell[data-level="4"]{background:#216e39}.heatmap-container{gap:8px;display:flex}.heatmap-months{height:20px;margin-left:36px;position:relative}.heatmap-month{font-size:var(--text-xs);color:var(--text-muted);position:absolute}.heatmap-grid{gap:4px;display:flex}.heatmap-day-labels{flex-direction:column;gap:2px;display:flex}.heatmap-day-label{height:12px;color:var(--text-muted);font-size:10px;line-height:12px}.heatmap-cells{gap:3px;display:flex}.heatmap-week{flex-direction:column;gap:3px;display:flex}.heatmap-cell{cursor:pointer;border-radius:2px;width:12px;height:12px;transition:transform .1s}.heatmap-cell:hover{transform:scale(1.3)}.heatmap-cell.empty{visibility:hidden}.heatmap-cell.level-0{background:var(--border-light)}.heatmap-cell.level-1{background:#9be9a8}.heatmap-cell.level-2{background:#40c463}.heatmap-cell.level-3{background:#30a14e}.heatmap-cell.level-4{background:#216e39}.heatmap-cell.today{outline:2px solid var(--orange-500);outline-offset:1px}.stats-dashboard{flex-direction:column;gap:24px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);align-items:center;gap:16px;padding:20px;display:flex}.stat-card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-card.primary .stat-card-icon{background:var(--accent-subtle);color:var(--orange-500)}.stat-card.success .stat-card-icon{background:var(--success-bg);color:var(--success)}.stat-card.info .stat-card-icon{background:var(--info-bg);color:var(--info)}.stat-card.warning .stat-card-icon{background:var(--warning-bg);color:var(--warning)}.stat-card-content{flex-direction:column;display:flex}.stat-card-value{font-size:var(--text-xl);color:var(--text-primary);font-weight:700}.stat-card-label{font-size:var(--text-xs);color:var(--text-secondary)}.stats-sections{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.stats-section{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px}.stats-section-title{font-size:var(--text-base);color:var(--text-primary);margin:0 0 16px;font-weight:600}.weekly-progress{flex-direction:column;gap:12px;display:flex}.weekly-dots{justify-content:space-between;display:flex}.weekly-dot{flex-direction:column;align-items:center;gap:4px;display:flex}.weekly-dot-day{font-size:var(--text-xs);color:var(--text-secondary)}.weekly-dot-circle{background:var(--border-light);border-radius:50%;width:24px;height:24px}.weekly-dot.completed .weekly-dot-circle{background:var(--success)}.weekly-dot.today .weekly-dot-circle{outline:2px solid var(--orange-500);outline-offset:2px}.weekly-text{text-align:center;font-size:var(--text-sm);color:var(--text-secondary)}.subject-stats{flex-direction:column;gap:12px;display:flex}.subject-stat{flex-direction:column;gap:4px;display:flex}.subject-stat-info{font-size:var(--text-sm);justify-content:space-between;display:flex}.subject-stat-name{color:var(--text-primary)}.subject-stat-percent{color:var(--text-secondary)}.subject-stat-bar{background:var(--border-light);border-radius:3px;height:6px;overflow:hidden}.subject-stat-fill{border-radius:3px;height:100%;transition:width .3s}.recent-activity{flex-direction:column;gap:12px;display:flex}.activity-item{align-items:flex-start;gap:12px;display:flex}.activity-icon{background:var(--bg-secondary);border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.activity-content{flex-direction:column;display:flex}.activity-text{font-size:var(--text-sm);color:var(--text-primary)}.activity-time{font-size:var(--text-xs);color:var(--text-muted)}@media (width<=900px){.dashboard-top-section{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-sections{grid-template-columns:1fr}}@media (width<=640px){.stats-grid{grid-template-columns:1fr}.heatmap-header{flex-direction:column;align-items:flex-start;gap:12px}}.dashboard-home{gap:24px;display:grid}.dashboard-hero{border:1px solid var(--border-light);background:radial-gradient(circle at 88% 10%, var(--accent-subtle), transparent 32%), var(--bg-card);border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;padding:32px;display:grid;position:relative;overflow:hidden}.dashboard-hero:after{content:"";border:42px solid var(--accent-subtle);pointer-events:none;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-130px;right:-90px}.dashboard-hero-copy{z-index:1;max-width:680px;position:relative}.dashboard-eyebrow,.dashboard-section-kicker{color:var(--orange-500);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-weight:700;display:block}.dashboard-hero h1{color:var(--text-primary);letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3.25rem);line-height:1.02}.dashboard-hero p{max-width:620px;color:var(--text-secondary);font-size:var(--text-base);margin:14px 0 0;line-height:1.65}.dashboard-hero-actions{gap:10px;margin-top:24px;display:flex}.dashboard-hero-actions .btn{align-items:center;gap:8px;display:inline-flex}.dashboard-hero-level{z-index:1;text-align:center;border:1px solid var(--border-light);background:color-mix(in srgb, var(--bg-card) 88%, transparent);min-width:150px;box-shadow:var(--shadow-sm);border-radius:18px;padding:22px;display:grid;position:relative}.dashboard-hero-level span,.dashboard-hero-level small{color:var(--text-muted);font-size:var(--text-xs)}.dashboard-hero-level strong{color:var(--orange-500);margin:3px 0;font-size:3rem;line-height:1}.dashboard-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.dashboard-overview-card{border:1px solid var(--border-light);background:var(--bg-card);border-radius:16px;align-items:center;gap:14px;min-width:0;padding:18px;display:flex}.dashboard-overview-icon{background:var(--accent-subtle);width:42px;height:42px;color:var(--orange-500);border-radius:12px;flex:0 0 42px;place-items:center;display:grid}.dashboard-overview-card div{min-width:0;display:grid}.dashboard-overview-card strong{color:var(--text-primary);font-size:var(--text-xl);line-height:1.1}.dashboard-overview-card span:last-child{color:var(--text-muted);font-size:var(--text-xs);margin-top:3px}.dashboard-focus-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);align-items:start;gap:20px;display:grid}.dashboard-main-column,.dashboard-side-column{gap:20px;display:grid}.dashboard-section,.dashboard-detail-section{border:1px solid var(--border-light);background:var(--bg-card);border-radius:18px;padding:22px}.dashboard-section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.dashboard-section-heading.compact{margin-bottom:12px}.dashboard-section-heading h2{color:var(--text-primary);font-size:var(--text-lg);letter-spacing:-.02em;margin:0}.dashboard-inline-link{color:var(--orange-500);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;display:inline-flex}.dashboard-progress-section .xp-bar,.dashboard-streak-shell .streak-counter,.dashboard-activity-section .heatmap-calendar{background:0 0;border:0;margin:0;padding:0}.dashboard-next-card>button{border:0;border-top:1px solid var(--border-light);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;display:grid}.dashboard-next-card>button:first-of-type{border-top:0}.dashboard-next-card>button>span{background:var(--bg-secondary);width:38px;height:38px;color:var(--orange-500);border-radius:11px;place-items:center;display:grid}.dashboard-next-card button div{gap:2px;display:grid}.dashboard-next-card button small{color:var(--text-muted);line-height:1.4}.dashboard-detail-section .stats-dashboard{gap:16px}.dashboard-detail-section .stats-grid,.dashboard-detail-section .stats-sections{gap:12px}@media (width<=1000px){.dashboard-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-focus-grid{grid-template-columns:1fr}.dashboard-side-column{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.dashboard-hero{grid-template-columns:1fr;padding:24px}.dashboard-hero-level{justify-content:center;align-items:baseline;gap:8px;display:flex}.dashboard-hero-level strong{font-size:2rem}.dashboard-overview,.dashboard-side-column{grid-template-columns:1fr}.dashboard-hero-actions{flex-direction:column}.dashboard-section,.dashboard-detail-section{padding:18px}}.library-content{gap:1.5rem;padding:1.5rem;display:grid}.library-controls{justify-content:space-between;align-items:center;gap:1rem;display:flex}.library-control-actions{flex-wrap:wrap;gap:.5rem;display:flex}.library-state{color:var(--text-secondary)}.library-state-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-card);max-width:42rem;padding:1.5rem}.library-state-card h2,.library-state-card p{margin:0 0 .75rem}.library-groups{gap:1.5rem;display:grid}.library-group h2,.library-group h3{margin:0}.library-group h3{color:var(--text-secondary);font-size:.875rem;font-weight:400}.library-items{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.75rem;margin-top:.75rem;display:grid}.library-item{text-align:left;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-card);color:inherit;cursor:pointer;gap:.25rem;padding:1rem;display:grid}.library-item:hover,.library-item:focus-visible{border-color:var(--orange-500);outline:none}.library-item small{color:var(--text-secondary);text-transform:capitalize}.course-library-layout{grid-template-columns:minmax(13rem,17rem) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.course-tree,.course-library-selection{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-card);min-width:0;padding:1rem}.course-tree-list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.course-tree-list-nested{margin:.35rem 0 0 .75rem}.course-tree-node{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;padding:.5rem .6rem}.course-tree-node:hover,.course-tree-node[aria-current=page]{background:color-mix(in srgb, var(--orange-500) 12%, transparent)}.course-tree-node:focus-visible,.lesson-card:focus-visible,.library-type-filter:focus-visible{outline:3px solid var(--border-focus,var(--orange-500));outline-offset:3px}.course-tree-node-course{font-weight:700}.course-tree-node-module{font-size:.9375rem}.course-library-selection{gap:1rem;display:grid}.course-library-selection h2{overflow-wrap:anywhere;margin:0}.library-type-filters{flex-wrap:wrap;gap:.5rem;display:flex}.library-type-filter[aria-pressed=true]{border-color:var(--orange-500);background:color-mix(in srgb, var(--orange-500) 14%, var(--bg-card));color:var(--orange-500)}.lesson-card-grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.875rem;display:grid}.lesson-card{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-card);min-width:0;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;padding:0;display:grid;overflow:hidden}.lesson-card:hover{border-color:var(--orange-500);transform:translateY(-1px)}.lesson-card-cover{aspect-ratio:16/8;background:linear-gradient(135deg, color-mix(in srgb, var(--orange-500) 28%, var(--bg-card)), color-mix(in srgb, var(--info) 20%, var(--bg-card)));place-items:center;display:grid}.lesson-card-video-placeholder{opacity:.75;border:2px solid;border-radius:50%;width:2.5rem;height:2.5rem}.lesson-card-waveform{clip-path:polygon(0 47%,10% 30%,20% 70%,30% 15%,40% 85%,50% 35%,60% 65%,70% 10%,80% 80%,90% 28%,100% 50%,100% 60%,90% 38%,80% 90%,70% 20%,60% 75%,50% 45%,40% 95%,30% 25%,20% 80%,10% 40%,0 57%);background:repeating-linear-gradient(90deg,currentColor 0 .2rem,#0000 .2rem .45rem);width:56%;height:42%}.material-card-cover{background:color-mix(in srgb, var(--info) 16%, var(--bg-card))}.material-card-document{border:2px solid;border-radius:.2rem;width:2.5rem;height:3.1rem}.lesson-card-body{gap:.45rem;padding:.85rem;display:grid}.lesson-card-badge{background:color-mix(in srgb, var(--orange-500) 15%, var(--bg-card));width:fit-content;color:var(--orange-500);border-radius:99px;padding:.15rem .45rem;font-size:.75rem;font-weight:700}.lesson-card-title{overflow-wrap:anywhere;font-weight:700}@media (width<=900px){.course-library-layout{grid-template-columns:1fr}}.study-library-page{width:min(100%,1280px);color:var(--text-primary);margin:0 auto}.study-library-page button,.study-library-page input{font:inherit}.study-library-page button{color:inherit}.study-library-page svg{stroke-width:1.9px;width:1.1rem;height:1.1rem}.study-library-loading{min-height:26rem;color:var(--text-secondary);text-align:center;align-content:center;place-items:center;gap:.4rem;display:grid}.study-library-loading strong{color:var(--text-primary);font-size:var(--text-lg)}.study-library-loading small{color:var(--text-muted)}.study-library-loading-mark{border:3px solid var(--border-light);border-top-color:var(--orange-500);border-radius:50%;width:2.5rem;height:2.5rem;margin-bottom:.75rem;animation:.7s linear infinite studyLibrarySpin}@keyframes studyLibrarySpin{to{transform:rotate(360deg)}}.study-library-hero{border:1px solid var(--border-light);background:radial-gradient(circle at 88% 10%, var(--accent-subtle), transparent 34%), linear-gradient(135deg, color-mix(in srgb, var(--bg-card) 96%, var(--orange-50)), var(--bg-card));min-height:15.5rem;box-shadow:var(--shadow-sm);border-radius:24px;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:center;gap:2rem;margin-bottom:1rem;padding:clamp(1.5rem,3vw,2.25rem);display:grid;position:relative;overflow:hidden}.study-library-hero:before{content:"";border:3rem solid var(--accent-subtle);pointer-events:none;border-radius:50%;width:18rem;height:18rem;position:absolute;bottom:-11rem;right:-8rem}.study-library-hero.is-compact{grid-template-columns:minmax(0,1fr) auto;min-height:auto;padding-block:1.5rem}.study-library-hero-copy,.study-library-hero-summary{z-index:1;position:relative}.study-library-eyebrow,.study-library-section-kicker{color:var(--orange-500);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.45rem;display:block}.study-library-hero h1{max-width:18ch;color:var(--text-primary);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.02}.study-library-hero p{max-width:42rem;color:var(--text-secondary);font-size:var(--text-base);margin:.85rem 0 0;line-height:1.6}.study-library-hero-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.study-library-hero-metric{border:1px solid var(--border-light);background:color-mix(in srgb, var(--bg-card) 88%, transparent);min-width:0;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;align-items:center;gap:.7rem;padding:.85rem;display:flex}.study-library-hero-metric>span{background:var(--accent-subtle);width:2.25rem;height:2.25rem;color:var(--orange-500);border-radius:10px;flex:0 0 2.25rem;place-items:center;display:grid}.study-library-hero-metric div{min-width:0;display:grid}.study-library-hero-metric strong{color:var(--text-primary);font-size:var(--text-lg);line-height:1}.study-library-hero-metric small{color:var(--text-muted);margin-top:.2rem;font-size:.7rem;line-height:1.15}.study-library-hero-art{opacity:.09;color:var(--orange-500);pointer-events:none;align-items:flex-end;gap:.5rem;display:flex;position:absolute;bottom:-1rem;right:1rem}.study-library-hero-art svg:first-child{width:8rem;height:8rem}.study-library-hero-art svg:last-child{width:3rem;height:3rem;margin-bottom:5rem}.study-library-toolbar{border:1px solid var(--border-light);background:var(--bg-card);border-radius:16px;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:2rem;padding:.75rem;display:flex}.study-library-controls{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.study-library-search{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-secondary);min-width:0;height:2.7rem;color:var(--text-muted);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex:1;align-items:center;gap:.6rem;padding:0 .85rem;display:flex}.study-library-search:focus-within{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.study-library-search input{width:100%;min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0}.study-library-search input::placeholder{color:var(--text-muted)}.study-library-toolbar-context{align-items:center;gap:.5rem;display:flex}.study-library-mode-pill{border-radius:var(--radius-full);background:var(--accent-subtle);color:var(--orange-600);font-size:var(--text-xs);font-weight:var(--font-semibold);align-items:center;gap:.4rem;padding:.55rem .8rem;display:inline-flex}[data-theme=dark] .study-library-mode-pill{color:var(--orange-400)}.study-library-section-heading,.institution-gallery>header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.study-library-section-heading h2,.institution-gallery h2{color:var(--text-primary);letter-spacing:-.025em;margin:0;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.1}.institution-gallery header p{color:var(--text-muted);font-size:var(--text-sm);margin:.35rem 0 0}.study-library-resume{margin-bottom:2.4rem}.study-library-resume-card{border:1px solid var(--border-light);background:var(--bg-card);text-align:left;cursor:pointer;width:100%;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:18px;grid-template-columns:minmax(170px,260px) minmax(0,1fr) auto;align-items:center;gap:1.15rem;padding:.65rem;display:grid}.study-library-resume-card:hover{border-color:color-mix(in srgb, var(--orange-500) 50%, var(--border-light));box-shadow:var(--shadow-md);transform:translateY(-2px)}.study-library-resume-visual{background:var(--study-visual,linear-gradient(135deg, var(--orange-500), var(--orange-700)));border-radius:13px;place-items:center;min-height:7.75rem;display:grid;position:relative;overflow:hidden}.study-library-resume-visual:before,.institution-gallery-cover:before,.study-library-item-cover:before,.study-library-folder-visual:before{content:"";background:radial-gradient(circle at 75% 20%,#ffffff59,#0000 22%),linear-gradient(135deg,#0000 45%,#00000026);position:absolute;inset:0}.study-library-resume-play{z-index:1;width:3.2rem;height:3.2rem;color:var(--orange-600);background:#ffffffeb;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 10px 24px #0000002e}.study-library-resume-body{gap:.25rem;min-width:0;display:grid}.study-library-resume-body small{color:var(--orange-500);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em}.study-library-resume-body strong{color:var(--text-primary);font-size:var(--text-xl);text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.study-library-resume-body span:last-child{color:var(--text-secondary);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.study-library-resume-action{border-radius:var(--radius-lg);background:var(--orange-500);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);align-items:center;gap:.45rem;padding:.75rem 1rem;display:inline-flex}.institution-galleries{gap:2.75rem;margin-bottom:2.75rem;display:grid}.institution-gallery-actions{align-items:center;gap:.4rem;display:flex}.institution-gallery-all,.institution-gallery-scroll{border:1px solid var(--border-light);background:var(--bg-card);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.institution-gallery-all{border-radius:var(--radius-full);min-height:2.4rem;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:.35rem;padding:0 .8rem}.institution-gallery-scroll{width:2.4rem;height:2.4rem;color:var(--text-secondary);border-radius:50%}.institution-gallery-all:hover,.institution-gallery-scroll:hover{border-color:var(--orange-500);background:var(--accent-subtle);color:var(--orange-500)}.institution-gallery-rail{scroll-snap-type:inline mandatory;scrollbar-color:var(--border-medium) transparent;grid-auto-columns:clamp(12.5rem,18vw,15.25rem);grid-auto-flow:column;gap:.9rem;padding:.15rem .1rem .8rem;display:grid;overflow-x:auto}.institution-gallery-card{border:1px solid var(--border-light);background:var(--bg-card);min-width:0;color:var(--text-primary);text-align:left;scroll-snap-align:start;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);border-radius:16px;grid-template-rows:auto 1fr;padding:0;display:grid;position:relative;overflow:hidden}.institution-gallery-card:hover{border-color:color-mix(in srgb, var(--orange-500) 45%, var(--border-light));box-shadow:var(--shadow-lg);transform:translateY(-4px)}.institution-gallery-cover{aspect-ratio:4/3.35;background:var(--study-visual);color:#fff;justify-content:space-between;align-items:flex-end;padding:1rem;display:flex;position:relative;overflow:hidden}.institution-gallery-art{opacity:.22;position:absolute;bottom:-.65rem;right:-.5rem}.institution-gallery-art svg{stroke-width:1.2px;width:6.25rem;height:6.25rem}.institution-gallery-mark{z-index:1;color:#fff;width:2.7rem;height:2.7rem;font-weight:var(--font-bold);letter-spacing:-.02em;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0f172a33;border:1px solid #ffffff73;border-radius:12px;place-items:center;display:grid;position:relative}.institution-gallery-body{align-content:start;gap:.38rem;min-height:8.4rem;padding:.9rem .95rem 1rem;display:grid}.institution-gallery-kind{color:var(--orange-500);font-size:.68rem;font-weight:var(--font-bold);letter-spacing:.07em;text-transform:uppercase}.institution-gallery-card strong{color:var(--text-primary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1rem;line-height:1.25;display:-webkit-box;overflow:hidden}.institution-gallery-meta{color:var(--text-muted);font-size:var(--text-xs);align-items:center;gap:.35rem;margin-top:auto;padding-top:.45rem;display:flex}.institution-gallery-meta svg{width:.9rem;height:.9rem}.institution-gallery-card-action{background:var(--accent-subtle);width:1.85rem;height:1.85rem;color:var(--orange-500);opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:.7rem;right:.7rem;transform:translateY(.25rem)}.institution-gallery-card:hover .institution-gallery-card-action{opacity:1;transform:translateY(0)}.study-library-breadcrumbs{align-items:center;gap:.2rem;margin:0 0 1.35rem;display:flex;overflow-x:auto}.study-library-breadcrumb{border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;padding:.35rem .5rem;display:inline-flex}.study-library-breadcrumb:hover{background:var(--bg-hover);color:var(--orange-500)}.study-library-breadcrumb-separator{color:var(--text-muted);flex:none}.study-library-children-section,.study-library-items{margin-bottom:2.6rem}.study-library-children{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.75rem;display:grid}.study-library-folder{border:1px solid var(--border-light);background:var(--bg-card);text-align:left;cursor:pointer;min-width:0;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:14px;grid-template-columns:3.6rem minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.65rem;display:grid}.study-library-folder:hover{border-color:color-mix(in srgb, var(--orange-500) 45%, var(--border-light));box-shadow:var(--shadow-md);transform:translateY(-2px)}.study-library-folder-visual{background:var(--study-visual);color:#fff;border-radius:11px;place-items:center;width:3.6rem;height:3.6rem;display:grid;position:relative;overflow:hidden}.study-library-folder-visual svg{z-index:1;width:1.55rem;height:1.55rem;position:relative}.study-library-folder-body{gap:.2rem;min-width:0;display:grid}.study-library-folder-body strong,.study-library-folder-body span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.study-library-folder-body strong{color:var(--text-primary)}.study-library-folder-body span{color:var(--text-muted);font-size:var(--text-xs)}.study-library-folder-arrow{width:2rem;height:2rem;color:var(--text-muted);border-radius:50%;place-items:center;display:grid}.study-library-folder:hover .study-library-folder-arrow{background:var(--accent-subtle);color:var(--orange-500)}.study-library-grid{grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:.9rem;display:grid}.study-library-item{border:1px solid var(--border-light);background:var(--bg-card);min-width:0;color:var(--text-primary);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:15px;grid-template-rows:auto 1fr;padding:0;display:grid;overflow:hidden}.study-library-item:hover:not(:disabled){border-color:color-mix(in srgb, var(--orange-500) 45%, var(--border-light));box-shadow:var(--shadow-md);transform:translateY(-3px)}.study-library-item:disabled{cursor:not-allowed;opacity:.58}.study-library-item-cover{aspect-ratio:16/8.4;background:var(--study-visual);color:#fff;align-items:flex-end;padding:.8rem;display:flex;position:relative;overflow:hidden}.study-library-item-art{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000001f;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:3.5rem;height:3.5rem;display:grid;position:absolute;bottom:.45rem;right:.8rem}.study-library-item-art svg{z-index:1;fill:currentColor;width:1.5rem;height:1.5rem;position:relative}.study-library-item-type{z-index:1;border-radius:var(--radius-full);color:#fff;font-size:.67rem;font-weight:var(--font-bold);letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#00000029;border:1px solid #ffffff52;padding:.3rem .5rem;display:inline-flex;position:relative}.study-library-item-body{align-content:start;gap:.4rem;min-height:8.1rem;padding:.9rem 1rem 1rem;display:grid}.study-library-item-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.98rem;line-height:1.3;display:-webkit-box;overflow:hidden}.study-library-item-path{color:var(--text-muted);font-size:var(--text-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.study-library-item-action{color:var(--orange-500);font-size:var(--text-sm);font-weight:var(--font-semibold);align-items:center;gap:.35rem;margin-top:auto;padding-top:.55rem;display:flex}.study-library-item-action svg{width:.95rem;height:.95rem}.study-library-player{border:1px solid var(--border-light);background:var(--bg-card);box-shadow:var(--shadow-md);border-radius:18px;margin-bottom:2.3rem;scroll-margin-top:1rem;overflow:hidden}.study-library-player>header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;display:flex}.study-library-player h2{color:var(--text-primary);font-size:var(--text-lg);margin:0}.study-library-player iframe{background:#000;border:0;width:100%;min-height:min(68vh,46rem);display:block}.study-library-player-external{color:var(--orange-500);font-size:var(--text-sm);font-weight:var(--font-semibold);align-items:center;gap:.4rem;margin:.9rem 1.15rem 1rem;text-decoration:none;display:inline-flex}.study-library-pagination{justify-content:center;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.study-library-pagination span{color:var(--text-secondary);font-size:var(--text-sm)}.study-library-message{border:1px dashed var(--border-medium);color:var(--text-secondary);text-align:center;background:var(--bg-card);border-radius:14px;margin:0;padding:2.5rem 1rem}[data-visual=psychology]{--study-visual:linear-gradient(145deg, #553c78, #7b4c88 52%, #e0754f)}[data-visual=health]{--study-visual:linear-gradient(145deg, #347768, #4b8c72 50%, #f08a53)}[data-visual=science]{--study-visual:linear-gradient(145deg, #296e7a, #3d8791 50%, #f47c48)}[data-visual=stem]{--study-visual:linear-gradient(145deg, #3e5e8b, #526f9b 52%, #f57b3e)}[data-visual=humanities]{--study-visual:linear-gradient(145deg, #89623c, #aa7447 52%, #e66b35)}[data-visual=exam]{--study-visual:linear-gradient(145deg, #7b4d38, #a85d39 50%, #ff6b1a)}[data-visual=study]{--study-visual:linear-gradient(145deg, #57534e, #78716c 50%, #ff6b1a)}.study-library-item-cover[data-type=pdf]{--study-visual:linear-gradient(145deg, #8c4545, #ad5f4b 55%, #f08a50)}.study-library-item-cover[data-type=document]{--study-visual:linear-gradient(145deg, #59627b, #717996 55%, #e77746)}.study-library-item-cover[data-type=audio]{--study-visual:linear-gradient(145deg, #416a56, #568266 55%, #ee7b45)}@media (width<=1050px){.study-library-hero{grid-template-columns:1fr}.study-library-hero-summary{max-width:38rem}.study-library-hero.is-compact{grid-template-columns:1fr}}@media (width<=760px){.study-library-page{width:100%}.study-library-hero{border-radius:18px;min-height:auto;margin-inline:0}.study-library-hero h1{font-size:clamp(2rem,10vw,2.7rem)}.study-library-hero-summary{grid-template-columns:1fr}.study-library-hero-metric{padding:.7rem}.study-library-toolbar{padding:.65rem;display:grid}.study-library-controls{width:100%}.study-library-controls .btn{padding-inline:.85rem}.study-library-toolbar-context{justify-content:space-between}.study-library-resume-card{grid-template-columns:1fr}.study-library-resume-visual{min-height:9rem}.study-library-resume-action{width:fit-content}.institution-gallery>header{align-items:center}.institution-gallery-actions .institution-gallery-scroll{display:none}.institution-gallery-rail{grid-auto-columns:minmax(13rem,72vw)}.study-library-children,.study-library-grid{grid-template-columns:1fr}.study-library-player>header{align-items:flex-start}}@media (width<=470px){.study-library-controls{grid-template-columns:1fr auto;display:grid}.study-library-controls .btn{padding-inline:.75rem}.study-library-controls .btn svg{margin:0}.study-library-mode-pill{display:none}.institution-gallery-all{padding-inline:.7rem}.institution-gallery-all svg{display:none}.study-library-player iframe{min-height:55vh}}@media (prefers-reduced-motion:reduce){.study-library-loading-mark{animation:none}.study-library-resume-card,.institution-gallery-card,.study-library-folder,.study-library-item{transition:none}}.lesson-player{width:100%}.lesson-player-layout{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;display:grid}.lesson-player-main,.lesson-player-queue{border:1px solid var(--border-light);border-radius:var(--radius-xl);background:var(--bg-card);min-width:0;box-shadow:var(--shadow-sm)}.lesson-player-main{padding:var(--space-5)}.lesson-player-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.lesson-player-eyebrow{margin:0 0 var(--space-1);color:var(--orange-600);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.lesson-player-title{color:var(--text-primary);font-size:var(--text-xl);margin:0}.lesson-player-format-toggle{gap:var(--space-2);display:flex}.lesson-player-format-toggle [aria-pressed=true]{border-color:var(--orange-600);color:var(--orange-600)}.lesson-player-media-host{border-radius:var(--radius-lg);background:#111827;place-items:center;min-height:120px;display:grid;overflow:hidden}.lesson-player-media{width:100%;max-height:68vh;display:block}audio.lesson-player-media{min-height:120px;padding:var(--space-5)}.lesson-player-status{min-height:1.5em;margin:var(--space-3) 0 0;color:var(--text-secondary)}.lesson-player-controls{gap:var(--space-4);margin-top:var(--space-3);display:grid}.lesson-player-primary-controls,.lesson-player-secondary-controls{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.lesson-player-seek-label,.lesson-player-secondary-controls label{gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);align-items:center;display:flex}.lesson-player-seek-label input{flex:1;min-width:0}.lesson-player-secondary-controls input[type=range]{width:120px}.lesson-player-transcript:empty{display:none}.lesson-player-transcript{margin-top:var(--space-5)}.lesson-player-queue{top:var(--space-4);position:sticky;overflow:hidden}.lesson-player-queue h3{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:var(--text-base);margin:0}.lesson-player-queue ol{max-height:68vh;padding:var(--space-2);margin:0;list-style:none;display:grid;overflow-y:auto}.lesson-player-queue-item{gap:var(--space-2);width:100%;padding:var(--space-3);border-radius:var(--radius-md);color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:2rem minmax(0,1fr);display:grid}.lesson-player-queue-item:hover,.lesson-player-queue-item:focus-visible{background:var(--bg-secondary)}.lesson-player-queue-item:focus-visible{outline:3px solid var(--border-focus);outline-offset:-3px}.lesson-player-queue-item[aria-current=true]{background:var(--orange-100);color:var(--orange-700);font-weight:700}.lesson-player-queue-order{color:var(--text-muted);font-variant-numeric:tabular-nums}@media (width<=900px){.lesson-player-layout{grid-template-columns:minmax(0,1fr)}.lesson-player-queue{position:static}.lesson-player-heading{flex-direction:column}}.login-page{min-height:100vh;padding:var(--space-6);background:radial-gradient(circle at 12% 12%, var(--orange-100), transparent 31rem), linear-gradient(135deg, var(--bg-secondary), var(--bg-primary) 55%);place-items:center;display:grid;position:relative;overflow:hidden}.login-page:before,.login-page:after{border-radius:var(--radius-full);background:var(--orange-100);content:"";filter:blur(2px);opacity:.52;width:26rem;height:26rem;position:absolute}.login-page:before{top:-14rem;right:-12rem}.login-page:after{bottom:-18rem;left:32%}.login-shell{z-index:1;border:1px solid var(--border-light);border-radius:var(--radius-2xl);background:var(--bg-card);width:min(100%,1040px);min-height:620px;box-shadow:var(--shadow-xl);grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);display:grid;position:relative;overflow:hidden}.login-brand{padding:clamp(var(--space-8), 7vw, var(--space-16));color:var(--orange-50);background:linear-gradient(145deg, var(--orange-800), var(--orange-600));flex-direction:column;justify-content:center;display:flex}.login-brand-mark{width:56px;height:56px;margin-bottom:var(--space-6);border-radius:var(--radius-xl);background:#ffffff21;border:1px solid #ffffff57;place-items:center;display:grid}.login-brand-mark svg{width:31px}.login-brand-name{font-size:var(--text-xl);font-weight:var(--font-semibold);letter-spacing:-.02em}.login-brand-kicker,.login-kicker{margin-top:var(--space-2);color:var(--orange-200);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase}.login-brand h2{max-width:9ch;margin-top:var(--space-8);font-family:var(--font-display);font-size:clamp(var(--text-3xl), 4vw, 3rem);font-weight:var(--font-semibold);letter-spacing:-.035em;line-height:1.06}.login-brand-copy{max-width:29rem;margin-top:var(--space-5);color:var(--orange-100);line-height:var(--leading-relaxed)}.login-brand-points{gap:var(--space-3);margin-top:var(--space-10);color:var(--orange-100);font-size:var(--text-sm);display:grid}.login-brand-points li{align-items:center;gap:var(--space-3);display:flex}.login-brand-points li:before{border-radius:var(--radius-full);background:var(--orange-300);content:"";width:7px;height:7px}.login-panel{padding:clamp(var(--space-6), 6vw, var(--space-12));place-items:center;display:grid}.login-card{width:min(100%,360px)}.login-kicker{color:var(--orange-600);font-size:var(--text-xs);margin:0}.login-card h1{margin-top:var(--space-3);color:var(--text-primary);font-size:var(--text-3xl);letter-spacing:-.03em}.login-intro{margin-top:var(--space-3);color:var(--text-secondary);line-height:var(--leading-relaxed)}.login-form{gap:var(--space-5);margin-top:var(--space-8);display:grid}.login-field{gap:var(--space-2);display:grid}.login-field>span{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium)}.login-field .input{min-height:46px}.login-submit{min-height:48px;margin-top:var(--space-1)}.login-alert{padding:var(--space-3);border:1px solid var(--border-error);border-radius:var(--radius-lg);background:var(--error-bg);color:var(--error);font-size:var(--text-sm)}.login-security{margin-top:var(--space-6);color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-relaxed)}@media (width<=760px){.login-page{padding:var(--space-4);align-items:start}.login-shell{grid-template-columns:1fr;min-height:0}.login-brand{padding:var(--space-8) var(--space-6)}.login-brand-mark{width:44px;height:44px;margin-bottom:var(--space-4)}.login-brand-mark svg{width:24px}.login-brand h2{max-width:none;margin-top:var(--space-5);font-size:var(--text-3xl)}.login-brand-copy{margin-top:var(--space-3)}.login-brand-points{display:none}.login-panel{padding:var(--space-8) var(--space-6)}}@media (width<=420px){.login-page{padding:0}.login-shell{box-shadow:none;border:0;border-radius:0}}.page-header{margin-bottom:32px}.page-header h1{font-size:var(--text-2xl);color:var(--text-primary);margin:0;font-weight:700}.page-header p{font-size:var(--text-base);color:var(--text-secondary);margin:8px 0 0}.video-page-content{grid-template-columns:1fr 360px;align-items:start;gap:24px;display:grid}.video-main{flex-direction:column;gap:16px;display:flex}.video-player-container{width:100%}.video-info-panel{background:var(--bg-card);border-radius:var(--radius-lg);padding:16px}.video-info-panel .video-title{font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:600}.video-info-panel .video-artist{font-size:var(--text-sm);color:var(--text-secondary);margin:8px 0 0}.video-info-panel .video-subject{font-size:var(--text-xs);color:var(--orange-500);margin:4px 0 0}.video-sidebar{position:sticky;top:80px}.audio-page-content{grid-template-columns:1fr 360px;align-items:start;gap:24px;display:grid}.audio-main{flex-direction:column;gap:16px;display:flex}.audio-player-container{justify-content:center;width:100%;display:flex}.audio-sidebar{position:sticky;top:80px}@media (width<=900px){.video-page-content,.audio-page-content{grid-template-columns:1fr}.video-sidebar,.audio-sidebar{position:static}}.account-page{max-width:840px;margin:0 auto}.account-card{border:1px solid var(--border-light);background:var(--bg-card);border-radius:16px;padding:24px}.account-summary{align-items:center;gap:16px;margin-bottom:24px;display:flex}.account-avatar{background:var(--orange-500);color:#fff;border-radius:50%;place-items:center;width:56px;height:56px;font-size:1.5rem;font-weight:700;display:grid}.account-summary span,.account-hint{color:var(--text-muted);margin-top:4px;display:block}.account-form{gap:18px;display:grid}.account-form label{gap:8px;font-weight:600;display:grid}.account-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.account-metrics span{background:var(--bg-secondary);border-radius:10px;padding:12px}.account-feedback{min-height:1.5em;color:var(--text-secondary);margin:0}.help-grid{gap:16px;display:grid}.shortcut-list div{border-bottom:1px solid var(--border-light);justify-content:space-between;gap:24px;padding:8px 0;display:flex}@media (width<=640px){.account-metrics{grid-template-columns:1fr}.account-card{padding:18px}}.profile-page{gap:22px;max-width:1100px;margin:0 auto;display:grid}.profile-page>*{min-width:0}.profile-hero{border:1px solid var(--border-light);background:radial-gradient(circle at 82% 0%, var(--accent-subtle), transparent 34%), var(--bg-card);border-radius:22px;justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex}.profile-hero-main{align-items:center;gap:20px;display:flex}.profile-avatar{background:linear-gradient(145deg, var(--orange-500), var(--orange-600));color:#fff;border-radius:24px;flex:0 0 88px;place-items:center;width:88px;height:88px;font-size:2.25rem;font-weight:800;display:grid;box-shadow:0 10px 24px #ff6b1a2e}.profile-identity{min-width:0}.profile-eyebrow,.profile-section-kicker{color:var(--orange-500);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-weight:700;display:block}.profile-name{color:var(--text-primary);letter-spacing:-.03em;margin:0;font-size:clamp(1.75rem,3vw,2.4rem)}.profile-email{color:var(--text-secondary);overflow-wrap:anywhere;margin:5px 0 0}.profile-level-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.profile-level-badge{background:var(--accent-subtle);color:var(--orange-500);font-size:var(--text-xs);border-radius:999px;padding:6px 10px;font-weight:700;display:inline-flex}.profile-member-since{color:var(--text-muted);font-size:var(--text-xs)}.profile-settings-link{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.profile-progress-card,.profile-panel{border:1px solid var(--border-light);background:var(--bg-card);border-radius:18px;padding:24px}.profile-progress-copy{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.profile-progress-copy h2,.profile-panel-heading h2{color:var(--text-primary);font-size:var(--text-lg);margin:0}.profile-xp-label{color:var(--text-secondary);font-size:var(--text-sm)}.profile-progress-track{background:var(--border-light);border-radius:999px;height:10px;margin-top:18px;overflow:hidden}.profile-progress-fill{border-radius:inherit;background:var(--xp-bar-fill);height:100%;transition:width .35s}.profile-progress-hint{color:var(--text-muted);font-size:var(--text-xs);margin:9px 0 0}.profile-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.profile-metric-card{border:1px solid var(--border-light);background:var(--bg-card);border-radius:16px;align-items:center;gap:14px;padding:18px;display:flex}.profile-metric-icon{background:var(--bg-secondary);width:42px;height:42px;color:var(--orange-500);border-radius:12px;flex:0 0 42px;place-items:center;display:grid}.profile-metric-card div{gap:2px;display:grid}.profile-metric-card strong{color:var(--text-primary);font-size:var(--text-xl)}.profile-metric-card span:last-child{color:var(--text-muted);font-size:var(--text-xs)}.profile-content-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:start;gap:18px;display:grid}.profile-panel-heading{margin-bottom:20px}.profile-panel-heading p{color:var(--text-secondary);margin:7px 0 0;line-height:1.5}.profile-form .btn{justify-self:start}.profile-shortcuts{display:grid}.profile-shortcuts>button{border:0;border-top:1px solid var(--border-light);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;display:grid}.profile-shortcuts>button:first-of-type{border-top:0}.profile-shortcuts>button>span{background:var(--accent-subtle);width:38px;height:38px;color:var(--orange-500);border-radius:11px;place-items:center;display:grid}.profile-shortcuts button div{gap:2px;display:grid}.profile-shortcuts button small{color:var(--text-muted);line-height:1.35}@media (width<=800px){.profile-content-grid,.profile-metric-grid{grid-template-columns:1fr}}@media (width<=640px){.profile-hero{flex-direction:column;align-items:flex-start;padding:22px}.profile-hero-main{align-items:flex-start}.profile-avatar{border-radius:18px;flex-basis:68px;width:68px;height:68px;font-size:1.75rem}.profile-settings-link{justify-content:center;width:100%}.profile-progress-copy{flex-direction:column;align-items:flex-start}}