:root{--accent-primary:#C4A77D;--accent-secondary:#8B9A7D;--accent-tertiary:#A67C52;--accent-warm:#D4A574;--accent-cool:#7D8B9A;--color-success:#7D9A7D;--color-warning:#D4A574;--color-error:#C47D7D;--color-info:#7D8B9A;--text-primary:#E8E4DE;--text-secondary:#9A958E;--text-tertiary:#6B6660;--text-muted:#4A4744;--text-inverse:#1C1C1E;--text-accent:var(--accent-primary);--text-white:#FAFAF8;--text-black:#0A0A0A;--bg-primary:#0F0F10;--bg-primary-rgb:15,15,16;--bg-secondary:#161618;--bg-tertiary:#1C1C1E;--bg-surface:#232326;--bg-elevated:#2A2A2D;--bg-hover:rgba(232,228,222,0.04);--bg-active:rgba(232,228,222,0.08);--bg-accent:rgba(196,167,125,0.1);--surface-glass:rgba(22,22,24,0.8);--surface-glass-light:rgba(22,22,24,0.6);--surface-overlay:rgba(15,15,16,0.9);--surface-blur:blur(24px);--surface-blur-light:blur(12px);--surface-blur-medium:blur(40px);--surface-blur-heavy:blur(60px);--surface-blur-modal:blur(80px) saturate(200%);--modal-backdrop:rgba(18,18,18,0.6);--modal-backdrop-light:rgba(255,255,255,0.5);--border-subtle:rgba(232,228,222,0.06);--border-default:rgba(232,228,222,0.1);--border-medium:rgba(232,228,222,0.15);--border-strong:rgba(232,228,222,0.2);--border-accent:rgba(196,167,125,0.3);--border-focus:rgba(196,167,125,0.5);--radius-none:0;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,0.2);--shadow-sm:0 2px 4px rgba(0,0,0,0.2),0 1px 2px rgba(0,0,0,0.1);--shadow-md:0 4px 8px rgba(0,0,0,0.2),0 2px 4px rgba(0,0,0,0.1);--shadow-lg:0 8px 16px rgba(0,0,0,0.25),0 4px 8px rgba(0,0,0,0.1);--shadow-xl:0 16px 32px rgba(0,0,0,0.3),0 8px 16px rgba(0,0,0,0.15);--shadow-2xl:0 24px 48px rgba(0,0,0,0.35),0 12px 24px rgba(0,0,0,0.2);--shadow-accent:0 4px 12px rgba(196,167,125,0.15);--shadow-accent-lg:0 8px 24px rgba(196,167,125,0.2);--shadow-glow:0 0 20px rgba(196,167,125,0.15);--ease-out:cubic-bezier(0.25,0.46,0.45,0.94);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-instant:.1s;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-slower:.6s;--transition-fast:var(--duration-fast) var(--ease-out);--transition-normal:var(--duration-normal) var(--ease-out);--transition-slow:var(--duration-slow) var(--ease-out);--transition-smooth:var(--duration-normal) var(--ease-in-out);--transition-bounce:var(--duration-normal) var(--ease-spring);--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;--font-display:'Inter',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-mono:'JetBrains Mono','SF Mono','Fira Code',monospace;--font-primary:var(--font-sans);--text-xs:.6875rem;--text-sm:.75rem;--text-base:.875rem;--text-md:.9375rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--text-4xl:1.875rem;--text-5xl:2.25rem;--text-6xl:3rem;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-none:1;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-0.03em;--tracking-tight:-0.015em;--tracking-normal:0;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--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;--space-20:5rem;--space-24:6rem;--z-base:0;--z-elevated:10;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-overlay:400;--z-modal-backdrop:500;--z-modal:600;--z-popover:700;--z-tooltip:800;--z-max:9999;--sidebar-width:260px;--header-height:64px;--footer-height:80px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--input-height:44px;--input-height-sm:36px;--input-height-lg:52px;--button-height:44px;--button-height-sm:36px;--button-height-lg:52px}body.light-theme{--text-primary:#1C1C1E;--text-secondary:#6B6660;--text-tertiary:#9A958E;--text-muted:#B8B3AB;--text-inverse:#E8E4DE;--bg-primary:#FAFAF8;--bg-primary-rgb:250,250,248;--bg-secondary:#F5F3EF;--bg-tertiary:#EDEBE6;--bg-surface:#E5E3DE;--bg-elevated:#FFF;--bg-hover:rgba(28,28,30,0.04);--bg-active:rgba(28,28,30,0.08);--bg-accent:rgba(196,167,125,0.08);--surface-glass:rgba(250,250,248,0.9);--surface-glass-light:rgba(250,250,248,0.7);--surface-overlay:rgba(250,250,248,0.95);--border-subtle:rgba(28,28,30,0.06);--border-default:rgba(28,28,30,0.1);--border-medium:rgba(28,28,30,0.15);--border-strong:rgba(28,28,30,0.2);--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-sm:0 2px 4px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.02);--shadow-md:0 4px 8px rgba(0,0,0,0.06),0 2px 4px rgba(0,0,0,0.03);--shadow-lg:0 8px 16px rgba(0,0,0,0.08),0 4px 8px rgba(0,0,0,0.04);--shadow-xl:0 16px 32px rgba(0,0,0,0.1),0 8px 16px rgba(0,0,0,0.05);--shadow-2xl:0 24px 48px rgba(0,0,0,0.12),0 12px 24px rgba(0,0,0,0.06)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}*{scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}::selection{background:rgba(196,167,125,0.3);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.glass{background:var(--surface-glass);backdrop-filter:var(--surface-blur);-webkit-backdrop-filter:var(--surface-blur);border:1px solid var(--border-subtle)}.glass-light{background:var(--surface-glass-light);backdrop-filter:var(--surface-blur-light);-webkit-backdrop-filter:var(--surface-blur-light)}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-normal)}.hover-scale:hover{transform:scale(1.02)}.hover-scale-sm:hover{transform:scale(1.01)}.hover-bg{transition:background var(--transition-fast)}.hover-bg:hover{background:var(--bg-hover)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.spinner{width:20px;height:20px;border:2px solid var(--border-medium);border-radius:var(--radius-full);border-top-color:var(--accent-primary);animation:spin .8s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-lg{width:32px;height:32px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.loading-dots{display:inline-flex;gap:4px}.loading-dots span{width:6px;height:6px;background:var(--text-secondary);border-radius:var(--radius-full);animation:loading-bounce 1.2s ease-in-out infinite}.loading-dots span:nth-child(1){animation-delay:-0.24s}.loading-dots span:nth-child(2){animation-delay:-0.12s}@keyframes loading-bounce{0%,80%,100%{transform:scale(0.6);opacity:.5}40%{transform:scale(1);opacity:1}}.empty-state{text-align:center;padding:var(--space-16) var(--space-5);color:var(--text-secondary)}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--space-5);opacity:.3;color:var(--text-tertiary)}.empty-state-title{margin:0 0 var(--space-2) 0;font-size:var(--text-xl);font-weight:var(--weight-medium);color:var(--text-primary)}.empty-state-description{margin:0 auto;font-size:var(--text-base);max-width:360px;color:var(--text-secondary)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes slideInUp{from{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{from{transform:translateY(-16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}.fade-in{animation:fadeIn var(--transition-normal)}.slide-in-up{animation:slideInUp var(--transition-normal)}.slide-in-down{animation:slideInDown var(--transition-normal)}.pulse{animation:pulse 2s ease-in-out infinite}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-accent{box-shadow:var(--shadow-accent)}.shadow-none{box-shadow:none}.rounded-none{border-radius:var(--radius-none)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{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-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-nowrap{white-space:nowrap}.text-pre-wrap{white-space:pre-wrap}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.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(--weight-light)}.font-normal{font-weight:var(--weight-normal)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.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}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.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-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.px-0{padding-left:0;padding-right:0}.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-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-0{padding-top:0;padding-bottom:0}.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)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.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}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.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}.cursor-move{cursor:move}.select-none{user-select:none}.select-text{user-select:text}.select-all{user-select:all}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.z-0{z-index: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}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-tertiary{background:var(--bg-tertiary)}.bg-surface{background:var(--bg-surface)}.bg-elevated{background:var(--bg-elevated)}.bg-accent{background:var(--bg-accent)}.bg-transparent{background:transparent}.border{border:1px solid var(--border-default)}.border-0{border:none}.border-subtle{border:1px solid var(--border-subtle)}.border-medium{border:1px solid var(--border-medium)}.border-strong{border:1px solid var(--border-strong)}.border-accent{border:1px solid var(--border-accent)}.border-t{border-top:1px solid var(--border-default)}.border-b{border-bottom:1px solid var(--border-default)}.border-l{border-left:1px solid var(--border-default)}.border-r{border-right:1px solid var(--border-default)}.transition{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.transition-none{transition:none}.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}.btn{height:var(--button-height);padding:0 var(--space-6);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);text-decoration:none;text-transform:uppercase;letter-spacing:var(--tracking-wider);white-space:nowrap;outline:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-sm{height:var(--button-height-sm);padding:0 var(--space-4);font-size:var(--text-xs)}.btn-lg{height:var(--button-height-lg);padding:0 var(--space-8);font-size:var(--text-base)}.btn-icon{width:var(--button-height);height:var(--button-height);padding:0;border-radius:var(--radius-md)}.btn-icon.btn-sm{width:var(--button-height-sm);height:var(--button-height-sm)}.btn-primary{background:var(--accent-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--accent-warm);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:transparent;border:1px solid var(--border-default);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-medium)}.btn-ghost{background:transparent;border:none;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-success{background:var(--color-success);color:var(--text-white)}.btn-success:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-warning{background:var(--color-warning);color:var(--text-inverse)}.btn-warning:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-danger,.btn-delete{background:var(--color-error);color:var(--text-white)}.btn-danger:hover:not(:disabled),.btn-delete:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-link{background:none;border:none;color:var(--accent-primary);text-decoration:none;padding:0;height:auto;text-transform:none;letter-spacing:normal}.btn-link:hover:not(:disabled){color:var(--accent-warm);text-decoration:underline}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.form-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.form-input,.form-textarea,.form-select{height:var(--input-height);padding:0 var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-primary);background:var(--bg-surface);color:var(--text-primary);transition:all var(--transition-fast);outline:none}.form-textarea{height:auto;min-height:120px;padding:var(--space-3) var(--space-4);resize:vertical;line-height:var(--leading-relaxed)}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239A958E' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--border-accent);background:var(--bg-elevated);box-shadow:0 0 0 3px rgba(196,167,125,0.1)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{opacity:.6;cursor:not-allowed}.form-input-sm{height:var(--input-height-sm);padding:0 var(--space-3);font-size:var(--text-sm)}.form-input-lg{height:var(--input-height-lg);padding:0 var(--space-5);font-size:var(--text-lg)}.form-help{font-size:var(--text-xs);color:var(--text-tertiary)}.form-error{font-size:var(--text-xs);color:var(--color-error)}.card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-normal)}.card:hover{border-color:var(--border-default)}.card-header{padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.card-title{margin:0;font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--text-primary)}.card-body{color:var(--text-secondary)}.card-footer{padding-top:var(--space-4);margin-top:var(--space-4);border-top:1px solid var(--border-subtle)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.badge-primary{background:var(--bg-accent);color:var(--accent-primary)}.badge-success{background:rgba(125,154,125,0.15);color:var(--color-success)}.badge-warning{background:rgba(212,165,116,0.15);color:var(--color-warning)}.badge-danger{background:rgba(196,125,125,0.15);color:var(--color-error)}.badge-info{background:rgba(125,139,154,0.15);color:var(--color-info)}body.light-theme .badge-success{background:rgba(125,154,125,0.2)}body.light-theme .badge-warning{background:rgba(212,165,116,0.2)}body.light-theme .badge-danger{background:rgba(196,125,125,0.2)}.message,.alert{padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-base);margin-bottom:var(--space-4);border:1px solid transparent;display:flex;align-items:flex-start;gap:var(--space-3)}.message-error,.alert-error{background:rgba(196,125,125,0.1);color:var(--color-error);border-color:rgba(196,125,125,0.2)}.message-success,.alert-success{background:rgba(125,154,125,0.1);color:var(--color-success);border-color:rgba(125,154,125,0.2)}.message-warning,.alert-warning{background:rgba(212,165,116,0.1);color:var(--color-warning);border-color:rgba(212,165,116,0.2)}.message-info,.alert-info{background:rgba(125,139,154,0.1);color:var(--color-info);border-color:rgba(125,139,154,0.2)}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--modal-backdrop);backdrop-filter:var(--surface-blur-modal);-webkit-backdrop-filter:var(--surface-blur-modal);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-5)}body.light-theme .modal-backdrop{background:var(--modal-backdrop-light)}.modal{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);max-width:560px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl)}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.modal-title{margin:0;font-size:var(--text-xl);font-weight:var(--weight-medium);color:var(--text-primary)}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-6);border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-3);justify-content:flex-end}.tooltip{position:absolute;background:var(--bg-elevated);color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);white-space:nowrap;z-index:var(--z-tooltip);pointer-events:none;box-shadow:var(--shadow-lg);border:1px solid var(--border-subtle)}.divider{height:1px;background:var(--border-subtle);margin:var(--space-5) 0}.divider-vertical{width:1px;height:100%;background:var(--border-subtle)}.avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:32px;height:32px}.avatar-lg{width:56px;height:56px}.avatar-xl{width:80px;height:80px}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-1)}.tab{padding:var(--space-3) var(--space-4);background:none;border:none;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-md) var(--radius-md) 0 0;position:relative}.tab:hover{color:var(--text-primary);background:var(--bg-hover)}.tab.active{color:var(--accent-primary)}.tab.active::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent-primary)}.progress{width:100%;height:4px;background:var(--bg-surface);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background:var(--accent-primary);border-radius:var(--radius-full);transition:width var(--transition-normal)}.toggle{width:44px;height:24px;background:var(--bg-surface);border-radius:var(--radius-full);position:relative;cursor:pointer;transition:background var(--transition-fast)}.toggle::after{content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--text-white);border-radius:var(--radius-full);transition:transform var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle.active{background:var(--accent-primary)}.toggle.active::after{transform:translateX(20px)}.checkbox{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.checkbox input{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer}.checkbox-label{font-size:var(--text-base);color:var(--text-primary);user-select:none}.skeleton{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-elevated) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg-surface);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary)}.tag-removable{padding-right:var(--space-1)}.tag-remove{background:none;border:none;padding:var(--space-1);cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);transition:all var(--transition-fast)}.tag-remove:hover{color:var(--color-error);background:rgba(196,125,125,0.1)}.language-container{position:relative;display:flex;align-items:center}.language-popup{position:absolute;top:100%;right:0;margin-top:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-2);width:280px;box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);backdrop-filter:var(--surface-blur);-webkit-backdrop-filter:var(--surface-blur);animation:slideDown .2s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-popup-header{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wider);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-2)}.menu-links-section{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2)}.menu-link-item{display:block;color:var(--text-secondary);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wider);transition:all var(--transition-fast)}.menu-link-item:hover{background:var(--bg-hover);color:var(--text-primary)}.menu-divider{height:1px;background:var(--border-subtle);margin:var(--space-2) 0}.language-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1)}.language-option{background:none;border:none;color:var(--text-secondary);padding:var(--space-2) var(--space-3);text-align:left;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);transition:all var(--transition-fast)}.language-option:hover{background:var(--bg-hover);color:var(--text-primary)}.mobile-language-section{padding:var(--space-4) 0}.mobile-language-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2);margin-top:var(--space-3)}.mobile-lang-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:var(--space-2) 0;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast)}.mobile-lang-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-default)}.mobile-menu-divider{height:1px;background:var(--border-subtle);margin:var(--space-2) 0}.mobile-menu-label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}*{margin:0;padding:0;box-sizing:border-box}html:not(.theme-loaded) *,html:not(.theme-loaded) *::before,html:not(.theme-loaded) *::after{transition:none!important;animation:none!important}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding-top:80px;transition:background-color var(--transition-slow),color var(--transition-slow);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header{position:fixed;top:0;left:0;width:100%;padding:var(--space-5) var(--space-10);display:flex;justify-content:space-between;align-items:center;z-index:var(--z-dropdown);background:rgba(var(--bg-primary-rgb),0.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);pointer-events:none}.header>*{pointer-events:auto}.header-left,.header-center,.header-right{display:flex;align-items:center;gap:var(--space-4)}.header-text{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-widest)}.header-nav{display:flex;gap:var(--space-5);margin-right:var(--space-3)}.header-link{color:var(--text-tertiary);text-decoration:none;font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wider);transition:color var(--transition-fast);position:relative}.header-link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--accent-primary);transition:width var(--transition-normal)}.header-link:hover{color:var(--text-primary)}.header-link:hover::after{width:100%}.header-link.active{color:var(--text-primary)}.header-link.active::after{width:100%}.header-icon-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.header-icon-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.search-container{position:relative;display:flex;align-items:center;gap:var(--space-2)}.search-icon{position:absolute;left:var(--space-3);color:var(--text-tertiary);pointer-events:none;z-index:1}.search-input{width:260px;height:32px;padding:0 var(--space-3) 0 var(--space-10);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-xs);font-family:var(--font-primary);outline:none;transition:all var(--transition-fast)}.search-input:focus{border-color:var(--accent-primary)}.search-input::placeholder{color:var(--text-tertiary)}.search-modal-panel{position:fixed;top:0;left:0;width:100vw;height:calc(100vh - 80px);bottom:80px;background:rgba(18,18,18,0.7);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);z-index:998;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);opacity:0;pointer-events:none;transition:opacity var(--transition-normal);border:none;border-radius:0;box-shadow:none}.search-modal-panel[style*="flex"]{opacity:1;pointer-events:auto}.search-modal-input-area{width:100%;max-width:800px;margin-bottom:var(--space-5);display:flex;justify-content:center}.search-modal-input-area .search-container{position:relative;background:transparent}.search-modal-input-area .search-input{width:400px;height:48px;padding:0 var(--space-4) 0 var(--space-12);background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--text-lg);font-family:var(--font-primary);outline:none;transition:all var(--transition-fast)}.search-modal-input-area .search-input:focus{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3);box-shadow:0 0 0 2px rgba(255,255,255,0.1)}.search-modal-input-area .search-input::placeholder{color:rgba(255,255,255,0.6)}.search-modal-input-area .search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:rgba(255,255,255,0.6);z-index:1}.search-modal-content{width:100%;max-width:800px;height:60%;background:transparent;border:none;border-radius:0;padding:var(--space-5);overflow-y:auto;box-shadow:none}.search-close-btn{position:absolute;top:var(--space-5);right:var(--space-5);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.search-close-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.search-results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);width:100%}#searchResults .track-info-card{cursor:pointer;transition:all var(--transition-fast);margin-bottom:0}#searchResults .track-info-card:hover{background:var(--bg-hover)}.search-section-separator{height:1px;background:var(--border-subtle);margin:var(--space-6) 0;border:none}.lyrics-results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);width:100%}.lyrics-card{cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-4)}.lyrics-card:hover{opacity:.8}.lyrics-card-title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);margin:0 0 var(--space-2) 0;text-transform:uppercase;letter-spacing:.05em}.lyrics-card-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0;white-space:pre-wrap;font-family:var(--font-primary)}.lyrics-card-text strong,.track-info-card-title strong,.track-info-card-artist strong,.track-info-card-album strong{color:var(--accent-warm);font-weight:var(--weight-semibold)}@media(max-width:1024px){.search-results-grid,.lyrics-results-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}}@media(max-width:768px){.search-results-grid,.lyrics-results-grid{grid-template-columns:1fr;gap:var(--space-3)}}@media(max-width:480px){.search-results-grid{grid-template-columns:1fr;gap:var(--space-2)}#searchResults .track-info-card-cover{width:50px;height:50px}#searchResults .track-info-card-title{font-size:var(--text-sm)}#searchResults .track-info-card-artist,#searchResults .track-info-card-album{font-size:var(--text-xs)}}.search-section{margin-bottom:var(--space-6)}.search-section:last-child{margin-bottom:0}.search-section-title{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin:0 0 var(--space-3) 0}.search-result-card{display:flex;gap:var(--space-4);padding:var(--space-3);margin-bottom:var(--space-2);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.search-result-card:hover{background:var(--bg-hover)}.search-result-image{width:60px;height:60px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;box-shadow:var(--shadow-sm)}.search-result-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.search-result-title{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-artist{font-size:var(--text-sm);color:var(--accent-warm);font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-description{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.search-empty{text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);padding:var(--space-10) var(--space-5);font-style:italic}.search-loading{padding:var(--space-4)}.theme-toggle{background:none;border:none;cursor:pointer;padding:var(--space-2);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.theme-toggle:hover{color:var(--text-primary);background:var(--bg-hover)}.theme-toggle svg{transition:all var(--transition-normal)}.sun-icon{stroke:currentColor;display:block}.moon-icon{stroke:currentColor;display:none}body:not(.light-theme) .sun-icon{display:none}body:not(.light-theme) .moon-icon{display:block}.side-menu{position:fixed;top:0;left:-300px;width:300px;height:100vh;background:var(--bg-elevated);border-right:1px solid var(--border-subtle);box-shadow:var(--shadow-xl);transition:left var(--transition-normal);z-index:var(--z-modal)}.side-menu.open{left:0}.menu-header{padding:var(--space-5);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.menu-title{font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--text-primary)}.menu-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.menu-close:hover{background:var(--bg-hover);color:var(--text-primary)}.menu-nav{padding:var(--space-4) 0}.menu-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);color:var(--text-secondary);text-decoration:none;font-size:var(--text-base);transition:all var(--transition-fast)}.menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.menu-item.active{background:var(--bg-accent);color:var(--accent-primary)}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.5);z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.menu-overlay.open{opacity:1;visibility:visible}.container{display:flex;flex-direction:column;height:calc(100vh - 60px)}.main-content{flex:1;display:flex;gap:var(--space-5);min-height:0;height:100%;position:relative}.chat-panel{flex:0 0 20%;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius-2xl);overflow:hidden;height:100%;min-height:0;position:relative}.response-panel{flex:1;padding:var(--space-4);padding-bottom:var(--space-20);overflow-y:auto;display:flex;flex-direction:column;height:100%}#desktopResponseText,#responseText{color:var(--text-primary);font-size:var(--text-md);line-height:var(--leading-relaxed);white-space:pre-wrap;word-wrap:break-word;padding:var(--space-3)}.track-info-card{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;background:transparent!important;border:none!important;border-radius:0!important;padding:2px 0!important;margin:0!important;box-shadow:none!important;width:auto!important;max-width:100%!important;justify-self:start!important}.track-info-card-header{display:grid!important;grid-template-columns:50px 1fr!important;gap:10px!important;align-items:center!important;margin:0!important;padding:0!important}.track-info-card-cover{width:50px!important;height:50px!important;border-radius:var(--radius-md)!important;object-fit:cover!important;box-shadow:var(--shadow-sm)!important;display:block!important}.track-info-card-meta{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:1px!important;min-width:0!important}.track-info-card-title,.track-info-card-artist,.track-info-card-album{margin:0!important;padding:0!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.track-info-card-title{font-size:var(--text-base)!important;font-weight:var(--weight-medium)!important;color:var(--text-primary)!important}.track-info-card-artist{font-size:var(--text-sm)!important;color:var(--accent-warm)!important;font-weight:var(--weight-medium)!important}.track-info-card-album{font-size:var(--text-xs)!important;color:var(--text-muted)!important;font-style:italic!important}.track-info-card-tags{display:flex!important;flex-wrap:wrap!important;gap:4px!important;margin:0!important;padding:0!important}.track-info-tag{display:inline-flex!important;align-items:center!important;padding:1px 6px!important;background:transparent!important;border:none!important;border-radius:var(--radius-sm)!important;font-size:10px!important;color:var(--text-secondary)!important;font-weight:var(--weight-medium)!important;line-height:1!important;height:auto!important}.track-info-tag-bpm{background:rgba(196,167,125,0.15)!important;border:1px solid var(--accent-primary)!important;color:var(--accent-warm)!important}.track-info-tag-mood{background:rgba(139,154,125,0.15)!important;border:1px solid var(--accent-sage)!important;color:var(--accent-sage)!important}.track-info-card-lyrics{display:flex!important;flex-direction:column!important;gap:2px!important;margin:0!important;padding:0!important;border:none!important;background:transparent!important}.track-info-lyrics-label{display:block!important;font-size:9px!important;font-weight:var(--weight-bold)!important;color:var(--text-muted)!important;text-transform:uppercase!important;letter-spacing:.05em!important;margin:0!important;padding:0!important;line-height:1!important}.track-info-lyrics-text{margin:0!important;padding:0!important;font-size:var(--text-xs)!important;color:var(--text-secondary)!important;line-height:1.35!important;white-space:pre-wrap!important;font-family:var(--font-primary)!important;max-height:180px!important;overflow-y:auto!important;display:block!important}.track-card-container{padding:var(--space-2) var(--space-3);background:transparent;min-height:0;flex-shrink:0;width:100%;margin-top:auto;position:sticky;bottom:0;z-index:10}.input-area{background:transparent;position:absolute;bottom:0;left:0;right:0}#messageInput,#desktopMessageInput{width:100%;padding:var(--space-3) var(--space-5);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-primary);outline:none;transition:all var(--transition-fast)}#messageInput:focus,#desktopMessageInput:focus{border-color:var(--border-accent);background:var(--bg-elevated)}#messageInput::placeholder,#desktopMessageInput::placeholder{color:var(--text-muted)}#messageInput:disabled,#desktopMessageInput:disabled{opacity:.6;cursor:not-allowed}.send-btn{background:var(--accent-primary);border:none;border-radius:var(--radius-full);width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.send-btn:hover{background:var(--accent-warm);transform:scale(1.05)}.empty-panel{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-2xl);color:var(--text-tertiary);font-style:italic;font-size:var(--text-sm)}.empty-panel::before{content:"Future content area"}.mobile-chat-container{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--bg-secondary);z-index:var(--z-modal);display:none;flex-direction:column;transform:translateX(100%);transition:transform var(--transition-normal)}.mobile-chat-container.open{display:flex!important;transform:translateX(0)!important}.mobile-chat-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);background:var(--surface-glass);backdrop-filter:var(--surface-blur-light);border-bottom:1px solid var(--border-subtle)}.mobile-chat-header h3{margin:0;font-size:var(--text-xl);font-weight:var(--weight-medium);color:var(--text-primary)}.close-chat-btn{background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast)}.close-chat-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.chat-section{flex:1;display:flex;flex-direction:column;overflow:hidden}.mobile-chat-container .input-area{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-4) var(--space-5)}.desktop-only{display:block}.floating-menu{position:fixed;top:70px;left:var(--space-5);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-3);z-index:var(--z-popover);box-shadow:var(--shadow-lg);min-width:160px}.menu-link{display:block;padding:var(--space-2) var(--space-3);text-decoration:none;color:var(--text-secondary);border-radius:var(--radius-md);font-size:var(--text-base);transition:all var(--transition-fast)}.menu-link:hover{background:var(--bg-hover);color:var(--text-primary)}#notification-container{position:fixed;top:var(--space-5);right:var(--space-5);z-index:var(--z-max);display:flex;flex-direction:column;gap:var(--space-3)}.notification{background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:320px;max-width:400px;animation:slideIn var(--transition-normal);position:relative;overflow:hidden;border:1px solid var(--border-subtle)}.notification::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-primary)}.notification-success::before{background:var(--color-success)}.notification-error::before{background:var(--color-error)}.notification-info::before{background:var(--color-info)}.notification-content{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);padding-right:var(--space-10)}.notification-close{position:absolute;top:50%;right:var(--space-2);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);opacity:.5;transition:opacity var(--transition-fast);color:inherit;display:flex;align-items:center;justify-content:center}.notification-close:hover{opacity:1}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.fade-in-chunk{animation:fadeIn var(--transition-normal)}@media(max-width:768px){.header{padding:var(--space-3) var(--space-4)}.header-nav{display:none}.header-right .header-nav{display:none}.header-center{display:none}.container{padding:var(--space-2);height:calc(100vh - 50px)}.main-content{flex-direction:column;gap:var(--space-3)}.desktop-only{display:none}.mobile-chat-toggle{display:flex}.empty-panel{border-radius:var(--radius-xl);min-height:calc(100vh - 120px)}.chat-panel{display:none}.mobile-chat-container .input-area input{font-size:var(--text-lg)}.mobile-chat-header{padding:var(--space-4) var(--space-5)}.mobile-chat-header h3{font-size:var(--text-lg)}}@media(max-width:480px){.container{padding:var(--space-1)}.mobile-chat-container .input-area{padding:var(--space-3) var(--space-4)}}button.menu-button,.menu-button{background:transparent!important;border:none!important;cursor:pointer;padding:5px;color:#333;transition:color .3s ease;border-radius:0!important;outline:none;width:auto!important;font-family:inherit!important;text-transform:none!important;box-shadow:none!important}body.dark-theme .menu-button{color:#f0f0f0}button.menu-button:hover,.menu-button:hover{background:transparent!important;box-shadow:none!important}.menu-button svg{stroke:currentColor;fill:none}.hamburger-icon,.sun-icon,.moon-icon,.user-icon,.chat-icon,.lock-icon,.music-icon,.play-icon,.pause-icon,.edit-icon,.grid-icon,.upload-icon,.music-note-icon,.bar-chart-icon,.album-icon,.star-icon,.eye-icon,.check-circle-icon,.image-icon,.spinner-icon,.close-icon,.instagram-icon,.facebook-icon,.youtube-icon,.x-twitter-icon,.globe-icon,.settings-icon,.plus-icon,.monitor-icon,.clock-icon,.trending-up-icon,.trending-up-icon,.users-icon,.shield-icon,.trash-icon,.download-icon,.alert-triangle-icon{stroke:currentColor;fill:none}img.icon,img[class*="-icon"]{transition:filter .3s ease,opacity .3s ease;display:inline-block;vertical-align:middle}img.hamburger-icon,img.sun-icon,img.moon-icon,img.user-icon,img.chat-icon,img.lock-icon,img.music-icon,img.play-icon,img.pause-icon,img.edit-icon,img.grid-icon,img.upload-icon,img.music-note-icon,img.bar-chart-icon,img.album-icon,img.star-icon,img.eye-icon,img.check-circle-icon,img.image-icon,img.spinner-icon,img.close-icon,img.instagram-icon,img.facebook-icon,img.youtube-icon,img.x-twitter-icon,img.globe-icon,img.settings-icon,img.plus-icon,img.monitor-icon,img.clock-icon,img.trending-up-icon,img.trending-up-icon,img.users-icon,img.shield-icon,img.trash-icon,img.download-icon,img.alert-triangle-icon{transition:filter .3s ease}img.hamburger-icon,img.sun-icon,img.moon-icon,img.user-icon,img.chat-icon,img.lock-icon,img.music-icon,img.play-icon,img.pause-icon,img.edit-icon,img.grid-icon,img.upload-icon,img.music-note-icon,img.bar-chart-icon,img.album-icon,img.star-icon,img.eye-icon,img.check-circle-icon,img.image-icon,img.spinner-icon,img.close-icon,img.instagram-icon,img.facebook-icon,img.youtube-icon,img.x-twitter-icon,img.globe-icon,img.settings-icon,img.plus-icon,img.monitor-icon,img.clock-icon,img.trending-up-icon,img.trending-up-icon,img.users-icon,img.shield-icon,img.trash-icon,img.download-icon,img.alert-triangle-icon{filter:none}body.dark-theme img.hamburger-icon,body.dark-theme img.sun-icon,body.dark-theme img.moon-icon,body.dark-theme img.user-icon,body.dark-theme img.chat-icon,body.dark-theme img.lock-icon,body.dark-theme img.music-icon,body.dark-theme img.play-icon,body.dark-theme img.pause-icon,body.dark-theme img.edit-icon,body.dark-theme img.grid-icon,body.dark-theme img.upload-icon,body.dark-theme img.music-note-icon,body.dark-theme img.bar-chart-icon,body.dark-theme img.album-icon,body.dark-theme img.star-icon,body.dark-theme img.eye-icon,body.dark-theme img.check-circle-icon,body.dark-theme img.image-icon,body.dark-theme img.spinner-icon,body.dark-theme img.close-icon,body.dark-theme img.instagram-icon,body.dark-theme img.facebook-icon,body.dark-theme img.youtube-icon,body.dark-theme img.x-twitter-icon,body.dark-theme img.globe-icon,body.dark-theme img.settings-icon,body.dark-theme img.plus-icon,body.dark-theme img.monitor-icon,body.dark-theme img.clock-icon,body.dark-theme img.trending-up-icon,body.dark-theme img.trending-up-icon,body.dark-theme img.users-icon,body.dark-theme img.shield-icon,body.dark-theme img.trash-icon,body.dark-theme img.download-icon,body.dark-theme img.alert-triangle-icon{filter:invert(1) brightness(2)}.spinner-icon,img.spinner-icon,.braindust-loading svg{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.icon-xs{width:12px;height:12px}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}.icon-xl{width:32px;height:32px}.icon-2xl{width:48px;height:48px}.icon-3xl{width:64px;height:64px}:root{--cookie-glass-bg:rgba(255,255,255,0.95);--cookie-glass-border:rgba(0,0,0,0.1);--cookie-text:#1a1a1a;--cookie-text-secondary:#666;--cookie-accent:#000;--cookie-accent-text:#fff}:root.dark-theme{--cookie-glass-bg:rgba(22,22,24,0.85);--cookie-glass-border:rgba(255,255,255,0.1);--cookie-text:#fff;--cookie-text-secondary:rgba(255,255,255,0.6);--cookie-accent:#fff;--cookie-accent-text:#000}body.light-theme{--cookie-glass-bg:rgba(250,250,248,0.95);--cookie-glass-border:rgba(0,0,0,0.1);--cookie-text:#1a1a1a;--cookie-text-secondary:#666;--cookie-accent:#000;--cookie-accent-text:#fff}.cookie-consent-banner{position:fixed;bottom:20px;left:20px;right:20px;max-width:1200px;margin:0 auto;background:var(--cookie-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--cookie-glass-border);border-radius:16px;padding:20px;z-index:9999;transform:translateY(150%);transition:transform .4s cubic-bezier(0.19,1,0.22,1);box-shadow:0 10px 40px rgba(0,0,0,0.2)}.cookie-consent-banner.show{transform:translateY(0)}.cookie-consent-content{display:flex;align-items:center;justify-content:space-between;gap:24px}.cookie-consent-text{flex:1}.cookie-consent-text strong{display:block;margin-bottom:4px;font-size:16px;font-weight:600;color:var(--cookie-text)}.cookie-consent-text p{margin:0;font-size:14px;color:var(--cookie-text-secondary);line-height:1.5}.cookie-consent-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.cookie-accept-btn,.cookie-settings-btn{padding:10px 20px;font-size:14px;font-weight:500;border-radius:10px;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.cookie-accept-btn{background:var(--cookie-accent);color:var(--cookie-accent-text)}.cookie-accept-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.15);opacity:.9}body.light-theme .cookie-accept-btn{background-color:#000;color:#fff}.cookie-settings-btn{background:transparent;color:var(--cookie-text);border:1px solid var(--cookie-glass-border)}.cookie-settings-btn:hover{background:rgba(128,128,128,0.1)}#cookieSettingsModal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .3s ease}#cookieSettingsModal.show{opacity:1;pointer-events:auto}#cookieSettingsModal .modal-content{background:var(--cookie-glass-bg);border:1px solid var(--cookie-glass-border);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,0.3);max-width:550px;width:100%;max-height:85vh;overflow-y:auto;position:relative;transform:scale(0.95);transition:transform .3s cubic-bezier(0.19,1,0.22,1)}#cookieSettingsModal.show .modal-content{transform:scale(1)}#cookieSettingsModal .modal-header{padding:24px;border-bottom:1px solid var(--cookie-glass-border);display:flex;align-items:center;justify-content:space-between}#cookieSettingsModal .modal-title{font-size:20px;font-weight:600;margin:0;color:var(--cookie-text)}#cookieSettingsModal .modal-close-btn{width:32px;height:32px;border-radius:50%;background:transparent;border:1px solid var(--cookie-glass-border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--cookie-text);transition:all .2s ease;padding:0}#cookieSettingsModal .modal-close-btn:hover{background:rgba(128,128,128,0.1)}#cookieSettingsModal .modal-body{padding:24px}.cookie-category{padding:16px;border-radius:12px;background:rgba(128,128,128,0.05);border:1px solid var(--cookie-glass-border);margin-bottom:16px}.cookie-category-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.cookie-category-header strong{font-size:15px;font-weight:600;color:var(--cookie-text)}.cookie-status{font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;background:rgba(16,185,129,0.1);color:#10b981;border:1px solid rgba(16,185,129,0.2)}.cookie-category p{margin:0;font-size:13px;line-height:1.5;color:var(--cookie-text-secondary)}.cookie-toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer;user-select:none}.cookie-toggle input{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:relative;display:inline-block;width:48px;height:24px;background-color:rgba(128,128,128,0.3);border:1.5px solid var(--cookie-glass-border);border-radius:24px;transition:all .3s cubic-bezier(0.4,0,0.2,1);margin-right:10px}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:2px;top:50%;transform:translateY(-50%);background-color:white;border-radius:50%;transition:all .3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 4px rgba(0,0,0,0.2)}.cookie-toggle input:checked+.toggle-slider{background-color:var(--cookie-accent);border-color:var(--cookie-accent)}.cookie-toggle input:checked+.toggle-slider:before{left:calc(100% - 20px);background-color:var(--cookie-accent-text)}.toggle-label{font-size:13px;color:var(--cookie-text)}#cookieSettingsModal .modal-footer{padding:24px;border-top:1px solid var(--cookie-glass-border);display:flex;align-items:center;justify-content:flex-end;gap:12px}#cookieSettingsModal .modal-footer .btn-link,#cookieSettingsModal .modal-footer .btn-primary{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}#cookieSettingsModal .modal-footer .btn-link{background:transparent;color:var(--cookie-text-secondary);border:1px solid var(--cookie-glass-border)}#cookieSettingsModal .modal-footer .btn-link:hover{background:rgba(128,128,128,0.1);color:var(--cookie-text)}#cookieSettingsModal .modal-footer .btn-primary{background:var(--cookie-accent);color:var(--cookie-accent-text)}#cookieSettingsModal .modal-footer .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.15);opacity:.9}@media(max-width:768px){.cookie-consent-banner{bottom:0;left:0;right:0;border-radius:20px 20px 0 0;padding-bottom:max(20px,env(safe-area-inset-bottom))}.cookie-consent-content{flex-direction:column;align-items:stretch;gap:16px}.cookie-consent-actions{flex-direction:column;gap:10px}.cookie-accept-btn,.cookie-settings-btn{width:100%;text-align:center}}.cookie-toggle{position:relative;display:inline-flex;align-items:center;gap:12px;cursor:pointer;user-select:none}.cookie-toggle input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:relative;display:inline-block;width:48px;height:24px;background:var(--glass-bg,rgba(255,255,255,0.1));border:1.5px solid var(--border-color);border-radius:24px;transition:all .3s cubic-bezier(0.4,0,0.2,1);cursor:pointer}.toggle-slider::before{content:'';position:absolute;width:18px;height:18px;left:2px;top:50%;transform:translateY(-50%);background:var(--text-secondary);border-radius:50%;transition:all .3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 4px rgba(0,0,0,0.2)}.cookie-toggle input[type="checkbox"]:checked+.toggle-slider{background:var(--accent-primary);border-color:var(--accent-primary)}.cookie-toggle input[type="checkbox"]:checked+.toggle-slider::before{left:calc(100% - 20px);background:white}.cookie-toggle:hover .toggle-slider{background:var(--glass-bg-light,rgba(255,255,255,0.15))}.cookie-toggle input[type="checkbox"]:checked:hover+.toggle-slider{background:var(--accent-warm);box-shadow:0 0 12px rgba(196,167,125,0.3)}.cookie-toggle input[type="checkbox"]:focus+.toggle-slider{outline:2px solid var(--accent-primary);outline-offset:2px}.toggle-label{font-size:14px;font-weight:500;color:var(--text-secondary);transition:color .2s ease}.cookie-toggle input[type="checkbox"]:checked~.toggle-label{color:var(--accent-primary)}.cookie-toggle input[type="checkbox"]:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.cookie-toggle input[type="checkbox"]:disabled~.toggle-label{opacity:.5;cursor:not-allowed}:root.dark-theme .toggle-slider,.dark-theme .toggle-slider{background:rgba(255,255,255,0.05)}:root.dark-theme .cookie-toggle:hover .toggle-slider,.dark-theme .cookie-toggle:hover .toggle-slider{background:rgba(255,255,255,0.1)}