: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;--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: #ffffff;--bg-elevated: #ffffff;--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: #ffffff;--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 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--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 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4), 0 8px 10px -6px rgb(0 0 0 / .3);--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: #ffffff;--bg-elevated: #ffffff;--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: #ffffff;--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 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--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 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4), 0 8px 10px -6px rgb(0 0 0 / .3);--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{font-size:16px;scroll-behavior:smooth}@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{display:block;max-width:100%;height:auto}button,input,textarea,select{font:inherit;color:inherit;background:none;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{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}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{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-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 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-width:1px;border-style:solid;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{top:0;right:0;bottom:0;left: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}.animate-spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.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:xp-fill 1s ease-out forwards}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity: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:shake .5s ease-in-out}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.animate-wiggle{animation:wiggle .5s ease-in-out}.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 (min-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 (min-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 (min-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 (min-width: 1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.btn{display:inline-flex;align-items:center;justify-content: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);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-ghost{background:transparent;color:var(--text-secondary)}.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{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full)}@media (prefers-color-scheme: dark){.badge-primary{background:var(--orange-900);color:var(--orange-200)}}.tooltip{position:relative}.tooltip:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);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:var(--z-50);pointer-events:none}.tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--neutral-900);opacity:0;visibility:hidden;transition:all var(--transition-fast)}.tooltip:hover:before,.tooltip:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}.app-shell{display:grid;grid-template-rows:var(--header-height) 1fr var(--mini-player-height);grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;background:var(--bg-primary);transition:grid-template-columns var(--transition-normal)}.app-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width) 1fr}.app-shell.mini-player-hidden{grid-template-rows:var(--header-height) 1fr}.app-main{grid-column:2;grid-row:1 / 3;display:flex;flex-direction:column;min-width:0;overflow:hidden}.app-shell.mini-player-hidden .app-main{grid-row:1 / 3}.mini-player-container{grid-column:1 / -1;grid-row:3;min-width:0;z-index:15}.app-content{flex:1;overflow-y:auto;padding:var(--space-6);background:var(--bg-primary)}@media (max-width: 1024px){.app-shell{grid-template-columns:1fr;grid-template-rows:var(--header-height) 1fr var(--mini-player-height)}.app-shell.sidebar-open{grid-template-columns:var(--sidebar-width) 1fr}.app-main{grid-column:1;grid-row:1 / 3}.app-shell.mini-player-hidden .app-main{grid-row:1 / 3}.mini-player-container{grid-column:1;grid-row:3}.app-content{padding:var(--space-4)}}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40;opacity:0;transition:opacity var(--transition-normal)}.sidebar-overlay.visible{display:block;opacity:1}@media (max-width: 1024px){.sidebar-overlay.visible{display:block}}.app-sidebar{grid-column:1;grid-row:1 / 4;background:var(--bg-card);border-right:1px solid var(--border-light);display:flex;flex-direction:column;position:relative;z-index:30;transition:width var(--transition-normal),transform var(--transition-normal);overflow:hidden}@media (max-width: 1024px){.app-sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width);transform:translate(-100%);box-shadow:var(--shadow-xl);z-index:50}.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{justify-content:center;padding:var(--space-3)}.app-sidebar.collapsed .nav-item i{margin-right:0;width:24px;height:24px}.sidebar-header{padding:var(--space-4);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;min-height:var(--header-height)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);color:var(--text-primary);text-decoration:none;font-weight:var(--font-bold);font-size:var(--text-lg);font-family:var(--font-display)}.sidebar-logo i{width:32px;height:32px;color:var(--orange-500);flex-shrink:0}.sidebar-toggle{display:none;padding:var(--space-2);border-radius:var(--radius-lg);color:var(--text-secondary);background:transparent}.sidebar-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}@media (max-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{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-2)}.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{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);white-space:nowrap}.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{width:20px;height:20px;flex-shrink:0;stroke-width:2}.nav-item .nav-badge{margin-left:auto;font-size:var(--text-xs);padding:1px var(--space-1)}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--border-light)}.user-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-lg);background:var(--bg-secondary)}.user-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--orange-500);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-weight:var(--font-bold);font-size:var(--text-lg);flex-shrink:0}.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;overflow:hidden;text-overflow:ellipsis}.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);height:4px;background:var(--xp-bar-bg);border-radius:var(--radius-full);overflow:hidden}.sidebar-xp-fill{height:100%;background:var(--xp-bar-fill);border-radius:var(--radius-full);transition:width 1s ease-out}.streak-indicator{display:inline-flex;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)}.streak-indicator i{width:12px;height:12px}.app-header{grid-column:2;grid-row:1;height:var(--header-height);background:var(--bg-card);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);position:sticky;top:0;z-index:20}@media (max-width: 1024px){.app-header{grid-column:1;padding:0 var(--space-4)}}.header-left{display:flex;align-items:center;gap:var(--space-4);flex:1}.mobile-menu-btn{display:none;padding:var(--space-2);border-radius:var(--radius-lg);color:var(--text-secondary);background:transparent}.mobile-menu-btn:hover{background:var(--bg-hover);color:var(--text-primary)}@media (max-width: 1024px){.mobile-menu-btn{display:flex}}.global-search{position:relative;flex:1;max-width:600px}.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{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);pointer-events:none}.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{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;z-index:50;display:none}.search-results.open{display:block;animation:slide-down var(--transition-fast) ease-out}.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{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);text-decoration:none;color:var(--text-primary);transition:background var(--transition-fast)}.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;overflow:hidden;text-overflow:ellipsis}.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{display:flex;align-items:center;gap:var(--space-2)}.header-action{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);color:var(--text-secondary);background:transparent;position:relative;transition:all var(--transition-fast)}.header-action:hover{background:var(--bg-hover);color:var(--text-primary)}.header-action i{width:20px;height:20px}.header-action .badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;font-size:10px;padding:0 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{display:flex;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)}.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{display:none;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}@media (min-width: 768px){.user-menu-trigger .user-name{display:block}}.user-menu-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:220px;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;z-index:50;display:none;animation:slide-down var(--transition-fast) ease-out}.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{height:1px;background:var(--border-light);margin:var(--space-2) 0}.user-menu-item{display:flex;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)}.user-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.user-menu-item i{width:18px;height:18px;flex-shrink:0}.user-menu-item.danger{color:var(--error)}.user-menu-item.danger:hover{background:var(--error-bg);color:var(--error)}.command-palette{position:fixed;top:20%;left:50%;transform:translate(-50%);width:100%;max-width:640px;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);z-index:100;display:none;animation:scale-in var(--transition-fast) ease-out}.command-palette.open{display:block}.command-palette-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99;display:none;animation:fade-in var(--transition-fast) ease-out}.command-palette-backdrop.open{display:block}.command-palette-input{width:100%;padding:var(--space-4) var(--space-6);font-size:var(--text-base);background:transparent;border:none;border-bottom:1px solid var(--border-light);color:var(--text-primary)}.command-palette-input::placeholder{color:var(--text-muted)}.command-palette-shortcut{display:flex;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)}.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{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-decoration:none;color:var(--text-primary);transition:background var(--transition-fast)}.command-palette-item:hover,.command-palette-item.selected{background:var(--bg-hover)}.command-palette-item-content{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.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;overflow:hidden;text-overflow:ellipsis}.command-palette-item-desc{font-size:var(--text-xs);color:var(--text-muted);margin-top:1px}.command-palette-item-shortcut{display:flex;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)}.mini-player{height:var(--mini-player-height);background:var(--bg-card);border-top:1px solid var(--border-light);display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-4);position:relative;transition:transform var(--transition-normal),opacity var(--transition-normal)}.app-shell.mini-player-hidden .mini-player{transform:translateY(100%);opacity:0;pointer-events:none}@media (max-width: 1024px){.mini-player{padding:0 var(--space-3)}}.mini-player-track{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.mini-player-thumbnail{width:48px;height:48px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;background:var(--bg-tertiary)}.mini-player-thumbnail-placeholder{width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.mini-player-thumbnail-placeholder i{width:24px;height:24px}.mini-player-info{flex:1;min-width:0}.mini-player-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player-artist{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.mini-player-controls{display:flex;align-items:center;gap:var(--space-1);flex:1;justify-content:center}.mini-player-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--text-secondary);background:transparent;transition:all var(--transition-fast)}.mini-player-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.mini-player-btn:active{transform:scale(.95)}.mini-player-btn i{width:20px;height:20px}.mini-player-btn.play-btn{width:44px;height:44px;background:var(--orange-500);color:var(--text-inverse);box-shadow:var(--shadow-md)}.mini-player-btn.play-btn:hover{background:var(--orange-600);color:var(--text-inverse)}.mini-player-btn.play-btn i{width:24px;height:24px}.mini-player-progress{display:flex;align-items:center;gap:var(--space-2);flex:1;max-width:300px;min-width:120px}.mini-player-time{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted);min-width:40px;text-align:center}.mini-player-time.current{text-align:right}.mini-player-time.total{text-align:left}.mini-player-seek{flex:1;height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);cursor:pointer;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mini-player-seek::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:var(--radius-full);background:var(--orange-500);cursor:pointer;opacity:0;transition:opacity var(--transition-fast),transform var(--transition-fast);box-shadow:var(--shadow-sm)}.mini-player-seek:hover::-webkit-slider-thumb,.mini-player-seek:focus::-webkit-slider-thumb{opacity:1;transform:scale(1.2)}.mini-player-seek::-moz-range-thumb{width:12px;height:12px;border-radius:var(--radius-full);background:var(--orange-500);border:none;cursor:pointer;opacity:0;transition:opacity var(--transition-fast),transform var(--transition-fast)}.mini-player-seek:hover::-moz-range-thumb,.mini-player-seek:focus::-moz-range-thumb{opacity:1;transform:scale(1.2)}.mini-player-seek-fill{position:absolute;top:0;left:0;height:100%;background:var(--orange-500);border-radius:var(--radius-full);pointer-events:none;z-index:1}.mini-player-volume{display:flex;align-items:center;gap:var(--space-2)}.mini-player-volume-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--text-secondary);background:transparent;transition:all var(--transition-fast)}.mini-player-volume-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.mini-player-volume-btn i{width:20px;height:20px}.mini-player-volume-slider{width:80px;height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mini-player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:var(--radius-full);background:var(--orange-500);cursor:pointer;opacity:0;transition:opacity var(--transition-fast),transform var(--transition-fast)}.mini-player-volume-slider:hover::-webkit-slider-thumb,.mini-player-volume-slider:focus::-webkit-slider-thumb{opacity:1;transform:scale(1.2)}.mini-player-volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:var(--radius-full);background:var(--orange-500);border:none;cursor:pointer;opacity:0;transition:opacity var(--transition-fast),transform var(--transition-fast)}.mini-player-volume-slider:hover::-moz-range-thumb,.mini-player-volume-slider:focus::-moz-range-thumb{opacity:1;transform:scale(1.2)}.mini-player-speed{display:flex;align-items:center;justify-content:center;min-width:50px;height:28px;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.mini-player-speed:hover{background:var(--bg-tertiary);border-color:var(--border-medium);color:var(--text-primary)}.mini-player-fullscreen{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--text-secondary);background:transparent;transition:all var(--transition-fast)}.mini-player-fullscreen:hover{background:var(--bg-hover);color:var(--text-primary)}.mini-player-fullscreen i{width:20px;height:20px}.mini-player.expanded{height:200px;padding:var(--space-4)}.mini-player.expanded .mini-player-thumbnail,.mini-player.expanded .mini-player-thumbnail-placeholder{width:120px;height:68px;border-radius:var(--radius-lg)}.mini-player.expanded .mini-player-title{font-size:var(--text-base)}.mini-player.expanded .mini-player-artist{font-size:var(--text-sm)}.mini-player.loading .mini-player-seek{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{to{background-position:-200% 0}}.mini-player.empty .mini-player-track,.mini-player.empty .mini-player-controls,.mini-player.empty .mini-player-progress{opacity:.5;pointer-events:none}.mini-player.empty .mini-player-title{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content: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);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none;line-height:1}.btn:disabled,.btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.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{background:transparent;color:var(--text-secondary);border-color:transparent}.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{background:transparent;color:var(--text-primary);border-color:var(--border-medium)}.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{position:relative;color:transparent;pointer-events:none}.btn.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-group{display:inline-flex;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-medium)}.btn-group .btn{border-radius:0;border:none;border-left:1px solid var(--border-medium)}.btn-group .btn:first-child{border-left:none}.btn-group .btn:focus-visible{z-index:1}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-1);width:100%}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.input-group{position:relative;display:flex;align-items:center}.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{min-height:100px;resize:vertical}.input-icon{position:absolute;width:18px;height:18px;color:var(--text-muted);pointer-events:none;flex-shrink:0}.input-icon-left{left:var(--space-3)}.input-icon-right{right:var(--space-3)}.input-adornment{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--text-sm);padding:0 var(--space-3);pointer-events:none}.input-adornment-left{left:0}.input-adornment-right{right:0}.input-error-message{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--error);margin:0}.input-helper-text{font-size:var(--text-xs);color:var(--text-muted);margin:0}.input-wrapper.floating{position:relative}.input-wrapper.floating .input-label{position:absolute;top:50%;left:var(--space-3);transform:translateY(-50%);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)}.input-wrapper.floating .input:focus+.input-label,.input-wrapper.floating .input:not(:placeholder-shown)+.input-label{top:0;font-size:var(--text-xs);color:var(--orange-500)}.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{display:flex;align-items:center;justify-content:space-between;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;gap:var(--space-2)}.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{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-value.placeholder{color:var(--text-muted)}.select-chevron{position:absolute;right:var(--space-3);width:18px;height:18px;color:var(--text-muted);transition:transform var(--transition-fast);pointer-events:none}.select-trigger.open .select-chevron{transform:rotate(180deg)}.select-clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);color:var(--text-muted);background:transparent;transition:all var(--transition-fast);flex-shrink:0}.select-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.select-dropdown{position:absolute;top:calc(100% + var(--space-1));left:0;right:0;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:50;overflow:hidden;max-height:300px}.select-search{padding:var(--space-2);border-bottom:1px solid var(--border-light)}.select-search .input{padding-left:var(--space-9)}.select-options{max-height:240px;overflow-y:auto;padding:var(--space-1)}.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{display:flex;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)}.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{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-footer{padding:var(--space-2);border-top:1px solid var(--border-light)}.select-multi-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-1);min-height:42px;align-items:center}.select-multi-tag{display:inline-flex;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)}@media (prefers-color-scheme: dark){.select-multi-tag{background:var(--orange-900);color:var(--orange-200)}}.select-multi-tag-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--radius-full);color:inherit;opacity:.7;transition:opacity var(--transition-fast)}.select-multi-tag-remove:hover{opacity:1;background:#0000001a}.checkbox{display:inline-flex;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}.checkbox.disabled{opacity:.5;cursor:not-allowed}.checkbox-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.checkbox-box{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;border:2px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-card);transition:all var(--transition-fast)}.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{position:absolute;width:12px;height:12px;stroke:var(--text-inverse);opacity:0;transform:scale(.5);transition:all var(--transition-fast)}.checkbox-input:checked+.checkbox-box .checkbox-check{opacity:1;transform:scale(1)}.checkbox.indeterminate .checkbox-indeterminate{opacity:1;transform:scale(1)}.checkbox-content{display:flex;flex-direction:column;gap:2px;line-height:1.4}.checkbox-label{font-weight:var(--font-medium)}.checkbox-description{font-size:var(--text-xs);color:var(--text-muted)}.checkbox-group{display:flex;flex-direction:column;gap:var(--space-2)}.checkbox-group-horizontal{flex-direction:row;flex-wrap: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{display:flex;flex-direction:column;gap:var(--space-2)}.checkbox-group-horizontal .checkbox-group-options{flex-direction:row;flex-wrap:wrap;gap:var(--space-4)}.radio{display:inline-flex;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}.radio.disabled{opacity:.5;cursor:not-allowed}.radio-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.radio-circle{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;border:2px solid var(--border-medium);border-radius:var(--radius-full);background:var(--bg-card);transition:all var(--transition-fast)}.radio:hover:not(.disabled) .radio-circle{border-color:var(--border-dark)}.radio-input:focus-visible+.radio-circle{box-shadow:var(--shadow-focus)}.radio-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--orange-500);opacity:0;transform:scale(0);transition:all var(--transition-fast)}.radio-input:checked+.radio-circle{border-color:var(--orange-500)}.radio-input:checked+.radio-circle .radio-dot{opacity:1;transform:scale(1)}.radio-content{display:flex;flex-direction:column;gap:2px;line-height:1.4}.radio-label{font-weight:var(--font-medium)}.radio-description{font-size:var(--text-xs);color:var(--text-muted)}.radio-group{display:flex;flex-direction:column;gap:var(--space-2)}.radio-group-horizontal{flex-direction:row;flex-wrap: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{display:flex;flex-direction:column;gap:var(--space-2)}.radio-group-horizontal .radio-group-options{flex-direction:row;flex-wrap:wrap;gap:var(--space-4)}.switch{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.switch.disabled{opacity:.5;cursor:not-allowed}.switch-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.switch-slider{position:relative;display:block;width:44px;height:26px;background:var(--border-medium);border-radius:var(--radius-full);transition:background var(--transition-fast)}.switch-slider:before{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;background:var(--text-inverse);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.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{display:flex;flex-direction:column;gap:2px;line-height:1.4}.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{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.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{position:relative;display:flex;align-items:center;height:24px}.slider-track{position:absolute;top:50%;left:0;right:0;height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);transform:translateY(-50%);z-index:1}.slider-fill{position:absolute;top:50%;left:0;height:4px;background:var(--orange-500);border-radius:var(--radius-full);transform:translateY(-50%);transition:width var(--transition-fast);z-index:2}.slider-input{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:24px;background:transparent;cursor:pointer;z-index:3}.slider-input:focus{outline:none}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:var(--radius-full);background:var(--orange-500);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-md)}.slider-input::-moz-range-thumb{width:18px;height:18px;border-radius:var(--radius-full);background:var(--orange-500);border:none;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.slider-input::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-md)}.slider-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--orange-100),var(--shadow-sm)}.slider-thumb{position:absolute;top:50%;width:18px;height:18px;background:var(--orange-500);border-radius:var(--radius-full);transform:translate(-50%,-50%);pointer-events:none;box-shadow:var(--shadow-sm);z-index:4;transition:left var(--transition-fast)}.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{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:90;opacity:0;transition:opacity var(--transition-normal)}.modal-backdrop.open{opacity:1}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);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);max-height:90vh;display:flex;flex-direction:column}.modal.open{transform:translate(-50%,-50%) scale(1);opacity: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{display:flex;flex-direction:column;max-height:100%;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-light)}.modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold);font-family:var(--font-display);color:var(--text-primary)}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-lg);color:var(--text-muted);background:transparent;transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-close:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.modal-body{flex:1;overflow-y:auto;padding:var(--space-6)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light);background:var(--bg-secondary)}@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{position:fixed;z-index:1000;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none;max-width:400px}.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{display:flex;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;transform:translate(100%);transition:all var(--transition-normal)}.toast.toast-enter{opacity:1;transform:translate(0)}.toast.toast-exit{opacity:0;transform:translate(100%)}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-full)}.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:pulse-glow 2s ease-in-out infinite}.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{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-md);color:var(--text-muted);background:transparent;transition:all var(--transition-fast)}.toast-close:hover{background:var(--bg-hover);color:var(--text-primary)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:currentColor;border-radius:0 0 var(--radius-xl) var(--radius-xl);transform-origin:left;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))}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--orange-500)}50%{box-shadow:0 0 20px 5px var(--orange-400)}}.tooltip{position:absolute;z-index:100;pointer-events:none;font-size:var(--text-xs);line-height:1.4}.tooltip-content{display:flex;align-items:center;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)}@media (prefers-color-scheme: dark){.tooltip-content{background:var(--neutral-100);color:var(--neutral-900)}}.tooltip-arrow{position:absolute;width:8px;height:8px;background:inherit;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{right:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}.tooltip-right .tooltip-arrow{left:-4px;top:50%;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{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid transparent}.alert-icon{display:flex;align-items:flex-start;flex-shrink:0;margin-top:2px}.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{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-md);color:var(--text-muted);background:transparent;transition:all var(--transition-fast)}.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:fade-out .25s ease-out forwards}@keyframes fade-out{to{opacity:0;transform:translate(20px)}}.inline-alert{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm)}.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{display:flex;align-items:center;justify-content:center;margin-left:auto;width:20px;height:20px;border-radius:var(--radius-sm);color:inherit;opacity:.7;transition:opacity var(--transition-fast)}.inline-alert-close:hover{opacity:1;background:#0000001a}.inline-alert-exit{animation:fade-out .2s ease-out forwards}.alert-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm)}.alert-banner.sticky{position:sticky;top:0;z-index:100}.alert-banner-content{display:flex;align-items:center;justify-content:space-between;flex:1;gap:var(--space-4)}.alert-banner-message{color:inherit}.alert-banner-action{flex-shrink:0}.alert-banner-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-md);color:inherit;opacity:.7;transition:opacity var(--transition-fast)}.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{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-light)}.tabs-vertical .tabs-list{flex-direction:column;border-bottom:none;border-right:1px solid var(--border-light);padding-right:var(--space-4);margin-right:var(--space-4)}.tabs-trigger{display:inline-flex;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);background:transparent;border:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;position:relative}.tabs-vertical .tabs-trigger{border-radius:var(--radius-lg);border-bottom:none;border-right:2px solid transparent}.tabs-trigger:hover:not(.disabled){color:var(--text-primary);background:var(--bg-hover)}.tabs-trigger:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.tabs-trigger.disabled{opacity:.5;cursor:not-allowed}.tabs-line .tabs-trigger.active{color:var(--orange-500)}.tabs-line .tabs-trigger.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--orange-500);border-radius:2px 2px 0 0}.tabs-vertical.tabs-line .tabs-trigger.active:after{bottom:auto;right:-1px;left:auto;top:0;width:2px;height:100%;border-radius:0 2px 2px 0}.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{position:absolute;bottom:0;height:2px;background:var(--orange-500);border-radius:2px 2px 0 0;transition:all var(--transition-normal);pointer-events:none}.tabs-content{padding:var(--space-4) 0}.tabs-panel{display:none;animation:fade-in var(--transition-fast) ease-out}.tabs-panel.active{display:block}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dropdown{position:absolute;z-index:50;min-width:180px;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-fast)}.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{position:absolute;width:12px;height:12px;background:var(--bg-card);border:1px solid var(--border-medium);transform:rotate(45deg);pointer-events:none}.dropdown-bottom .dropdown-arrow{top:-6px;border-bottom:none;border-right:none}.dropdown-top .dropdown-arrow{bottom:-6px;border-top:none;border-left:none}.dropdown-left .dropdown-arrow{right:-6px;border-left:none;border-bottom:none}.dropdown-right .dropdown-arrow{left:-6px;border-top:none;border-right:none}.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{height:1px;background:var(--border-light);margin:var(--space-2) 0}.dropdown-item{display:flex;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);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.dropdown-item:hover:not(.disabled){background:var(--bg-hover)}.dropdown-item:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.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{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background:var(--bg-tertiary);color:var(--text-muted);font-weight:var(--font-medium);vertical-align:middle}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-inverse)}.avatar-status{position:absolute;width:25%;height:25%;min-width:10px;min-height:10px;border:2px solid var(--bg-card);border-radius:var(--radius-full)}.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{margin-left:0;z-index:10}.avatar-group-item{position:relative;border:2px solid var(--bg-card);border-radius:var(--radius-full);transition:transform var(--transition-fast)}.avatar-group-item:hover{transform:scale(1.05);z-index:20}.avatar-group-more .avatar{background:var(--bg-tertiary);color:var(--text-secondary);border:2px solid var(--bg-card)}.badge{display:inline-flex;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}.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{background:#052e16;color:var(--success)}.badge-warning{background:#3c2900;color:var(--warning)}.badge-error{background:#3c0d0d;color:var(--error)}.badge-info{background:#0d1b3c;color:var(--info)}}.badge-outline{background:transparent;border:1px solid currentColor}.badge-dot{padding-left:var(--space-2)}.badge-dot-indicator{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.badge-removable{padding-right:var(--space-1)}.badge-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:var(--space-1);border-radius:var(--radius-full);color:inherit;opacity:.7;transition:all var(--transition-fast)}.badge-remove:hover{opacity:1;background:#0000001a}.badge-group{display:inline-flex;flex-wrap:wrap;gap:var(--space-1)}.progress{display:flex;flex-direction:column;gap:var(--space-1);width:100%}.progress-label{display:flex;justify-content:space-between;font-size:var(--text-xs);font-weight:var(--font-medium)}.progress-label-text{color:var(--text-primary)}.progress-label-value{color:var(--text-secondary);font-family:var(--font-mono)}.progress-track{position:relative;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-sm .progress-track{height:4px}.progress-lg .progress-track{height:10px}.progress-fill{position:absolute;top:0;left:0;height:100%;border-radius:var(--radius-full);transition:width .5s ease-out;transform-origin:left}.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:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 10px,transparent 10px,transparent 20px);animation:progress-stripe 1s linear infinite}.progress-animated .progress-fill:after{animation:progress-stripe 1s linear infinite}@keyframes progress-stripe{to{transform:translate(-30px)}}.circular-progress{position:relative;display:inline-flex;align-items:center;justify-content:center}.circular-progress-svg{transform:rotate(-90deg)}.circular-progress-track{stroke:var(--bg-tertiary)}.circular-progress-fill{transition:stroke-dashoffset .5s ease-out;stroke-linecap:round}.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{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.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{display:flex;list-style:none;padding:0;margin:0}.step-progress-horizontal .step-progress-list{flex-direction:row}.step-progress-vertical .step-progress-list{flex-direction:column}.step-progress-item{display:flex;flex:1;position:relative;padding:var(--space-4) var(--space-2)}.step-progress-horizontal .step-progress-item{min-width:0}.step-progress-vertical .step-progress-item{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.step-progress-marker{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-full);background:var(--bg-tertiary);border:2px solid var(--border-light);color:var(--text-muted);transition:all var(--transition-fast);z-index:2}.step-progress-horizontal .step-progress-marker{margin:0 auto}.step-progress-vertical .step-progress-marker{margin-right:var(--space-3)}.step-progress-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--orange-500)}.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{display:flex;flex-direction:column;gap:2px;min-width:0}.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;overflow:hidden;text-overflow:ellipsis}.step-progress-description{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-progress-line{position:absolute;top:16px;left:50%;right:-50%;height:2px;background:var(--border-light);z-index:1}.step-progress-vertical .step-progress-line{top:50%;left:16px;width:2px;height:100%;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{display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-item{background:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-wave{position:relative;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-wave 1.5s ease-in-out infinite}@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{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.skeleton-layout-list{display:flex;flex-direction:column;gap:var(--space-4)}.skeleton-layout-table{overflow-x:auto}.skeleton-layout-form{display:flex;flex-direction:column;gap:var(--space-6);max-width:28rem}.skeleton-layout-video{display:flex;flex-direction:column;gap:var(--space-4)}.skeleton-layout-sidebar{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.video-player{position:relative;width:100%;max-width:100%;background:#000;border-radius:var(--radius-lg);overflow:hidden;outline:none}.video-container{position:relative;width:100%;aspect-ratio:16 / 9;background:#000}.video-element{width:100%;height:100%;object-fit:contain;cursor:pointer}.video-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#00000080;z-index:10}.video-loading .spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.video-error{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;background:#000c;color:#fff;z-index:11}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity .2s ease;z-index:5}.video-player:hover .video-overlay,.video-overlay:focus-within{opacity:1}.video-big-play{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#0009;border:2px solid rgba(255,255,255,.9);border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease}.video-big-play:hover{background:var(--color-primary);border-color:var(--color-primary);transform:scale(1.1)}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:48px 16px 12px;transition:opacity .3s ease,transform .3s ease;z-index:20}.video-controls[data-hidden=true]{opacity:0;pointer-events:none;transform:translateY(8px)}.video-progress-wrapper{position:relative;width:100%;height:20px;display:flex;align-items:center;cursor:pointer;margin-bottom:8px}.video-progress-bar{position:relative;width:100%;height:4px;background:#ffffff4d;border-radius:2px;overflow:visible}.video-progress-wrapper:hover .video-progress-bar{height:6px}.video-progress-buffer{position:absolute;top:0;left:0;height:100%;background:#fff6;border-radius:2px}.video-progress-played{position:absolute;top:0;left:0;height:100%;background:var(--color-primary);border-radius:2px}.video-progress-hover{position:absolute;top:0;left:0;height:100%;background:#fff3;border-radius:2px;width:0}.video-progress-thumb{position:absolute;top:50%;width:14px;height:14px;background:var(--color-primary);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease;box-shadow:0 0 4px #0000004d}.video-progress-wrapper:hover .video-progress-thumb{opacity:1}.video-time-tooltip{position:absolute;bottom:100%;padding:4px 8px;background:#000c;color:#fff;font-size:var(--font-size-xs);border-radius:var(--radius-sm);transform:translate(-50%);pointer-events:none;opacity:0;transition:opacity .2s ease}.video-controls-main{display:flex;align-items:center;justify-content:space-between}.video-controls-left,.video-controls-center,.video-controls-right{display:flex;align-items:center;gap:8px}.video-controls-center{color:#fff;font-size:var(--font-size-sm);font-family:var(--font-mono)}.video-time-separator{margin:0 4px;opacity:.7}.video-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:background .2s ease}.video-btn:hover{background:#ffffff26}.video-btn-label{font-size:var(--font-size-xs);font-weight:600}.video-volume{display:flex;align-items:center;gap:4px}.video-volume-slider-wrapper{position:relative;width:0;overflow:hidden;transition:width .2s ease}.video-volume:hover .video-volume-slider-wrapper{width:80px}.video-volume-slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;cursor:pointer}.video-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.video-volume-fill{position:absolute;top:50%;left:0;height:4px;background:var(--color-primary);border-radius:2px;transform:translateY(-50%);pointer-events:none}.video-settings{display:flex;align-items:center;gap:4px}.video-menu{position:absolute;display:none;flex-direction:column;min-width:150px;background:#1c1c1ef2;border-radius:var(--radius-md);padding:8px 0;z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-menu-item{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:none;border:none;color:#fff;font-size:var(--font-size-sm);cursor:pointer;transition:background .15s ease;width:100%;text-align:left}.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 (max-width: 640px){.video-controls-main{flex-wrap:wrap;gap:8px}.video-controls-center{order:-1;width:100%;justify-content:center;margin-bottom:4px}.video-btn{width:36px;height:36px}.video-volume-slider-wrapper{width:60px}}.audio-player{position:relative;width:100%;max-width:480px;background:var(--color-surface);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);outline:none}.audio-container{display:flex;flex-direction:column;gap:20px}.audio-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.audio-info{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.audio-thumbnail{width:64px;height:64px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.audio-thumbnail-placeholder{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-alt);border-radius:var(--radius-md);color:var(--color-text-secondary);flex-shrink:0}.audio-details{min-width:0}.audio-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-artist{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:4px 0 0}.audio-album{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:2px 0 0}.audio-chapter-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-surface-alt);border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:all .2s ease;white-space:nowrap}.audio-chapter-badge:hover{background:var(--color-primary-light);color:var(--color-primary)}.audio-waveform-container{position:relative;height:64px;background:var(--color-surface-alt);border-radius:var(--radius-md);overflow:hidden}.audio-waveform{width:100%;height:100%;cursor:pointer}.audio-waveform-cursor{position:absolute;top:0;width:2px;height:100%;background:var(--color-primary);pointer-events:none;opacity:0;transition:opacity .2s ease}.audio-waveform-container:hover .audio-waveform-cursor{opacity:1}.audio-progress-wrapper{position:relative;width:100%;height:20px;display:flex;align-items:center;cursor:pointer}.audio-progress-bar{position:relative;width:100%;height:4px;background:var(--color-border);border-radius:2px;overflow:visible}.audio-progress-wrapper:hover .audio-progress-bar{height:6px}.audio-progress-played{position:absolute;top:0;left:0;height:100%;background:var(--color-primary);border-radius:2px}.audio-progress-hover{position:absolute;top:0;left:0;height:100%;background:var(--color-primary-light);border-radius:2px;width:0}.audio-progress-thumb{position:absolute;top:50%;width:14px;height:14px;background:var(--color-primary);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease}.audio-progress-wrapper:hover .audio-progress-thumb{opacity:1}.audio-time-tooltip{position:absolute;bottom:100%;padding:4px 8px;background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-xs);font-family:var(--font-mono);border-radius:var(--radius-sm);transform:translate(-50%);pointer-events:none;opacity:0;transition:opacity .2s ease;box-shadow:var(--shadow-sm)}.audio-time-display{display:flex;justify-content:space-between;font-size:var(--font-size-sm);font-family:var(--font-mono);color:var(--color-text-secondary)}.audio-controls{display:flex;align-items:center;justify-content:space-between}.audio-controls-left,.audio-controls-center,.audio-controls-right{display:flex;align-items:center;gap:8px}.audio-controls-center{gap:12px}.audio-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;transition:all .2s ease;position:relative}.audio-btn:hover{background:var(--color-surface-alt)}.audio-btn.active{color:var(--color-primary)}.audio-btn.active:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--color-primary);border-radius:50%}.audio-btn.play-btn{width:56px;height:56px;background:var(--color-primary);color:#fff}.audio-btn.play-btn:hover{background:var(--color-primary-dark);transform:scale(1.05)}.audio-btn.seek-btn{width:48px;height:48px}.audio-btn-label{position:absolute;font-size:10px;font-weight:600}.audio-secondary-controls{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid var(--color-border)}.audio-volume{display:flex;align-items:center;gap:8px}.audio-volume-slider-wrapper{position:relative;width:80px}.audio-volume-slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-border);border-radius:2px;cursor:pointer}.audio-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--color-primary);border-radius:50%;cursor:pointer}.audio-volume-fill{position:absolute;top:50%;left:0;height:4px;background:var(--color-primary);border-radius:2px;transform:translateY(-50%);pointer-events:none}.audio-speed-btn{width:auto;padding:0 12px;font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-mono)}.audio-sleep-timer{position:relative}.audio-sleep-timer-label{font-size:var(--font-size-xs);margin-left:4px}.audio-speed-menu,.audio-sleep-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);display:none;flex-direction:column;min-width:120px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 0;margin-bottom:8px;z-index:30;box-shadow:var(--shadow-lg)}.audio-speed-option,.audio-sleep-option{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:none;border:none;color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;transition:background .15s ease;width:100%;text-align:left}.audio-speed-option:hover,.audio-sleep-option:hover{background:var(--color-surface-alt)}.audio-chapters-panel{position:absolute;bottom:100%;left:0;right:0;max-height:300px;background:var(--color-surface);border-top:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;z-index:25}.audio-chapters-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-border)}.audio-chapters-header h4{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.audio-chapters-list{list-style:none;margin:0;padding:8px 0;max-height:240px;overflow-y:auto}.audio-chapter-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .15s ease}.audio-chapter-item:hover{background:var(--color-surface-alt)}.audio-chapter-item.active{background:var(--color-primary-light)}.audio-chapter-item.active .audio-chapter-name{color:var(--color-primary);font-weight:500}.audio-chapter-time{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-secondary);min-width:48px}.audio-chapter-name{font-size:var(--font-size-sm);color:var(--color-text)}.audio-chapter-empty{padding:24px 16px;text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media (max-width: 480px){.audio-player{padding:16px}.audio-info{gap:12px}.audio-thumbnail{width:56px;height:56px}.audio-title{font-size:var(--font-size-base)}.audio-controls-center{gap:8px}.audio-btn.play-btn{width:48px;height:48px}.audio-secondary-controls{flex-wrap:wrap;gap:12px;justify-content:center}}.playlist{width:100%;max-width:400px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);outline:none;display:flex;flex-direction:column;max-height:500px}.playlist-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border)}.playlist-title{display:flex;align-items:center;gap:10px}.playlist-title h3{margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.playlist-title i{color:var(--color-primary)}.playlist-count{font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-surface-alt);padding:2px 8px;border-radius:var(--radius-full)}.playlist-actions{display:flex;align-items:center;gap:4px}.playlist-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.playlist-btn:hover{background:var(--color-surface-alt);color:var(--color-text)}.playlist-btn i.active{color:var(--color-primary)}.playlist-btn i.active:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--color-primary);border-radius:50%}.playlist-content{flex:1;overflow-y:auto;min-height:200px}.playlist-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--color-text-secondary);text-align:center}.playlist-empty i{margin-bottom:16px;opacity:.5}.playlist-empty p{margin:0;font-size:var(--font-size-sm)}.playlist-empty-hint{margin-top:8px!important;font-size:var(--font-size-xs)!important;opacity:.7}.playlist-list{list-style:none;margin:0;padding:8px 0}.playlist-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .15s ease;position:relative}.playlist-item:hover{background:var(--color-surface-alt)}.playlist-item.active{background:var(--color-primary-light)}.playlist-item.dragging{opacity:.5;background:var(--color-surface-alt)}.playlist-item.drag-over{border-top:2px solid var(--color-primary)}.playlist-item-drag{display:flex;align-items:center;justify-content:center;width:16px;color:var(--color-text-tertiary);opacity:0;transition:opacity .2s ease;cursor:grab}.playlist-item:hover .playlist-item-drag{opacity:1}.playlist-item-drag:active{cursor:grabbing}.playlist-item-number{width:24px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.playlist-item.active .playlist-item-number{color:var(--color-primary)}.playlist-item-index{font-family:var(--font-mono)}.playlist-item-play-icon{opacity:0;transition:opacity .2s ease}.playlist-item:hover:not(.active) .playlist-item-play-icon{opacity:1}.playlist-item:hover:not(.active) .playlist-item-index{display:none}.playlist-item-playing{display:flex;align-items:flex-end;gap:2px;height:16px}.playlist-item-playing span{width:3px;background:var(--color-primary);border-radius:1px;animation:playing-bars .6s ease-in-out infinite}.playlist-item-playing span:nth-child(1){animation-delay:0s;height:8px}.playlist-item-playing span:nth-child(2){animation-delay:.2s;height:12px}.playlist-item-playing span:nth-child(3){animation-delay:.4s;height:6px}@keyframes playing-bars{0%,to{transform:scaleY(1)}50%{transform:scaleY(.5)}}.playlist-item-thumbnail{width:40px;height:40px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--color-surface-alt);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.playlist-item-thumbnail img{width:100%;height:100%;object-fit:cover}.playlist-item-info{flex:1;min-width:0}.playlist-item-title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item.active .playlist-item-title{color:var(--color-primary)}.playlist-item-artist{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item-duration{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-tertiary);margin-top:2px}.playlist-item-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .2s ease}.playlist-item:hover .playlist-item-actions{opacity:1}.playlist-item-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.playlist-item-btn:hover{background:var(--color-surface);color:var(--color-text)}.playlist-item-remove:hover{color:var(--color-error)}.playlist-footer{padding:12px 16px;border-top:1px solid var(--color-border)}.playlist-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:var(--color-surface-alt);border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.playlist-add-btn:hover{background:var(--color-primary-light);color:var(--color-primary)}@media (max-width: 480px){.playlist{max-height:400px}.playlist-header{padding:12px 16px}.playlist-item{padding:8px 12px;gap:10px}.playlist-item-drag{display:none}.playlist-item-thumbnail{width:36px;height:36px}.playlist-item-actions{opacity:1}}.flashcard{width:100%;max-width:500px;height:320px;perspective:1000px;cursor:pointer;outline:none}.flashcard-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;display:flex;flex-direction:column;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md)}.flashcard-back{transform:rotateY(180deg)}.flashcard-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-surface-alt);border-bottom:1px solid var(--color-border)}.flashcard-subject{font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px}.flashcard-flip-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.flashcard-flip-btn:hover{background:var(--color-surface);color:var(--color-text)}.flashcard-content{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center}.flashcard-text{margin:0;font-size:var(--font-size-lg);color:var(--color-text);line-height:1.5}.flashcard-footer{padding:12px;text-align:center}.flashcard-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.flashcard-controls{display:flex;gap:8px;padding:16px;background:var(--color-surface-alt);border-top:1px solid var(--color-border)}.flashcard-rating-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-xs);cursor:pointer;transition:all .2s ease}.flashcard-rating-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.flashcard-rating-btn.again{border-color:var(--color-error);color:var(--color-error)}.flashcard-rating-btn.again:hover{background:var(--color-error);color:#fff}.flashcard-rating-btn.hard{border-color:var(--color-warning);color:var(--color-warning)}.flashcard-rating-btn.hard:hover{background:var(--color-warning);color:#fff}.flashcard-rating-btn.good{border-color:var(--color-success);color:var(--color-success)}.flashcard-rating-btn.good:hover{background:var(--color-success);color:#fff}.flashcard-rating-btn.easy{border-color:var(--color-info);color:var(--color-info)}.flashcard-rating-btn.easy:hover{background:var(--color-info);color:#fff}.review-queue{max-width:600px;margin:0 auto}.review-header{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.review-progress-info{display:flex;align-items:center;justify-content:center;gap:8px;font-size:var(--font-size-lg);color:var(--color-text)}.review-current{font-weight:700;color:var(--color-primary)}.review-separator{color:var(--color-text-secondary)}.review-progress-bar{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.review-progress-fill{height:100%;background:var(--color-primary);border-radius:4px;transition:width .3s ease}.review-stats{display:flex;justify-content:center;gap:24px}.review-stat{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.review-correct{color:var(--color-success)}.review-incorrect{color:var(--color-error)}.review-card-container{display:flex;justify-content:center;margin-bottom:24px}.review-footer{display:flex;align-items:center;justify-content:space-between}.review-skip-btn{padding:8px 16px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.review-skip-btn:hover{background:var(--color-surface-alt);color:var(--color-text)}.review-keyboard-hints{display:flex;gap:16px;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.review-keyboard-hints kbd{padding:2px 6px;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:4px;font-family:var(--font-mono);font-size:10px}.review-empty,.review-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.review-empty i,.review-complete-icon i{color:var(--color-text-tertiary);margin-bottom:16px}.review-empty h3,.review-complete h3{margin:0;font-size:var(--font-size-lg);color:var(--color-text)}.review-empty p,.review-complete p{margin:8px 0 24px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.flashcard-manager{max-width:800px;margin:0 auto}.flashcard-manager-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.flashcard-manager-header h2{margin:0;font-size:var(--font-size-xl);color:var(--color-text)}.flashcard-manager-actions{display:flex;gap:8px}.flashcard-manager-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:24px;overflow:hidden}.flashcard-form-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--color-surface-alt);border-bottom:1px solid var(--color-border)}.flashcard-form-header h3{margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.flashcard-form-body{padding:20px}.flashcard-form-group{margin-bottom:16px}.flashcard-form-group:last-child{margin-bottom:0}.flashcard-form-group label{display:block;margin-bottom:8px;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.flashcard-form-group textarea,.flashcard-form-group input,.flashcard-form-group select{width:100%}.flashcard-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.flashcard-form-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;background:var(--color-surface-alt);border-top:1px solid var(--color-border)}.flashcard-list-header{display:flex;gap:12px;margin-bottom:16px}.flashcard-list-header .input{flex:1}.flashcard-list-header .select{width:200px}.flashcard-list{display:flex;flex-direction:column;gap:12px}.flashcard-list-empty{display:flex;flex-direction:column;align-items:center;padding:48px 24px;color:var(--color-text-secondary);text-align:center}.flashcard-list-empty i{margin-bottom:16px;opacity:.5}.flashcard-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .2s ease}.flashcard-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.flashcard-item-content{flex:1;min-width:0}.flashcard-item-front{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flashcard-item-back{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.flashcard-item-meta{display:flex;align-items:center;gap:12px;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.flashcard-item-subject{font-weight:500}.flashcard-item-actions{display:flex;gap:4px}@media (max-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{width:100%;flex-wrap:wrap}.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{width:100%;justify-content:flex-start}}.notes-layout{display:grid;grid-template-columns:280px 1fr;gap:0;height:calc(100vh - 200px);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.notes-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--color-border);background:var(--color-surface-alt)}.notes-sidebar-header{display:flex;flex-direction:column;gap:12px;padding:16px;border-bottom:1px solid var(--color-border)}.notes-list{flex:1;overflow-y:auto}.notes-list-item{display:flex;flex-direction:column;padding:12px 16px;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background .15s ease}.notes-list-item:hover{background:var(--color-surface)}.notes-list-item.active{background:var(--color-primary-light);border-left:3px solid var(--color-primary)}.notes-list-item-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes-list-item.active .notes-list-item-title{color:var(--color-primary)}.notes-list-item-preview{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notes-list-item-meta{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:11px;color:var(--color-text-tertiary)}.notes-list-item-tags{display:flex;gap:4px}.notes-tag{padding:2px 6px;background:var(--color-surface);border-radius:var(--radius-sm);font-size:10px;color:var(--color-text-secondary)}.notes-tag.more{background:var(--color-border)}.notes-list-empty{padding:24px;text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.notes-editor-container{display:flex;flex-direction:column}.notes-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary);text-align:center}.notes-empty i{margin-bottom:16px;opacity:.5}.notes-empty h3{margin:0;font-size:var(--font-size-lg);color:var(--color-text)}.notes-empty p{margin:8px 0 0;font-size:var(--font-size-sm)}.markdown-editor{display:flex;flex-direction:column;height:100%;background:var(--color-surface)}.markdown-editor.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;border-radius:0}.editor-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-border)}.editor-title-input{flex:1;border:none;background:transparent;font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);outline:none}.editor-title-input::placeholder{color:var(--color-text-tertiary)}.editor-actions{display:flex;gap:4px}.editor-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.editor-action-btn:hover{background:var(--color-surface-alt);color:var(--color-text)}.editor-action-btn.active{background:var(--color-primary-light);color:var(--color-primary)}.editor-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px;border-bottom:1px solid var(--color-border);background:var(--color-surface-alt)}.toolbar-btn{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.toolbar-btn:hover{background:var(--color-surface);color:var(--color-text)}.toolbar-label{font-size:var(--font-size-xs);font-weight:600}.toolbar-separator{width:1px;height:24px;background:var(--color-border);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%;padding:20px;border:none;background:transparent;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text);resize:none;outline:none;line-height:1.7}.editor-textarea::placeholder{color:var(--color-text-tertiary)}.editor-preview-content{padding:20px}.preview-placeholder{color:var(--color-text-tertiary);font-style:italic}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25;color:var(--color-text)}.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{font-weight:600;color:var(--color-text)}.markdown-body em{font-style:italic}.markdown-body del{text-decoration:line-through;color:var(--color-text-secondary)}.markdown-body code{padding:2px 6px;background:var(--color-surface-alt);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9em;color:var(--color-primary)}.markdown-body pre{padding:16px;background:var(--color-surface-alt);border-radius:var(--radius-md);overflow-x:auto}.markdown-body pre code{padding:0;background:transparent;color:var(--color-text)}.markdown-body blockquote{margin:0;padding:0 16px;border-left:4px solid var(--color-primary);color:var(--color-text-secondary)}.markdown-body ul,.markdown-body ol{padding-left:24px;margin-bottom:16px}.markdown-body li{margin-bottom:4px}.markdown-body .task-item{list-style:none;margin-left:-24px}.markdown-body .task-item input{margin-right:8px}.markdown-body a{color:var(--color-primary);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body img{max-width:100%;border-radius:var(--radius-md)}.markdown-body hr{border:none;border-top:1px solid var(--color-border);margin:24px 0}.markdown-body .wiki-link{color:var(--color-primary);background:var(--color-primary-light);padding:2px 6px;border-radius:var(--radius-sm);cursor:pointer}.markdown-body .wiki-link:hover{background:var(--color-primary);color:#fff}.editor-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--color-border);background:var(--color-surface-alt)}.editor-tags{display:flex;align-items:center;gap:8px;flex:1}.editor-tags>i{color:var(--color-text-tertiary)}.editor-tags-list{display:flex;flex-wrap:wrap;gap:6px}.editor-tag{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--color-primary-light);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-primary)}.editor-tag-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;background:transparent;border:none;color:var(--color-primary);cursor:pointer;font-size:14px;line-height:1;opacity:.7}.editor-tag-remove:hover{opacity:1}.editor-tag-input{width:100px;border:none;background:transparent;font-size:var(--font-size-xs);color:var(--color-text);outline:none}.editor-tag-input::placeholder{color:var(--color-text-tertiary)}.editor-info{display:flex;gap:16px;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.pdf-viewer{display:flex;flex-direction:column;height:100%;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.pdf-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--color-surface-alt);border-bottom:1px solid var(--color-border)}.pdf-toolbar-left,.pdf-toolbar-center,.pdf-toolbar-right{display:flex;align-items:center;gap:8px}.pdf-toolbar-center{flex:1;justify-content:center}.pdf-title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.pdf-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.pdf-btn:hover{background:var(--color-surface);color:var(--color-text)}.pdf-btn.active{background:var(--color-primary-light);color:var(--color-primary)}.pdf-page-info{display:flex;align-items:center;gap:4px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pdf-page-input{width:48px;padding:4px 8px;text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text)}.pdf-page-input:focus{outline:none;border-color:var(--color-primary)}.pdf-zoom-level{min-width:48px;text-align:center;font-size:var(--font-size-sm);font-family:var(--font-mono);color:var(--color-text-secondary)}.pdf-separator{width:1px;height:24px;background:var(--color-border)}.pdf-content{flex:1;overflow-y:auto;background:var(--color-gray-100)}.pdf-loading{display:none;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:var(--color-text-secondary)}.pdf-pages-container{padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px}.pdf-page{box-shadow:0 2px 8px #0000001a;background:#fff}.pdf-page canvas{display:block}.pdf-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary);text-align:center}.pdf-error i{margin-bottom:16px;color:var(--color-error)}.pdf-error p{margin:0 0 16px}.pdf-thumbnails{width:120px;border-left:1px solid var(--color-border);background:var(--color-surface);overflow-y:auto}.pdf-thumbnails-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.pdf-thumbnails-list{padding:8px}@media (max-width: 768px){.notes-layout{grid-template-columns:1fr;height:auto}.notes-sidebar{max-height:300px;border-right:none;border-bottom:1px solid var(--color-border)}.pdf-toolbar{flex-wrap:wrap;gap:8px}.pdf-toolbar-center{order:-1;width:100%}}.exam-player{max-width:800px;margin:0 auto}.exam-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.exam-title{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.exam-subject{margin:4px 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.exam-timer{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-xl);font-family:var(--font-mono);font-weight:600;color:var(--color-text)}.exam-timer i{color:var(--color-primary)}.exam-progress{margin-bottom:24px}.exam-progress-bar{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden;margin-bottom:8px}.exam-progress-fill{height:100%;background:var(--color-primary);border-radius:4px;transition:width .3s ease}.exam-progress-info{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.exam-question-container{margin-bottom:24px}.exam-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px}.exam-question-dots{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.exam-dot{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.exam-dot:hover{border-color:var(--color-primary);color:var(--color-primary)}.exam-dot.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.exam-dot.answered{background:var(--color-success-light);border-color:var(--color-success);color:var(--color-success)}.exam-dot.answered.active{background:var(--color-success);color:#fff}.exam-dot.flagged:after{content:"🚩";position:absolute;top:-4px;right:-4px;font-size:10px}.question-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.question-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-surface-alt);border-bottom:1px solid var(--color-border)}.question-number{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.question-actions{display:flex;gap:8px}.question-flag-btn,.question-explanation-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.question-flag-btn:hover,.question-explanation-btn:hover{background:var(--color-surface);color:var(--color-text)}.question-flag-btn.flagged{color:var(--color-warning)}.question-content{padding:24px}.question-text{margin:0;font-size:var(--font-size-base);color:var(--color-text);line-height:1.6}.question-image{margin-top:16px;text-align:center}.question-image img{max-width:100%;max-height:300px;border-radius:var(--radius-md)}.question-code{margin-top:16px;padding:16px;background:var(--color-surface-alt);border-radius:var(--radius-md);overflow-x:auto;font-family:var(--font-mono);font-size:var(--font-size-sm)}.question-answers{padding:0 24px 24px;display:flex;flex-direction:column;gap:12px}.question-answer{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all .2s ease}.question-answer:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-light)}.question-answer.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.question-answer.correct{border-color:var(--color-success);background:var(--color-success-light)}.question-answer.wrong{border-color:var(--color-error);background:var(--color-error-light)}.question-answer:disabled{cursor:default}.question-answer-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-surface-alt);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-shrink:0}.question-answer.selected .question-answer-letter{background:var(--color-primary);color:#fff}.question-answer.correct .question-answer-letter{background:var(--color-success);color:#fff}.question-answer.wrong .question-answer-letter{background:var(--color-error);color:#fff}.question-answer-text{flex:1;font-size:var(--font-size-sm);color:var(--color-text)}.answer-icon{flex-shrink:0}.question-explanation{padding:16px 24px 24px;border-top:1px solid var(--color-border)}.question-explanation-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;color:var(--color-text)}.question-explanation-header i{color:var(--color-warning)}.question-explanation-text{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.question-explanation-source{margin:12px 0 0;font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-style:italic}.results-screen{max-width:600px;margin:0 auto;text-align:center}.results-header{margin-bottom:32px}.results-emoji{font-size:64px;margin-bottom:16px}.results-title{margin:0;font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text)}.results-subtitle{margin:8px 0 0;font-size:var(--font-size-base);color:var(--color-text-secondary)}.results-score{margin-bottom:32px}.results-score-circle{display:inline-flex;align-items:baseline;justify-content:center;width:140px;height:140px;border-radius:50%;border:4px solid;margin-bottom:12px}.results-score-circle.success{border-color:var(--color-success);color:var(--color-success)}.results-score-circle.warning{border-color:var(--color-warning);color:var(--color-warning)}.results-score-circle.error{border-color:var(--color-error);color:var(--color-error)}.results-score-value{font-size:48px;font-weight:700;line-height:1}.results-score-unit{font-size:24px;font-weight:600}.results-score-label{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.results-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.results-stat{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--color-surface);border-radius:var(--radius-lg)}.results-stat.success{color:var(--color-success)}.results-stat.error{color:var(--color-error)}.results-stat.secondary{color:var(--color-text-secondary)}.results-stat.info{color:var(--color-info)}.results-stat-info{display:flex;flex-direction:column;align-items:center}.results-stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.results-stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.results-details{text-align:left;margin-bottom:32px}.results-details h3{margin:0 0 16px;font-size:var(--font-size-lg);color:var(--color-text)}.results-question-list{display:flex;flex-wrap:wrap;gap:8px}.results-question-item{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.results-question-item.correct{border-color:var(--color-success);color:var(--color-success)}.results-question-item.wrong{border-color:var(--color-error);color:var(--color-error)}.results-question-item.unanswered{color:var(--color-text-tertiary)}.results-question-number{font-weight:600}.results-question-flag{font-size:10px}.results-actions{display:flex;justify-content:center;gap:12px}.exam-empty,.results-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--color-text-secondary)}.exam-empty i,.results-empty i{margin-bottom:16px;opacity:.5}.exam-empty h3,.results-empty h3{margin:0;font-size:var(--font-size-lg);color:var(--color-text)}.exam-empty p,.results-empty p{margin:8px 0 0;font-size:var(--font-size-sm)}.exams-page{max-width:1000px;margin:0 auto}.exams-content{position:relative}.exams-list-header{margin-bottom:16px}.exams-list-header h2{margin:0;font-size:var(--font-size-lg);color:var(--color-text)}.exams-list{display:flex;flex-direction:column;gap:12px}.exams-list-empty{display:flex;flex-direction:column;align-items:center;padding:48px 24px;color:var(--color-text-secondary);text-align:center}.exams-list-empty i{margin-bottom:16px;opacity:.5}.exam-list-item{display:flex;align-items:center;gap:16px;padding:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .2s ease}.exam-list-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.exam-list-item-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--color-primary-light);border-radius:var(--radius-lg);color:var(--color-primary);flex-shrink:0}.exam-list-item-info{flex:1;min-width:0}.exam-list-item-title{margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.exam-list-item-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.exam-list-item-meta span{display:flex;align-items:center;gap:4px}@media (max-width: 640px){.exam-header{flex-direction:column;align-items:flex-start;gap:12px}.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{flex-direction:column;text-align:center}.exam-list-item-meta{justify-content:center}}.dashboard-page{max-width:1200px;margin:0 auto}.dashboard-top-section{display:grid;grid-template-columns:1fr 300px;gap:24px;margin-bottom:24px}.xp-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px}.xp-bar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.xp-bar-level{display:flex;align-items:center}.xp-level-badge{display:inline-flex;align-items:center;padding:6px 12px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-sm);font-weight:700;box-shadow:0 2px 8px #ff6b1a4d}.xp-level-badge.level-up{animation:levelUp .6s ease}@keyframes levelUp{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.xp-bar-info{display:flex;align-items:center;gap:12px}.xp-bar-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.xp-current{font-weight:600;color:var(--color-primary)}.xp-bar-percent{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.xp-bar-track{position:relative;height:12px;background:var(--color-border);border-radius:6px;overflow:hidden}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:6px;transition:width .5s ease}.xp-bar-fill.animated{animation:xpPulse 2s ease-in-out infinite}@keyframes xpPulse{0%,to{opacity:1}50%{opacity:.8}}.xp-bar-glow{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent);border-radius:6px 6px 0 0;pointer-events:none}.xp-bar-footer{display:flex;justify-content:space-between;margin-top:8px;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.streak-counter{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px}.streak-main{display:flex;align-items:center;gap:16px;margin-bottom:16px}.streak-fire{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-alt);border-radius:var(--radius-lg)}.streak-fire.active{background:linear-gradient(135deg,#ff6b35,#ff9500)}.streak-fire-emoji{font-size:32px;z-index:1}.streak-fire-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.streak-fire-particles:before,.streak-fire-particles:after{content:"";position:absolute;width:8px;height:8px;background:#ff6b35;border-radius:50%;animation:fireParticle 1s ease-out infinite}.streak-fire-particles:before{left:30%;animation-delay:0s}.streak-fire-particles:after{right:30%;animation-delay:.5s}@keyframes fireParticle{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-20px) scale(0);opacity:0}}.streak-info{display:flex;flex-direction:column}.streak-count{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text);line-height:1}.streak-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.streak-details{display:flex;gap:16px;margin-bottom:12px}.streak-detail{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.streak-status{padding-top:12px;border-top:1px solid var(--color-border)}.streak-today{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs)}.streak-today.done{color:var(--color-success)}.streak-today.pending{color:var(--color-text-secondary)}.streak-freeze-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:12px;padding:10px;background:var(--color-info-light);border:1px solid var(--color-info);border-radius:var(--radius-md);color:var(--color-info);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.streak-freeze-btn:hover{background:var(--color-info);color:#fff}.heatmap-calendar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;margin-bottom:24px;overflow-x:auto}.heatmap-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.heatmap-stats{display:flex;gap:16px}.heatmap-stat{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.heatmap-legend{display:flex;align-items:center;gap:4px}.heatmap-legend-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.heatmap-legend-cell{width:12px;height:12px;border-radius:2px}.heatmap-legend-cell[data-level="0"]{background:var(--color-border)}.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{display:flex;gap:8px}.heatmap-months{position:relative;height:20px;margin-left:36px}.heatmap-month{position:absolute;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.heatmap-grid{display:flex;gap:4px}.heatmap-day-labels{display:flex;flex-direction:column;gap:2px}.heatmap-day-label{height:12px;font-size:10px;color:var(--color-text-tertiary);line-height:12px}.heatmap-cells{display:flex;gap:3px}.heatmap-week{display:flex;flex-direction:column;gap:3px}.heatmap-cell{width:12px;height:12px;border-radius:2px;cursor:pointer;transition:transform .1s ease}.heatmap-cell:hover{transform:scale(1.3)}.heatmap-cell.empty{visibility:hidden}.heatmap-cell.level-0{background:var(--color-border)}.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(--color-primary);outline-offset:1px}.stats-dashboard{display:flex;flex-direction:column;gap:24px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.stat-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md)}.stat-card.primary .stat-card-icon{background:var(--color-primary-light);color:var(--color-primary)}.stat-card.success .stat-card-icon{background:var(--color-success-light);color:var(--color-success)}.stat-card.info .stat-card-icon{background:var(--color-info-light);color:var(--color-info)}.stat-card.warning .stat-card-icon{background:var(--color-warning-light);color:var(--color-warning)}.stat-card-content{display:flex;flex-direction:column}.stat-card-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.stat-card-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.stats-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.stats-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px}.stats-section-title{margin:0 0 16px;font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.weekly-progress{display:flex;flex-direction:column;gap:12px}.weekly-dots{display:flex;justify-content:space-between}.weekly-dot{display:flex;flex-direction:column;align-items:center;gap:4px}.weekly-dot-day{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.weekly-dot-circle{width:24px;height:24px;border-radius:50%;background:var(--color-border)}.weekly-dot.completed .weekly-dot-circle{background:var(--color-success)}.weekly-dot.today .weekly-dot-circle{outline:2px solid var(--color-primary);outline-offset:2px}.weekly-text{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.subject-stats{display:flex;flex-direction:column;gap:12px}.subject-stat{display:flex;flex-direction:column;gap:4px}.subject-stat-info{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.subject-stat-name{color:var(--color-text)}.subject-stat-percent{color:var(--color-text-secondary)}.subject-stat-bar{height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.subject-stat-fill{height:100%;border-radius:3px;transition:width .3s ease}.recent-activity{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:flex-start;gap:12px}.activity-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-surface-alt);border-radius:var(--radius-md);color:var(--color-text-secondary);flex-shrink:0}.activity-content{display:flex;flex-direction:column}.activity-text{font-size:var(--font-size-sm);color:var(--color-text)}.activity-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}@media (max-width: 900px){.dashboard-top-section{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-sections{grid-template-columns:1fr}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr}.heatmap-header{flex-direction:column;align-items:flex-start;gap:12px}}.page-header{margin-bottom:32px}.page-header h1{margin:0;font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text)}.page-header p{margin:8px 0 0;font-size:var(--font-size-base);color:var(--color-text-secondary)}.video-page-content{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.video-main{display:flex;flex-direction:column;gap:16px}.video-player-container{width:100%}.video-info-panel{padding:16px;background:var(--color-surface);border-radius:var(--radius-lg)}.video-info-panel .video-title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.video-info-panel .video-artist{margin:8px 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.video-info-panel .video-subject{margin:4px 0 0;font-size:var(--font-size-xs);color:var(--color-primary)}.video-sidebar{position:sticky;top:80px}.audio-page-content{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.audio-main{display:flex;flex-direction:column;gap:16px}.audio-player-container{width:100%;display:flex;justify-content:center}.audio-sidebar{position:sticky;top:80px}@media (max-width: 900px){.video-page-content,.audio-page-content{grid-template-columns:1fr}.video-sidebar,.audio-sidebar{position:static}}