@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Material+Icons";/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-1\/2{top:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.float-left{float:left}.container{width:100%}.mx-auto{margin-inline:auto}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.aspect-\[9\/16\]{aspect-ratio:9/16}.h-\[calc\(100vh-4rem\)\]{height:calc(100vh - 4rem)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[40vh\]{max-height:40vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[240px\]{max-height:240px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-\[520px\]{max-width:520px}.max-w-\[2000px\]{max-width:2000px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-t-transparent{border-top-color:#0000}.object-cover{-o-object-fit:cover;object-fit:cover}.text-end{text-align:end}.whitespace-pre-wrap{white-space:pre-wrap}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):hover *),.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:opacity-50:disabled{opacity:.5}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#3a2f2a;--density-card-padding:16px;--density-card-gap:16px;--density-font-size:14px;--density-line-height:1.5;--density-icon-size:20px;--density-header-height:64px;--density-sidebar-width:220px;--density-border-radius:10px;--density-spacing:16px;--density-video-card-padding:12px;--density-channel-icon-size:36px;--density-button-padding:10px 16px;background-color:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.6}*,:before,:after{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:inherit;background:#fff;margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}.toast{display:flex;align-items:center;gap:12px;min-width:320px;max-width:500px;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 4px 12px #0000001a,0 8px 24px #00000014;animation:toastSlideIn .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-message{flex:1;color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.5}.toast-close{display:flex;align-items:center;justify-content:center;padding:4px;background:none;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;transition:all .2s;flex-shrink:0}.toast-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-container{position:fixed;top:80px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast-container .toast{pointer-events:all}@media (max-width: 640px){.toast{min-width:calc(100vw - 48px);max-width:calc(100vw - 48px)}.toast-container{right:12px;left:12px;top:60px}}.signin-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:signinFadeIn .2s ease-out}@keyframes signinFadeIn{0%{opacity:0}to{opacity:1}}.signin-modal{background:linear-gradient(180deg,#fff8f1,#fff);border:2px solid rgba(255,205,170,.6);border-radius:var(--radius-3xl);padding:0;max-width:480px;width:calc(100% - var(--space-3xl));max-height:90vh;overflow-y:auto;box-shadow:var(--elevation-high);animation:signinSlideUp .3s ease-out;position:relative}@keyframes signinSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.signin-modal-close{position:absolute;top:var(--space-lg);right:var(--space-lg);width:var(--space-2xl);height:var(--space-2xl);display:flex;align-items:center;justify-content:center;background:#fffc;border:2px solid rgba(255,205,170,.5);border-radius:var(--radius-xl);cursor:pointer;color:#7c6456;transition:all var(--transition-base);z-index:10;box-shadow:var(--elevation-low)}.signin-modal-close:hover{background:#fff;border-color:#d04836;color:#d04836;transform:scale(1.05);box-shadow:var(--elevation-medium)}.signin-modal-close:active{transform:scale(.95)}.signin-modal-close .material-icons{font-size:var(--font-size-2xl)}.signin-modal-header{padding:var(--space-2xl) var(--space-2xl) var(--space-xl);text-align:center;border-bottom:2px solid rgba(255,205,170,.4)}.signin-modal-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:#4b3328;margin:0 0 var(--space-sm)}.signin-modal-subtitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);color:#6f5244;margin:0}.signin-modal-error{margin:0 var(--space-xl) var(--space-xl);padding:var(--space-md) var(--space-lg);background:#ef44441a;border:2px solid rgba(239,68,68,.3);border-radius:var(--radius-xl);display:flex;align-items:flex-start;gap:var(--space-md);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);color:#dc2626;animation:slideDown .3s ease;box-shadow:var(--elevation-low)}.signin-modal-error.popup-blocked{background:#fb923c1a;border:2px solid rgba(251,146,60,.4);padding:var(--space-lg) var(--space-xl);flex-direction:column}.signin-modal-error .material-icons{font-size:var(--font-size-2xl);color:#f87171;flex-shrink:0;margin-top:2px}.signin-modal-error.popup-blocked .material-icons{color:#f97316;font-size:var(--font-size-3xl)}.signin-modal-error span{flex:1;line-height:var(--line-height-relaxed)}.popup-instructions{width:100%;background:#ffffffb3;border:2px solid rgba(251,146,60,.2);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);margin-top:var(--space-sm);box-shadow:var(--elevation-low)}.popup-instructions p{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:#7c2d12}.popup-instructions ul{margin:var(--space-sm) 0;padding-left:var(--space-xl);list-style:none}.popup-instructions li{margin:var(--space-sm) 0;font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:#78350f}.popup-instructions li:before{content:"→ ";color:#f97316;font-weight:var(--font-weight-bold);margin-right:var(--space-xs)}.popup-instructions strong{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:#9a3412}.signin-modal-body{padding:var(--space-xl) var(--space-2xl) var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-xl)}.signin-option{width:100%;padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-md);border:2px solid transparent}.signin-option:disabled{opacity:.6;cursor:not-allowed}.signin-option-google{background:#fff;border-color:#e0e0e0cc;color:#3a2f2a;box-shadow:var(--elevation-low)}.signin-option-google:hover:not(:disabled){background:#f8f9fa;border-color:#d048364d;box-shadow:var(--elevation-medium);transform:translateY(-1px)}.signin-option-google:active:not(:disabled){transform:translateY(0)}.google-icon{flex-shrink:0}.signin-option-email{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;border:none;box-shadow:var(--elevation-medium)}.signin-option-email:hover:not(:disabled){box-shadow:var(--elevation-high);transform:translateY(-1px)}.signin-option-email:active:not(:disabled){transform:translateY(0)}.signin-option-email:disabled{background:linear-gradient(135deg,#fca5a5,#fdba74)}.signin-divider{display:flex;align-items:center;text-align:center;margin:var(--space-sm) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:#8a6a5a}.signin-divider:before,.signin-divider:after{content:"";flex:1;border-bottom:2px solid rgba(255,205,170,.5)}.signin-divider span{padding:0 var(--space-lg);background:linear-gradient(180deg,#fff8f1,#fff)}.signin-email-form{display:flex;flex-direction:column;gap:var(--space-lg)}.signin-form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.signin-form-group label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:#4b3328}.signin-form-group input{padding:var(--space-md) var(--space-lg);border:2px solid rgba(255,205,170,.6);border-radius:var(--radius-xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:#3a2f2a;background:#ffffffe6;transition:all var(--transition-base);font-family:inherit;box-shadow:var(--elevation-low)}.signin-form-group input:focus{outline:none;border-color:#d04836;background:#fff;box-shadow:0 0 0 3px #d0483626,var(--elevation-medium)}.signin-form-group input:disabled{opacity:.6;cursor:not-allowed;background:#f8f9fae6}.signin-form-group input::-moz-placeholder{color:#a0a0a0}.signin-form-group input::placeholder{color:#a0a0a0}.signin-modal-footer{padding-top:var(--space-sm);text-align:center}.signin-toggle-mode{background:none;border:2px solid transparent;color:#d04836;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);cursor:pointer;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-base)}.signin-toggle-mode:hover:not(:disabled){background:#d048361a;color:#b83d2e}.signin-toggle-mode:disabled{opacity:.5;cursor:not-allowed}.spinner-small{display:inline-block;width:var(--space-lg);height:var(--space-lg);border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:var(--radius-circle);animation:spin .6s linear infinite}@media (max-width: 640px){.signin-modal{width:calc(100% - var(--space-2xl));max-height:95vh;border-radius:var(--radius-3xl)}.signin-modal-header{padding:var(--space-2xl) var(--space-xl) var(--space-xl)}.signin-modal-title{font-size:var(--font-size-3xl)}.signin-modal-body{padding:var(--space-xl) var(--space-xl) var(--space-2xl)}.signin-modal-error{margin:0 var(--space-xl) var(--space-lg);font-size:var(--font-size-md)}}.landing-page{min-height:100vh;background:linear-gradient(180deg,#fff8f1,#ffe9d6 45%,#fff);color:#3a2f2a;font-family:Inter,Roboto,sans-serif;display:flex;flex-direction:column}.landing-page a{color:inherit;text-decoration:none}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;position:sticky;top:0;z-index:20;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(231,207,186,.8);box-shadow:0 10px 25px #f8ca9026}.logo{font-size:1.75rem;font-weight:700;letter-spacing:-.03em;color:#d04836}.landing-nav{display:flex;align-items:center;gap:24px;font-size:.95rem;font-weight:500;color:#7c6456}.landing-nav a{opacity:.75;transition:opacity .2s ease,color .2s ease}.landing-nav a:hover{opacity:1;color:#d04836}.signin-btn{background:linear-gradient(135deg,#ff7a59,#ffb347);color:#fff;border:none;padding:12px 24px;border-radius:999px;font-size:.95rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.signin-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 30px #ff906840}.signin-btn:disabled{opacity:.6;cursor:not-allowed}.landing-main{flex:1;display:flex;flex-direction:column;gap:72px;padding-bottom:80px}.hero{padding:80px 24px 40px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:48px;align-items:center;max-width:1120px;margin:0 auto;background:linear-gradient(135deg,#fff4e8e6,#ffdfc8cc);border-radius:28px;box-shadow:0 30px 60px #ffc38d40;border:1px solid rgba(255,205,170,.45)}.hero-content{display:flex;flex-direction:column;gap:24px}.hero-badge{display:inline-block;width:-moz-fit-content;width:fit-content;padding:6px 14px;border-radius:999px;font-size:.8rem;font-weight:600;background:#ffaa7d2e;border:1px solid rgba(255,170,125,.35);color:#d8613c;letter-spacing:.08em;text-transform:uppercase}.hero-content h1{font-size:clamp(2.5rem,3vw + 1rem,3.75rem);color:#4b3328;line-height:1.1;margin:0}.hero-lead{font-size:1.1rem;max-width:560px;color:#6f5244;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.cta-btn{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;border:none;padding:16px 28px;font-size:1rem;font-weight:600;border-radius:14px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;display:inline-flex;align-items:center;gap:10px}.cta-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 36px #f9731659}.cta-btn:disabled{opacity:.7;cursor:not-allowed}.secondary-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:14px;font-weight:600;background:#ffffffb3;border:1px solid rgba(255,196,166,.7);color:#a2663c;transition:background .2s ease,transform .2s ease}.secondary-btn:hover{background:#ffffffe6;transform:translateY(-1px)}.hero-points{list-style:none;margin:0;padding:0;display:grid;gap:12px;color:#cbd5f5;font-size:.95rem}.hero-points li{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:#fff3e6e6;border:1px solid rgba(255,207,170,.6)}.hero-points .material-icons{font-size:20px;color:#f59e0b}.hero-visual{position:relative;padding:32px;border-radius:24px;background:linear-gradient(160deg,#ffe9d0e6,#ffd2bccc);border:1px solid rgba(255,199,170,.4);box-shadow:0 30px 60px #ffc38d40;display:grid;gap:24px}.visual-card{background:#ffffffe6;border-radius:16px;padding:20px 24px;border:1px solid rgba(255,206,178,.55);box-shadow:inset 0 1px #fff9}.visual-card-primary h3{font-size:1.1rem;color:#4b3328;margin-bottom:16px}.visual-card-primary ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:.95rem;color:#6f5244}.chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:8px;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.chip-new{background:#ffa36640;color:#d8613c}.visual-footer{margin-top:18px;display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:#c4703b;padding:10px;border-radius:10px;background:#ffcdaa4d}.visual-card-secondary{display:grid;gap:18px}.visual-stat{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#7c6456;font-size:.9rem}.visual-stat .stat-label{opacity:.75}.visual-stat .stat-value{font-size:1.3rem;font-weight:700;color:#d04836}.visual-stat .success{color:#2f855a}.trust-bar{padding:0 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;max-width:1120px;margin:0 auto;box-sizing:border-box}.trust-card{background:#ffffffeb;border-radius:18px;padding:20px 24px;border:1px solid rgba(255,205,170,.5);display:flex;gap:18px;align-items:flex-start;box-shadow:0 18px 36px #ffc38d33}.trust-card .material-icons{font-size:26px;color:#f59e0b}.trust-card h3{margin:0 0 6px;color:#4b3328;font-size:1.05rem}.trust-card p{margin:0;color:#745548;font-size:.9rem;line-height:1.5}.section-intro{text-align:center;max-width:680px;margin:0 auto 40px;padding:0 24px}.section-intro h2{font-size:clamp(2rem,1.6vw + 1.2rem,2.6rem);color:#4b3328;margin-bottom:12px}.section-intro p{margin:0;color:#745548;line-height:1.7}.features{padding:0 24px;display:flex;flex-direction:column;gap:36px;max-width:1120px;margin:0 auto;box-sizing:border-box}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.feature-card{background:#ffffffeb;border-radius:20px;padding:28px 24px;border:1px solid rgba(255,205,170,.45);display:flex;flex-direction:column;gap:14px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 20px 36px #ffc38d33}.feature-card:hover{transform:translateY(-4px);box-shadow:0 26px 44px #ffb07847}.feature-card .material-icons{font-size:30px;color:#f59e0b}.feature-card h3{margin:0;color:#4b3328;font-size:1.2rem}.feature-card p{margin:0;color:#745548;font-size:.95rem;line-height:1.6}.workflow{padding:0 24px;display:flex;flex-direction:column;gap:32px;max-width:1120px;margin:0 auto;box-sizing:border-box}.workflow-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.step-card{background:#ffffffeb;border-radius:18px;padding:24px 24px 28px;border:1px solid rgba(255,205,170,.45);display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 36px #ffc38d33}.step-number{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff7a59,#ffb347);box-shadow:0 10px 20px #ffa56a4d}.step-card h3{margin:0;font-size:1.1rem;color:#4b3328}.step-card p{margin:0;color:#745548;font-size:.95rem;line-height:1.6}.love-section{padding:0 24px;display:flex;flex-direction:column;gap:32px;max-width:1120px;margin:0 auto;box-sizing:border-box}.love-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.love-card{background:#ffffffed;border-radius:20px;padding:26px 24px;border:1px solid rgba(255,205,170,.45);display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 36px #ffc38d33}.love-card h3{margin:0;color:#4b3328;font-size:1.15rem}.love-card ul{margin:0;padding-left:18px;color:#745548;line-height:1.6;font-size:.92rem}.cta-panel{padding:0 24px;max-width:1120px;margin:0 auto;box-sizing:border-box}.cta-panel-content{border-radius:24px;background:linear-gradient(135deg,#ffd09ee6,#ffb794d9);border:1px solid rgba(255,190,150,.6);box-shadow:0 30px 60px #ffb07859;padding:44px 52px;display:flex;flex-direction:column;gap:18px;align-items:flex-start;color:#422a21}.cta-panel-content h2{margin:0;color:#422a21;font-size:clamp(2rem,1.8vw + 1.2rem,2.6rem)}.cta-panel-content p{margin:0;max-width:640px;color:#422a21d9;font-size:1rem;line-height:1.6}.footer{text-align:center;padding:32px 24px 48px;color:#8a6a5a;font-size:.9rem;border-top:1px solid rgba(255,205,170,.4);background:#fff5eae6}.error-banner{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626;padding:12px 16px;border-radius:10px;display:flex;align-items:flex-start;gap:12px;animation:slideDown .3s ease}.error-banner .material-icons{font-size:24px;color:#f87171;flex-shrink:0;margin-top:2px}.error-content{flex:1;display:flex;flex-direction:column;gap:12px}.error-message{font-weight:600;font-size:15px;color:#dc2626}.error-banner.popup-blocked{background-color:#fb923c1a;border:2px solid rgba(251,146,60,.4);padding:16px 20px}.error-banner.popup-blocked .material-icons{color:#f97316;font-size:28px}.popup-instructions{background:#ffffffb3;border:1px solid rgba(251,146,60,.2);border-radius:8px;padding:12px 16px;font-size:14px;line-height:1.6}.popup-instructions p{margin:0 0 8px;color:#7c2d12}.popup-instructions ul{margin:8px 0;padding-left:20px;list-style:none}.popup-instructions li{margin:6px 0;padding-left:0;color:#78350f}.popup-instructions li:before{content:"→ ";color:#f97316;font-weight:700;margin-right:4px}.popup-instructions strong{color:#9a3412;font-weight:600}.icon-inline{display:inline-block;font-size:16px;vertical-align:middle}.retry-hint{margin-top:12px;padding-top:12px;border-top:1px solid rgba(251,146,60,.2);color:#9a3412;font-weight:600;font-size:14px}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin-right:8px}@media (max-width: 1024px){.landing-header{padding:18px 24px}.landing-main{gap:64px}.hero{padding:64px 24px 32px;grid-template-columns:1fr}.hero-visual{order:-1}.trust-bar,.features,.workflow,.love-section,.cta-panel{padding:0 24px}}@media (max-width: 768px){.landing-header{flex-wrap:wrap;gap:16px}.landing-nav{width:100%;justify-content:center}.hero-actions{width:100%}.cta-btn,.secondary-btn{width:100%;justify-content:center}.hero-points,.trust-bar{grid-template-columns:1fr}.landing-main{gap:56px}.cta-panel-content{padding:36px 28px}}.ai-organization-animation{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;z-index:9999}.animation-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(60px);animation:float 8s ease-in-out infinite;opacity:.6}.gradient-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(102,126,234,.8) 0%,transparent 70%);top:-100px;left:-100px;animation-delay:0s}.gradient-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(118,75,162,.8) 0%,transparent 70%);bottom:-150px;right:-150px;animation-delay:2s}.gradient-orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.particle-field{position:absolute;width:100%;height:100%}.particle{position:absolute;width:4px;height:4px;background:#fffc;border-radius:50%;left:var(--x);top:var(--y);animation:particle-float var(--duration) ease-in-out infinite;animation-delay:var(--delay);box-shadow:0 0 10px #ffffff80}@keyframes particle-float{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translate(50px);opacity:0}}.animation-content{position:relative;z-index:10;text-align:center;color:#fff;max-width:800px;padding:2rem}.ai-brain-container{position:relative;width:120px;height:120px;margin:0 auto 2rem}.ai-brain{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.brain-core{font-size:4rem;z-index:2;position:relative;filter:drop-shadow(0 0 20px rgba(255,255,255,.5));animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.brain-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%;animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.neural-connection{position:absolute;top:50%;left:50%;width:150px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform-origin:0 50%;animation:neural-pulse 2s ease-in-out infinite;animation-delay:var(--delay)}@keyframes neural-pulse{0%,to{opacity:.3;transform:scaleX(.5) rotate(var(--rotation))}50%{opacity:1;transform:scaleX(1) rotate(var(--rotation))}}.animation-message{margin-bottom:3rem}.animation-message h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 20px rgba(0,0,0,.3);background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.animation-message p{font-size:1.2rem;opacity:.9;text-shadow:0 1px 10px rgba(0,0,0,.3)}.progress-circle-container{position:relative;width:200px;height:200px;margin:0 auto 3rem}.progress-circle{width:100%;height:100%;transform:rotate(-90deg)}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-percent{display:block;font-size:2rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.3)}.progress-label{display:block;font-size:.9rem;opacity:.8;margin-top:.25rem}.channel-icons-container{position:relative;width:600px;height:400px;margin:0 auto}.channel-icon-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.channel-icon{position:relative;width:60px;height:60px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease}.channel-icon:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 10px 30px #0003}.channel-icon .icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.category-label{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:.75rem;white-space:nowrap;background:#0009;padding:2px 8px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);border-radius:50%;opacity:0;transition:opacity .3s ease}.channel-icon-wrapper:hover .icon-glow{opacity:1}.completion-effects{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.success-sparkle{position:relative;width:200px;height:200px}.sparkle{position:absolute;top:50%;left:50%;width:4px;height:4px;background:#fff;border-radius:50%;transform-origin:0 0;box-shadow:0 0 10px #fffc}@media (max-width: 768px){.animation-content{padding:1rem}.animation-message h2{font-size:2rem}.animation-message p{font-size:1rem}.ai-brain-container{width:80px;height:80px}.brain-core{font-size:2.5rem}.progress-circle-container{width:150px;height:150px}.progress-percent{font-size:1.5rem}.channel-icons-container{width:100%;height:300px}.channel-icon{width:50px;height:50px}.channel-icon .icon{font-size:1.2rem}.category-label{font-size:.65rem;bottom:-20px}.gradient-orb-1{width:250px;height:250px}.gradient-orb-2{width:300px;height:300px}.gradient-orb-3{width:200px;height:200px}}@media (max-width: 480px){.animation-message h2{font-size:1.5rem}.channel-icons-container{height:250px}.channel-icon{width:40px;height:40px}.channel-icon .icon{font-size:1rem}}@media (prefers-reduced-motion: reduce){.gradient-orb,.particle,.brain-core,.neural-connection,.channel-icon-wrapper{animation:none!important}}.ai-organization-animation *{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.onboarding-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.onboarding-card{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;padding:48px;animation:slideUp .5s ease}.onboarding-header{text-align:center;margin-bottom:40px}.onboarding-header h1{font-size:32px;color:#1a202c;margin-bottom:8px;font-weight:700}.onboarding-header p{font-size:18px;color:#718096}.onboarding-features{margin-bottom:40px}.feature{display:flex;align-items:flex-start;margin-bottom:24px;padding:16px;border-radius:8px;transition:background-color .2s}.feature:hover{background-color:#f7fafc}.feature .material-icons{font-size:24px;color:#667eea;margin-right:16px;margin-top:2px}.feature h3{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:4px}.feature p{font-size:14px;color:#718096;line-height:1.5}.onboarding-actions{text-align:center}.start-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s}.start-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #667eea80}.start-btn .material-icons{font-size:20px}.action-note{font-size:13px;color:#718096;margin-top:12px}.onboarding-progress{padding:32px 0}.progress-status{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.spinner{width:24px;height:24px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.progress-status p{font-size:16px;color:#4a5568;font-weight:500}.progress-bar{height:8px;background-color:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;border-radius:4px}.progress-details{text-align:center;font-size:14px;color:#718096}.error-message{text-align:center;padding:24px;background-color:#fef2f2;border-radius:8px;border:1px solid #fecaca}.error-message .material-icons{font-size:48px;color:#ef4444;margin-bottom:12px}.error-message p{color:#991b1b;margin-bottom:16px;font-size:14px}.retry-btn{background-color:#ef4444;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.retry-btn:hover{background-color:#dc2626}.method-choice-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:30px 0}.method-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px;cursor:pointer;transition:all .3s;position:relative;text-align:center}.method-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a;border-color:#667eea}.method-card.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea0d,#764ba20d)}.method-card.featured{border-color:#fbbf24}.method-card.featured:hover{border-color:#f59e0b}.method-card.ai-featured{border:2px solid #667eea;background:linear-gradient(135deg,#667eea14,#764ba214);transform:scale(1.02);box-shadow:0 10px 30px -10px #667eea4d}.method-card.ai-featured:hover{transform:scale(1.05) translateY(-6px);box-shadow:0 20px 40px -15px #667eea66;border-color:#764ba2}.method-card.ai-featured.selected{border-color:#764ba2;background:linear-gradient(135deg,#667eea26,#764ba226);transform:scale(1.03)}.ai-preview{margin-top:16px;padding:12px;background:#667eea0d;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:8px}.mini-animation{width:80px;height:80px;position:relative}.orbit-container{width:100%;height:100%;position:relative;animation:orbit-rotate 4s linear infinite}.orbit-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;z-index:2}.orbit-item{position:absolute;font-size:16px;top:50%;left:50%;transform-origin:0 0}.orbit-1{animation:orbit-1 3s linear infinite}.orbit-2{animation:orbit-2 3s linear infinite}.orbit-3{animation:orbit-3 3s linear infinite}@keyframes orbit-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbit-1{0%{transform:translate(-50%,-50%) rotate(0) translate(25px) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg) translate(25px) rotate(-360deg)}}@keyframes orbit-2{0%{transform:translate(-50%,-50%) rotate(120deg) translate(25px) rotate(-120deg)}to{transform:translate(-50%,-50%) rotate(480deg) translate(25px) rotate(-480deg)}}@keyframes orbit-3{0%{transform:translate(-50%,-50%) rotate(240deg) translate(25px) rotate(-240deg)}to{transform:translate(-50%,-50%) rotate(600deg) translate(25px) rotate(-600deg)}}.ai-preview span{font-size:12px;color:#667eea;font-weight:500;text-align:center}.method-badge{position:absolute;top:-12px;right:20px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.method-icon{font-size:48px;margin-bottom:12px}.method-card h3{font-size:18px;color:#1a202c;margin-bottom:16px;font-weight:600}.method-features{text-align:left;margin-bottom:16px}.method-feature{font-size:14px;color:#4a5568;margin-bottom:8px}.method-time{display:flex;align-items:center;justify-content:center;gap:6px;color:#718096;font-size:14px;font-weight:500;padding:8px;background:#f7fafc;border-radius:6px}.method-time .material-icons{font-size:16px}.method-note{text-align:center;font-size:13px;color:#718096;font-style:italic;margin-top:16px}.ai-processing{padding:40px 0}.ai-animation{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:30px}.thinking-dots span{width:12px;height:12px;background:#667eea;border-radius:50%;animation:wave 1.4s ease-in-out infinite}.ai-processing h2{text-align:center;font-size:24px;color:#1a202c;margin-bottom:12px;font-weight:600}.ai-progress-message{text-align:center;font-size:16px;color:#667eea;font-weight:500;margin-bottom:20px}.ai-progress-display{display:flex;justify-content:center;margin:30px 0}.ai-percentage-circle{position:relative;width:120px;height:120px}.ai-percentage-svg{width:100%;height:100%;transform:scale(1)}.ai-percentage-fill{transition:stroke-dashoffset .5s ease-out;stroke-linecap:round}.ai-percentage-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;font-weight:700;color:#1a202c}.ai-progress-details{display:flex;justify-content:space-around;margin:20px 0}.progress-stat{color:#718096;font-size:14px}.progress-stat strong{color:#667eea}.ai-tips{background:#f0f4ff;padding:16px;border-radius:8px;margin-top:30px;text-align:center;border-left:4px solid #667eea}.ai-tips p{margin:0;color:#4c51bf;font-size:14px}@media (max-width: 640px){.onboarding-card{padding:32px 24px}.onboarding-header h1{font-size:24px}.onboarding-header p{font-size:16px}.feature{padding:12px}.start-btn{width:100%;justify-content:center}.method-choice-container{grid-template-columns:1fr}.ai-processing h2{font-size:20px}.robot-icon{font-size:60px}}.sync-notification{position:fixed;top:20px;right:20px;z-index:10000;animation:slideInRight .3s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.sync-notification-content{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--card-bg);border:2px solid var(--accent-primary);border-radius:12px;box-shadow:0 10px 30px var(--shadow-heavy);min-width:300px;max-width:400px}.sync-notification-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:8px}.sync-notification-icon svg{color:#fff}.sync-notification-text{flex:1}.sync-notification-text strong{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.sync-notification-text p{margin:0;font-size:13px;color:var(--text-secondary)}.sync-new{color:var(--success-color);font-weight:500}.sync-removed{color:var(--warning-color);font-weight:500}.sync-notification-close{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:0;transition:all .2s;border-radius:4px}.sync-notification-close:hover{background:var(--bg-secondary);color:var(--text-primary)}@media (max-width: 600px){.sync-notification{top:10px;right:10px;left:10px}.sync-notification-content{max-width:100%}}.tubedeck-logo{display:inline-flex;align-items:center;gap:0;white-space:nowrap;overflow:visible}.tubedeck-logo.collapsed{justify-content:center;gap:0}.tubedeck-label-container{display:flex;flex-direction:column;align-items:center;gap:1px;margin-left:6px;line-height:1}.tubedeck-logo svg{flex-shrink:0}.tubedeck-wordmark{display:inline-block;font-weight:500;letter-spacing:-.3px;line-height:1.2;color:var(--text-primary, #0f0f0f);transition:color .2s ease;font-size:18px}@supports (-webkit-background-clip: text){.tubedeck-wordmark{background-image:linear-gradient(135deg,#ff3b3b,#c00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}}@supports (((-webkit-background-clip: text) or (background-clip: text)) and (not (-webkit-background-clip: text))){.tubedeck-wordmark{background-image:linear-gradient(135deg,#ff3b3b,#c00);-webkit-background-clip:text;background-clip:text;color:transparent}}.beta-badge{display:inline-block;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:9px;font-weight:500;padding:2px 5px;border-radius:2px;letter-spacing:.2px;text-transform:uppercase;margin-left:0;box-shadow:0 1px 2px #00000014;border:none;transition:all .2s ease;line-height:1.1;margin-top:-1px}.beta-badge:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000026}@media (prefers-color-scheme: dark){.beta-badge{background:linear-gradient(135deg,#7c3aed,#5b21b6);border-color:#ffffff1a}}.sidebar-tabs{display:flex;flex-direction:column;gap:6px;padding:8px;margin:8px;border-bottom:none;background:var(--sidebar-tabs-bg, var(--bg-tertiary));border:2px solid var(--sidebar-tabs-border, var(--border-primary));border-radius:18px;width:calc(100% - 16px);box-shadow:var( --sidebar-tabs-shadow, 0 8px 24px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .04), inset 0 1px 3px rgba(255, 255, 255, .12) )}.sidebar-tab{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;padding:10px 14px;border-radius:14px;background:var(--sidebar-tab-bg, var(--bg-secondary));border:2px solid var(--sidebar-tab-border, var(--border-primary));font-size:13px;font-weight:600;color:var(--sidebar-tab-text, var(--text-secondary));cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:44px;width:100%;box-sizing:border-box;box-shadow:var( --sidebar-tab-shadow, 0 4px 14px rgba(0, 0, 0, .1), 0 2px 7px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .04), inset 0 1px 2px rgba(255, 255, 255, .12) )}.sidebar-tab:hover{background:var(--sidebar-tab-hover-bg, var(--bg-tertiary));border-color:var(--sidebar-tab-hover-border, var(--accent-primary));color:var(--sidebar-tab-hover-text, var(--text-primary));transform:translateY(-3px) scale(1.02);box-shadow:0 10px 28px #00000024,0 5px 14px #0000001a,0 3px 8px #0000000f,inset 0 2px 4px #ffffff26}.sidebar-tab.active{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary, #0056b3) 100%);border-color:var(--accent-primary);color:var(--sidebar-tab-active-text, #ffffff);transform:translateY(-2px) scale(1.01);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2),0 8px 24px rgba(var(--accent-rgb),.45),0 4px 12px rgba(var(--accent-rgb),.35),0 2px 6px rgba(var(--accent-rgb),.25),inset 0 2px 4px #fff3}.sidebar-tab.active .tab-icon{color:var(--sidebar-tab-active-icon, #ffffff)}.sidebar-tab .tab-icon{line-height:1;opacity:.85;color:var(--sidebar-tab-icon, currentColor);transition:all .2s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.sidebar-tab:hover .tab-icon{opacity:1;transform:scale(1.08);filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.sidebar-tab.active .tab-icon{opacity:1;transform:scale(1.05);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.sidebar-tab .tab-label{font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.2px;transition:all .2s ease;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.sidebar-tab:hover .tab-label{font-weight:700}.sidebar-tab.active .tab-label{font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.15)}@media (max-width: 768px){.sidebar-tabs{gap:6px;padding:8px}.sidebar-tab{padding:10px 14px;gap:10px;min-height:44px}.sidebar-tab .tab-icon{font-size:18px}.sidebar-tab .tab-label{font-size:12px}}@media (max-width: 400px){.sidebar-tab .tab-label{display:none}.sidebar-tab{min-height:44px;justify-content:center}.sidebar-tab .tab-icon{font-size:22px}}.nav-items{display:flex;flex-direction:column;gap:6px;padding:8px;margin:8px;width:calc(100% - 16px);background:var(--sidebar-tabs-bg, var(--bg-tertiary));border:2px solid var(--sidebar-tabs-border, var(--border-primary));border-radius:18px;box-shadow:var( --sidebar-tabs-shadow, 0 8px 24px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .04), inset 0 1px 3px rgba(255, 255, 255, .12) )}.nav-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;padding:10px 14px;border-radius:14px;background:var(--sidebar-tab-bg, var(--bg-secondary));border:2px solid var(--sidebar-tab-border, var(--border-primary));font-size:12px;font-weight:600;color:var(--sidebar-tab-text, var(--text-secondary));cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:44px;width:100%;box-sizing:border-box}.nav-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;color:var(--sidebar-tab-icon, currentColor)}.nav-item-label{font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.2px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.nav-item:hover{background:var(--sidebar-tab-hover-bg, var(--bg-tertiary));border-color:var(--sidebar-tab-hover-border, var(--accent-primary));color:var(--sidebar-tab-hover-text, var(--text-primary));transform:translateY(-3px) scale(1.02)}.nav-item.active{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary, #0056b3) 100%);border-color:var(--accent-primary);color:#fff}.sidebar-tabs.collapsed{padding:4px;margin:4px}.sidebar-tabs.collapsed .sidebar-tab{justify-content:center;padding:10px;gap:0}.sidebar-tabs.collapsed .tab-icon{margin:0}.nav-items.collapsed{padding:4px;margin:4px}.nav-items.collapsed .nav-item{justify-content:center;padding:10px;gap:0}.nav-items.collapsed .nav-item-icon{margin:0}.nav-item:hover .nav-item-icon{color:var(--sidebar-tab-hover-icon, var(--sidebar-tab-hover-text, currentColor))}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e8e8e8;--text-primary: #1a1a1a;--text-secondary: #666666;--text-tertiary: #999999;--border-primary: #e0e0e0;--error-color: #ef4444;--warning-color: #f59e0b;--success-color: #10b981;--accent-primary: #3b82f6}@media (prefers-color-scheme: dark){:root{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-tertiary: #3a3a3a;--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--text-tertiary: #808080;--border-primary: #404040}}.confirm-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001;animation:confirmOverlayFadeIn .2s ease-out}@keyframes confirmOverlayFadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal{background:var(--bg-primary);border-radius:16px;padding:32px;max-width:480px;width:calc(100% - 48px);box-shadow:0 8px 24px #0000001f,0 16px 48px #00000014;animation:confirmModalSlideIn .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:24px}@keyframes confirmModalSlideIn{0%{transform:translateY(-20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.confirm-modal-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto;border-radius:50%;transition:all .3s}.confirm-icon-danger{background:#ef44441a;color:#ef4444}.confirm-icon-warning{background:#f59e0b1a;color:#f59e0b}.confirm-icon-info{background:#3b82f61a;color:#3b82f6}.confirm-icon-success{background:#10b9811a;color:#10b981}.confirm-modal-content{text-align:center}.confirm-modal-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.confirm-modal-message{font-size:15px;line-height:1.6;color:var(--text-secondary);margin:0}.confirm-modal-details{margin-top:16px;padding:14px;background:var(--bg-secondary);border-radius:8px;border-left:3px solid var(--accent-primary);font-size:14px;line-height:1.5;color:var(--text-tertiary);text-align:left;white-space:pre-line}.confirm-typing-section{margin-top:20px;padding:16px;background:var(--bg-secondary);border-radius:10px;border:2px dashed var(--border-primary)}.typing-instruction{font-size:14px;color:var(--text-secondary);margin:0 0 12px;text-align:left}.confirmation-word{display:inline-block;padding:2px 8px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:4px;font-family:Courier New,monospace;font-size:13px;font-weight:600;color:#ef4444}.confirmation-input{width:100%;padding:10px 12px;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:8px;font-size:14px;font-family:Courier New,monospace;color:var(--text-primary);transition:border-color .2s}.confirmation-input:focus{outline:none;border-color:var(--accent-primary)}.confirm-modal-actions{display:flex;gap:12px;margin-top:8px}.confirm-btn{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.confirm-btn:disabled{opacity:.5;cursor:not-allowed}.confirm-btn-cancel{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-primary)}.confirm-btn-cancel:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-primary)}.confirm-btn-danger{background:var(--error-color);color:#fff}.confirm-btn-warning{background:var(--warning-color);color:#fff}.confirm-btn-info{background:var(--accent-primary);color:#fff}.confirm-btn-success{background:var(--success-color);color:#fff}@media (max-width: 640px){.confirm-modal{padding:24px;width:calc(100% - 32px)}.confirm-modal-icon{width:64px;height:64px}.confirm-modal-icon svg{width:36px;height:36px}.confirm-modal-title{font-size:20px}.confirm-modal-message{font-size:14px}.confirm-modal-actions{flex-direction:column-reverse}.confirm-btn{width:100%}}.category-organizer-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.category-organizer-fullpage{padding:24px}.category-organizer-modal{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 24px 48px #0006;width:100%;max-width:100%;height:100%;max-height:100%;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.organizer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-primary);flex-shrink:0;gap:16px}.organizer-header-left{display:flex;align-items:center;gap:12px}.organizer-header-left h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.category-count-header{font-size:14px;color:var(--text-tertiary);font-weight:500}.organizer-header-center{flex:1;display:flex;justify-content:center;max-width:400px}.search-container{position:relative;width:100%}.search-input{width:100%;padding:10px 40px 10px 16px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none;transition:all .2s ease}.search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb, 0, 122, 255),.1)}.clear-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.organizer-header-right{display:flex;align-items:center;gap:12px}.view-mode-wrapper,.density-controls-wrapper{display:flex;align-items:center;gap:8px}.view-mode-toggle,.density-toggle{display:flex;gap:4px;padding:4px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px}.view-mode-btn,.density-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-tertiary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-mode-btn:hover,.density-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.view-mode-btn.active,.density-btn.active{background:var(--accent-primary);color:#fff}.organizer-close-btn{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.organizer-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.organizer-instructions{padding:12px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);flex-shrink:0}.organizer-instructions p{margin:0;font-size:13px;color:var(--text-secondary);text-align:center}.drag-position-indicator{position:fixed;top:20px;right:20px;z-index:10000;animation:fadeIn .2s ease}.drag-position-badge{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--accent-primary);color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(var(--accent-rgb, 0, 122, 255),.3)}.drag-position-label{font-size:13px;font-weight:500}.drag-position-number{font-size:18px;font-weight:700}.management-view{flex:1;overflow-y:auto;padding:20px 24px}.bulk-move-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;margin-bottom:16px}.bulk-move-count{font-size:14px;font-weight:600;color:var(--text-primary)}.bulk-move-actions{display:flex;gap:8px}.bulk-move-open-modal,.bulk-move-clear{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--accent-primary);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.bulk-move-clear{background:var(--bg-tertiary);color:var(--text-primary)}.bulk-move-open-modal:hover,.bulk-move-clear:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.no-results-icon{color:var(--text-tertiary)}.no-results-text{margin:0;font-size:16px;color:var(--text-secondary);text-align:center}.clear-search-link{background:var(--accent-primary);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-search-link:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(var(--accent-rgb, 0, 122, 255),.3)}.management-list{display:flex;flex-direction:column;gap:12px}.management-category-container{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;transition:all .2s ease}.management-category-container.dragging-over{background:var(--bg-tertiary);border-color:var(--accent-primary)}.management-item{display:flex;align-items:center;gap:12px;padding:12px}.category-expand-btn{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.category-expand-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.management-item-position{display:flex;align-items:center;justify-content:center;min-width:36px}.position-badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-tertiary);border-radius:6px;font-size:13px;font-weight:600;color:var(--text-primary)}.management-item-info{flex:1;min-width:0}.management-item-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.management-item-name{font-size:15px;font-weight:600;color:var(--text-primary)}.management-item-count{font-size:13px;color:var(--text-tertiary)}.management-item-actions{display:flex;gap:8px}.management-action-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;background:transparent;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.management-action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.management-action-btn.delete{color:var(--error-color, #EF4444)}.management-action-btn.delete:hover{background:#ef44441a;border-color:var(--error-color, #EF4444)}.edit-category-form{display:flex;align-items:center;gap:8px}.category-name-input{flex:1;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:14px;outline:none}.category-name-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb, 0, 122, 255),.1)}.save-rename-btn,.cancel-rename-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.save-rename-btn{background:var(--accent-primary);color:#fff}.cancel-rename-btn{background:var(--bg-tertiary);color:var(--text-primary)}.save-rename-btn:hover,.cancel-rename-btn:hover{transform:scale(1.05)}.management-channels-list{padding:12px;border-top:1px solid var(--border-primary);display:flex;flex-direction:column;gap:8px;background:var(--bg-primary)}.management-channel-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;transition:all .2s ease}.management-channel-item:hover{background:var(--bg-tertiary)}.management-channel-item.selected{border-color:var(--accent-primary);background:rgba(var(--accent-rgb, 0, 122, 255),.1)}.management-channel-item.dragging{opacity:.5}.channel-drag-handle{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);cursor:grab}.channel-drag-handle:active{cursor:grabbing}.channel-checkbox{width:16px;height:16px;cursor:pointer}.channel-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.channel-name{flex:1;font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drag-drop-context{flex:1;overflow:hidden;display:flex;flex-direction:column}.organizer-columns{flex:1;overflow-x:auto;overflow-y:hidden;display:flex;gap:16px;padding:20px 24px}.organizer-column{flex:0 0 280px;display:flex;flex-direction:column;gap:12px}.column-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px}.column-range{font-size:14px;font-weight:600;color:var(--text-primary)}.column-count{font-size:12px;color:var(--text-tertiary)}.column-categories{flex:1;display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;min-height:100px}.column-categories.dragging-over{background:var(--bg-tertiary);border-color:var(--accent-primary)}.organizer-item{display:flex;align-items:center;gap:10px;padding:12px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;transition:all .2s ease;cursor:grab}.organizer-item:hover{background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.organizer-item.dragging{opacity:.5;cursor:grabbing}.organizer-item-drag{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);cursor:grab}.organizer-item-drag:active{cursor:grabbing}.organizer-item-position{display:flex;align-items:center;justify-content:center}.position-input{width:48px;padding:6px 8px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:13px;font-weight:600;text-align:center;outline:none;transition:all .2s ease}.position-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb, 0, 122, 255),.1)}.organizer-item-info{flex:1;min-width:0}.category-name-section{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.organizer-item-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.organizer-item:hover .category-actions{opacity:1}.rename-btn,.delete-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease}.rename-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.delete-btn{color:var(--error-color, #EF4444)}.delete-btn:hover{background:#ef44441a}.organizer-item-count{font-size:12px;color:var(--text-tertiary)}.organizer-item-compact{padding:8px}.organizer-item-dense{padding:6px}.organizer-columns-compact .organizer-column{flex:0 0 240px}.organizer-columns-dense .organizer-column{flex:0 0 200px}.move-channels-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.move-channels-modal{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 24px 48px #0006;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.move-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-primary)}.move-modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.move-modal-close{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.move-modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.move-modal-selected-channels{padding:16px 24px;border-bottom:1px solid var(--border-primary)}.move-modal-label{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--text-secondary)}.move-modal-channel-list{display:flex;flex-wrap:wrap;gap:8px}.move-modal-channel-badge{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px}.channel-badge-name{font-size:13px;font-weight:500;color:var(--text-primary)}.channel-badge-category{font-size:11px;color:var(--text-tertiary)}.move-modal-search{display:flex;align-items:center;gap:10px;padding:16px 24px;border-bottom:1px solid var(--border-primary)}.move-modal-search svg{color:var(--text-tertiary);flex-shrink:0}.move-modal-search-input{flex:1;padding:8px 0;background:transparent;border:none;color:var(--text-primary);font-size:14px;outline:none}.move-modal-clear-search{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.move-modal-clear-search:hover{background:var(--bg-tertiary);color:var(--text-primary)}.move-modal-categories{flex:1;overflow-y:auto;padding:12px}.move-modal-no-results{padding:40px 20px;text-align:center}.move-modal-no-results p{margin:0;font-size:14px;color:var(--text-secondary)}.move-modal-category-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease;margin-bottom:8px}.move-modal-category-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-1px)}.move-category-name{font-weight:600}.move-category-count{font-size:12px;color:var(--text-tertiary)}.move-category-icon{color:var(--accent-primary)}.organizer-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--border-primary);flex-shrink:0}.organizer-footer-right{display:flex;gap:8px}.organizer-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.reset-btn{background:var(--bg-secondary);color:var(--text-primary)}.cancel-btn{background:var(--bg-tertiary);color:var(--text-primary)}.save-btn{background:var(--accent-primary);color:#fff}.save-btn:disabled{opacity:.5;cursor:not-allowed}.organizer-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}@media (max-width: 768px){.category-organizer-fullpage{padding:12px}.organizer-header{flex-direction:column;align-items:stretch}.organizer-header-center{max-width:100%}.organizer-columns{padding:12px}.organizer-column{flex:0 0 240px}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.category-modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;width:90%;max-width:320px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 12px 48px #0000004d;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-primary)}.modal-header h2{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.modal-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.modal-body{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px}.modal-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.modal-subtitle strong{color:var(--text-primary);font-weight:600}.category-search-wrapper{position:relative;display:flex;align-items:center}.category-search-wrapper .search-icon{position:absolute;left:12px;color:var(--text-tertiary);pointer-events:none}.category-search-input{width:100%;padding:10px 12px 10px 36px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none;transition:all .2s ease}.category-search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.category-search-input::-moz-placeholder{color:var(--text-tertiary)}.category-search-input::placeholder{color:var(--text-tertiary)}.category-list{display:flex;flex-direction:column;gap:4px;max-height:400px;overflow-y:auto}.category-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:0;overflow:hidden}.category-item:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.category-item.selected{background:rgba(var(--accent-rgb),.1);border-color:var(--accent-primary)}.category-item .category-name{flex:1 1 auto;font-size:14px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%}.category-item .category-channel-count{font-size:12px;color:var(--text-secondary);flex-shrink:0;white-space:nowrap}.category-item .checkmark{color:var(--accent-primary);font-size:16px;font-weight:700;flex-shrink:0}.empty-categories{padding:40px 20px;text-align:center}.empty-categories p{font-size:14px;color:var(--text-secondary);margin:0}.category-list::-webkit-scrollbar{width:6px}.category-list::-webkit-scrollbar-track{background:var(--bg-secondary)}.category-list::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.category-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px 20px;border-top:1px solid var(--border-primary)}.btn-secondary,.btn-primary{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none}.btn-secondary:hover{background:var(--bg-primary)}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.category-modal{width:95%;max-height:90vh}.modal-header,.modal-body{padding:16px 20px}.modal-footer{padding:12px 20px}}@media (max-width: 480px){.category-modal{width:100%;max-height:95vh;border-radius:12px 12px 0 0}.modal-header h2{font-size:16px}.category-item{padding:10px}.modal-footer{flex-direction:column-reverse;gap:8px}.btn-secondary,.btn-primary{width:100%}}.nested-organizer-backdrop{position:fixed;inset:0;z-index:9999;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:backdropFadeIn .2s ease}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.nested-organizer{width:100%;max-width:1400px;height:90vh;max-height:900px;background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.nested-organizer-header{display:flex;align-items:center;justify-content:space-between;padding:24px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary, var(--accent-primary)) 100%);color:#fff;flex-shrink:0}.nested-organizer-header h2{margin:0;font-size:20px;font-weight:600;line-height:1.3}.nested-organizer-header p{margin:4px 0 0;font-size:13px;opacity:.9;font-weight:400}.header-left{display:flex;align-items:flex-start;gap:12px}.header-left>svg{flex-shrink:0;margin-top:2px}.header-actions{display:flex;align-items:center;gap:8px}.header-actions .icon-button{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2)}.header-actions .icon-button:hover:not(:disabled){background:#ffffff40;border-color:#ffffff4d}.header-actions .icon-button:disabled{opacity:.5;cursor:not-allowed}.read-only-hint{color:#ffffffd9;font-size:12px;margin-top:4px;font-weight:500}.nested-organizer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);flex-shrink:0}.search-field{flex:1;max-width:400px;position:relative;display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;transition:all .2s ease}.search-field:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb, 99, 102, 241),.1)}.search-field>svg{color:var(--text-tertiary);flex-shrink:0}.search-field input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:14px;outline:none}.search-field input::-moz-placeholder{color:var(--text-tertiary)}.search-field input::placeholder{color:var(--text-tertiary)}.status{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-secondary)}.status-item{display:flex;align-items:center;gap:6px}.status-item.error{color:var(--error-color, #EF4444)}.spin{animation:spin 1s linear infinite}.nested-organizer-body{flex:1;overflow-y:auto;padding:24px;background:var(--bg-primary)}.category-tree{width:100%}.category-tree-level{display:flex;flex-direction:column;gap:4px}.category-tree-node{position:relative}.category-drop-zone,.drop-line{height:4px;margin:2px 0;border-radius:2px;background:transparent;transition:all .2s ease}.category-drop-zone-active,.drop-line.category-drop-zone-active{height:40px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:2px dashed var(--accent-primary);margin:8px 0}.category-drop-zone-disabled{opacity:.3;cursor:not-allowed}.drop-line.root{height:8px;margin:8px 0}.category-row-wrapper{position:relative;transition:all .2s ease}.category-row-wrapper-drop{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-radius:8px;padding:8px}.category-row{display:flex;align-items:center;gap:8px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;transition:all .2s ease;cursor:default}.category-row:hover{background:var(--bg-tertiary);border-color:var(--border-hover, var(--border-primary))}.category-row.is-dragging{opacity:.5;cursor:grabbing}.category-row.depth-0{margin-left:0}.category-row.depth-1{margin-left:32px}.category-row.depth-2{margin-left:64px}.category-row-expand{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.category-row-expand:hover{background:var(--bg-tertiary);color:var(--text-primary)}.category-row-spacer{width:16px;height:16px;display:block}.category-row-handle{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--text-tertiary);cursor:grab;transition:all .15s ease}.category-row-handle:hover:not(.is-disabled){background:var(--bg-tertiary);color:var(--accent-primary)}.category-row-handle:active:not(.is-disabled){cursor:grabbing}.category-row-handle.is-disabled{opacity:.3;cursor:not-allowed}.category-row-title{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.category-name{font-size:15px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-meta{font-size:12px;color:var(--text-tertiary);font-weight:400}.category-row-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.category-row-actions .icon-button{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.category-row-actions .icon-button:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--accent-primary)}.category-row-actions .icon-button:disabled{opacity:.3;cursor:not-allowed}.category-channel-drop{margin:8px 0 8px 12px;padding:16px;border:2px dashed var(--border-primary);border-radius:8px;background:transparent;color:var(--text-tertiary);font-size:13px;text-align:center;opacity:0;transition:all .2s ease;pointer-events:none}.category-channel-drop-active{opacity:1;pointer-events:auto;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-color:var(--accent-primary);color:var(--accent-primary)}.category-channel-drop-disabled{opacity:0;pointer-events:none}.category-channel-section{margin:8px 0 8px 12px}.category-channel-list{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.category-channel-pill{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:20px;font-size:13px;color:var(--text-primary);cursor:grab;transition:all .2s ease;max-width:250px}.category-channel-pill:hover:not(.is-disabled){background:var(--bg-secondary);border-color:var(--accent-primary);box-shadow:0 2px 8px #0000001a}.category-channel-pill.is-dragging{opacity:.5;cursor:grabbing}.category-channel-pill.is-disabled{opacity:.5;cursor:not-allowed}.channel-avatar{flex-shrink:0;width:20px;height:20px;border-radius:50%;overflow:hidden;background:var(--bg-primary);display:flex;align-items:center;justify-content:center}.channel-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.channel-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.channel-move-btn{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease;padding:0}.channel-move-btn:hover:not(:disabled){background:var(--bg-primary);color:var(--accent-primary)}.channel-move-btn:disabled{opacity:.3;cursor:not-allowed}.category-drag-preview,.channel-drag-preview{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--accent-primary);border-radius:8px;box-shadow:0 8px 24px #0003;color:var(--text-primary);font-size:14px;font-weight:500;cursor:grabbing;opacity:.95}.category-drag-preview>svg,.channel-drag-preview>svg{color:var(--accent-primary)}.category-inline-form{display:flex;align-items:center;gap:8px;padding:12px;margin:8px 0;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px}.category-inline-form.root{background:transparent;border:2px dashed var(--border-primary);justify-content:center;padding:24px}.category-inline-form.root-input{background:var(--bg-secondary);border:1px solid var(--accent-primary)}.category-name-input,.category-rename-input{flex:1;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:14px;font-weight:500;outline:none;transition:all .2s ease}.category-name-input:focus,.category-rename-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb, 99, 102, 241),.1)}.category-inline-form button{padding:10px 16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.category-inline-form button:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary)}.category-inline-form button.primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.category-inline-form button.primary:hover{background:var(--accent-hover, var(--accent-primary));filter:brightness(1.1)}.category-inline-form button:disabled{opacity:.5;cursor:not-allowed}.channel-trash-zone{margin-top:24px;padding:24px;border-radius:8px;background:var(--bg-secondary);border:2px dashed var(--border-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:100px;transition:all .2s ease}.channel-trash-zone>span{font-size:13px;color:var(--text-tertiary);font-weight:500}.channel-drop-trash{width:100%;height:100%;min-height:80px}.channel-drop-trash.category-drop-zone-active{background:linear-gradient(135deg,#ef44441a,#dc26261a);border-color:var(--error-color, #EF4444)}.channel-drop-trash.category-drop-zone-active+span{color:var(--error-color, #EF4444)}.icon-button{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.icon-button:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.icon-button:active:not(:disabled){transform:scale(.98)}.icon-button:disabled{opacity:.5;cursor:not-allowed}.icon-button>svg{flex-shrink:0}.nested-organizer-body::-webkit-scrollbar{width:8px}.nested-organizer-body::-webkit-scrollbar-track{background:var(--bg-primary)}.nested-organizer-body::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.nested-organizer-body::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width: 1024px){.nested-organizer{max-width:100%;height:100vh;max-height:100vh;border-radius:0}.nested-organizer-backdrop{padding:0}.nested-organizer-header{padding:20px}.nested-organizer-toolbar{flex-direction:column;align-items:stretch}.search-field{max-width:100%}.status{justify-content:space-between}}@media (max-width: 768px){.nested-organizer-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%;justify-content:space-between}.header-actions .icon-button span{display:none}.category-row.depth-1{margin-left:16px}.category-row.depth-2{margin-left:32px}.category-channel-pill{max-width:100%}}@media (prefers-color-scheme: dark){.nested-organizer-backdrop{background:#000c}.nested-organizer{box-shadow:0 20px 60px #0009}.category-drag-preview,.channel-drag-preview{box-shadow:0 8px 24px #0006}}@media (prefers-reduced-motion: reduce){.nested-organizer-backdrop,.nested-organizer,.category-row,.category-channel-pill,.icon-button,*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.category-row,.category-channel-pill,.icon-button{border-width:2px}.category-drop-zone-active,.drop-line.category-drop-zone-active{border-width:3px}}.category-color-picker{width:100%}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;padding:4px}.color-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px;background:transparent;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.color-option.selected{background:var(--bg-secondary);border-color:var(--accent-primary)}.color-option.hovered{background:var(--bg-tertiary)}.color-swatch{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a,inset 0 1px 2px #ffffff1a;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.color-option:hover .color-swatch{transform:scale(1.1);box-shadow:0 4px 12px #00000026,inset 0 1px 2px #ffffff1a}.color-option.selected .color-swatch{box-shadow:0 4px 16px #0003,0 0 0 3px var(--bg-primary),0 0 0 5px var(--accent-primary)}.check-icon{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));animation:checkBounce .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.color-name{font-size:12px;font-weight:500;color:var(--text-primary);text-align:center;line-height:1.3;animation:fadeSlideIn .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.color-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.color-swatch{width:40px;height:40px}.color-name{font-size:11px}}@media (prefers-color-scheme: dark){.color-swatch{box-shadow:0 2px 8px #0000004d,inset 0 1px 2px #ffffff0d}.color-option:hover .color-swatch{box-shadow:0 4px 12px #0006,inset 0 1px 2px #ffffff0d}.color-option.selected .color-swatch{box-shadow:0 4px 16px #00000080,0 0 0 3px var(--bg-primary),0 0 0 5px var(--accent-primary)}}@media (prefers-reduced-motion: reduce){.color-option,.color-swatch,.check-icon,.color-name{animation:none;transition:none}.color-option:hover,.color-option:hover .color-swatch{transform:none}}@media (prefers-contrast: high){.color-option{border-width:3px}.color-swatch{border:2px solid rgba(0,0,0,.2)}}.category-icon-picker{width:100%;display:flex;flex-direction:column;gap:16px}.icon-search-bar{position:relative;display:flex;align-items:center;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-primary);transition:all .2s ease}.icon-search-bar:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.icon-search-bar .search-icon{position:absolute;left:12px;color:var(--text-tertiary);pointer-events:none}.icon-search-input{width:100%;padding:10px 12px 10px 38px;border:none;background:transparent;color:var(--text-primary);font-size:14px;outline:none}.icon-search-input::-moz-placeholder{color:var(--text-tertiary)}.icon-search-input::placeholder{color:var(--text-tertiary)}.clear-search-btn{position:absolute;right:8px;padding:4px;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.clear-search-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;max-height:400px;overflow-y:auto;padding:4px;border:1px solid var(--border-secondary);border-radius:12px;background:var(--bg-secondary)}.icon-option{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text-secondary);padding:8px}.icon-option:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-light)}.icon-option.selected{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.icon-option.selected:hover{background:var(--accent-secondary);border-color:var(--accent-secondary);transform:translateY(-2px)}.icon-grid::-webkit-scrollbar{width:8px}.icon-grid::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px;margin:4px 0}.icon-grid::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.icon-grid::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.show-more-section{display:flex;justify-content:center;padding:8px 0}.show-more-btn{padding:10px 20px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.show-more-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 2px 8px var(--shadow-light)}.no-icons-found{padding:40px 20px;text-align:center;color:var(--text-tertiary);background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-secondary)}.no-icons-found p{margin:0 0 12px;font-size:14px}.clear-search-btn-text{padding:8px 16px;background:transparent;border:1px solid var(--border-primary);border-radius:6px;color:var(--accent-primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.clear-search-btn-text:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}@media (max-width: 768px){.icon-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));max-height:320px}.icon-option{padding:6px}}@media (max-width: 480px){.icon-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;max-height:280px}.icon-option{padding:4px}.icon-option svg{width:20px;height:20px}}.category-customization-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out;padding:24px}.category-customization-modal{background:var(--bg-primary);border:1px solid var(--card-border);border-radius:20px;box-shadow:0 24px 48px #0006;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;animation:scaleIn .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.customization-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--card-border);background:var(--bg-primary);flex-shrink:0}.header-left{display:flex;flex-direction:column;gap:4px}.customization-header h2{margin:0;font-size:22px;font-weight:600;color:var(--text-primary)}.category-name-subtitle{font-size:14px;color:var(--text-secondary);font-weight:500}.close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:10px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.customization-preview{padding:20px 28px;background:var(--bg-secondary);border-bottom:1px solid var(--card-border);flex-shrink:0}.preview-label{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.preview-category-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--card-border);border-left-width:4px;border-radius:10px;transition:all .3s ease}.preview-category-name{font-size:15px;font-weight:600;color:var(--text-primary)}.customization-tabs{display:flex;padding:0 28px;gap:8px;border-bottom:1px solid var(--card-border);background:var(--bg-secondary);flex-shrink:0}.tab-btn{display:flex;align-items:center;gap:8px;padding:14px 20px;background:transparent;border:none;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease;position:relative;top:1px}.tab-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.tab-btn.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);background:var(--bg-primary)}.customization-content{flex:1;overflow-y:auto;padding:24px 28px;min-height:0}.customization-content::-webkit-scrollbar{width:8px}.customization-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px;margin:4px 0}.customization-content::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.customization-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.customization-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid var(--card-border);background:var(--bg-secondary);flex-shrink:0}.cancel-btn{padding:12px 24px;background:transparent;border:2px solid var(--card-border);border-radius:10px;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-tertiary);color:var(--text-primary);transform:translateY(-1px)}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.save-btn{padding:12px 24px;background:var(--accent-primary);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px rgba(var(--accent-rgb),.25)}.save-btn svg{color:#fff}.save-btn:hover:not(:disabled){background:var(--accent-secondary);box-shadow:0 4px 16px rgba(var(--accent-rgb),.4);transform:translateY(-2px)}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.category-customization-overlay{padding:12px}.category-customization-modal{max-width:100%;border-radius:16px}.customization-header{padding:20px}.customization-header h2{font-size:20px}.customization-preview{padding:16px 20px}.customization-tabs{padding:0 20px}.tab-btn{padding:12px 16px;font-size:13px}.customization-content{padding:20px}.customization-footer{padding:16px 20px}}@media (max-width: 480px){.category-customization-overlay{padding:0}.category-customization-modal{border-radius:0;border:none;max-height:100vh}.customization-header{padding:16px}.customization-preview{padding:12px 16px}.customization-tabs{padding:0 16px}.tab-btn{flex:1;justify-content:center}.customization-content,.customization-footer{padding:16px}.cancel-btn,.save-btn{flex:1}}.category-context-menu{position:fixed;z-index:10000;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 8px 24px #00000026,0 4px 12px #0000001a,0 2px 6px #0000000d;padding:6px;min-width:200px;animation:contextMenuSlide .15s cubic-bezier(.16,1,.3,1)}.category-context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.category-context-menu-item:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.category-context-menu-item:active{transform:scale(.98)}.category-context-icon{flex-shrink:0;color:currentColor}.category-context-label{flex:1}.category-context-menu-divider{height:1px;background:var(--border-primary);margin:4px 0}.category-context-danger{color:var(--error-color, #EF4444)}.category-context-danger:hover{background:#ef44441a;color:var(--error-color, #EF4444)}@media (prefers-color-scheme: dark){.category-context-menu{box-shadow:0 8px 24px #0006,0 4px 12px #0000004d,0 2px 6px #0003}}.channel-context-menu{position:fixed;z-index:10000;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 8px 24px #00000026,0 4px 12px #0000001a,0 2px 6px #0000000d;padding:6px;min-width:200px;animation:contextMenuSlide .15s cubic-bezier(.16,1,.3,1)}.channel-context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.channel-context-menu-item:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.channel-context-menu-item:active{transform:scale(.98)}.channel-context-icon{flex-shrink:0;color:currentColor}.channel-icon-star{color:#f59e0b}.channel-context-label{flex:1}.channel-context-menu-divider{height:1px;background:var(--border-primary);margin:4px 0}.channel-context-danger{color:var(--error-color, #EF4444)}.channel-context-danger:hover{background:#ef44441a;color:var(--error-color, #EF4444)}@media (prefers-color-scheme: dark){.channel-context-menu{box-shadow:0 8px 24px #0006,0 4px 12px #0000004d,0 2px 6px #0003}}.category-filter-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.category-filter-modal{background:var(--bg-primary);border-radius:16px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;height:auto}.category-filter-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-primary)}.category-filter-heading{display:flex;align-items:center;gap:12px}.category-filter-heading h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.category-filter-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.category-filter-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.category-filter-search{padding:16px 24px;border-bottom:1px solid var(--border-primary);position:relative}.category-filter-search .search-icon{position:absolute;left:36px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.category-search-input{width:100%;padding:10px 36px 10px 38px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;font-size:.9rem;color:var(--text-primary);transition:all .2s}.category-search-input:focus{outline:none;border-color:var(--primary-color);background:var(--bg-primary)}.clear-search-btn{position:absolute;right:32px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.clear-search-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.category-filter-list{overflow-y:auto;padding:16px;max-height:400px;min-height:200px}.category-filter-cards{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;width:100%}.category-filter-cards>.category-filter-card{flex:0 0 auto;width:auto;max-width:none}.category-filter-card{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-secondary);border:1.5px solid var(--border-primary);border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:auto;min-height:auto;width:auto;max-width:-moz-fit-content;max-width:fit-content;flex:0 0 auto;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.category-filter-card:hover{transform:translateY(-1px);border-color:var(--primary-color);background:var(--bg-tertiary);box-shadow:0 2px 6px #0000001a,0 1px 3px #0000000f}.category-filter-card.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);font-weight:600;transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--primary-color-rgb, 0, 122, 255),.3),0 1px 4px rgba(var(--primary-color-rgb, 0, 122, 255),.2)}.category-filter-card.active:hover{transform:translateY(-1px);box-shadow:0 3px 10px rgba(var(--primary-color-rgb, 0, 122, 255),.35),0 1px 5px rgba(var(--primary-color-rgb, 0, 122, 255),.25)}.category-filter-card:active{transform:translateY(0)}.category-filter-card-name{font-size:.8rem;font-weight:500;color:var(--text-primary);line-height:1.3}.category-filter-card.active .category-filter-card-name{color:#fff;font-weight:600}.category-filter-card-count{font-size:.75rem;color:var(--text-tertiary);font-weight:500;background:#0000001a;padding:1px 6px;border-radius:10px;line-height:1.3}.category-filter-card.active .category-filter-card-count{color:#fffffff2;background:#ffffff40;font-weight:600}.category-filter-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all .2s;margin-bottom:4px}.category-filter-item:last-child{margin-bottom:0}.category-filter-item:hover{background:var(--bg-secondary)}.category-filter-item.active{background:var(--primary-color);color:#fff}.category-filter-item.active .category-filter-count{color:#fffc}.category-filter-name{font-size:.95rem;font-weight:500;color:var(--text-primary)}.category-filter-item.active .category-filter-name{color:#fff}.category-filter-count{font-size:.85rem;color:var(--text-tertiary)}.category-filter-empty{text-align:center;padding:40px 20px;color:var(--text-secondary)}.category-filter-footer{padding:16px 24px;border-top:1px solid var(--border-primary);text-align:center}.category-filter-stats{font-size:.85rem;color:var(--text-tertiary)}.category-filter-list::-webkit-scrollbar{width:6px}.category-filter-list::-webkit-scrollbar-track{background:transparent}.category-filter-list::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}.category-filter-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.ai-tag-modal{max-width:600px;width:100%}.ai-tag-content{display:flex;flex-direction:column;gap:24px}.category-info{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-primary)}.category-label{font-size:13px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.category-name-display{font-size:16px;font-weight:600;color:var(--text-primary);flex:1}.channel-count-badge{padding:4px 10px;background:var(--accent-primary);color:#fff;border-radius:12px;font-size:12px;font-weight:600}.ai-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.ai-spinner{color:#a855f7;animation:spin 1s linear infinite;margin-bottom:20px}.loading-message{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.loading-submessage{font-size:14px;color:var(--text-secondary);margin:0}.ai-success-state{display:flex;flex-direction:column;gap:24px}.success-icon-wrapper{display:flex;align-items:center;justify-content:center;padding:20px}.success-icon{width:48px;height:48px;color:#10b981;background:#10b9811a;border-radius:50%;padding:10px;animation:successPop .5s cubic-bezier(.175,.885,.32,1.275)}.ai-result-section{display:flex;flex-direction:column;gap:12px}.result-section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0}.tag-item{padding:8px 14px;background:linear-gradient(135deg,#a855f71a,#a855f70d);border:1px solid rgba(168,85,247,.3);border-radius:20px;font-size:13px;font-weight:500;color:#a855f7;display:flex;align-items:center;gap:6px;transition:all .2s ease}.tag-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #a855f733;border-color:#a855f7}.detected-type-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-primary)}.type-badge{display:flex;flex-direction:column;gap:6px;flex:1;padding:12px;background:var(--bg-primary);border-radius:8px;border:2px solid transparent;transition:all .3s ease}.type-name{font-size:18px;font-weight:700;color:var(--text-primary);text-transform:capitalize}.confidence-badge{font-size:12px;font-weight:600;color:var(--text-secondary);background:rgba(var(--accent-rgb),.1);padding:4px 8px;border-radius:6px;display:inline-block;width:-moz-fit-content;width:fit-content}.color-preview{width:60px;height:60px;border-radius:12px;box-shadow:0 4px 12px #00000026,0 0 0 3px #ffffff1a;flex-shrink:0;transition:all .3s ease}.color-preview:hover{transform:scale(1.1);box-shadow:0 6px 16px #0003,0 0 0 4px #ffffff26}.reasoning-text{font-size:14px;line-height:1.6;color:var(--text-secondary);padding:14px;background:var(--bg-tertiary);border-radius:8px;border-left:3px solid #A855F7;margin:0}.ai-result-info{padding:14px;background:rgba(var(--accent-rgb),.05);border-radius:8px;border:1px solid rgba(var(--accent-rgb),.1)}.info-text{font-size:13px;color:var(--text-secondary);margin:0 0 8px}.info-list{margin:8px 0 0;padding-left:20px;list-style:none}.info-list li{position:relative;padding-left:12px;margin-bottom:6px;color:var(--text-secondary);font-size:13px;line-height:1.5}.ai-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.error-icon-wrapper{display:flex;align-items:center;justify-content:center;padding:20px}.error-icon{width:48px;height:48px;color:#ef4444;background:#ef44441a;border-radius:50%;padding:10px}.error-message{font-size:18px;font-weight:600;color:var(--text-primary);margin:12px 0 8px}.error-details{font-size:14px;color:var(--text-secondary);margin:0;max-width:400px}.ai-icon{color:#a855f7;filter:drop-shadow(0 0 8px rgba(168,85,247,.4));animation:pulse 2s ease-in-out infinite}.modal-header-content{display:flex;align-items:center;gap:12px}.modal-header-icon{flex-shrink:0}@media (max-width: 640px){.ai-tag-modal{max-width:100%;margin:0;border-radius:0}.tags-list{gap:6px}.tag-item{font-size:12px;padding:6px 12px}.detected-type-card{flex-direction:column;align-items:stretch}.color-preview{width:100%;height:50px}}.video-item-context-menu{position:fixed;z-index:10000;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 8px 24px #00000026,0 4px 12px #0000001a,0 2px 6px #0000000d;padding:6px;min-width:200px;animation:contextMenuSlide .15s cubic-bezier(.16,1,.3,1)}.video-item-context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.video-item-context-menu-item:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.video-item-context-menu-item:active{transform:scale(.98)}.video-item-context-icon{flex-shrink:0;color:currentColor}.video-item-icon-star{color:#f59e0b}.video-item-context-label{flex:1}.video-item-context-menu-divider{height:1px;background:var(--border-primary);margin:4px 0}@media (prefers-color-scheme: dark){.video-item-context-menu{box-shadow:0 8px 24px #0006,0 4px 12px #0000004d,0 2px 6px #0003}}.tag-selector{display:flex;flex-direction:column;gap:8px}.tag-selector-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--text-primary)}.tag-selector-input-wrapper{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;min-height:42px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;transition:all .2s}.tag-selector-input-wrapper:focus-within{border-color:var(--accent-primary);background:var(--bg-primary);box-shadow:0 0 0 3px var(--accent-secondary)}.tag-selector-tags{display:flex;flex-wrap:wrap;gap:6px}.tag-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px 4px 12px;background:var(--accent-secondary);color:var(--accent-primary);border-radius:16px;font-size:12px;font-weight:600;letter-spacing:.3px;transition:all .2s;animation:tagFadeIn .2s ease-out}@keyframes tagFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tag-badge:hover{background:var(--accent-primary);color:#fff;transform:translateY(-1px)}.tag-badge-text{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-badge-remove{display:flex;align-items:center;justify-content:center;padding:2px;background:transparent;border:none;color:inherit;cursor:pointer;border-radius:50%;transition:all .15s}.tag-badge-remove:hover{background:#fff3;transform:scale(1.1)}.tag-badge-remove:active{transform:scale(.95)}.tag-selector-input{flex:1;min-width:120px;padding:4px 0;background:transparent;border:none;font-size:14px;color:var(--text-primary);outline:none}.tag-selector-input::-moz-placeholder{color:var(--text-tertiary)}.tag-selector-input::placeholder{color:var(--text-tertiary)}.tag-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:200px;overflow-y:auto;z-index:100;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tag-suggestions-header{padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.tag-suggestion-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:transparent;border:none;font-size:14px;color:var(--text-primary);text-align:left;cursor:pointer;transition:all .15s}.tag-suggestion-item:hover{background:var(--accent-secondary);color:var(--accent-primary)}.tag-suggestion-item:active{background:var(--accent-primary);color:#fff}.tag-selector-hint{font-size:12px;color:var(--text-tertiary)}.tag-selector-hint kbd{display:inline-block;padding:2px 6px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;font-family:monospace;font-size:11px;font-weight:600;color:var(--text-secondary)}.tag-suggestions::-webkit-scrollbar{width:8px}.tag-suggestions::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:0 8px 8px 0}.tag-suggestions::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.tag-suggestions::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.tag-selector-empty{padding:20px;text-align:center;color:var(--text-tertiary);font-size:13px}@media (max-width: 640px){.tag-badge{font-size:11px;padding:3px 6px 3px 10px}.tag-badge-text{max-width:100px}.tag-selector-input{min-width:80px;font-size:13px}}.create-playlist-modal{width:90%;max-width:500px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid var(--border-primary)}.modal-header h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.modal-close{width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);font-size:28px;line-height:1;cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:24px}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.form-group input{width:100%;padding:12px 16px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:15px;transition:all .2s ease}.form-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #007aff1a}.error-message{color:var(--error-color);font-size:13px;margin:8px 0 0}.form-info{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;font-size:13px;color:var(--text-secondary);margin-bottom:24px}.form-info svg{flex-shrink:0;color:var(--accent-primary)}.form-info strong{color:var(--text-primary);font-weight:600}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.add-to-playlist-overlay{z-index:2000!important}.modal.add-to-playlist-modal{width:90%!important;max-width:720px!important;max-height:93.5vh!important;display:flex!important;flex-direction:column;position:relative;z-index:2001;overflow:hidden!important;background:var(--card-bg);border-radius:12px;box-shadow:0 20px 60px var(--shadow-heavy);padding:0!important}.add-to-playlist-modal .modal-header{padding:20px 24px 16px;flex-shrink:0;border-bottom:1px solid var(--border-primary)}.add-to-playlist-modal .modal-body{flex:1;display:flex;flex-direction:column;padding:20px 24px;overflow:hidden;min-height:0}.video-info-preview{display:flex;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:8px;margin-bottom:16px;flex-shrink:0}.video-thumb{width:140px;height:79px;-o-object-fit:cover;object-fit:cover;border-radius:6px;flex-shrink:0}.video-details{flex:1;min-width:0}.video-details h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-details p{font-size:12px;color:var(--text-secondary);margin:0}.playlist-search{position:relative;margin-bottom:12px;display:flex;align-items:center;flex-shrink:0}.search-input{width:100%;padding:12px 14px;border:2px solid var(--border-primary);border-radius:10px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s ease;outline:none}.search-input:focus{border-color:var(--accent-primary);background:var(--bg-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.clear-search{position:absolute;right:10px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.clear-search:hover{background:var(--bg-secondary);color:var(--text-primary)}.playlist-list{flex:1;overflow-y:auto;margin-bottom:12px;min-height:0;display:flex;flex-direction:column;gap:0}.no-playlists{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.no-playlists svg{color:var(--text-tertiary);opacity:.5;margin-bottom:16px}.no-playlists p{color:var(--text-secondary);font-size:16px;margin:4px 0}.no-playlists .hint{font-size:14px;color:var(--text-tertiary)}.playlist-item{display:flex;align-items:center;gap:8px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;transition:all .2s ease;margin-bottom:8px;position:relative}.playlist-item:hover{border-color:var(--accent-primary);background:var(--bg-secondary)}.playlist-item.added{background:#34c7591a;border-color:var(--success-color)}.playlist-item.editing{border-color:var(--accent-primary)}.playlist-content{flex:1;display:flex;align-items:center;gap:14px;padding:14px;background:transparent;border:none;cursor:pointer;text-align:left;transition:all .2s ease;width:100%;min-width:0}.playlist-content:disabled{cursor:not-allowed;opacity:.7}.playlist-actions{display:flex;gap:4px;padding-right:8px;flex-shrink:0}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.edit-btn:hover{color:var(--accent-primary)}.delete-btn:hover{color:#f44;background:#ff44441a}.save-btn{color:var(--success-color)}.save-btn:hover{background:#34c7591a}.cancel-btn:hover{color:var(--text-primary)}.playlist-edit-input{width:100%;padding:4px 8px;background:var(--bg-primary);border:1px solid var(--accent-primary);border-radius:4px;color:var(--text-primary);font-size:15px;font-weight:600;outline:none}.playlist-icon{width:40px;height:40px;border-radius:6px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.playlist-item.added .playlist-icon{background:#34c75933;color:var(--success-color)}.playlist-info{flex:1;min-width:0}.playlist-info h4{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.playlist-info p{font-size:12px;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check-icon{flex-shrink:0;color:var(--success-color);animation:scaleIn .3s ease;margin-left:8px;display:flex;align-items:center}.checkbox-indicator{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-left:8px;border-radius:4px;transition:all .2s ease}.checkbox-indicator svg{width:100%;height:100%;color:var(--text-tertiary)}.checkbox-indicator.checked{color:var(--success-color)}.checkbox-indicator.checked svg{color:var(--success-color)}.playlist-item:hover .checkbox-indicator:not(.checked) svg{color:var(--text-secondary)}.btn-create-playlist{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-top:auto}.btn-create-playlist:hover{background:var(--accent-secondary);transform:translateY(-1px);box-shadow:0 4px 12px #007aff4d}.btn-create-playlist svg{flex-shrink:0}.playlist-list::-webkit-scrollbar{width:8px}.playlist-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.playlist-list::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.playlist-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.playlist-section-header{display:flex;align-items:center;padding:12px 8px 8px;margin-top:8px}.playlist-section-header:first-child{margin-top:0}.playlist-section-header h3{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0;display:flex;align-items:center}.youtube-playlist{background:linear-gradient(135deg,rgba(255,0,0,.02) 0%,var(--bg-primary) 100%)}.youtube-playlist:hover{background:linear-gradient(135deg,rgba(255,0,0,.05) 0%,var(--bg-secondary) 100%);border-color:red}.youtube-icon{background:linear-gradient(135deg,red,#c00);color:#fff}.youtube-playlist.added .youtube-icon{background:linear-gradient(135deg,var(--success-color) 0%,#2a9d5f 100%)}.youtube-badge{display:inline-block;padding:2px 6px;background:linear-gradient(135deg,red,#c00);color:#fff;font-size:10px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.special-badge{margin-left:6px;font-size:14px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;text-align:center}.spinner{width:40px;height:40px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.loading-state p{color:var(--text-secondary);font-size:14px;margin:0}.error-state{padding:20px;background:#ff3b301a;border:1px solid rgba(255,59,48,.3);border-radius:8px;margin-bottom:12px;text-align:center}.error-state p{margin:0 0 4px;color:var(--text-primary);font-size:14px}.error-state .error-message{font-size:12px;color:var(--text-secondary);margin:0}.playlist-context-menu{position:fixed;z-index:10000;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 8px 24px #00000026,0 4px 12px #0000001a,0 2px 6px #0000000d;padding:6px;min-width:200px;animation:contextMenuSlide .15s cubic-bezier(.16,1,.3,1)}.playlist-context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.playlist-context-menu-item:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.playlist-context-menu-item:active{transform:scale(.98)}.playlist-context-icon{flex-shrink:0;color:currentColor}.playlist-icon-star{color:#f59e0b}.playlist-context-label{flex:1}.playlist-context-menu-divider{height:1px;background:var(--border-primary);margin:4px 0}.playlist-context-danger{color:var(--error-color, #EF4444)}.playlist-context-danger:hover{background:#ef44441a;color:var(--error-color, #EF4444)}@media (prefers-color-scheme: dark){.playlist-context-menu{box-shadow:0 8px 24px #0006,0 4px 12px #0000004d,0 2px 6px #0003}}.sync-progress-modal{background:var(--card-bg);border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px var(--shadow-heavy)}.sync-progress-header{padding:24px;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary)}.sync-progress-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.sync-progress-body{flex:1;padding:24px;overflow-y:auto}.sync-step{display:flex;align-items:center;gap:16px;margin-bottom:24px}.sync-step-icon{flex-shrink:0}.spinner-large{width:48px;height:48px;border:4px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.sync-step-text h3{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary);text-transform:capitalize}.sync-step-text p{margin:0;font-size:14px;color:var(--text-secondary)}.sync-progress-bar-container{margin-bottom:24px}.sync-progress-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:8px}.sync-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:4px;transition:width .3s ease}.sync-progress-stats{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--text-secondary);justify-content:center}.sync-progress-label{margin-left:8px;color:var(--text-tertiary)}.sync-channels-section{margin-top:24px;padding:16px;background:var(--bg-secondary);border-radius:8px}.sync-channels-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.sync-channels-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.sync-channel-item{display:flex;align-items:center;gap:12px;padding:8px;background:var(--card-bg);border-radius:6px;border:1px solid var(--border-primary)}.sync-channel-thumb{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.sync-channel-name{flex:1;font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-channel-badge{background:var(--success-color);color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600}.sync-more-channels{padding:8px;text-align:center;font-size:13px;color:var(--text-tertiary);font-style:italic}.sync-status-messages{margin-top:20px}.sync-status-info,.sync-status-success,.sync-status-error{display:flex;align-items:center;gap:8px;padding:12px;border-radius:6px;margin-bottom:8px;font-size:14px}.sync-status-info{background:#007aff1a;color:var(--accent-primary);border:1px solid rgba(0,122,255,.2)}.sync-status-success{background:#34c7591a;color:var(--success-color);border:1px solid rgba(52,199,89,.2)}.sync-status-error{background:#ff3b301a;color:var(--error-color);border:1px solid rgba(255,59,48,.2)}.sync-status-info .material-icons,.sync-status-success .material-icons,.sync-status-error .material-icons{font-size:20px}.sync-progress-footer{padding:16px 24px;border-top:1px solid var(--border-primary);background:var(--bg-secondary)}.sync-close-btn{width:100%;padding:12px;background:var(--accent-primary);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.sync-close-btn:hover{background:var(--accent-secondary)}.sync-wait-message{margin:0;text-align:center;font-size:13px;color:var(--text-tertiary);font-style:italic}.recategorize-modal{max-width:700px;max-height:90vh;overflow-y:auto}.recategorize-step{padding:20px;text-align:center}.recategorize-icon{font-size:64px;margin-bottom:20px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.recategorize-step h2{color:#333;margin-bottom:10px}.recategorize-description{color:#666;font-size:16px;margin-bottom:30px}.recategorize-benefits{display:flex;flex-direction:column;gap:15px;margin:30px 0;text-align:left}.benefit-item{display:flex;gap:15px;align-items:flex-start;background:#f9f9f9;padding:15px;border-radius:8px}.benefit-icon{font-size:24px;flex-shrink:0}.benefit-item strong{display:block;color:#333;margin-bottom:5px}.benefit-item p{margin:0;color:#666;font-size:14px}.recategorize-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0}.stat-item{background:#f0f7ff;padding:20px;border-radius:8px}.stat-value{display:block;font-size:32px;font-weight:700;color:#2196f3}.stat-label{display:block;font-size:14px;color:#666;margin-top:5px}.recategorize-actions{display:flex;gap:10px;justify-content:center;margin-top:30px}.btn-primary,.btn-secondary,.btn-success,.btn-danger{padding:12px 24px;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#2196f3;color:#fff}.btn-primary:hover{background:#1976d2;transform:translateY(-2px);box-shadow:0 4px 12px #2196f34d}.btn-secondary{background:#f5f5f5;color:#666}.btn-secondary:hover{background:#e0e0e0}.btn-success{background:#4caf50;color:#fff}.btn-success:hover{background:#388e3c;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.btn-danger{background:#f44336;color:#fff}.btn-danger:hover{background:#d32f2f}.recategorize-error{background:#ffebee;border-left:4px solid #f44336;padding:15px;margin:20px 0;text-align:left;border-radius:4px}.recategorize-warning{background:#fff3cd;border-left:4px solid #ffc107;padding:15px;margin:20px 0;text-align:left;border-radius:4px}.processing-animation{display:flex;flex-direction:column;align-items:center;gap:20px;margin:30px 0}.robot-icon{font-size:80px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.thinking-dots{display:flex;gap:8px}.thinking-dots span{width:12px;height:12px;background:#2196f3;border-radius:50%;animation:wave 1.4s ease-in-out infinite}@keyframes wave{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-15px)}}.progress-message{color:#2196f3;font-size:16px;font-weight:500;margin:20px 0}.progress-percentage-display{display:flex;justify-content:center;margin:30px 0}.percentage-circle{position:relative;width:120px;height:120px}.percentage-svg{width:100%;height:100%;transform:scale(1)}.percentage-fill{transition:stroke-dashoffset .5s ease-out;stroke-linecap:round}.percentage-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;font-weight:700;color:var(--text-primary)}.progress-details{display:flex;justify-content:space-around;margin:20px 0}.progress-stat{color:#666;font-size:14px}.progress-stat strong{color:#2196f3}.processing-tips{background:#e3f2fd;padding:15px;border-radius:8px;margin-top:30px;text-align:left}.processing-tips p{margin:0;color:#1976d2;font-size:14px}.comparison-step{max-width:none}.comparison-stats{margin:20px 0 30px}.stat-comparison{display:flex;align-items:center;justify-content:center;gap:30px;background:#f9f9f9;padding:20px;border-radius:12px}.stat-old,.stat-new{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-old .stat-value{color:#757575;font-size:36px;font-weight:700}.stat-new .stat-value{color:#4caf50;font-size:36px;font-weight:700}.stat-comparison .stat-label{color:#666;font-size:14px}.stat-arrow{font-size:32px;color:#2196f3}.categories-preview{text-align:left;margin:30px 0}.categories-preview h3{color:#333;margin-bottom:20px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-bottom:20px}.category-preview-card{background:#fff;border:2px solid var(--category-color, #e0e0e0);border-radius:8px;padding:15px;transition:transform .2s,box-shadow .2s}.category-preview-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.category-preview-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.category-preview-icon{font-size:20px}.category-preview-name{flex:1;font-weight:600;color:#333;font-size:14px}.category-preview-count{background:var(--category-color, #e0e0e0);color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.category-preview-description{margin:0;font-size:12px;color:#666;font-style:italic;line-height:1.4}.more-categories{text-align:center;color:#666;font-style:italic;margin-top:10px}.saving-animation{margin:40px 0}.spinner{width:60px;height:60px;border:6px solid #f3f3f3;border-top:6px solid #2196f3;border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}@media (max-width: 768px){.recategorize-modal{max-width:95vw}.recategorize-stats{grid-template-columns:1fr}.stat-comparison{flex-direction:column;gap:20px}.stat-arrow{transform:rotate(90deg)}.categories-grid{grid-template-columns:1fr}.recategorize-actions{flex-direction:column}.btn-primary,.btn-secondary,.btn-success,.btn-danger{width:100%}}.enhanced-processing{padding:30px 20px}.ai-processing-header{text-align:center;margin-bottom:30px}.ai-processing-header h2{color:var(--text-primary);margin:16px 0 8px;font-size:24px;font-weight:600}.progress-message{color:var(--text-secondary);font-size:14px;margin-bottom:0;font-style:italic}.progress-section{margin-bottom:30px}.progress-details{display:flex;justify-content:center;gap:24px;margin-top:16px;flex-wrap:wrap}.progress-stat{text-align:center;color:var(--text-secondary);font-size:13px}.progress-stat strong{color:var(--text-primary);font-size:16px;font-weight:600}.current-processing{background:var(--bg-secondary);border-radius:16px;padding:20px;margin-bottom:24px;border:1px solid var(--border-primary);box-shadow:0 4px 20px #00000014}.processing-label{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:var(--text-primary);font-weight:600;font-size:14px}.processing-icon{font-size:16px}.channels-processing-list{display:flex;flex-direction:column;gap:12px}.channel-processing-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-secondary);transition:all .3s ease;animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.channel-thumbnail-small{width:40px;height:40px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--bg-tertiary)}.channel-thumbnail-small img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.channel-fallback-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--bg-tertiary)}.channel-info-small{flex:1;min-width:0;text-align:left}.channel-name{color:var(--text-primary);font-weight:600;font-size:14px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-status{color:var(--text-secondary);font-size:12px}.processing-indicator{flex-shrink:0}.mini-spinner{width:20px;height:20px;border:2px solid var(--border-primary);border-top:2px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.ai-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.insight-item{display:flex;gap:12px;padding:16px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:12px;border:1px solid var(--border-primary);transition:all .3s ease}.insight-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.insight-icon{font-size:24px;flex-shrink:0}.insight-content strong{color:var(--text-primary);font-size:14px;font-weight:600;display:block;margin-bottom:4px}.insight-content p{color:var(--text-secondary);font-size:12px;line-height:1.4;margin:0}.processing-tips{text-align:center;margin-top:20px}.processing-tips p{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}.processing-animation{position:relative;display:inline-block;margin-bottom:20px}.robot-icon{font-size:48px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.thinking-dots{position:absolute;bottom:5px;right:-15px;display:flex;gap:4px}.thinking-dots span{width:8px;height:8px;background:var(--accent-primary);border-radius:50%;animation:thinking 1.4s ease-in-out infinite}.thinking-dots span:nth-child(1){animation-delay:0s}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes thinking{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}[data-theme=dark] .current-processing,[data-theme=github-dark] .current-processing,[data-theme=notion] .current-processing{background:var(--bg-tertiary);border-color:var(--border-secondary)}@media (max-width: 600px){.enhanced-processing{padding:20px 15px}.progress-details{flex-direction:column;gap:12px}.ai-insights{grid-template-columns:1fr;gap:12px}.channel-processing-item{padding:10px}.ai-processing-header h2{font-size:20px}}.comparison-header{text-align:center;margin-bottom:32px}.completion-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;color:#fff;font-size:14px;font-weight:600;margin-bottom:16px;box-shadow:0 4px 12px #667eea4d;animation:slideDown .6s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.badge-icon{font-size:16px;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}}.badge-text{letter-spacing:.5px}.comparison-header h2{color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 12px;animation:fadeIn .8s ease-out .2s backwards}.comparison-subtitle{color:var(--text-secondary);font-size:15px;max-width:600px;margin:0 auto;animation:fadeIn .8s ease-out .4s backwards}.comparison-stats-modern{display:flex;align-items:center;justify-content:center;gap:20px;margin:32px 0;animation:fadeIn .8s ease-out .6s backwards}.stat-card{display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:16px;background:var(--bg-secondary);border:2px solid var(--border-primary);box-shadow:0 4px 12px #00000014;transition:all .3s ease;min-width:160px}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.stat-old-card{border-color:#9e9e9e}.stat-new-card{border-color:#667eea;background:linear-gradient(135deg,#667eea0d,#764ba20d)}.stat-card-icon{font-size:32px;flex-shrink:0}.stat-card-content{display:flex;flex-direction:column;gap:4px}.stat-card-value{font-size:32px;font-weight:700;line-height:1}.stat-old-card .stat-card-value{color:#757575}.stat-new-card .stat-card-value{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card-label{font-size:13px;color:var(--text-secondary);font-weight:500;text-transform:lowercase}.stat-arrow-container{flex-shrink:0}.arrow-svg{width:32px;height:32px;color:#667eea;animation:arrowPulse 2s ease-in-out infinite}@keyframes arrowPulse{0%,to{transform:translate(0);opacity:.7}50%{transform:translate(4px);opacity:1}}.categories-preview-modern{margin:32px 0;animation:fadeIn .8s ease-out .8s backwards}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.preview-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.preview-count-badge{padding:6px 14px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:20px;font-size:13px;color:var(--text-secondary);font-weight:500}.categories-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:24px}.category-card-modern{background:var(--bg-primary);border:2px solid var(--category-color, var(--border-primary));border-radius:20px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;position:relative;overflow:visible;animation:cardSlideIn .5s ease-out var(--animation-delay, 0s) backwards;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;min-height:180px;display:flex;flex-direction:column}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.category-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--category-color, var(--border-primary));border-radius:20px 20px 0 0;opacity:1}.category-card-modern:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #00000014,0 0 0 2px var(--category-color);border-color:var(--category-color)}.category-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.category-card-icon-wrapper{width:52px;height:52px;border-radius:14px;background:var(--category-color, #e0e0e0);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026,inset 0 -2px #0000001a;flex-shrink:0}.category-card-icon{font-size:26px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.category-card-badge{padding:6px 14px;background:var(--category-color, #e0e0e0);color:#fff;border-radius:20px;font-size:14px;font-weight:700;box-shadow:0 2px 8px #0003,inset 0 1px #fff3;min-width:38px;text-align:center;flex-shrink:0}.category-card-body{display:flex;flex-direction:column;gap:10px;flex:1}.category-card-title{color:var(--text-primary);font-size:16px;font-weight:700;margin:0;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.category-card-description{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0;word-wrap:break-word;overflow-wrap:break-word;flex:1}.more-categories-modern{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:var(--bg-secondary);border:2px dashed var(--border-primary);border-radius:12px;color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .3s ease}.more-categories-modern:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.more-icon{font-size:20px;font-weight:700;color:var(--text-primary)}.alert-error-modern,.alert-warning-modern{display:flex;gap:12px;padding:16px;border-radius:12px;margin:20px 0;animation:fadeIn .6s ease-out}.alert-error-modern{background:#fee;border:2px solid #f44336}.alert-warning-modern{background:#fffbea;border:2px solid #ffc107}.alert-icon{font-size:24px;flex-shrink:0}.alert-content{flex:1}.alert-content strong{display:block;font-size:14px;font-weight:700;margin-bottom:4px}.alert-error-modern .alert-content strong{color:#c62828}.alert-warning-modern .alert-content strong{color:#f57f17}.alert-content p{margin:0;font-size:13px;line-height:1.5}.alert-error-modern .alert-content p{color:#d32f2f}.alert-warning-modern .alert-content p{color:#f9a825}.comparison-actions-modern{display:flex;gap:12px;justify-content:center;margin-top:32px;animation:fadeIn .8s ease-out 1s backwards}.btn-save-modern,.btn-discard-modern{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;flex:1;max-width:240px}.btn-save-modern{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.btn-save-modern:hover{transform:translateY(-3px);box-shadow:0 8px 24px #4caf5066;background:linear-gradient(135deg,#45a049,#388e3c)}.btn-save-modern:active{transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.btn-discard-modern{background:#fff;color:#f44336;border:2px solid #f44336}.btn-discard-modern:hover{transform:translateY(-3px);box-shadow:0 8px 24px #f443364d;background:#f44336;color:#fff}.btn-discard-modern:active{transform:translateY(-1px);box-shadow:0 4px 12px #f4433633}.btn-icon{width:20px;height:20px;flex-shrink:0}.comparison-step-simple{padding:32px 24px;max-width:900px;margin:0 auto}.comparison-simple-header{text-align:center;margin-bottom:32px}.success-icon{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;font-weight:700;box-shadow:0 8px 24px #10b9814d;animation:successPop .6s cubic-bezier(.68,-.55,.265,1.55)}.comparison-simple-header h2{color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 8px}.comparison-simple-header p{color:var(--text-secondary);font-size:15px;margin:0}.comparison-lists{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;margin-bottom:24px;align-items:start}.category-list-section{background:var(--bg-secondary);border-radius:16px;border:2px solid var(--border-primary);overflow:hidden;box-shadow:0 4px 12px #00000014}.list-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--border-primary)}.old-header{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.new-header{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.list-header h3{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.count-badge{background:var(--bg-primary);color:var(--text-primary);padding:4px 12px;border-radius:12px;font-size:14px;font-weight:700;border:1px solid var(--border-primary)}.category-list-scroll{max-height:400px;overflow-y:auto;padding:8px}.category-list-scroll::-webkit-scrollbar{width:8px}.category-list-scroll::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.category-list-scroll::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}.category-list-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.category-list-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:4px;border-radius:10px;transition:all .2s ease}.old-item{background:var(--bg-primary);border:1px solid var(--border-secondary)}.old-item:hover{background:var(--bg-tertiary);border-color:var(--border-primary)}.new-item{background:var(--bg-primary);border:1px solid #93c5fd}.new-item:hover{background:#eff6ff;border-color:#60a5fa;transform:translate(4px)}.category-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.category-icon{font-size:20px;flex-shrink:0}.category-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-count{font-size:13px;font-weight:700;color:var(--text-secondary);background:var(--bg-tertiary);padding:4px 10px;border-radius:8px;min-width:32px;text-align:center;flex-shrink:0}.arrow-divider{display:flex;align-items:center;justify-content:center;padding-top:60px}.arrow-divider svg{width:32px;height:32px;color:#3b82f6;animation:arrowPulse 2s ease-in-out infinite}.simple-warning{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:#fffbeb;border:2px solid #fbbf24;border-radius:12px;margin-bottom:24px;color:#92400e;font-size:14px;font-weight:600}.warning-icon{font-size:20px;flex-shrink:0}.simple-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.btn-keep-new,.btn-keep-old{padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a}.btn-keep-new{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-keep-new:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b9814d;background:linear-gradient(135deg,#059669,#047857)}.btn-keep-old{background:#fff;color:#6b7280;border:2px solid #d1d5db}.btn-keep-old:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026;background:#f9fafb;border-color:#9ca3af;color:#374151}@media (max-width: 768px){.comparison-lists{grid-template-columns:1fr;gap:16px}.arrow-divider{display:none}.simple-actions{grid-template-columns:1fr}.category-list-scroll{max-height:250px}}@media (max-width: 768px){.comparison-header h2{font-size:24px}.comparison-subtitle{font-size:14px}.comparison-stats-modern{flex-direction:column;gap:16px}.stat-card{width:100%;max-width:280px}.arrow-svg{transform:rotate(90deg)}.categories-grid-modern{grid-template-columns:1fr}.comparison-actions-modern{flex-direction:column}.btn-save-modern,.btn-discard-modern{max-width:100%;width:100%}.preview-header{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.completion-badge{font-size:12px;padding:6px 16px}.comparison-header h2{font-size:20px}.stat-card{padding:16px 20px}.stat-card-icon,.stat-card-value{font-size:28px}.category-card-modern{padding:14px}}.bulk-tag-modal{max-width:900px;width:100%;max-height:90vh}.bulk-tag-body{max-height:calc(90vh - 180px);overflow-y:auto}.ai-icon-pulse{color:#a855f7;filter:drop-shadow(0 0 8px rgba(168,85,247,.5));animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.bulk-tag-start{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center}.start-icon-wrapper{margin-bottom:24px}.start-icon{color:#a855f7;filter:drop-shadow(0 0 12px rgba(168,85,247,.4))}.start-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.start-description{font-size:15px;color:var(--text-secondary);max-width:500px;margin:0 0 24px;line-height:1.6}.start-features{list-style:none;padding:0;margin:0 0 32px;text-align:left;max-width:400px}.start-features li{position:relative;padding-left:28px;margin-bottom:12px;font-size:14px;color:var(--text-secondary);line-height:1.5}.start-features li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700;font-size:16px}.error-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;margin-bottom:20px;font-size:14px}.btn-large{padding:14px 32px;font-size:16px}.bulk-tag-processing{display:flex;flex-direction:column;align-items:center;padding:60px 20px;text-align:center}.processing-spinner{color:#a855f7;animation:spin 1s linear infinite;margin-bottom:24px}.processing-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.processing-category{font-size:14px;color:var(--text-secondary);margin:0 0 20px;min-height:20px}.progress-bar{width:100%;max-width:400px;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#a855f7,#c084fc);transition:width .3s ease;border-radius:4px}.processing-count{font-size:13px;font-weight:600;color:var(--text-tertiary);margin:0}.bulk-tag-review{display:flex;flex-direction:column;gap:20px}.review-header{padding:20px;background:linear-gradient(135deg,#a855f71a,#a855f70d);border-radius:12px;border:1px solid rgba(168,85,247,.2);text-align:center}.review-title{display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.review-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.review-search{position:relative;display:flex;flex-direction:column;gap:8px;margin:20px 0;padding:0 4px}.review-search-input{width:100%;padding:12px 40px 12px 16px;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:14px;transition:all .2s ease}.review-search-input:focus{outline:none;border-color:#a855f799;box-shadow:0 0 0 3px #a855f71a;background:var(--bg-primary)}.review-search-input::-moz-placeholder{color:var(--text-tertiary)}.review-search-input::placeholder{color:var(--text-tertiary)}.review-search-clear{position:absolute;top:12px;right:16px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#a855f71a;border:none;border-radius:4px;color:#a855f7;cursor:pointer;transition:all .2s ease}.review-search-clear:hover{background:#a855f733;transform:scale(1.1)}.review-search-clear:active{transform:scale(.95)}.review-search-count{font-size:13px;color:var(--text-tertiary);margin:0;padding-left:4px}.review-list{display:flex;flex-direction:column;gap:16px;padding:0 4px}.category-tag-card{padding:20px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;transition:all .2s ease}.category-tag-card:hover{border-color:#a855f74d;box-shadow:0 4px 12px #00000014}.category-tag-header{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.category-tag-name-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.category-tag-name{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;flex:1}.category-tag-type-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-tertiary);border:2px solid;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.category-tag-type-selector{display:flex;align-items:center;gap:8px;flex-shrink:0}.type-selector-label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.type-selector-dropdown{padding:6px 28px 6px 12px;background:var(--bg-tertiary);border:2px solid;border-radius:8px;font-size:13px;font-weight:600;text-transform:capitalize;color:var(--text-primary);cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;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='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.type-selector-dropdown:hover{border-color:#a855f799;box-shadow:0 2px 8px #a855f726}.type-selector-dropdown:focus{outline:none;border-color:#a855f7cc;box-shadow:0 0 0 3px #a855f726}.type-color-preview{width:20px;height:20px;border-radius:50%;box-shadow:0 2px 4px #0003;flex-shrink:0}.add-custom-type-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#a855f726,#a855f714);border:2px solid rgba(168,85,247,.3);border-radius:6px;color:#a855f7;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease}.add-custom-type-btn:hover{background:linear-gradient(135deg,#a855f740,#a855f726);border-color:#a855f799;transform:scale(1.05)}.add-custom-type-btn:active{transform:scale(.95)}.custom-type-creator{display:flex;align-items:center;gap:8px;padding:12px;background:var(--bg-tertiary);border:2px solid rgba(168,85,247,.2);border-radius:8px;margin-top:12px;animation:slideDownCreator .2s ease}@keyframes slideDownCreator{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-type-name-input{flex:1;padding:8px 12px;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:13px;transition:all .2s ease}.custom-type-name-input:focus{outline:none;border-color:#a855f799;box-shadow:0 0 0 3px #a855f71a}.custom-type-name-input::-moz-placeholder{color:var(--text-tertiary)}.custom-type-name-input::placeholder{color:var(--text-tertiary)}.custom-type-color-input{width:50px;height:36px;padding:2px;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:6px;cursor:pointer;transition:all .2s ease}.custom-type-color-input:hover{border-color:#a855f766}.custom-type-color-input:focus{outline:none;border-color:#a855f799;box-shadow:0 0 0 3px #a855f71a}.category-tag-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.category-main-keyword{font-size:13px;color:var(--text-secondary);margin:0;padding:4px 12px;background:linear-gradient(135deg,#a855f71a,#a855f70d);border-radius:6px;border:1px solid rgba(168,85,247,.2)}.category-main-keyword strong{color:#a855f7;font-weight:700;margin-right:6px}.category-tag-confidence{font-size:12px;color:var(--text-tertiary);margin:0}.category-tag-tags{display:flex;flex-direction:column;gap:10px}.tags-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.tags-list-editable{display:flex;flex-wrap:wrap;gap:8px}.tag-item-editable{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#a855f726,#a855f714);border:1px solid rgba(168,85,247,.3);border-radius:16px;font-size:13px;font-weight:500;color:#a855f7;transition:all .2s ease}.tag-item-editable:hover{background:linear-gradient(135deg,#a855f733,#a855f71a);border-color:#a855f7}.tag-text{flex:1}.tag-remove-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:#ef44441a;border:none;border-radius:50%;color:#ef4444;cursor:pointer;transition:all .2s ease}.tag-remove-btn:hover{background:#ef444433;transform:scale(1.1)}.tag-add-btn{padding:6px 12px;background:var(--bg-tertiary);border:1px dashed var(--border-primary);border-radius:16px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.tag-add-btn:hover{background:var(--bg-quaternary);border-color:#a855f7;color:#a855f7}.tag-add-input{padding:6px 12px;background:var(--bg-primary);border:1px solid #A855F7;border-radius:16px;font-size:13px;color:var(--text-primary);outline:none;min-width:120px}.category-tag-reasoning{margin-top:12px;padding:12px;background:var(--bg-tertiary);border-radius:8px;border-left:3px solid #A855F7}.category-tag-reasoning summary{font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.category-tag-reasoning summary:hover{color:var(--text-primary)}.category-tag-reasoning p{margin:8px 0 0;font-size:13px;color:var(--text-secondary);line-height:1.6}.bulk-tag-applying{display:flex;flex-direction:column;gap:24px;padding:40px 20px}.applying-progress-wrapper{position:relative;background:var(--bg-tertiary);border:1px solid rgba(99,102,241,.15);border-radius:14px;padding:24px 20px 30px;overflow:hidden;box-shadow:0 10px 30px #4f46e514}.applying-progress-header{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.applying-progress-label{display:inline-flex;align-items:center;gap:8px;letter-spacing:.02em}.applying-progress-count{font-size:13px;font-weight:700;color:var(--text-tertiary);background:#6366f11f;padding:6px 12px;border-radius:999px}.applying-progress-bar{position:relative;height:16px;background:#6366f11f;border-radius:999px;overflow:hidden}.applying-progress-fill{height:100%;border-radius:999px;background-size:200% 200%;animation:progressWave 1.6s linear infinite;box-shadow:0 8px 20px #6366f159}.applying-progress-glow{position:absolute;inset:0;border-radius:14px;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(99,102,241,.2),transparent 55%);opacity:.6;animation:glowPulse 2.4s ease-in-out infinite}@keyframes progressWave{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes glowPulse{0%,to{opacity:.25}50%{opacity:.6}}.applying-status{display:flex;flex-direction:column;gap:6px;padding:0 4px}.applying-status-label{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary)}.applying-status-category{font-size:20px;font-weight:700;color:var(--text-primary)}.applying-up-next{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px dashed var(--border-primary);border-radius:12px;background:var(--bg-tertiary)}.up-next-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--text-tertiary)}.up-next-list{display:flex;flex-direction:column;gap:8px}.up-next-item{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-secondary)}.up-next-index{font-weight:700;color:var(--text-tertiary);min-width:18px}.bulk-tag-complete{display:flex;flex-direction:column;align-items:center;padding:60px 20px;text-align:center}.complete-icon-wrapper{margin-bottom:24px}.complete-icon{color:#10b981;background:#10b9811a;border-radius:50%;padding:12px;animation:successPop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.complete-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.complete-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:none}.btn-primary:hover{background:var(--accent-secondary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-quaternary)}.bulk-tag-body::-webkit-scrollbar{width:8px}.bulk-tag-body::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.bulk-tag-body::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.bulk-tag-body::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width: 768px){.bulk-tag-modal{max-width:100%;margin:0;border-radius:0;max-height:100vh}.bulk-tag-body{max-height:calc(100vh - 180px)}.category-tag-name-row{flex-direction:column;align-items:flex-start}.category-tag-type-badge{align-self:flex-start}.tags-list-editable{gap:6px}.tag-item-editable{font-size:12px;padding:5px 10px}}.ai-grouping-modal-overlay{display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ai-grouping-modal{width:90%;max-width:700px;max-height:90vh;background:var(--bg-primary, #ffffff);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden}.ai-grouping-modal .modal-header{padding:24px;border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;align-items:center;justify-content:space-between}.modal-title-with-icon{display:flex;align-items:center;gap:12px}.modal-title-with-icon .modal-icon{color:var(--primary, #3b82f6);flex-shrink:0}.modal-title-with-icon h2{margin:0;font-size:24px;font-weight:600;color:var(--text-primary, #1f2937)}.ai-grouping-body{flex:1;overflow-y:auto;padding:32px}.ai-grouping-step{display:flex;flex-direction:column;gap:24px;animation:fadeIn .3s ease}.step-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:12px;margin:0 auto;color:var(--primary, #3b82f6)}.intro-icon{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a)}.analyzing-icon{background:linear-gradient(135deg,#3b82f61a,#22c55e1a)}.analyzing-icon svg{animation:spin 1s linear infinite}.success-icon{background:linear-gradient(135deg,#22c55e1a,#3b82f61a);color:var(--success, #10b981)}.error-icon{background:linear-gradient(135deg,#ef44441a,#f973161a);color:var(--error, #ef4444)}.ai-grouping-step h3{margin:0;text-align:center;font-size:20px;font-weight:600;color:var(--text-primary, #1f2937)}.step-description{margin:0;text-align:center;color:var(--text-secondary, #6b7280);font-size:14px;line-height:1.6}.ai-grouping-benefits{background:var(--bg-secondary, #f9fafb);border-radius:8px;padding:16px;margin:12px 0}.ai-grouping-benefits h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary, #1f2937)}.ai-grouping-benefits ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ai-grouping-benefits li{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-secondary, #6b7280)}.ai-grouping-benefits svg{color:var(--success, #10b981);flex-shrink:0}.ai-grouping-info{display:flex;gap:12px;background:var(--bg-secondary, #f9fafb);border-left:4px solid var(--warning, #f59e0b);border-radius:4px;padding:12px;font-size:13px;color:var(--text-secondary, #6b7280)}.ai-grouping-info svg{color:var(--warning, #f59e0b);flex-shrink:0;margin-top:2px}.ai-grouping-info.warning-info{border-left-color:var(--error, #ef4444);background:#ef444414}.ai-grouping-info.warning-info svg{color:var(--error, #ef4444)}.progress-bar{width:100%;height:8px;background:var(--bg-secondary, #e5e7eb);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary, #3b82f6),var(--accent, #8b5cf6));transition:width .3s ease}.progress-text{text-align:center;font-size:13px;color:var(--text-secondary, #6b7280);margin:0}.analysis-results-preview{background:var(--bg-secondary, #f9fafb);border-radius:8px;padding:16px;margin:12px 0}.analysis-results-preview h4{margin:0 0 12px;font-size:14px;font-weight:600}.groups-list{display:flex;flex-direction:column;gap:8px}.group-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-primary, #ffffff);border-radius:6px;border:1px solid var(--border-color, #e5e7eb)}.group-badge{font-weight:500;color:var(--text-primary, #1f2937);font-size:13px}.group-count{font-size:12px;color:var(--text-tertiary, #9ca3af);background:var(--bg-secondary, #f3f4f6);padding:2px 8px;border-radius:4px}.results-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:12px 0}.summary-item{display:flex;justify-content:space-between;padding:12px;background:var(--bg-secondary, #f9fafb);border-radius:8px}.summary-item .label{font-size:13px;color:var(--text-secondary, #6b7280);font-weight:500}.summary-item .value{font-size:18px;font-weight:700;color:var(--primary, #3b82f6)}.results-detail{background:var(--bg-secondary, #f9fafb);border-radius:8px;padding:16px;max-height:300px;overflow-y:auto}.results-detail h4{margin:0 0 12px;font-size:14px;font-weight:600}.groups-breakdown{display:flex;flex-direction:column;gap:12px}.group-breakdown-item{background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;overflow:hidden}.group-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-secondary, #f3f4f6);border-bottom:1px solid var(--border-color, #e5e7eb);font-size:13px;font-weight:500}.group-name{color:var(--text-primary, #1f2937)}.group-count{background:var(--primary, #3b82f6);color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.categories-in-group{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px}.category-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:4px;font-size:12px}.warning-tag{border-color:var(--warning, #f59e0b);background:#f59e0b1f;color:var(--warning, #f59e0b)}.warning-tag .category-name{color:var(--warning, #f59e0b)}.category-name{color:var(--text-primary, #1f2937);font-weight:500}.confidence-badge{font-size:11px;color:var(--success, #10b981);font-weight:600;background:#10b9811a;padding:1px 5px;border-radius:3px}.suggestions-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.suggestion-item{display:flex;gap:12px;padding:12px;background:var(--bg-secondary, #f9fafb);border:2px solid var(--border-color, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .2s ease}.suggestion-item:hover{border-color:var(--primary, #3b82f6);background:var(--bg-primary, #ffffff)}.suggestion-item.high-confidence{border-color:var(--success, #10b981)}.suggestion-item.high-confidence:after{content:"★ High Confidence";display:block;font-size:10px;color:var(--success, #10b981);margin-top:4px}.suggestion-checkbox{width:20px;height:20px;cursor:pointer;flex-shrink:0;margin-top:2px}.suggestion-content{display:flex;flex-direction:column;gap:8px;cursor:pointer;flex:1}.suggestion-main{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text-primary, #1f2937);font-size:14px}.category-name{color:var(--text-primary, #1f2937);white-space:nowrap}.suggestion-arrow{color:var(--primary, #3b82f6);font-weight:700}.suggested-group{color:var(--success, #10b981);font-weight:600}.suggestion-details{display:flex;gap:12px;font-size:12px}.confidence{color:var(--primary, #3b82f6);font-weight:500}.reasoning{color:var(--text-secondary, #6b7280);flex:1}.no-suggestions{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;text-align:center;color:var(--text-secondary, #6b7280)}.no-suggestions svg{color:var(--success, #10b981)}.ai-grouping-actions{display:flex;gap:12px;justify-content:center;padding-top:8px}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.btn-primary{background:var(--primary, #3b82f6);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.btn-secondary{background:var(--bg-secondary, #e5e7eb);color:var(--text-primary, #1f2937)}.btn-secondary:hover{background:var(--border-color, #d1d5db)}@media (max-width: 640px){.ai-grouping-modal{width:95%;max-height:95vh}.ai-grouping-body{padding:20px}.results-summary{grid-template-columns:1fr}.suggestion-main{flex-direction:column;align-items:flex-start}.suggestion-arrow{display:none}.suggested-group{margin-left:0}}.signin-prompt-modal{background:var(--bg-primary);border-radius:12px;width:100%;max-width:500px;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:slideIn .3s ease-out}.signin-prompt-header{padding:24px;background:linear-gradient(135deg,red,#c00);color:#fff;text-align:center}.signin-prompt-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#fff3;border-radius:50%;margin-bottom:16px}.signin-prompt-header h2{margin:0;font-size:24px;font-weight:700}.signin-prompt-body{padding:24px}.signin-prompt-message{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--bg-tertiary);border-left:3px solid #FF9800;border-radius:6px;margin-bottom:24px}.signin-prompt-message svg{flex-shrink:0;color:#ff9800;margin-top:2px}.signin-prompt-message p{margin:0;color:var(--text-primary);line-height:1.5}.signin-prompt-info{margin-bottom:20px}.signin-prompt-info h3{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.signin-prompt-info ul{list-style:none;padding:0;margin:0}.signin-prompt-info li{padding:8px 0 8px 24px;color:var(--text-primary);position:relative}.signin-prompt-info li:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700}.signin-prompt-privacy{padding:16px;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-secondary)}.signin-prompt-privacy p{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.6}.signin-prompt-privacy strong{color:var(--text-primary)}.signin-prompt-actions{padding:20px 24px;background:var(--bg-secondary);display:flex;gap:12px;justify-content:flex-end;border-top:1px solid var(--border-primary)}.btn-secondary{padding:10px 20px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-secondary);border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--bg-primary);border-color:var(--border-primary)}.btn-youtube{padding:10px 24px;background:red;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-youtube:hover{background:#c00;transform:translateY(-1px);box-shadow:0 4px 12px #ff00004d}.btn-youtube:active{transform:translateY(0)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .signin-prompt-modal{box-shadow:0 20px 60px #0009}[data-theme=dark] .signin-prompt-privacy{background:#ffffff08}.theme-selector{padding:0}.theme-selector-header{margin-bottom:24px}.theme-selector-header h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary)}.theme-selector-header p{margin:0;font-size:14px;color:var(--text-secondary)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:24px}.theme-card{position:relative;padding:16px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;cursor:pointer;transition:all .2s ease}.theme-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 8px 16px var(--shadow-medium)}.theme-card.selected{border-color:var(--accent-primary);background:linear-gradient(135deg,#1f6feb0d,#1f6feb05);box-shadow:0 8px 24px var(--shadow-medium)}.selected-badge{position:absolute;top:12px;right:12px;z-index:2;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accent-primary);border-radius:50%;color:#fff;box-shadow:0 2px 8px #1f6feb66}.selected-badge .material-icons{font-size:18px}.theme-preview{margin-bottom:16px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.preview-window{padding:8px;aspect-ratio:16 / 10}.preview-header{display:flex;gap:6px;padding:8px;border-radius:6px 6px 0 0;margin-bottom:8px}.preview-dot{width:8px;height:8px;border-radius:50%}.preview-content{display:flex;gap:8px;height:100px}.preview-sidebar{width:35%;border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:6px}.preview-item{height:20px;border-radius:4px}.preview-main{flex:1;border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:6px}.preview-card{flex:1;border-radius:4px;padding:6px;display:flex;flex-direction:column;gap:4px}.preview-text{height:4px;border-radius:2px}.preview-text:first-child{width:70%}.preview-text:last-child{width:50%}.theme-info{margin-bottom:12px}.theme-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.theme-description{font-size:13px;color:var(--text-secondary);line-height:1.4}.theme-colors{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--border-primary)}.color-dot{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-primary);cursor:help;transition:transform .2s}.color-dot:hover{transform:scale(1.2)}.theme-selector-footer{padding:16px;background:var(--bg-tertiary);border-radius:8px;text-align:center}.keyboard-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;font-size:13px;color:var(--text-secondary)}.keyboard-hint .material-icons{font-size:16px}.keyboard-hint kbd{display:inline-block;padding:3px 8px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;font-family:Courier New,monospace;font-size:12px;font-weight:600;color:var(--text-primary);box-shadow:0 2px 4px var(--shadow-light)}@media (max-width: 768px){.theme-grid{grid-template-columns:1fr}.theme-card{padding:12px}.preview-window{aspect-ratio:16 / 11}.theme-selector-footer{padding:12px}.keyboard-hint{font-size:12px;flex-wrap:wrap}}@keyframes themeTransition{0%{opacity:1}50%{opacity:.95}to{opacity:1}}.theme-switching{animation:themeTransition .3s ease}.progress-bar-container{width:100%}.progress-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.progress-values{display:flex;gap:12px;align-items:center}.progress-value-text{font-size:12px;color:var(--text-tertiary);font-family:Courier New,monospace}.progress-percentage{font-size:13px;font-weight:700;color:var(--text-primary);min-width:50px;text-align:right}.progress-bar{position:relative;width:100%;height:8px;background:var(--bg-tertiary);border-radius:100px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.progress-sm .progress-bar{height:4px}.progress-lg .progress-bar{height:12px}.progress-fill{position:relative;height:100%;border-radius:100px;transition:width .6s cubic-bezier(.4,0,.2,1);overflow:hidden}.progress-fill.animated{background-size:30px 100%}.progress-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShine 2s infinite}@keyframes progressShine{0%{left:-100%}to{left:200%}}.progress-bar-success .progress-fill{background:linear-gradient(90deg,#10b981,#059669)}.progress-bar-warning .progress-fill{background:linear-gradient(90deg,#f59e0b,#d97706)}.progress-bar-danger .progress-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.progress-bar-default .progress-fill{background:linear-gradient(90deg,var(--accent-primary),var(--accent-hover))}.progress-fill.animated{animation:progressPulse 2s ease-in-out infinite}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.9}}.progress-circular{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.progress-circular svg{transform:rotate(-90deg)}.progress-circular-bg{fill:none;stroke:var(--bg-tertiary);stroke-width:8}.progress-circular-fill{fill:none;stroke:var(--accent-primary);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.progress-circular-text{position:absolute;font-size:24px;font-weight:700;color:var(--text-primary)}.search-bar{position:relative;display:flex;align-items:center;width:100%;max-width:500px;margin:0 auto 24px}.search-input{width:100%;padding:14px 48px 14px 20px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:2px solid var(--border-primary);border-radius:14px;font-size:15px;font-weight:500;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014,0 1px 3px #0000000f,inset 0 1px #ffffff0d}.search-input::-moz-placeholder{color:var(--text-tertiary);font-weight:400;letter-spacing:.3px}.search-input::placeholder{color:var(--text-tertiary);font-weight:400;letter-spacing:.3px}.search-input:hover{border-color:var(--border-secondary);box-shadow:0 4px 12px #0000001f,0 2px 6px #00000014,inset 0 1px #ffffff0d}.search-input:focus{outline:none;border-color:var(--accent-primary);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);box-shadow:0 0 0 4px rgba(var(--accent-rgb, 0, 122, 255),.12),0 8px 20px rgba(var(--accent-rgb, 0, 122, 255),.15),0 4px 12px #0000001a,inset 0 1px #ffffff1a;transform:translateY(-1px)}.search-clear{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:linear-gradient(135deg,var(--bg-quaternary) 0%,var(--bg-tertiary) 100%);border:none;border-radius:8px;color:var(--text-tertiary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0000001a,inset 0 1px #ffffff1a}.search-clear:hover{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary, var(--accent-primary)) 100%);color:#fff;transform:scale(1.1) rotate(90deg);box-shadow:0 4px 12px rgba(var(--accent-rgb, 0, 122, 255),.3),0 2px 6px #0000001a,inset 0 1px #fff3}.search-clear:active{transform:scale(.95) rotate(90deg);box-shadow:0 2px 6px rgba(var(--accent-rgb, 0, 122, 255),.2),inset 0 1px 3px #0003}@keyframes highlightMatch{0%,to{background:transparent}50%{background:rgba(var(--accent-rgb, 0, 122, 255),.1)}}.search-match{animation:highlightMatch .6s ease}.stats-card{position:relative;padding:24px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:2px solid var(--border-primary);border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 6px 20px #0000001a,0 3px 10px #00000014,0 1px 4px #0000000f,inset 0 1px #ffffff0d}.stats-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);opacity:0;transition:opacity .4s}.stats-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 48px #0000002e,0 8px 24px #00000024,0 4px 12px #0000001a,0 0 0 3px rgba(var(--accent-rgb, 0, 122, 255),.15),inset 0 1px #ffffff1a;border-color:var(--accent-primary)}.stats-card:hover:before{opacity:1}.stats-card-content{position:relative;z-index:1;display:flex;gap:16px;align-items:flex-start}.stats-card-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,rgba(var(--accent-rgb, 0, 122, 255),.15),rgba(var(--accent-rgb, 0, 122, 255),.25));color:var(--accent-primary);flex-shrink:0;box-shadow:0 4px 12px rgba(var(--accent-rgb, 0, 122, 255),.2),0 2px 6px #0000001a,inset 0 1px #ffffff26;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.stats-card-icon:before{content:"";position:absolute;inset:2px;border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .4s}.stats-card:hover .stats-card-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 20px rgba(var(--accent-rgb, 0, 122, 255),.35),0 3px 10px #00000026,inset 0 1px #fff3}.stats-card:hover .stats-card-icon:before{opacity:1}.stats-card-large .stats-card-icon{width:72px;height:72px;border-radius:16px}.stats-card-details{flex:1;min-width:0}.stats-card-title{font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.stats-card-value{font-size:32px;font-weight:800;color:var(--text-primary);line-height:1.2;margin-bottom:4px;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-card-large .stats-card-value{font-size:48px}.stats-card-subtitle{font-size:13px;color:var(--text-tertiary);margin:4px 0 0;line-height:1.4}.stats-card-trend{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;margin-top:8px}.trend-up{background:#10b9811a;color:#10b981}.trend-down{background:#ef44441a;color:#ef4444}.trend-neutral{background:#6b72801a;color:#6b7280}.stats-card-decoration{position:absolute;top:0;right:0;width:150px;height:150px;border-radius:50%;opacity:.05;pointer-events:none;transition:all .4s ease}.stats-card:hover .stats-card-decoration{opacity:.1;transform:scale(1.2)}.stats-card-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.stats-card-blue .stats-card-icon{background:linear-gradient(135deg,#dbeafe,#93c5fd);color:#2563eb;box-shadow:0 4px 12px #3b82f640,0 2px 6px #0000001a,inset 0 1px #ffffff4d}.stats-card-blue:hover .stats-card-icon{box-shadow:0 6px 20px #3b82f666,0 3px 10px #00000026,inset 0 1px #ffffff4d}.stats-card-blue .stats-card-decoration{background:radial-gradient(circle,#3b82f6,transparent)}.stats-card-green{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}.stats-card-green .stats-card-icon{background:linear-gradient(135deg,#dcfce7,#86efac);color:#16a34a;box-shadow:0 4px 12px #10b98140,0 2px 6px #0000001a,inset 0 1px #ffffff4d}.stats-card-green:hover .stats-card-icon{box-shadow:0 6px 20px #10b98166,0 3px 10px #00000026,inset 0 1px #ffffff4d}.stats-card-green .stats-card-decoration{background:radial-gradient(circle,#10b981,transparent)}.stats-card-orange{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.stats-card-orange .stats-card-icon{background:linear-gradient(135deg,#fef3c7,#fcd34d);color:#d97706;box-shadow:0 4px 12px #f59e0b40,0 2px 6px #0000001a,inset 0 1px #ffffff4d}.stats-card-orange:hover .stats-card-icon{box-shadow:0 6px 20px #f59e0b66,0 3px 10px #00000026,inset 0 1px #ffffff4d}.stats-card-orange .stats-card-decoration{background:radial-gradient(circle,#f59e0b,transparent)}.stats-card-purple{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-color:#e9d5ff}.stats-card-purple .stats-card-icon{background:linear-gradient(135deg,#f3e8ff,#d8b4fe);color:#9333ea;box-shadow:0 4px 12px #8b5cf640,0 2px 6px #0000001a,inset 0 1px #ffffff4d}.stats-card-purple:hover .stats-card-icon{box-shadow:0 6px 20px #8b5cf666,0 3px 10px #00000026,inset 0 1px #ffffff4d}.stats-card-purple .stats-card-decoration{background:radial-gradient(circle,#8b5cf6,transparent)}.stats-card-red{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.stats-card-red .stats-card-icon{background:linear-gradient(135deg,#fee2e2,#fca5a5);color:#dc2626;box-shadow:0 4px 12px #ef444440,0 2px 6px #0000001a,inset 0 1px #ffffff4d}.stats-card-red:hover .stats-card-icon{box-shadow:0 6px 20px #ef444466,0 3px 10px #00000026,inset 0 1px #ffffff4d}.stats-card-red .stats-card-decoration{background:radial-gradient(circle,#ef4444,transparent)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stats-grid-2{grid-template-columns:repeat(2,1fr)}.stats-grid-3{grid-template-columns:repeat(3,1fr)}.stats-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.stats-grid,.stats-grid-2,.stats-grid-3,.stats-grid-4{grid-template-columns:1fr}.stats-card-value{font-size:28px}.stats-card-large .stats-card-value{font-size:36px}}.note-backup-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.note-backup-modal{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .2s ease-out}.note-backup-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-primary);flex-shrink:0}.note-backup-modal-title{display:flex;align-items:center;gap:12px}.note-backup-modal-title h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.note-backup-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s ease}.note-backup-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.note-backup-modal-content{flex:1;overflow-y:auto;padding:24px}.backup-stats-section{margin-bottom:32px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px}.backup-stats-section h3{margin:0 0 16px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary)}.backup-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.backup-stat-item{display:flex;flex-direction:column;gap:4px}.backup-stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary)}.backup-stat-value{font-size:20px;font-weight:700;color:var(--accent-primary)}.backup-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-primary)}.backup-section:last-of-type{border-bottom:none}.backup-section h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-primary)}.backup-description{margin:0 0 16px;font-size:13px;color:var(--text-secondary);line-height:1.6}.backup-action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.backup-action-btn.primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.backup-action-btn.primary:hover:not(:disabled){background:var(--accent-hover, var(--accent-primary));opacity:.9}.backup-action-btn.secondary{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}.backup-action-btn.secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-hover)}.backup-action-btn.danger{background:#ef4444;border-color:#ef4444;color:#fff}.backup-action-btn.danger:hover:not(:disabled){background:#dc2626;opacity:.9}.backup-action-btn:disabled{opacity:.5;cursor:not-allowed}.backup-file-input-wrapper{margin-bottom:16px}.backup-file-input{display:none}.backup-file-label{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.backup-file-label:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.backup-preview{margin-top:16px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px}.backup-preview-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;color:var(--text-primary)}.backup-preview-info{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.backup-preview-item{display:flex;align-items:center;justify-content:space-between;font-size:12px}.preview-label{color:var(--text-tertiary);font-weight:500}.preview-value{color:var(--text-primary);font-weight:600}.backup-restore-actions{display:flex;gap:8px;margin-bottom:16px}.backup-restore-progress{margin-top:16px}.progress-bar{width:100%;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-text{font-size:11px;color:var(--text-tertiary);text-align:center}.backup-cost-info{margin-bottom:32px;padding:16px;background:rgba(var(--accent-rgb, 59, 130, 246),.05);border:1px solid var(--border-primary);border-radius:8px}.backup-cost-info h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary)}.cost-breakdown{display:flex;flex-direction:column;gap:8px}.cost-item{display:flex;justify-content:space-between;font-size:12px}.cost-label{color:var(--text-secondary)}.cost-value{color:var(--text-primary);font-weight:500}.cost-note{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-primary);font-size:11px;color:var(--text-tertiary);line-height:1.6}.backup-info-section{margin-top:32px}.backup-info-section h3{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary)}.backup-info-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:12px}.backup-info-list li{font-size:13px;color:var(--text-secondary);line-height:1.6}.backup-info-list li strong{color:var(--text-primary)}.settings-modal-content{max-width:1200px;width:90%;max-height:90vh;border-radius:20px;overflow:hidden;box-shadow:0 32px 80px #0006,0 16px 40px #0000004d,0 8px 20px #00000040,0 0 0 1px #0000001a;background:var(--bg-primary)}.settings-tabs{display:flex;border-bottom:3px solid var(--border-primary);padding:0 24px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);gap:4px;box-shadow:inset 0 -2px 8px #0000000d,0 2px 10px #00000014}.settings-tab{display:flex;align-items:center;gap:10px;padding:18px 26px;background:transparent;border:none;border-bottom:4px solid transparent;border-radius:14px 14px 0 0;color:var(--text-tertiary);font-size:15px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;margin-bottom:-3px}.settings-tab:before{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%) scaleX(0);width:85%;height:4px;background:linear-gradient(90deg,transparent 0%,var(--accent-primary) 20%,var(--accent-hover) 50%,var(--accent-primary) 80%,transparent 100%);border-radius:4px 4px 0 0;transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px rgba(var(--accent-rgb, 0, 122, 255),.5)}.settings-tab svg{width:21px;height:21px;opacity:.5;transition:all .35s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 0 transparent)}.settings-tab:hover{color:var(--text-secondary);background:linear-gradient(135deg,rgba(var(--accent-rgb, 0, 122, 255),.08),rgba(var(--accent-rgb, 0, 122, 255),.03));transform:translateY(-3px);box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff1a}.settings-tab:hover svg{opacity:.9;transform:scale(1.15) translateY(-1px);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.settings-tab.active{color:var(--accent-primary);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);box-shadow:0 -6px 20px #0000001f,0 -3px 10px #00000014,inset 0 2px 8px #ffffff0d,inset 0 -1px 0 var(--border-primary);transform:translateY(-2px)}.settings-tab.active:before{transform:translate(-50%) scaleX(1)}.settings-tab.active svg{opacity:1;color:var(--accent-primary);transform:scale(1.2) translateY(-1px);filter:drop-shadow(0 0 8px rgba(var(--accent-rgb, 0, 122, 255),.4))}.settings-content{padding:0;overflow-y:auto;max-height:calc(85vh - 140px);background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.settings-section{padding:28px}.section-group{margin-bottom:32px;padding:28px;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-radius:16px;border:1px solid var(--border-primary);box-shadow:0 4px 16px #00000014,0 2px 8px #0000000f,inset 0 1px #ffffff0d;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=Light] .section-group{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#e2e8f0;box-shadow:0 4px 16px #0000000f,0 2px 8px #0000000a,inset 0 1px #fffc}.section-group:hover{box-shadow:0 6px 24px #0000001f,0 3px 12px #00000014,inset 0 1px #ffffff14;transform:translateY(-2px)}.section-group:last-child{margin-bottom:0}.settings-section-description{margin:12px 0 24px;color:var(--text-secondary);font-size:14px;line-height:1.6}.settings-shortcuts-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:32px}.settings-shortcuts-category{display:flex;flex-direction:column;gap:20px;padding:24px;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 8px 24px #00000014,0 4px 12px #0000000f,inset 0 1px #ffffff0d;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-shortcuts-category:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0000001f,0 6px 16px #00000014,inset 0 1px #ffffff14}[data-theme=Light] .settings-shortcuts-category{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#e2e8f0}.settings-shortcuts-category-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.settings-shortcuts-grid{display:flex;flex-direction:column;gap:14px}.settings-shortcut-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);box-shadow:0 6px 16px #0000001f,inset 0 1px #ffffff0f;transition:transform .2s ease,box-shadow .2s ease}.settings-shortcut-item:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00000024,inset 0 1px #ffffff14}.settings-shortcut-keys{display:flex;flex-wrap:wrap;gap:6px;min-width:100px}.settings-shortcut-key,.settings-shortcut-key-inline{font-family:var(--font-mono, "Fira Code", monospace);background:var(--bg-primary);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 10px;font-size:13px;color:var(--text-primary);line-height:1;box-shadow:inset 0 -1px #ffffff1f,0 3px 6px #00000026}.settings-shortcut-key-inline{padding:4px 8px;font-size:12px}.settings-shortcut-meta{display:flex;flex-direction:column;gap:4px}.settings-shortcut-label{color:var(--text-primary);font-weight:600;font-size:14px}.settings-shortcut-description{color:var(--text-secondary);font-size:12px;line-height:1.5}.settings-shortcuts-footnote{margin-top:28px;font-size:12px;color:var(--text-tertiary);text-align:left}.settings-section-title{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:700;letter-spacing:.3px;color:var(--text-primary);margin:0 0 24px;padding-bottom:14px;border-bottom:3px solid transparent;-o-border-image:linear-gradient(90deg,var(--accent-primary) 0%,transparent 100%) 1;border-image:linear-gradient(90deg,var(--accent-primary) 0%,transparent 100%) 1;position:relative}.settings-section-title:after{content:"";position:absolute;bottom:-3px;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-hover));border-radius:3px;box-shadow:0 0 10px rgba(var(--accent-rgb, 0, 122, 255),.4)}.settings-section-title svg{width:22px;height:22px;color:var(--accent-primary);opacity:.9;filter:drop-shadow(0 2px 4px rgba(var(--accent-rgb, 0, 122, 255),.3))}.settings-external-link{margin-top:16px;display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--accent-primary);text-decoration:none;transition:color .2s ease,text-decoration-color .2s ease}.settings-external-link:hover{color:var(--accent-hover, var(--accent-primary));text-decoration:underline}.sync-header{display:flex;justify-content:flex-end;margin-bottom:12px}.settings-refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;border-radius:8px;border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000000d}.settings-refresh-btn:hover{color:var(--text-primary);border-color:var(--accent-primary);box-shadow:0 4px 12px #00000014}.settings-refresh-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.settings-refresh-btn .spinning{animation:spin .9s linear infinite}.quota-refresh-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-secondary);margin-bottom:12px}.quota-refresh-source{font-weight:600;color:var(--accent-primary)}.settings-section-title.danger{color:#dc2626;border-bottom-color:#dc262633}.settings-section-title.danger svg{color:#dc2626;opacity:1}.settings-card-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:20px}.settings-card{position:relative;display:flex;flex-direction:column}.settings-card .settings-btn{flex:1;display:flex;align-items:center}.settings-btn{display:flex;align-items:center;gap:14px;padding:18px 22px;min-height:80px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:2px solid var(--border-primary);border-radius:14px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);text-align:left;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014,0 2px 6px #0000000d,inset 0 1px #ffffff0d}.settings-btn label{cursor:pointer;width:100%;display:flex;align-items:center;gap:14px;min-height:80px;padding:18px 22px;background:inherit;border:inherit;border-radius:inherit;color:inherit;font-size:inherit;font-weight:inherit;transition:inherit;text-align:left;position:relative;overflow:hidden;box-shadow:inherit;margin:0}.settings-btn label:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--accent-rgb, 0, 122, 255),.2),0 4px 12px #0000001a}.settings-btn.secondary label .btn-title{color:var(--accent-primary)}.settings-btn.secondary label .btn-description{color:var(--accent-primary);opacity:.8}.settings-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}.settings-btn:after{content:"";position:absolute;inset:0;border-radius:12px;padding:2px;background:linear-gradient(135deg,transparent,rgba(var(--accent-rgb, 0, 122, 255),0));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s}.settings-btn:hover:before{left:100%}.settings-btn:hover:after{opacity:1;background:linear-gradient(135deg,rgba(var(--accent-rgb, 0, 122, 255),.3),rgba(var(--accent-rgb, 0, 122, 255),.1))}.settings-btn:hover{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);transform:translateY(-4px);box-shadow:0 12px 32px #00000026,0 6px 16px #0000001a,0 0 0 2px rgba(var(--accent-rgb, 0, 122, 255),.1),inset 0 1px #ffffff1a;border-color:var(--accent-primary)}.settings-btn.full-width{width:100%}.btn-content{display:flex;flex-direction:column;gap:6px;flex:1;justify-content:center;min-height:44px}.btn-title{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.btn-description{font-size:12px;color:var(--text-secondary);font-weight:400;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.settings-btn.primary,button.settings-btn.primary,.settings-card button.settings-btn.primary{background:linear-gradient(135deg,var(--accent-primary, #007ACC) 0%,var(--accent-secondary, #005A9E) 100%)!important;color:#fff!important;border:none!important;box-shadow:0 6px 20px rgba(var(--accent-rgb, 0, 122, 204),.4),0 3px 10px #00000026,inset 0 1px #fff3!important;font-weight:700;min-height:80px}.settings-section-group .settings-btn.primary,.section-group .settings-btn.primary{background:linear-gradient(135deg,var(--accent-primary, #007ACC) 0%,var(--accent-secondary, #005A9E) 100%)!important;color:#fff!important;border:none!important}.settings-btn.primary:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.settings-btn.primary:hover{background:linear-gradient(135deg,var(--accent-secondary, #005A9E) 0%,var(--accent-primary, #007ACC) 100%);box-shadow:0 12px 36px rgba(var(--accent-rgb, 0, 122, 204),.6),0 6px 20px rgba(var(--accent-rgb, 0, 122, 204),.4),0 3px 10px #0003,inset 0 1px #ffffff4d;transform:translateY(-4px) scale(1.02)}.settings-btn.primary .btn-title,.settings-btn.primary .btn-description,button.settings-btn.primary .btn-title,button.settings-btn.primary .btn-description,.settings-card button.settings-btn.primary .btn-title,.settings-card button.settings-btn.primary .btn-description{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.3);font-weight:600}.settings-btn.primary label{background:linear-gradient(135deg,var(--accent-primary, #007ACC) 0%,var(--accent-secondary, #005A9E) 100%)!important;color:#fff!important;border:none!important;box-shadow:0 6px 20px rgba(var(--accent-rgb, 0, 122, 204),.4),0 3px 10px #00000026,inset 0 1px #fff3!important;font-weight:700}.settings-btn.primary label:hover{background:linear-gradient(135deg,var(--accent-secondary, #005A9E) 0%,var(--accent-primary, #007ACC) 100%);box-shadow:0 12px 36px rgba(var(--accent-rgb, 0, 122, 204),.6),0 6px 20px rgba(var(--accent-rgb, 0, 122, 204),.4),0 3px 10px #0003,inset 0 1px #ffffff4d;transform:translateY(-4px) scale(1.02)}.settings-btn.primary label .btn-title,.settings-btn.primary label .btn-description{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.3);font-weight:600}.settings-btn.primary label svg{color:#fff!important}[data-theme=minimal] .settings-btn.primary,[data-theme=forest] .settings-btn.primary,[data-theme=vintage] .settings-btn.primary{color:var(--text-primary)!important;background:linear-gradient(135deg,var(--accent-primary, #000000) 0%,var(--accent-secondary, #333333) 100%)!important;box-shadow:0 6px 20px rgba(var(--accent-rgb, 0, 0, 0),.3),0 3px 10px #00000026,inset 0 1px #ffffff1a!important}[data-theme=minimal] .settings-btn.primary:hover,[data-theme=forest] .settings-btn.primary:hover,[data-theme=vintage] .settings-btn.primary:hover{background:linear-gradient(135deg,var(--accent-secondary, #333333) 0%,var(--accent-primary, #000000) 100%)!important;box-shadow:0 12px 36px rgba(var(--accent-rgb, 0, 0, 0),.5),0 6px 20px rgba(var(--accent-rgb, 0, 0, 0),.3),0 3px 10px #0003,inset 0 1px #fff3!important}[data-theme=minimal] .settings-btn.primary .btn-title,[data-theme=minimal] .settings-btn.primary .btn-description,[data-theme=minimal] .settings-btn.primary label svg,[data-theme=forest] .settings-btn.primary .btn-title,[data-theme=forest] .settings-btn.primary .btn-description,[data-theme=forest] .settings-btn.primary label svg,[data-theme=vintage] .settings-btn.primary .btn-title,[data-theme=vintage] .settings-btn.primary .btn-description,[data-theme=vintage] .settings-btn.primary label svg{color:var(--text-primary)!important;text-shadow:0 1px 2px rgba(255,255,255,.3)!important}[data-theme=minimal] .settings-btn.primary label,[data-theme=forest] .settings-btn.primary label,[data-theme=vintage] .settings-btn.primary label{color:var(--text-primary)!important;background:linear-gradient(135deg,var(--accent-primary, #000000) 0%,var(--accent-secondary, #333333) 100%)!important;box-shadow:0 6px 20px rgba(var(--accent-rgb, 0, 0, 0),.3),0 3px 10px #00000026,inset 0 1px #ffffff1a!important}[data-theme=minimal] .settings-btn.primary label:hover,[data-theme=forest] .settings-btn.primary label:hover,[data-theme=vintage] .settings-btn.primary label:hover{background:linear-gradient(135deg,var(--accent-secondary, #333333) 0%,var(--accent-primary, #000000) 100%)!important;box-shadow:0 12px 36px rgba(var(--accent-rgb, 0, 0, 0),.5),0 6px 20px rgba(var(--accent-rgb, 0, 0, 0),.3),0 3px 10px #0003,inset 0 1px #fff3!important}[data-theme=minimal] .settings-btn.primary label .btn-title,[data-theme=minimal] .settings-btn.primary label .btn-description,[data-theme=minimal] .settings-btn.primary label svg,[data-theme=forest] .settings-btn.primary label .btn-title,[data-theme=forest] .settings-btn.primary label .btn-description,[data-theme=forest] .settings-btn.primary label svg,[data-theme=vintage] .settings-btn.primary label .btn-title,[data-theme=vintage] .settings-btn.primary label .btn-description,[data-theme=vintage] .settings-btn.primary label svg{color:var(--text-primary)!important;text-shadow:0 1px 2px rgba(255,255,255,.3)!important}.settings-btn.secondary{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border:2px solid var(--accent-primary);color:var(--accent-primary);font-weight:600;min-height:80px}.settings-btn.secondary:hover{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--accent-rgb, 0, 122, 255),.2),0 4px 12px #0000001a}.settings-btn.secondary .btn-title{color:var(--accent-primary)}.settings-btn.secondary .btn-description{color:var(--accent-primary);opacity:.8}.danger-zone{padding:20px;background:#dc262608;border-radius:12px;border:2px solid rgba(220,38,38,.1)}.danger-card{background:var(--bg-primary);padding:20px;border-radius:8px;border:2px solid rgba(220,38,38,.2)}.danger-warning{display:flex;gap:16px;margin-bottom:20px}.danger-warning svg{color:#dc2626;flex-shrink:0;margin-top:2px}.danger-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.danger-description{font-size:13px;color:var(--text-tertiary);margin:0;line-height:1.5}.settings-btn.danger{background:#dc26261a;color:#dc2626;border-color:#dc26264d}.settings-btn.danger:hover{background:#dc262626;border-color:#dc2626;box-shadow:0 4px 16px #dc262633;transform:translateY(-2px)}.settings-btn.danger .btn-title{color:#dc2626!important;font-weight:600}.settings-btn.danger .btn-description{color:#dc2626!important;opacity:.8}.settings-btn.danger svg{color:#dc2626!important}.settings-form-group{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);padding:28px;border-radius:16px;border:2px solid var(--border-primary);margin-bottom:24px;box-shadow:0 4px 12px #00000014,0 2px 6px #0000000d,inset 0 1px #ffffff0d;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=Light] .settings-form-group{background:linear-gradient(135deg,#f8fafc,#fff);border-color:#e2e8f0;box-shadow:0 4px 12px #0000000a,0 2px 6px #00000005,inset 0 1px #fffc}.settings-form-group:hover{box-shadow:0 6px 18px #0000001f,0 3px 9px #00000014,inset 0 1px #ffffff14;transform:translateY(-1px);border-color:var(--border-secondary)}.settings-label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:10px}.settings-select-wrapper{position:relative}.settings-select{width:100%;padding:12px 40px 12px 16px;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:10px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 3px #0000001a}.settings-select:hover{border-color:var(--accent-primary);background:var(--bg-secondary);transform:translateY(-1px);box-shadow:inset 0 1px 3px #0000001a,0 4px 12px #0000001a}.settings-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #007acc26,inset 0 1px 3px #0000001a}[data-theme=Light] .settings-select{background:#fff;color:#1a1a1a;border-color:#e2e8f0}[data-theme=Light] .settings-select:hover{background:#f8fafc;border-color:#007acc}.select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-tertiary)}.settings-hint{font-size:12px;color:var(--text-tertiary);margin:8px 0 0;line-height:1.5}.sync-card{background:var(--bg-secondary);padding:24px;border-radius:10px;border:1px solid var(--border-primary)}.sync-info{margin-bottom:20px}.sync-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:16px;background:var(--bg-primary);border-radius:8px;margin-bottom:16px}.sync-stat{text-align:center}.sync-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:4px;font-weight:600}.sync-value{display:block;font-size:20px;font-weight:700;color:var(--accent-primary)}.sync-progress{margin-top:16px}.progress-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:4px;transition:width .3s ease}.progress-text{font-size:12px;color:var(--text-tertiary);text-align:center;display:block}.about-text{font-size:15px;color:var(--text-secondary);line-height:1.7;margin:16px 0;font-weight:400}.features-section{margin-top:32px;padding:28px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:16px;border:2px solid var(--border-primary);box-shadow:0 4px 16px #00000014,0 2px 8px #0000000f,inset 0 1px #ffffff0d}.features-title{margin:0 0 20px;font-size:17px;font-weight:700;letter-spacing:.3px;color:var(--text-primary);display:flex;align-items:center;gap:10px}.features-title:before{content:"✨";font-size:20px}.features-list{margin:0;padding-left:24px;color:var(--text-secondary);font-size:14px;line-height:2;list-style:none}.features-list li{position:relative;padding-left:28px;margin-bottom:10px;transition:all .2s}.features-list li:before{content:"→";position:absolute;left:0;color:var(--accent-primary);font-weight:700;font-size:16px;transition:all .2s}.features-list li:hover{color:var(--text-primary);transform:translate(4px)}.features-list li:hover:before{transform:translate(4px)}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:32px 0;padding:24px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:12px;border:1px solid var(--border-primary)}.about-stat{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.about-stat strong{font-size:36px;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-stat span{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;font-weight:600}[data-theme=Light] .settings-section-title,[data-theme=Light] .btn-title{color:#1a1a1a}[data-theme=Light] .btn-description,[data-theme=Light] .settings-hint,[data-theme=Light] .settings-shortcut-description,[data-theme=Light] .sync-label{color:#4a5568}[data-theme=Light] .settings-label{color:#1a1a1a}[data-theme=Light] .color-scheme-description,[data-theme=Light] .info-list li{color:#4a5568}[data-theme=Light] .about-text,[data-theme=Light] .features-list{color:#2d3748}[data-theme=Light] .settings-btn.danger .btn-title{color:#dc2626!important;font-weight:600}[data-theme=Light] .settings-btn.danger .btn-description{color:#dc2626!important;opacity:.8}[data-theme=Light] .settings-btn.danger svg{color:#dc2626!important}[data-theme=Light] .settings-info-card{background:#f8fafc;border-color:#e2e8f0}[data-theme=Light] .info-text{color:#2d3748}[data-theme=Light] .info-text strong{color:#1a1a1a}[data-theme=Dark] .danger-zone{background:#dc26260d}[data-theme=Dark] .settings-btn.danger{background:#dc262626;color:#fca5a5}[data-theme=Dark] .settings-btn.danger:hover{background:#dc262640}[data-theme=Dark] .settings-btn.danger .btn-title{color:#fca5a5!important;font-weight:600}[data-theme=Dark] .settings-btn.danger .btn-description{color:#fca5a5!important;opacity:.8}[data-theme=Dark] .settings-btn.danger svg{color:#fca5a5!important}[data-theme=Dark] .settings-section-title.danger{color:#fca5a5}@media (max-width: 600px){.settings-modal-content{max-width:95%;max-height:90vh}.settings-tabs{padding:0 12px}.settings-tab{padding:12px;font-size:13px}.settings-tab svg{width:16px;height:16px}.settings-card-group{grid-template-columns:1fr;gap:12px}.settings-btn,.settings-btn label{min-height:70px;padding:14px 18px}.sync-stats{grid-template-columns:1fr;gap:12px}.about-stats{grid-template-columns:1fr}}.settings-section{animation:slideIn .3s ease}.sync-result-card{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border-radius:12px;padding:20px;margin-top:16px;border:1px solid var(--border-primary);box-shadow:0 4px 12px #00000014,inset 0 1px #ffffff0d}.sync-result-content{display:flex;flex-direction:column;gap:12px}.sync-result-item{margin:0;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:12px;transition:all .2s ease}.sync-result-item.success{background:linear-gradient(135deg,#34c75926,#34c75914);color:#16a34a;border:1px solid rgba(52,199,89,.3);box-shadow:inset 0 1px #34c75933}.sync-result-item.warning{background:linear-gradient(135deg,#ff950026,#ff950014);color:#ea580c;border:1px solid rgba(255,149,0,.3);box-shadow:inset 0 1px #ff950033}.sync-result-item.info{background:linear-gradient(135deg,#007acc26,#007acc14);color:#007acc;border:1px solid rgba(0,122,204,.3);box-shadow:inset 0 1px #007acc33}.sync-result-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff1a}[data-theme=Light] .sync-result-card{background:linear-gradient(135deg,#f8fafc,#fff);border-color:#e2e8f0}.color-schemes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.color-scheme-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-secondary);border:2px solid var(--card-border);border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left}.color-scheme-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.color-scheme-card.active{border-color:var(--accent-primary);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);box-shadow:0 8px 24px rgba(var(--accent-rgb),.25),0 0 0 1px rgba(var(--accent-rgb),.1) inset}.color-scheme-preview{display:flex;gap:6px;height:40px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.color-scheme-swatch{flex:1;transition:transform .2s ease}.color-scheme-card:hover .color-scheme-swatch{transform:scaleY(1.1)}.color-scheme-info{display:flex;flex-direction:column;gap:4px}.color-scheme-name{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.color-scheme-description{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.4}.color-scheme-check{position:absolute;top:12px;right:12px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);color:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(var(--accent-rgb),.4);animation:checkmarkPop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes checkmarkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.info-list{margin:12px 0 0;padding-left:20px;list-style:none}.info-list li{position:relative;padding-left:12px;margin-bottom:8px;color:var(--text-secondary);font-size:13px;line-height:1.6}.info-list li:before{content:"•";position:absolute;left:0;color:var(--accent-primary);font-weight:700}.info-list li strong{color:var(--text-primary);font-weight:600}.settings-info-card{background:var(--bg-secondary);padding:16px;border-radius:8px;border:1px solid var(--border-primary);margin-top:12px}.info-text{color:var(--text-primary);font-size:13px;line-height:1.5;margin:0}.info-text strong{color:var(--text-primary);font-weight:600}@media (max-width: 968px){.color-schemes-grid,.settings-shortcuts-category-grid{grid-template-columns:1fr}}@media (max-width: 640px){.color-scheme-card{padding:14px}.color-scheme-preview{height:32px}.color-scheme-name{font-size:14px}.color-scheme-description{font-size:12px}}@media (max-width: 540px){.settings-shortcut-item{flex-direction:column;align-items:stretch}.settings-shortcut-keys{min-width:0}}.settings-modal-footer{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 24px;border-top:1px solid var(--border-primary);background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);margin-top:auto}.footer-legal-link{color:var(--text-secondary);text-decoration:none;font-size:12px;font-weight:500;transition:all .2s ease;padding:4px 8px;border-radius:4px}.footer-legal-link:hover{color:var(--accent-primary);text-decoration:underline;background:rgba(var(--accent-rgb, 0, 122, 255),.05)}.footer-separator{color:var(--text-tertiary);font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.6}[data-theme=Light] .settings-modal-footer{background:linear-gradient(135deg,#f8fafc,#fff);border-color:#e2e8f0}[data-theme=Light] .footer-legal-link{color:#64748b}.settings-btn svg{width:20px;height:20px;flex-shrink:0;z-index:1}.settings-btn.primary svg{color:#fff!important}button.settings-btn.primary svg,.settings-card button.settings-btn.primary svg{color:#fff!important}.settings-btn.secondary svg{color:var(--accent-primary)}[data-theme=Light] .settings-btn svg{color:inherit}[data-theme=Light] .settings-btn.secondary svg{color:#007acc}@media (max-width: 480px){.settings-modal-footer{flex-wrap:wrap;gap:8px;padding:12px 16px}.footer-legal-link{font-size:11px}.footer-separator{display:none}}.ai-reorganize-btn,.ai-grouping-btn,.ai-tags-btn{background:linear-gradient(135deg,hsl(var(--ai-hue, 220),85%,60%),hsl(var(--ai-hue, 220),85%,50%),hsl(var(--ai-hue, 220),85%,45%));border:2px solid hsl(var(--ai-hue, 220),85%,55%);color:#fff;position:relative;overflow:hidden;box-shadow:0 8px 32px hsla(var(--ai-hue, 220),85%,50%,.25),0 4px 20px hsla(var(--ai-hue, 220),85%,50%,.15),inset 0 1px #fff3,inset 0 -1px #0000001a}.ai-reorganize-btn:before,.ai-grouping-btn:before,.ai-tags-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .6s ease}.ai-reorganize-btn:hover:before,.ai-grouping-btn:hover:before,.ai-tags-btn:hover:before{left:100%}.ai-reorganize-btn:hover,.ai-grouping-btn:hover,.ai-tags-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px hsla(var(--ai-hue, 220),85%,50%,.35),0 6px 25px hsla(var(--ai-hue, 220),85%,50%,.25),inset 0 1px #ffffff4d,inset 0 -1px #0000001a;background:linear-gradient(135deg,hsl(var(--ai-hue, 220),85%,65%),hsl(var(--ai-hue, 220),85%,55%),hsl(var(--ai-hue, 220),85%,50%));border-color:hsl(var(--ai-hue, 220),85%,60%)}.ai-btn-icon{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff26;border-radius:12px;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff4d}.ai-sparkles{position:absolute;top:-6px;right:-6px;width:16px;height:16px;background:#ffd700e6;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:sparkle-pulse 2s ease-in-out infinite;box-shadow:0 0 8px #ffd70099}.ai-sparkles svg{width:10px;height:10px;stroke:gold;fill:gold;animation:sparkle-rotate 3s linear infinite}@keyframes sparkle-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@keyframes sparkle-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=dark] .ai-reorganize-btn,[data-theme=dark] .ai-tags-btn{--ai-hue: 200}[data-theme=github-dark] .ai-reorganize-btn,[data-theme=github-dark] .ai-tags-btn{--ai-hue: 210}[data-theme=notion] .ai-reorganize-btn,[data-theme=notion] .ai-tags-btn{--ai-hue: 260}[data-theme=minimal] .ai-reorganize-btn,[data-theme=minimal] .ai-tags-btn{--ai-hue: 220}.recovery-btn{background:linear-gradient(135deg,hsl(var(--recovery-hue, 210),85%,55%),hsl(var(--recovery-hue, 210),85%,45%),hsl(var(--recovery-hue, 210),85%,40%));border:2px solid hsl(var(--recovery-hue, 210),85%,50%);color:#fff;position:relative;overflow:hidden;box-shadow:0 8px 32px hsla(var(--recovery-hue, 210),85%,45%,.25),0 4px 20px hsla(var(--recovery-hue, 210),85%,45%,.15),inset 0 1px #fff3,inset 0 -1px #0000001a}.recovery-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .6s ease}.recovery-btn:hover:before{left:100%}.recovery-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px hsla(var(--recovery-hue, 210),85%,45%,.35),0 6px 25px hsla(var(--recovery-hue, 210),85%,45%,.25),inset 0 1px #ffffff4d,inset 0 -1px #0000001a;background:linear-gradient(135deg,hsl(var(--recovery-hue, 210),85%,60%),hsl(var(--recovery-hue, 210),85%,50%),hsl(var(--recovery-hue, 210),85%,45%));border-color:hsl(var(--recovery-hue, 210),85%,55%)}.recovery-btn-icon{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff26;border-radius:12px;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff4d}.recovery-sparkles{position:absolute;top:-6px;right:-6px;width:16px;height:16px;background:#64c8ffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:recovery-sparkle-pulse 2s ease-in-out infinite;box-shadow:0 0 8px #64c8ff99}.recovery-sparkles svg{width:10px;height:10px;stroke:#64c8ff;fill:#64c8ff;animation:sparkle-rotate 3s linear infinite}@keyframes recovery-sparkle-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}[data-theme=dark] .recovery-btn{--recovery-hue: 200}[data-theme=github-dark] .recovery-btn{--recovery-hue: 210}[data-theme=notion] .recovery-btn{--recovery-hue: 220}[data-theme=minimal] .recovery-btn{--recovery-hue: 210}.section-group{margin-left:0;margin-right:0;width:100%;box-sizing:border-box;display:block}.settings-section{display:block;width:100%;box-sizing:border-box}.settings-card-group{align-items:start}.settings-section-title{width:100%;box-sizing:border-box}.profile-dropdown-backdrop{position:fixed;inset:0;z-index:999}.profile-dropdown{position:relative;z-index:10000;min-width:320px;max-width:360px;animation:profileDropdownFadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes profileDropdownFadeIn{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-card{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:16px;padding:24px;box-shadow:0 20px 60px #00000026,0 8px 32px #0000001a,0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-bottom:12px}.profile-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-secondary)}.profile-avatar{position:relative;flex-shrink:0}.profile-avatar-img{width:64px;height:64px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid var(--accent-primary);box-shadow:0 0 0 1px #ffffff1a,0 4px 12px #00000026}.profile-avatar-placeholder{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;border:3px solid var(--accent-primary);box-shadow:0 0 0 1px #ffffff1a,0 4px 12px #00000026;position:relative;overflow:hidden}.profile-avatar-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);border-radius:50%}.verified-badge{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;background:var(--success-color, #10b981);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid var(--card-bg);box-shadow:0 2px 8px #10b9814d}.profile-info{flex:1;min-width:0}.profile-name{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 6px;line-height:1.3;word-break:break-word}.profile-email-container{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px}.profile-icon{flex-shrink:0;opacity:.7}.profile-email{word-break:break-word;min-width:0}.profile-stats{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.profile-stat{display:flex;align-items:center;gap:12px}.stat-icon{width:32px;height:32px;background:var(--bg-tertiary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent-primary);flex-shrink:0;transition:all .2s ease}.profile-stat:hover .stat-icon{background:var(--accent-primary);color:#fff;transform:scale(1.05)}.stat-content{flex:1;min-width:0}.stat-label{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:2px}.stat-value{font-size:14px;color:var(--text-primary);font-weight:500;line-height:1.4}.account-status{padding-top:16px;border-top:1px solid var(--border-secondary)}.status-item{display:flex;align-items:center;gap:8px}.status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-indicator.verified{background:var(--success-color, #10b981);box-shadow:0 0 0 2px #10b98133}.status-indicator.unverified{background:var(--warning-color, #f59e0b);box-shadow:0 0 0 2px #f59e0b33}.status-text{font-size:13px;color:var(--text-secondary);font-weight:500}.profile-actions{display:flex;flex-direction:column;gap:8px}.signout-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 20px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:var(--card-bg)}.signout-btn:hover{background:var(--danger-color, #ef4444);color:#fff;border-color:var(--danger-color, #ef4444);transform:translateY(-1px);box-shadow:0 4px 12px #ef444440}.signout-btn:active{transform:translateY(0)}.signout-btn svg{transition:transform .2s ease}.signout-btn:hover svg{transform:rotate(-10deg)}[data-theme=dark] .profile-card{background:#1e1e1ef2;border-color:#ffffff1a;box-shadow:0 20px 60px #0006,0 8px 32px #0000004d,0 0 0 1px #ffffff0d}[data-theme=midnight] .profile-card{background:#1c0e2af2;border-color:#8b5cf633;box-shadow:0 20px 60px #8b5cf626,0 8px 32px #0000004d,0 0 0 1px #8b5cf61a}[data-theme=cyberpunk] .profile-card{background:#0a0a0af2;border-color:#ff006e4d;box-shadow:0 20px 60px #ff006e33,0 8px 32px #0006,0 0 0 1px #ff006e33}@media (max-width: 480px){.profile-dropdown{min-width:280px;max-width:calc(100vw - 40px);right:-20px}.profile-card{padding:20px}.profile-header{gap:12px;margin-bottom:16px;padding-bottom:16px}.profile-avatar-img,.profile-avatar-placeholder{width:56px;height:56px}.profile-avatar-placeholder{font-size:20px}.profile-name{font-size:16px}.profile-email-container{font-size:13px}.profile-stats{gap:12px;margin-bottom:16px}.stat-icon{width:28px;height:28px}.stat-label{font-size:11px}.stat-value{font-size:13px}}.profile-card{transition:all .3s ease}.profile-card:hover{transform:translateY(-2px);box-shadow:0 24px 70px #0000002e,0 10px 40px #0000001f,0 0 0 1px #ffffff14}.profile-dropdown-backdrop:hover{cursor:default}.feedback-trigger{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #6366f133;text-decoration:none}.feedback-trigger:hover{transform:translateY(-1px);box-shadow:0 4px 8px #6366f14d;background:linear-gradient(135deg,#5b21b6,#4c1d95)}.feedback-trigger:active{transform:translateY(0)}.feedback-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:flex-start;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-position-wrapper .feedback-overlay{position:relative;inset:0 auto auto 0;width:auto;height:auto;padding:0}.feedback-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:feedbackModalSlideIn .2s ease-out}@keyframes feedbackModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-color-scheme: dark){.feedback-modal{background:#1f2937;color:#fff}}.feedback-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #E5E7EB}.feedback-header-actions{display:flex;align-items:center;gap:12px}@media (prefers-color-scheme: dark){.feedback-header{border-bottom-color:#374151}}.feedback-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}@media (prefers-color-scheme: dark){.feedback-header h3{color:#fff}}.feedback-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.feedback-close:hover{background:#f3f4f6;color:#374151}@media (prefers-color-scheme: dark){.feedback-close:hover{background:#374151;color:#fff}}.notion-status-indicator{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.connected{background:#10b981;box-shadow:0 0 0 2px #10b98133}.status-dot.fallback{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}@media (prefers-color-scheme: dark){.notion-status-indicator{color:#9ca3af}}.feedback-types{display:flex;gap:8px;padding:16px 24px;border-bottom:1px solid #E5E7EB}@media (prefers-color-scheme: dark){.feedback-types{border-bottom-color:#374151}}.feedback-type-btn{display:flex;align-items:center;gap:6px;background:#f9fafb;border:1px solid #E5E7EB;color:#6b7280;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;justify-content:center}.feedback-type-btn:hover{background:#f3f4f6;border-color:#d1d5db}.feedback-type-btn.active{background:var(--type-color);border-color:var(--type-color);color:#fff;box-shadow:0 2px 4px #0000001a}@media (prefers-color-scheme: dark){.feedback-type-btn{background:#374151;border-color:#4b5563;color:#d1d5db}.feedback-type-btn:hover{background:#4b5563}}.feedback-form{padding:24px}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#374151}@media (prefers-color-scheme: dark){.form-group label{color:#d1d5db}}.form-input,.form-textarea{width:100%;padding:10px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;transition:all .2s ease;background:#fff;color:#111827}.form-input:focus,.form-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}@media (prefers-color-scheme: dark){.form-input,.form-textarea{background:#374151;border-color:#4b5563;color:#fff}.form-input:focus,.form-textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-secondary,.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-secondary{background:#f9fafb;color:#374151;border:1px solid #E5E7EB}.btn-secondary:hover{background:#f3f4f6;border-color:#d1d5db}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 2px 4px #6366f133}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5b21b6,#4c1d95);box-shadow:0 4px 8px #6366f14d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (prefers-color-scheme: dark){.btn-secondary{background:#374151;color:#d1d5db;border-color:#4b5563}.btn-secondary:hover{background:#4b5563}}.feedback-success{padding:40px 24px;text-align:center}.feedback-error{margin:0 24px 16px;padding:10px 12px;border-radius:8px;background:#f871711f;color:#b91c1c;font-size:13px;line-height:1.4}.success-icon{width:48px;height:48px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 16px}.feedback-success h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.feedback-success p{margin:0;color:#6b7280;font-size:14px}@media (prefers-color-scheme: dark){.feedback-success h4{color:#fff}.feedback-success p{color:#9ca3af}}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.screenshot-upload{position:relative}.screenshot-select{display:inline-flex;align-items:center;gap:8px;background:#f9fafb;border:2px dashed #D1D5DB;color:#6b7280;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.screenshot-select:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.screenshot-preview{position:relative;border-radius:8px;overflow:hidden;border:1px solid #E5E7EB;background:#f9fafb}.screenshot-preview img{width:100%;height:auto;max-height:200px;-o-object-fit:cover;object-fit:cover;display:block}.remove-screenshot{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.remove-screenshot:hover{background:#000000e6;transform:scale(1.1)}.screenshot-error{margin-top:6px;color:#dc2626;font-size:12px;font-weight:500}@media (prefers-color-scheme: dark){.screenshot-select{background:#374151;border-color:#4b5563;color:#d1d5db}.screenshot-select:hover{background:#4b5563;border-color:#6b7280;color:#fff}.screenshot-preview{border-color:#4b5563;background:#374151}}@media (max-width: 640px){.feedback-overlay{padding:10px}.feedback-modal{max-height:95vh}.feedback-types,.form-actions{flex-direction:column}.btn-secondary,.btn-primary{width:100%;justify-content:center}}.dev-quick-capture{position:fixed;bottom:28px;right:28px;z-index:2100;display:flex;flex-direction:column;gap:12px}.dev-capture-trigger{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;border:1px solid transparent;background:#1f2937d9;color:#f9fafb;font-size:13px;font-weight:600;letter-spacing:.01em;box-shadow:0 10px 30px #0f172a33;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;position:relative}.dev-capture-trigger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 36px #0f172a47}.dev-capture-trigger:disabled{cursor:not-allowed;opacity:.65}.dev-capture-trigger.pending{background:#1f2937bf}.dev-capture-trigger.online{background:linear-gradient(135deg,#0ea5e9,#2563eb)}.dev-capture-trigger.offline{background:#94a3b88c;color:#1f2937}.dev-capture-icon{display:flex;align-items:center;justify-content:center}.dev-capture-icon .spin{animation:dev-capture-spin .9s linear infinite}@keyframes dev-capture-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dev-capture-status-dot{width:8px;height:8px;border-radius:50%;position:absolute;top:6px;right:6px;box-shadow:0 0 0 2px #ffffff2e}.dev-capture-status-dot.pending{background:#f97316}.dev-capture-status-dot.online{background:#22c55e}.dev-capture-status-dot.offline{background:#ef4444}.dev-capture-overlay{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:flex-start;justify-content:flex-start;padding:clamp(16px,3vw,32px);z-index:2200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-position-wrapper .dev-capture-overlay{position:relative;inset:auto;width:auto;height:auto;padding:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.dev-capture-modal{width:min(480px,calc(100vw - 64px));max-height:calc(100vh - 64px);background:var(--bg-secondary, #161b22);border:1px solid var(--border-primary, #30363d);border-radius:20px;box-shadow:0 24px 60px #0006,0 8px 32px #0000004d,inset 0 1px #ffffff1a;padding:24px 28px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dev-capture-modal::-webkit-scrollbar{width:8px}.dev-capture-modal::-webkit-scrollbar-track{background:transparent}.dev-capture-modal::-webkit-scrollbar-thumb{background:var(--border-primary, #30363d);border-radius:4px}.dev-capture-modal::-webkit-scrollbar-thumb:hover{background:var(--border-hover, #3a3f4b)}.dev-capture-header{display:flex;align-items:center;justify-content:space-between}.dev-capture-header-actions{display:flex;align-items:center;gap:12px}.dev-capture-status-indicator{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-secondary, #7d8590)}.dev-capture-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dev-capture-status-dot.connected{background:#22c55e;box-shadow:0 0 0 2px #22c55e33}.dev-capture-status-dot.offline{background:#ef4444;box-shadow:0 0 0 2px #ef444433}.dev-capture-title{font-size:18px;font-weight:700;color:var(--text-primary, #e6edf3);letter-spacing:-.01em}.dev-capture-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--border-primary, #30363d);background:var(--bg-tertiary, #21262d);color:var(--text-secondary, #7d8590);transition:all .2s ease;cursor:pointer}.dev-capture-close:hover{background:var(--hover-bg, #30363d);color:var(--text-primary, #e6edf3);border-color:var(--border-hover, #3a3f4b)}.dev-capture-form{display:flex;flex-direction:column;gap:14px}.dev-capture-form .form-group{display:flex;flex-direction:column;gap:6px}.dev-capture-form label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary, #7d8590)}.dev-capture-form input,.dev-capture-form textarea{border-radius:10px;border:1px solid var(--border-primary, #30363d);padding:12px 14px;font-size:14px;color:var(--text-primary, #e6edf3);background:var(--bg-tertiary, #21262d);transition:all .2s ease;font-family:inherit}.dev-capture-form input::-moz-placeholder,.dev-capture-form textarea::-moz-placeholder{color:var(--text-tertiary, #6e7681)}.dev-capture-form input::placeholder,.dev-capture-form textarea::placeholder{color:var(--text-tertiary, #6e7681)}.dev-capture-form input:focus,.dev-capture-form textarea:focus{outline:none;border-color:var(--accent-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f626;background:var(--bg-primary, #0d1117)}.dev-capture-form textarea{resize:vertical;min-height:96px}.dev-capture-form .form-row{display:flex;gap:12px}.dev-capture-form .form-row .form-group{flex:1}.severity-options{display:flex;gap:8px;flex-wrap:wrap}.severity-option{padding:8px 14px;border-radius:8px;border:1px solid var(--border-primary, #30363d);background:var(--bg-tertiary, #21262d);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary, #7d8590);transition:all .2s ease;cursor:pointer}.severity-option:hover{border-color:var(--accent-primary, #3b82f6);color:var(--accent-primary, #3b82f6);background:var(--bg-hover, #30363d);transform:translateY(-1px)}.severity-option.active{background:var(--accent-primary, #3b82f6);border-color:var(--accent-primary, #3b82f6);color:#fff;box-shadow:0 4px 12px #3b82f64d}.dev-capture-status-message{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.5}.attachment-uploader{display:flex;flex-direction:column;gap:10px}.attachment-select{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:10px;border:1px dashed var(--border-primary, #30363d);background:var(--bg-tertiary, #21262d);color:var(--text-secondary, #7d8590);font-weight:600;font-size:13px;transition:all .2s ease;cursor:pointer}.attachment-select:hover{border-color:var(--accent-primary, #3b82f6);background:var(--bg-hover, #30363d);color:var(--accent-primary, #3b82f6)}.attachment-preview{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 12px 28px #0f172a2e;max-height:220px}.attachment-preview img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.attachment-remove{position:absolute;top:8px;right:8px;padding:8px 12px;background:#ef4444e6;color:#fff;border-radius:8px;font-size:12px;font-weight:600;letter-spacing:.02em;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ef44444d}.attachment-remove:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.attachment-error{margin-top:8px;color:#f87171;font-size:12px;padding:8px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px}.dev-capture-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.dev-capture-actions .btn-primary,.dev-capture-actions .btn-secondary{min-width:120px;border-radius:10px;font-size:14px;font-weight:600;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;border:1px solid transparent}.dev-capture-actions .btn-primary{background:var(--accent-primary, #3b82f6);color:#fff;border-color:var(--accent-primary, #3b82f6)}.dev-capture-actions .btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.dev-capture-actions .btn-secondary{background:var(--bg-tertiary, #21262d);color:var(--text-secondary, #7d8590);border-color:var(--border-primary, #30363d)}.dev-capture-actions .btn-secondary:hover{background:var(--bg-hover, #30363d);color:var(--text-primary, #e6edf3);border-color:var(--border-hover, #3a3f4b)}.dev-capture-actions .btn-primary .spin{animation:dev-capture-spin .85s linear infinite}.dev-capture-success{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 0 40px;color:var(--text-primary, #e6edf3)}.dev-capture-success .success-icon{width:48px;height:48px;border-radius:50%;background:#22c55e33;color:#22c55e;display:flex;align-items:center;justify-content:center;border:2px solid rgba(34,197,94,.3)}.dev-capture-success p{font-size:16px;font-weight:600;margin:0}@media (max-width: 768px){.dev-quick-capture{top:20px;right:20px;bottom:auto}.dev-capture-form .form-row{flex-direction:column}.dev-capture-modal{width:100%;border-radius:16px}}.sidebar{width:380px;background:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;overflow:hidden;transition:width .3s ease;position:relative}@media (max-width: 768px){.sidebar{display:none!important}}.sidebar:has(.column-dropdown-menu){overflow-y:hidden;overflow-x:visible}.sidebar-header{padding:12px 20px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-bottom:1px solid var(--border-primary);position:relative}.sidebar-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.3}.sidebar-logo{margin-bottom:0;display:flex;justify-content:center}.sidebar-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;overflow-x:visible;padding:0}.categories-section{padding:16px 0 0;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative}.categories-header{padding:0 20px 16px;display:flex;align-items:center;justify-content:space-between}.categories-header h2{font-size:13px;font-weight:700;color:var(--text-primary);letter-spacing:.5px;text-transform:uppercase}.categories-header-actions{display:flex;align-items:center;gap:6px;padding:6px;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:14px;box-shadow:0 4px 12px var(--shadow-medium),0 2px 6px var(--shadow-light)}.category-header-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-secondary);border:2px solid var(--border-primary);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px var(--shadow-light),inset 0 1px 2px #ffffff1a}.category-header-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 10px rgba(var(--accent-rgb),.3),inset 0 1px 2px #ffffff26}.categories-header-actions .category-header-btn:first-child{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-color:#8b5cf6;color:#fff;box-shadow:0 2px 6px #8b5cf64d,inset 0 1px 2px #fff3}.categories-header-actions .category-header-btn:first-child:hover{background:linear-gradient(135deg,#7c3aed,#8b5cf6);border-color:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 10px #8b5cf666,inset 0 1px 2px #ffffff40}.add-category-btn-sidebar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);color:#fff;border:2px solid var(--accent-primary);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px rgba(var(--accent-rgb),.3),inset 0 1px 2px #fff3}.add-category-btn-sidebar svg{flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.add-category-btn-sidebar:hover{background:var(--accent-secondary);border-color:var(--accent-secondary);transform:translateY(-1px);box-shadow:0 4px 10px rgba(var(--accent-rgb),.4),inset 0 1px 2px #ffffff40}.add-category-btn-sidebar:hover svg{transform:rotate(90deg)}.category-search{margin:0 20px 16px;position:relative;display:flex;align-items:center;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-primary);transition:all .3s ease}.category-search:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #007aff1a}.search-icon{position:absolute;left:12px;color:var(--text-tertiary);pointer-events:none}.search-input{width:100%;padding:10px 12px;border:none;background:transparent;color:var(--text-primary);font-size:13px;outline:none}.search-clear{position:absolute;right:8px;padding:4px;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.search-clear:hover{background:var(--bg-tertiary);color:var(--text-primary)}.category-filter-dropdown{margin:0 20px 16px;position:relative}.category-filter-button{width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;outline:none}.category-filter-button:hover{border-color:var(--accent-primary);background-color:var(--bg-secondary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.category-filter-button:active{transform:translateY(0)}.filter-button-content{display:flex;align-items:center;gap:8px;justify-content:space-between}.filter-button-content>span{flex:1;text-align:left}.filter-dropdown-arrow{transition:transform .3s ease;color:var(--text-tertiary)}.filter-dropdown-arrow.open{transform:rotate(180deg)}.filter-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 10px 40px #0003;z-index:1000;overflow:hidden;animation:slideDown .2s ease-out}.filter-dropdown-header{padding:16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-secondary);display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--text-primary)}.filter-dropdown-options{padding:8px;display:flex;flex-direction:column;gap:4px}.filter-option{display:flex;align-items:center;gap:12px;padding:12px;background:transparent;border:2px solid transparent;border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;position:relative;font-size:13px;font-weight:500;text-align:left;width:100%}.filter-option:hover{background:var(--bg-secondary);border-color:var(--border-primary);transform:translate(2px)}.filter-option.active{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.filter-option.active .filter-option-label{font-weight:600}.filter-option-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-primary);color:var(--text-secondary)}.filter-option.active .filter-option-icon{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-color:var(--accent-primary);color:#fff}.filter-option-icon.empty{background:linear-gradient(135deg,#e0e0e0,#f5f5f5);color:#757575}.filter-option.active .filter-option-icon.empty{background:linear-gradient(135deg,#9e9e9e,#757575);color:#fff}.filter-option-icon.pinned{background:linear-gradient(135deg,gold,#ffb347);color:#fff}.filter-option-icon.favorite{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff}.filter-option-label{flex:1;color:var(--text-primary)}.filter-option-check{color:var(--accent-primary);margin-left:auto}.categories-list{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;position:relative}.quick-actions{padding:8px 20px 12px;border-bottom:1px solid var(--border-secondary);margin-bottom:12px;display:block}.special-item{background:var(--bg-secondary);border:2px solid var(--accent-primary);color:var(--accent-primary)!important;font-weight:600;position:relative;overflow:hidden;box-shadow:0 4px 14px rgba(var(--accent-rgb),.15),0 2px 7px rgba(var(--accent-rgb),.1),0 1px 4px rgba(var(--accent-rgb),.08),inset 0 1px 2px #ffffff1f}.special-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));opacity:.05;transition:opacity .3s ease}.special-item:hover{transform:translateY(-3px) scale(1.005);border-color:var(--accent-secondary);box-shadow:0 12px 32px rgba(var(--accent-rgb),.25),0 6px 16px rgba(var(--accent-rgb),.18),0 3px 8px rgba(var(--accent-rgb),.12),inset 0 2px 4px #ffffff26}.special-item:hover:before{opacity:.1}.special-item .category-icon{color:var(--accent-primary);z-index:1;position:relative}.special-item .category-count{background:var(--accent-primary);color:#fff;z-index:1;position:relative}.filtered-categories{display:flex;flex-direction:column;gap:6px;padding:0 4px 0 0}.filtered-categories .category-item-wrapper{flex:0 0 auto;align-items:stretch}.filtered-categories .category-item{min-height:48px;height:auto;padding:10px 14px;margin:4px 10px;border-radius:12px;border-width:1px;border-left-width:3px;box-shadow:0 4px 10px #0f172a14,inset 0 1px 2px #ffffff14}.filtered-categories .category-item:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f172a1f,inset 0 1px 3px #ffffff1f}.filtered-categories .category-item.active{transform:translateY(-1px);box-shadow:0 8px 20px #6366f133,inset 0 1px 3px #ffffff24}.category-groups{display:flex;flex-direction:column;gap:10px;padding:0}.category-group{display:flex;flex-direction:column}.group-header-wrapper{display:flex;align-items:center;justify-content:space-between;gap:8px}.group-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:none;color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border-radius:6px;transition:all .2s;flex:1}.group-header:hover{background:var(--bg-tertiary);color:var(--text-primary)}.group-name{flex:1;text-align:left}.group-header-actions{display:flex;gap:4px;margin-left:8px}.group-action-btn{background:var(--bg-primary);border:1px solid var(--card-border);border-radius:6px;padding:4px 6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.group-action-btn:hover{background:var(--bg-secondary);color:var(--text-primary);transform:scale(1.1)}.group-action-btn.delete:hover{background:#fee;color:#c00;border-color:#fcc}[data-theme=Dark] .group-action-btn.delete:hover{background:#dc26261a;color:#fca5a5;border-color:#dc26264d}.group-count{background:var(--bg-quaternary);color:var(--text-tertiary);padding:2px 6px;border-radius:10px;font-size:10px}.group-categories{display:flex;flex-direction:column;gap:6px;margin-left:0;padding:6px 4px 6px 0}.category-item-wrapper{position:relative;border:none;background:none;width:100%;display:flex;align-items:center}.category-item-wrapper.drop-over{background:#007aff1a;border-radius:8px}.category-item{display:flex;align-items:center;gap:16px;flex:1 1 auto;min-width:0;padding:14px 16px;text-align:left;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;border-radius:16px;border:2px solid var(--border-primary);border-left:4px solid var(--category-accent, var(--border-primary));background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);position:relative;margin:3px 12px;box-shadow:0 6px 18px #0000001f,0 3px 10px #00000014,0 1px 4px #0000000d,inset 0 1px 2px #ffffff1f;overflow:hidden;min-height:72px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .2s ease;isolation:isolate}.category-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--category-accent, var(--accent-primary)) 0%,transparent 65%);opacity:0;transition:opacity .3s ease;z-index:0}.category-item:hover{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);color:var(--text-primary);transform:translateY(-4px) scale(1.01);border-color:var(--category-accent, var(--accent-primary));box-shadow:0 16px 40px #0000002e,0 8px 20px #0000001f,0 3px 10px #00000014,inset 0 2px 4px #ffffff2e}.category-item:hover:before{opacity:.35}.category-item.active{background:linear-gradient(135deg,hsla(var(--category-hue, 210),85%,65%,.18),hsla(var(--category-hue, 210),85%,58%,.1));color:var(--category-accent, hsl(var(--category-hue, 210), 85%, 45%));font-weight:600;border-color:var(--category-accent, hsl(var(--category-hue, 210), 85%, 65%));transform:translateY(-3px) scale(1.01);box-shadow:0 0 0 2px var(--category-accent, hsla(var(--category-hue, 210), 85%, 70%, .35)),0 12px 36px hsla(var(--category-hue, 210),85%,50%,.25),0 6px 18px hsla(var(--category-hue, 210),85%,50%,.18),0 3px 9px hsla(var(--category-hue, 210),85%,50%,.12),inset 0 2px 4px hsla(var(--category-hue, 210),85%,100%,.6)}.category-item.active:before{opacity:.55;background:linear-gradient(135deg,hsla(var(--category-hue, 210),85%,60%,.1),hsla(var(--category-hue, 210),85%,50%,.15),hsla(var(--category-hue, 210),85%,40%,.1))}.category-item>*{position:relative;z-index:1}@keyframes slideIn{0%{width:0}to{width:3px}}.category-icon,.category-icon-custom{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:9px;border-radius:12px;background:linear-gradient(135deg,#ffffff14,#ffffff05);border:2px solid rgba(255,255,255,.06);color:var(--category-accent, var(--accent-primary));transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001f,inset 0 1px 2px #ffffff1f;position:relative}.category-item:hover .category-icon,.category-item:hover .category-icon-custom{transform:translateY(-2px) scale(1.08);border-color:var(--category-accent, var(--accent-primary));box-shadow:0 8px 18px #00000029,0 0 0 2px var(--category-accent, var(--accent-primary)),inset 0 1px 3px #ffffff2e}.category-item.active .category-icon,.category-item.active .category-icon-custom{transform:translateY(-1px) scale(1.04);border-color:var(--category-accent, hsl(var(--category-hue, 210), 85%, 60%));box-shadow:0 8px 20px #00000029,0 0 0 2px var(--category-accent, hsla(var(--category-hue, 210), 85%, 60%, .5)),inset 0 1px 3px #fff3}.category-blue{color:#3b82f6}.category-purple{color:#8b5cf6}.category-green{color:#10b981}.category-pink{color:#ec4899}.category-red{color:#ef4444}.category-orange{color:#f97316}.category-teal{color:#14b8a6}.category-amber{color:#f59e0b}.category-indigo{color:#6366f1}.category-gray{color:#6b7280}.category-violet{color:#a78bfa}.category-emerald{color:#34d399}.category-yellow{color:#fcd34d}.category-default{color:var(--text-tertiary)}.category-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:flex;align-items:center;line-height:1.4;padding-right:4px}.category-count{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);color:var(--category-accent, var(--text-secondary));padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;min-width:28px;text-align:center;transition:all .2s;flex-shrink:0;margin-left:12px;display:inline-flex;align-items:center;justify-content:center;height:26px;line-height:1;border:1px solid rgba(255,255,255,.12);box-shadow:0 3px 8px #0000001f,inset 0 1px 2px #ffffff1f}.category-item:hover .category-count{background:var(--category-accent, var(--accent-primary));color:var(--bg-primary);border-color:var(--category-accent, var(--accent-primary));transform:translateY(-1px) scale(1.05);box-shadow:0 6px 16px #00000029,inset 0 1px 2px #ffffff26}.category-item.active .category-count{background:var(--category-accent, var(--accent-primary));color:var(--bg-primary);border-color:var(--category-accent, var(--accent-primary));box-shadow:0 4px 12px #00000024,inset 0 1px 3px #ffffff2e}.empty-badge{background:var(--warning-color);color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.category-badges{display:flex;align-items:center;gap:6px;margin-left:8px;margin-right:auto;height:20px}.category-badge{display:flex;align-items:center;justify-content:center;opacity:.65;pointer-events:none;transition:all .2s ease;width:16px;height:16px}.category-item:hover .category-badge{opacity:1;transform:scale(1.1)}.pin-badge{color:var(--accent-primary)}.fav-badge{color:#fbbf24}.add-category-form,.edit-category-form{padding:8px 20px;background:var(--bg-tertiary);border-left:3px solid var(--accent-primary);flex-shrink:0;animation:slideDown .2s ease}.category-input{width:100%;padding:10px 12px;font-size:13px;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--card-border);border-radius:8px;outline:none;transition:all .2s;font-family:inherit}.category-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #007aff1a}.category-form-actions{display:flex;gap:6px;margin-top:8px}.category-btn{padding:8px 14px;font-size:14px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.category-btn.save{background:var(--accent-primary);color:#fff;flex:1}.category-btn.save:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #007aff4d}.category-btn.cancel{background:var(--bg-quaternary);color:var(--text-secondary)}.category-btn.cancel:hover{background:var(--bg-primary);color:var(--text-primary)}.no-results{padding:20px;text-align:center;color:var(--text-tertiary);font-size:13px;flex:0 0 auto;min-height:auto;max-height:none}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.drop-indicator{position:absolute;top:50%;right:20px;transform:translateY(-50%);display:flex;align-items:center;gap:4px;background:var(--accent-primary);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:.8;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.05)}}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-state-text{font-size:13px;color:var(--text-secondary);opacity:.7}.favorite-channels-view{padding:12px}.favorite-channels-list,.favorite-categories{display:flex;flex-direction:column;gap:8px;width:100%;overflow:visible}.favorite-categories .category-item-wrapper{width:100%}.fav-channel-item{display:flex;align-items:center;gap:12px;padding:14px 16px;margin:0 4px 10px;border-radius:14px;background:var(--bg-secondary);border:2px solid var(--border-primary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);width:calc(100% - 8px);color:var(--text-secondary);box-shadow:0 4px 14px #0000001a,0 2px 7px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}.fav-channel-item:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-primary);transform:translateY(-3px) scale(1.005);box-shadow:0 12px 32px #00000024,0 6px 16px #0000001a,0 3px 8px #0000000f,inset 0 2px 4px #ffffff26}.fav-channel-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:2px solid var(--border-primary);transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 8px #0000001f,0 1px 4px #00000014,inset 0 1px 2px #ffffff1a}.fav-channel-item:hover .fav-channel-avatar{transform:scale(1.08);border-color:var(--accent-primary);box-shadow:0 4px 12px #00000029,0 2px 6px #0000001f,inset 0 1px 2px #ffffff26}.fav-video-thumbnail{width:60px;height:45px;border-radius:8px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:2px solid var(--border-primary);transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0000001a,0 1px 3px #0000000f,inset 0 1px 1px #ffffff1a}.fav-channel-item:hover .fav-video-thumbnail{transform:scale(1.05);border-color:var(--accent-primary);box-shadow:0 3px 10px #00000024,0 2px 5px #0000001a,inset 0 1px 2px #ffffff1f}.fav-video-item .fav-channel-info,.fav-channel-info{flex:1;min-width:0}.fav-channel-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.fav-channel-category{font-size:11px;font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);padding:3px 10px;border-radius:6px;border:1px solid var(--border-primary);display:inline-block;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease;box-shadow:0 2px 6px #00000014,inset 0 1px 1px #ffffff1a}.fav-channel-item:hover .fav-channel-category{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 2px 8px #0000001f,inset 0 1px 2px #ffffff26}.fav-channel-star{font-size:20px;flex-shrink:0;color:#fbbf24;margin-left:auto;transition:all .25s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(251,191,36,.3))}.fav-channel-item:hover .fav-channel-star{transform:scale(1.15) rotate(5deg);filter:drop-shadow(0 3px 8px rgba(251,191,36,.5))}.fav-playlist-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:10px;border:2px solid var(--accent-primary);color:#fff;position:relative;flex-shrink:0;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 8px rgba(var(--accent-rgb),.15),inset 0 1px 2px #ffffff26}.fav-channel-item:hover .fav-playlist-icon{transform:scale(1.08);box-shadow:0 4px 12px rgba(var(--accent-rgb),.25),inset 0 1px 2px #fff3}.fav-playlist-count{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:9px;font-weight:700;padding:3px 6px;border-radius:8px;border:2px solid var(--bg-secondary);min-width:20px;text-align:center;transition:all .2s ease;box-shadow:0 2px 6px #ef44444d,inset 0 1px 1px #fff3}.fav-channel-item:hover .fav-playlist-count{transform:scale(1.1);box-shadow:0 3px 8px #ef444466,inset 0 1px 2px #ffffff40}[data-theme=dark] .fav-channel-item,[data-theme=github-dark] .fav-channel-item{background:#ffffff08;border-color:var(--border-secondary);box-shadow:0 6px 18px #00000040,0 3px 9px #0000002e,0 1px 5px #0000001f,inset 0 1px 2px #ffffff0d}[data-theme=dark] .fav-channel-item:hover,[data-theme=github-dark] .fav-channel-item:hover{background:#ffffff14;box-shadow:0 16px 40px #00000059,0 8px 20px #00000040,0 4px 10px #0000002e,inset 0 2px 4px #ffffff14}.favorites-tab-content{display:flex;flex-direction:column;gap:24px;padding:0 12px 16px}.favorites-section{display:flex;flex-direction:column;gap:12px;padding:0}.favorites-section+.favorites-section{border-top:1px solid var(--border-secondary);padding-top:16px}.favorites-section-title{font-size:14px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0;padding:12px 0 4px;border-bottom:2px solid var(--border-primary)}.playlists-tab-content{padding:0;height:100%;overflow:hidden;display:flex;flex-direction:column}@media (max-width: 768px){.sidebar{width:260px}.sidebar-logo{transform:scale(.9)}.app-title{font-size:18px}.stat-value{font-size:22px}.fav-channel-item{padding:10px;gap:10px}.fav-channel-avatar{width:36px;height:36px}.fav-channel-name{font-size:12px}.fav-channel-category{font-size:10px;padding:2px 6px}}[data-theme=light] .category-item.active{--category-hue: 210}[data-theme=dark] .category-item.active{--category-hue: 200}[data-theme=github-dark] .category-item.active{--category-hue: 210}[data-theme=notion] .category-item.active{--category-hue: 260}[data-theme=minimal] .category-item.active{--category-hue: 210}.category-count{background:var(--bg-quaternary);color:var(--text-tertiary);padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;min-width:24px;text-align:center;transition:all .3s ease;position:relative;z-index:2}.category-item:hover .category-count{background:var(--accent-primary);color:#fff;transform:scale(1.05)}.category-item.active .category-count{background:hsl(var(--category-hue, 210),85%,50%);color:#fff;font-weight:700;box-shadow:0 2px 8px hsla(var(--category-hue, 210),85%,50%,.3);transform:scale(1.05)}.category-name{flex:1;min-width:0;font-weight:500;font-size:15px;letter-spacing:.2px;transition:all .3s ease;position:relative;z-index:2}.category-item.active .category-name{font-weight:600;letter-spacing:.3px}.density-ultra-compact .category-item{padding:10px 12px;gap:10px;margin:2px 8px;border-radius:12px;font-size:13px;min-height:56px}.density-ultra-compact .category-icon,.density-ultra-compact .category-icon-custom{width:16px;height:16px;padding:6px;border-radius:10px}.density-ultra-compact .category-count{font-size:11px;padding:2px 6px;min-width:22px;height:22px}.density-ultra-compact .category-badge{width:16px;height:16px;font-size:9px}.density-ultra-compact .stat{padding:8px 12px;gap:2px}.density-ultra-compact .stat-value{font-size:20px}.density-ultra-compact .stat-label{font-size:9px}.density-compact .category-item{padding:12px 14px;gap:12px;margin:3px 10px;border-radius:14px;font-size:14px;min-height:64px}.density-compact .category-icon,.density-compact .category-icon-custom{width:17px;height:17px;padding:7px}.density-compact .category-count{font-size:12px;padding:3px 8px;min-width:24px;height:24px}.density-compact .category-badge{width:18px;height:18px;font-size:10px}.density-compact .stat{padding:10px 14px;gap:3px}.density-compact .stat-value{font-size:22px}.density-compact .stat-label{font-size:10px}.density-comfortable .category-item{padding:14px 16px;gap:16px;margin:3px 12px;border-radius:16px;font-size:14px;min-height:72px}.density-comfortable .category-icon,.density-comfortable .category-icon-custom{width:18px;height:18px;padding:9px}.density-comfortable .category-count{font-size:12px;padding:4px 10px;min-width:28px;height:26px}.density-comfortable .category-badge{width:20px;height:20px;font-size:11px}.density-comfortable .stat{padding:12px 16px;gap:4px}.density-comfortable .stat-value{font-size:26px}.density-comfortable .stat-label{font-size:11px}.filter-section{padding:12px 16px 8px;border-bottom:1px solid var(--border-primary);margin-bottom:8px}.filter-section-title{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.category-type-toggle{display:flex;background:var(--bg-tertiary);border-radius:8px;padding:3px;border:1px solid var(--border-primary);gap:3px}.type-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;background:transparent;border-radius:6px;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;min-height:32px}.type-toggle-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.type-toggle-btn.active{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px rgba(var(--accent-primary-rgb),.3)}.type-toggle-btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.type-toggle-btn svg{opacity:.8;transition:opacity .2s ease}.type-toggle-btn.active svg{opacity:1}.filter-divider{height:1px;background:var(--border-primary);margin:8px 16px}.density-spacious .category-icon,.density-spacious .category-icon-custom{width:24px;height:24px;font-size:18px}.density-spacious .category-count{font-size:13px;padding:4px 10px;min-width:28px}.density-spacious .category-badge{width:24px;height:24px;font-size:12px}.density-spacious .stat{padding:14px 18px;gap:5px}.density-spacious .stat-value{font-size:30px}.density-spacious .stat-label{font-size:12px}.channels-tab-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.channels-tab-content.dropdown-open,.channels-tab-content.dropdown-open .channels-header-modern,.channels-tab-content.dropdown-open .header-middle-row{overflow:visible}.channels-tab-content.dropdown-open>.channels-list{overflow-y:auto;overflow-x:hidden}.channels-tab-content.dropdown-open .channels-category-filter{overflow:visible;position:relative;z-index:1000}.channels-tab-content.dropdown-open .channels-tab-header{overflow:visible}.sidebar-content:has(.channels-tab-content.dropdown-open){overflow-y:auto;overflow-x:visible}.sidebar:has(.channels-tab-content.dropdown-open){overflow-y:hidden;overflow-x:visible}.channels-tab-header{padding:16px 20px;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary)}.channels-tab-header h3{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--text-primary)}.channels-header-controls{display:flex;align-items:center;gap:12px}.channels-view-toggle{display:flex;gap:4px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;padding:4px}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}.view-toggle-btn:hover{background:var(--bg-primary);border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 4px 12px #00000014,0 2px 6px #0000000f,inset 0 1px 2px #ffffff26}.view-toggle-btn.active{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary, var(--accent-primary)) 100%);border-color:var(--accent-primary);color:#fff;box-shadow:0 2px 8px rgba(var(--accent-rgb),.3),0 0 0 2px rgba(var(--accent-rgb),.15),inset 0 1px 2px #fff3}.view-toggle-btn.active:hover{background:linear-gradient(135deg,var(--accent-secondary, var(--accent-primary)) 0%,var(--accent-primary) 100%);transform:translateY(-1px) scale(1.08)}.channels-search{position:relative;flex:1}.channels-search-input{width:100%;padding:8px 12px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:13px;transition:all .2s ease}.channels-search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2)}.channels-category-filter{position:relative;margin-top:12px;z-index:1000}.category-filter-button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s ease}.category-filter-button:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.category-filter-button span{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-filter-button svg.rotated{transform:rotate(180deg)}.category-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:auto;width:clamp(280px,32vw,360px);min-width:280px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:16px;box-shadow:0 16px 48px #00000040,0 8px 24px #0000002e,0 4px 12px #0000001f,inset 0 1px 2px #ffffff26,0 0 0 1px rgba(var(--accent-rgb),.1);z-index:10002;max-height:min(calc(100vh - 220px),420px);min-height:240px;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:dropdownFadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.category-dropdown-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 12px;border-bottom:1px solid var(--border-primary);background:linear-gradient(135deg,rgba(var(--accent-rgb),.08) 0%,rgba(var(--accent-rgb),.02) 60%,transparent 100%);position:sticky;top:0;z-index:2}.category-dropdown-heading{display:flex;flex-direction:column;gap:2px}.dropdown-title{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:.4px;text-transform:uppercase}.dropdown-meta{font-size:12px;font-weight:500;color:var(--text-tertiary)}.category-dropdown-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.category-dropdown-close:hover{color:var(--accent-primary);border-color:var(--accent-primary);transform:rotate(90deg) scale(1.05);box-shadow:0 6px 14px rgba(var(--accent-rgb),.2)}.category-dropdown-search{padding:14px 18px 12px;border-bottom:1px solid var(--border-primary);flex-shrink:0;background:linear-gradient(135deg,rgba(var(--accent-rgb),.04) 0%,transparent 100%);position:sticky;top:60px;z-index:1}.category-search-input{width:100%;padding:12px 16px;border:2px solid var(--border-primary);border-radius:10px;background:var(--bg-primary);color:var(--text-primary);font-size:13px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000f,inset 0 1px 3px #ffffff1a}.category-search-input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15),0 4px 12px rgba(var(--accent-rgb),.2),inset 0 1px 3px #ffffff26;transform:translateY(-1px)}.category-dropdown-list{overflow-y:auto;flex:1;padding:8px 10px 12px;display:flex;flex-direction:column;gap:6px;scroll-padding-top:8px}.category-dropdown-list::-webkit-scrollbar{width:8px}.category-dropdown-list::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb),.25);border-radius:999px}.category-dropdown-list{scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb),.25) transparent}.category-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin:0;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:var(--text-primary);font-size:14px;font-weight:500;border-radius:10px;position:relative;overflow:hidden}.category-dropdown-item:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent-primary);transform:scaleY(0);transition:transform .25s cubic-bezier(.4,0,.2,1)}.category-dropdown-item:hover{background:linear-gradient(90deg,rgba(var(--accent-rgb),.08) 0%,var(--bg-tertiary) 100%);transform:translate(4px);padding-left:20px}.category-dropdown-item:hover:before{transform:scaleY(1)}.category-dropdown-item.active{background:linear-gradient(135deg,rgba(var(--accent-rgb),.15),rgba(var(--accent-rgb),.08));color:var(--accent-primary);font-weight:600;border-left:3px solid var(--accent-primary);box-shadow:0 4px 12px rgba(var(--accent-rgb),.2),inset 0 1px 2px #ffffff1a}.category-dropdown-item span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-count{color:var(--text-secondary);font-size:12px;font-weight:600;margin-left:8px;padding:2px 8px;background:rgba(var(--accent-rgb),.1);border-radius:8px;transition:all .25s cubic-bezier(.4,0,.2,1)}.category-dropdown-item:hover .category-count{background:rgba(var(--accent-rgb),.15);transform:scale(1.05)}.category-dropdown-item.active .category-count{color:var(--accent-primary);background:rgba(var(--accent-rgb),.25);box-shadow:0 2px 6px rgba(var(--accent-rgb),.3)}.category-dropdown-empty{padding:40px 20px;text-align:center;color:var(--text-secondary);font-size:14px;font-weight:500;opacity:.7}@media (max-width: 768px){.filter-btn-compact{width:100%;min-width:0}.library-category-filter,.channels-category-filter{width:100%}.category-dropdown{left:50%;transform:translate(-50%);width:min(92vw,360px)}.category-dropdown-search{top:58px}}.channels-list{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:4px}.channel-sidebar-item{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:14px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);background:var(--bg-primary);border:2px solid var(--border-primary);margin:3px 12px;box-shadow:0 4px 14px #0000001a,0 2px 7px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}.channel-sidebar-item:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-3px) scale(1.005);box-shadow:0 12px 32px #00000024,0 6px 16px #0000001a,0 3px 8px #0000000f,inset 0 2px 4px #ffffff26}.channel-sidebar-item.selected{background:rgba(var(--accent-rgb),.08);border-color:var(--accent-primary);transform:translateY(-2px) scale(1.005);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.25),0 10px 28px rgba(var(--accent-rgb),.3),0 5px 14px rgba(var(--accent-rgb),.22),0 2px 7px rgba(var(--accent-rgb),.15),inset 0 2px 4px #ffffff1f}.channel-sidebar-item.selected:hover{background:rgba(var(--accent-rgb),.12);transform:translateY(-3px) scale(1.01);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.3),0 12px 32px rgba(var(--accent-rgb),.35),0 6px 16px rgba(var(--accent-rgb),.28),0 3px 8px rgba(var(--accent-rgb),.2),inset 0 2px 4px #ffffff26}.channel-avatar-small{flex-shrink:0;width:32px;height:32px;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,var(--bg-tertiary) 0%,var(--bg-quaternary, var(--bg-secondary)) 100%);display:flex;align-items:center;justify-content:center;border:2px solid var(--border-primary);transition:all .2s ease;box-shadow:0 2px 6px #0000001a,0 1px 3px #0000000f,inset 0 1px 1px #ffffff1a}.channel-sidebar-item:hover .channel-avatar-small{transform:scale(1.05);border-color:var(--accent-primary);box-shadow:0 3px 8px #00000026,0 1px 4px #0000001a,inset 0 1px 1px #ffffff26}.channel-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.channel-avatar-placeholder-small{font-size:14px;font-weight:600;color:#fff;text-transform:uppercase;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary, #0056b3) 100%);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.channel-info-small{flex:1;min-width:0}.channel-name-small{font-size:13px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.channel-meta-small{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary)}.channel-subscribers-small{font-weight:400}.channel-favorite-small{color:#f59e0b;font-size:10px}.channels-list.channels-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px}.channel-grid-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #00000014,0 1px 3px #0000000d,inset 0 1px 1px #ffffff1a}.channel-grid-item:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001f,0 2px 6px #00000014,inset 0 1px 1px #ffffff26}.channel-grid-item.selected{background:rgba(var(--accent-rgb),.1);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2),0 4px 12px #0000001f,0 2px 6px #00000014,inset 0 1px 1px #ffffff26}.channel-grid-item.selected:hover{background:rgba(var(--accent-rgb),.15);transform:translateY(-2px);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.3),0 6px 16px #00000026,0 3px 8px #0000001a,inset 0 1px 1px #fff3}.channel-grid-avatar{position:relative;width:56px;height:56px;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,var(--bg-tertiary) 0%,var(--bg-quaternary, var(--bg-secondary)) 100%);display:flex;align-items:center;justify-content:center;border:2px solid var(--border-primary);transition:all .2s ease;box-shadow:0 2px 8px #0000001f,0 1px 4px #00000014,inset 0 1px 1px #ffffff1a}.channel-grid-item:hover .channel-grid-avatar{transform:scale(1.05);border-color:var(--accent-primary);box-shadow:0 4px 12px #0000002e,0 2px 6px #0000001f,inset 0 1px 1px #ffffff26}.channel-avatar-placeholder-grid{font-size:20px;font-weight:600;color:#fff;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.2)}.channel-favorite-badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:#f59e0b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;border:2px solid var(--bg-primary);box-shadow:0 2px 6px #0003}.channel-grid-name{font-size:11px;font-weight:500;color:var(--text-primary);text-align:center;line-height:1.3;max-width:100%;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;overflow:hidden}.channels-list::-webkit-scrollbar{width:4px}.channels-list::-webkit-scrollbar-track{background:var(--bg-secondary)}.channels-list::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:2px}.channels-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.channels-empty{display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;color:var(--text-secondary);font-size:13px}.channels-empty p{margin:0}.channels-header-modern{padding:12px 16px;gap:8px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:16px;border:2px solid var(--border-primary);margin:12px 16px;box-shadow:0 8px 24px #0000001f,0 4px 12px #00000014,0 2px 6px #0000000a,inset 0 1px 2px #ffffff1a}.categories-header-modern{padding:16px 20px;gap:12px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:18px;border:2px solid var(--border-primary);margin:12px 16px;box-shadow:0 10px 28px #00000014,0 5px 14px #0000000d,0 2px 8px #00000008,inset 0 1px 2px #ffffff1f;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.categories-header-compact{padding:10px 14px;gap:8px;margin:8px 12px;border-radius:14px}.header-top-row-compact{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;padding-bottom:6px;width:100%;position:relative;border-bottom:1px solid var(--border-secondary)}.view-controls-card-compact{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:8px 10px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:2px solid var(--border-primary);border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%;box-shadow:0 3px 10px #00000014,0 1px 5px #0000000d,0 1px 3px #00000008,inset 0 1px 2px #ffffff1a}.view-controls-card-compact:hover{border-color:var(--accent-primary);transform:translateY(-1px) scale(1.003);box-shadow:0 8px 24px #0000001f,0 4px 12px #00000014,0 2px 6px #0000000d,inset 0 1px 2px #ffffff1f}.controls-row-compact{display:flex;align-items:center;gap:6px;flex-wrap:wrap;width:100%}.controls-row-compact>.view-mode-toggle-compact,.controls-row-compact>.icon-button-card{flex-shrink:0}@media (max-width: 800px){.controls-row-compact{gap:8px}.filter-inline,.search-inline{min-width:100%;flex-basis:100%}}.filter-inline{flex:1;min-width:140px}.filter-inline .filter-btn-compact-small{width:100%;padding:6px 10px;font-size:12px}.search-inline{flex:1;min-width:160px;position:relative;width:100%}.search-inline .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;z-index:1;width:14px;height:14px}.search-inline:focus-within .search-icon{color:var(--accent-primary)}.search-inline .categories-search-compact{width:100%;padding:6px 10px 6px 30px;font-size:12px;border-radius:10px}.search-inline .clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;padding:0;border-radius:6px;display:flex;align-items:center;justify-content:center}.library-tab-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.library-tab-content .library-header-modern,.library-tab-content.dropdown-open,.library-tab-content.dropdown-open .library-header-modern,.library-tab-content.dropdown-open .header-middle-row{overflow:visible}.library-tab-content.dropdown-open>.channels-list,.library-tab-content.dropdown-open>.category-groups{overflow-y:auto;overflow-x:hidden}.library-tab-content.dropdown-open .library-category-filter{overflow:visible;position:relative;z-index:1000}.library-tab-content.dropdown-open .column-selector-dropdown{overflow:visible;z-index:10002!important}.library-tab-content>.category-groups,.library-tab-content>.filtered-categories{flex:1 1 auto;min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden;padding:6px 16px 24px 12px;margin:0;scrollbar-gutter:stable both-edges}.library-tab-content>.no-results{flex:0 0 auto;min-height:auto;max-height:none;padding:20px;text-align:center;color:var(--text-tertiary);font-size:13px}.library-tab-content>.channels-list{flex:1 1 auto;min-height:0}.sidebar-content:has(.column-dropdown-menu),.categories-section:has(.column-dropdown-menu),.sidebar-content:has(.category-sort-dropdown-menu),.categories-section:has(.category-sort-dropdown-menu){overflow:visible!important;position:relative;z-index:10000}.library-header-modern{padding:16px 20px;gap:12px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:18px;border:2px solid var(--border-primary);margin:12px 16px;width:calc(100% - 32px);max-width:100%;box-sizing:border-box;overflow:visible;min-width:0;box-shadow:0 10px 28px #00000014,0 5px 14px #0000000d,0 2px 8px #00000008,inset 0 1px 2px #ffffff1f;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.library-header-modern:has(.column-dropdown-menu),.library-header-modern:has(.category-sort-dropdown-menu){overflow:visible;z-index:10005}.categories-header-modern:has(.column-dropdown-menu),.categories-header-modern:has(.category-sort-dropdown-menu){overflow:visible;z-index:10005}.view-controls-card:has(.column-dropdown-menu){overflow:visible;z-index:10001}.library-title-compact{font-size:20px;font-weight:700;color:var(--text-primary);display:flex;align-items:baseline;gap:8px;margin:0}.library-count{font-size:14px;font-weight:500;color:var(--text-tertiary)}.library-view-toggle{display:flex;align-items:center;gap:3px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;padding:4px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a;transition:all .25s cubic-bezier(.4,0,.2,1)}.library-view-toggle:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #00000014,0 2px 6px #0000000f,inset 0 1px 2px #ffffff26;transform:translateY(-1px)}.library-view-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;min-width:34px;height:34px}.library-view-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.library-view-btn.active{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;box-shadow:0 2px 8px rgba(var(--accent-rgb),.3),0 0 0 2px rgba(var(--accent-rgb),.15),inset 0 1px 2px #fff3}.library-view-btn.active:hover{background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent-primary) 100%)}.library-view-btn svg{width:16px;height:16px;flex-shrink:0}.library-search-compact{width:100%;padding:10px 14px 10px 36px;border:2px solid var(--border-primary);border-radius:12px;background:var(--bg-primary);color:var(--text-primary);font-size:13px;transition:all .25s cubic-bezier(.4,0,.2,1)}.library-search-compact:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15),0 2px 8px #0000001a;background:var(--bg-secondary)}.library-category-filter,.channels-category-filter{position:relative;z-index:1000;width:auto;min-width:0}.library-category-filter .category-dropdown{z-index:10001}.header-top-row{display:flex;align-items:center;justify-content:flex-start;gap:16px;margin-bottom:12px;padding-bottom:12px;width:100%;max-width:100%;position:relative;border-bottom:1px solid var(--border-secondary);flex-wrap:wrap;box-sizing:border-box;overflow:visible;min-width:0}.header-middle-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;position:relative}.header-search-row{width:100%;position:relative;margin-top:4px}.view-controls-group{display:flex;align-items:center;gap:8px;flex-shrink:1;min-width:0;flex-wrap:wrap}.playlists-header-modern .view-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.view-controls-card{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px 12px;margin-top:8px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:2px solid var(--border-primary);border-radius:14px;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%;max-width:100%;box-sizing:border-box;overflow:visible;min-width:0;box-shadow:0 4px 14px #0000001a,0 2px 7px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}.view-controls-card:hover{border-color:var(--accent-primary);transform:translateY(-2px) scale(1.005);box-shadow:0 12px 32px #00000024,0 6px 16px #0000001a,0 3px 8px #0000000f,inset 0 2px 4px #ffffff26}.filter-row-card{display:flex;align-items:stretch;padding:10px 12px;margin-top:8px;flex-shrink:0;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:2px solid var(--border-primary);border-radius:14px;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%;box-shadow:0 4px 14px #0000001a,0 2px 7px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}.filter-row-card:hover{border-color:var(--accent-primary);transform:translateY(-2px) scale(1.005);box-shadow:0 12px 32px #00000024,0 6px 16px #0000001a,0 3px 8px #0000000f,inset 0 2px 4px #ffffff26}.filter-row-card .library-category-filter,.filter-row-card .filter-btn-compact{width:100%}.filter-btn-full{width:100%;display:flex;align-items:center;gap:10px;padding:11px 18px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.08) 0%,var(--bg-secondary) 50%,rgba(var(--accent-rgb),.05) 100%);border:2px solid var(--border-primary);border-radius:14px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 14px #0000001a,0 2px 7px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}.filter-btn-full:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.15),transparent);transition:left .5s ease}.filter-btn-full:hover:before{left:100%}.filter-btn-full:hover{background:linear-gradient(135deg,rgba(var(--accent-rgb),.12) 0%,var(--bg-primary) 50%,rgba(var(--accent-rgb),.08) 100%);border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 12px 32px rgba(var(--accent-rgb),.2),0 6px 16px #0000001f,0 3px 8px #00000014,inset 0 1px 2px #fff3,inset 0 -1px 2px #00000014,0 0 0 1px rgba(var(--accent-rgb),.1)}.filter-btn-full.active{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary, #0056b3) 100%);border-color:var(--accent-primary);color:#fff;transform:translateY(-1px) scale(1.01);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.3),0 12px 36px rgba(var(--accent-rgb),.4),0 6px 18px rgba(var(--accent-rgb),.3),0 3px 9px rgba(var(--accent-rgb),.2),inset 0 2px 4px #ffffff4d,inset 0 -1px 2px #0003}.filter-btn-full svg{flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.filter-btn-full>span{flex:1;text-align:left}.filter-btn-full:hover svg{transform:scale(1.1)}.filter-btn-full.active svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.search-row-card{display:flex;align-items:stretch;padding:10px 12px;margin-top:8px;flex-shrink:0;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:2px solid var(--border-primary);border-radius:14px;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%;box-shadow:0 4px 14px #0000001a,0 2px 7px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}.search-row-card:hover{border-color:var(--accent-primary);transform:translateY(-2px) scale(1.005);box-shadow:0 12px 32px #00000024,0 6px 16px #0000001a,0 3px 8px #0000000f,inset 0 2px 4px #ffffff26}.search-row-card .search-section-compact{width:100%}.controls-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box;overflow:visible;min-width:0}.view-mode-toggle-compact{display:flex;align-items:center;gap:3px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;padding:3px;flex-shrink:0;overflow:visible;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a;transition:all .25s cubic-bezier(.4,0,.2,1)}.view-mode-toggle-compact:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #00000014,0 2px 6px #0000000f,inset 0 1px 2px #ffffff26;transform:translateY(-1px)}.view-btn-compact{display:flex;align-items:center;justify-content:center;width:30px;height:28px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);padding:0;flex-shrink:0}.view-btn-compact svg{width:14px;height:14px;flex-shrink:0}.view-btn-compact:hover{background:var(--bg-primary);color:var(--text-primary)}.view-btn-compact.active{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;box-shadow:0 2px 8px rgba(var(--accent-rgb),.3),0 0 0 2px rgba(var(--accent-rgb),.15),inset 0 1px 2px #fff3}.view-btn-compact.active:hover{background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent-primary) 100%)}.btn-create-playlist-compact{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border:2px solid var(--accent-primary);border-radius:10px;color:#fff;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 10px rgba(var(--accent-rgb),.3),0 1px 4px rgba(var(--accent-rgb),.2),inset 0 1px 2px #fff3;padding:0}.btn-create-playlist-compact:hover{background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent-primary) 100%);border-color:var(--accent-secondary);transform:translateY(-2px) scale(1.08);box-shadow:0 6px 16px rgba(var(--accent-rgb),.4),0 2px 8px rgba(var(--accent-rgb),.3),inset 0 1px 3px #ffffff40}.channels-title-compact,.categories-title-compact{font-size:18px;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:baseline;gap:8px;white-space:nowrap;flex-shrink:0;letter-spacing:-.3px}.channel-count,.category-count{font-size:13px;font-weight:500;color:var(--text-secondary);opacity:.7;background:var(--bg-tertiary);padding:2px 8px;border-radius:12px;border:1px solid var(--border-primary)}.filter-btn-compact{flex-shrink:0;display:inline-flex;align-items:center;gap:10px;padding:11px 18px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.08) 0%,var(--bg-secondary) 50%,rgba(var(--accent-rgb),.05) 100%);border:2px solid var(--border-primary);border-radius:14px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden;width:auto;min-width:220px;justify-content:flex-start;box-shadow:0 8px 24px #0000001f,0 4px 12px #00000014,0 2px 6px #0000000a,inset 0 1px 2px #ffffff26,inset 0 -1px 2px #0000000d}.filter-btn-compact:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.15),transparent);transition:left .5s ease}.filter-btn-compact:hover:before{left:100%}.filter-btn-compact:hover{background:linear-gradient(135deg,rgba(var(--accent-rgb),.12) 0%,var(--bg-primary) 50%,rgba(var(--accent-rgb),.08) 100%);border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 12px 32px rgba(var(--accent-rgb),.2),0 6px 16px #0000001f,0 3px 8px #00000014,inset 0 1px 2px #fff3,inset 0 -1px 2px #00000014,0 0 0 1px rgba(var(--accent-rgb),.1)}.filter-btn-compact.active{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary, #0056b3) 100%);border-color:var(--accent-primary);color:#fff;transform:translateY(-1px) scale(1.01);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.3),0 12px 36px rgba(var(--accent-rgb),.4),0 6px 18px rgba(var(--accent-rgb),.3),0 3px 9px rgba(var(--accent-rgb),.2),inset 0 2px 4px #ffffff4d,inset 0 -1px 2px #0003}.filter-btn-compact.active:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.filter-btn-compact svg{flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.filter-btn-compact>span{flex:1;text-align:left}.filter-btn-compact .lucide-chevron-down{margin-left:12px;transition:transform .3s ease}.filter-btn-compact:hover svg{transform:scale(1.1)}.filter-btn-compact.active svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.filter-btn-compact-small{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:2px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;box-shadow:0 2px 8px #00000014,0 1px 4px #0000000f,0 1px 2px #0000000a,inset 0 1px 1px #ffffff1a}.filter-btn-compact-small svg{width:14px;height:14px;flex-shrink:0}.filter-btn-compact-small:hover{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #0000001f,0 2px 6px #00000014,0 1px 3px #0000000f,inset 0 1px 2px #ffffff26}.filter-btn-compact-small.active{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-color:var(--accent-primary);color:#fff;transform:translateY(-1px) scale(1.02);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2),0 6px 18px rgba(var(--accent-rgb),.3),0 3px 9px rgba(var(--accent-rgb),.22),0 1px 4px rgba(var(--accent-rgb),.15),inset 0 1px 2px #fff3}.filter-btn-compact-small.active:hover{background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent-primary) 100%);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.25),0 8px 24px rgba(var(--accent-rgb),.35),0 4px 12px rgba(var(--accent-rgb),.25),0 2px 6px rgba(var(--accent-rgb),.18),inset 0 1px 2px #ffffff40}.filter-btn-compact .filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#0000001a;border-radius:10px;font-size:11px;font-weight:700;margin-left:4px}.filter-btn-compact.active .filter-count{background:#fff3}.channels-search-compact,.categories-search-compact{width:100%;padding:10px 14px 10px 40px;font-size:13px;background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--border-primary);border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000d,inset 0 1px 3px #ffffff1a;font-weight:500}.channels-search-compact:focus,.categories-search-compact:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12),0 4px 16px rgba(var(--accent-rgb),.15),inset 0 1px 3px #ffffff26;transform:translateY(-1px)}.channels-search-compact::-moz-placeholder,.categories-search-compact::-moz-placeholder{color:var(--text-tertiary);opacity:.7;font-weight:400}.channels-search-compact::placeholder,.categories-search-compact::placeholder{color:var(--text-tertiary);opacity:.7;font-weight:400}.search-section-compact{position:relative;width:100%}.search-section-compact .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;width:16px;height:16px;z-index:1}.search-section-compact:focus-within .search-icon{color:var(--accent-primary)}.search-section-compact .clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);opacity:.7;z-index:1}.search-section-compact .clear-search:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary);opacity:1;transform:translateY(-50%) scale(1.1)}.search-section-compact .clear-search:active{transform:translateY(-50%) scale(.95)}.categories-grid{display:grid!important;gap:14px;padding:16px 20px 16px 16px;grid-template-columns:repeat(2,1fr);align-items:start}.group-categories.categories-grid,.filtered-categories.categories-grid{display:grid!important;gap:14px;padding:16px 20px 16px 16px;align-items:start}.categories-grid.cols-2{grid-template-columns:repeat(2,1fr)!important;gap:16px;padding:16px 20px 16px 16px}.categories-grid.cols-3{grid-template-columns:repeat(3,1fr)!important;gap:18px;padding:16px 20px 16px 16px}.categories-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px;padding:12px 16px 12px 10px}.categories-grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px;padding:10px 14px 10px 8px}.categories-grid.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px;padding:8px 12px 8px 6px}.category-grid-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:14px 12px 12px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:14px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;min-width:0;width:100%;min-height:120px;box-sizing:border-box;box-shadow:0 4px 14px #0000001a,0 2px 7px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}.category-grid-item:hover{transform:translateY(-4px) scale(1.005);border-color:var(--accent-primary);background:var(--bg-primary);box-shadow:0 12px 32px #00000024,0 6px 16px #0000001a,0 3px 8px #0000000f,inset 0 2px 4px #ffffff26}.category-grid-item.active{transform:translateY(-2px) scale(1.005);border-color:var(--accent-primary);border-width:2px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.08) 0%,var(--bg-secondary) 100%);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.25),0 10px 28px rgba(var(--accent-rgb),.3),0 5px 14px rgba(var(--accent-rgb),.22),0 2px 7px rgba(var(--accent-rgb),.15),inset 0 2px 4px #ffffff1f}.category-grid-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:2px solid;position:relative;flex-shrink:0;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 10px #0000001f,0 1px 4px #00000014,inset 0 1px 2px #ffffff1f}.category-grid-icon svg{width:24px;height:24px;flex-shrink:0}.category-grid-item:hover .category-grid-icon{transform:scale(1.08);box-shadow:0 4px 14px #00000026,0 2px 6px #0000001a,inset 0 1px 2px #ffffff26}.category-grid-item.active .category-grid-icon{transform:scale(1.05);box-shadow:0 5px 16px rgba(var(--accent-rgb),.28),0 2px 8px rgba(var(--accent-rgb),.2),inset 0 1px 2px #ffffff26}.category-grid-name{font-size:11px;font-weight:600;color:var(--text-primary);text-align:center;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;letter-spacing:-.01em;padding:0 8px;margin:0;flex:0 1 auto;min-height:2.4em;box-sizing:border-box}.category-grid-item:hover .category-grid-name{color:var(--text-primary);font-weight:600}.category-grid-count{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:10px;box-shadow:0 2px 8px rgba(var(--accent-rgb),.35),0 1px 3px #00000026,inset 0 1px 2px #ffffff40;min-width:22px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.25);z-index:5;transition:all .25s cubic-bezier(.4,0,.2,1)}.category-grid-item:hover .category-grid-count{transform:scale(1.05);box-shadow:0 3px 12px rgba(var(--accent-rgb),.45),0 1px 4px #0003,inset 0 1px 2px #ffffff4d}.category-grid-badges{position:absolute;top:-6px;right:-6px;display:flex;gap:3px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:8px;padding:3px 4px;box-shadow:0 3px 10px #0000001f,0 1px 4px #00000014,inset 0 1px 2px #ffffff26;z-index:10;transition:all .25s cubic-bezier(.4,0,.2,1)}.category-grid-item:hover .category-grid-badges{transform:scale(1.05);box-shadow:0 4px 12px #00000024,0 2px 6px #0000001a,inset 0 1px 2px #ffffff2e}.grid-pin-badge{color:var(--accent-primary)}.grid-fav-badge{color:#fbbf24}.category-grid-badges svg{width:10px;height:10px;flex-shrink:0}.categories-grid.cols-2 .category-grid-item{min-height:150px;padding:20px 14px;gap:10px}.categories-grid.cols-2 .category-grid-icon{width:64px;height:64px;border-radius:14px}.categories-grid.cols-2 .category-grid-icon svg{width:28px;height:28px}.categories-grid.cols-2 .category-grid-name{font-size:12px;min-height:2.5em}.categories-grid.cols-2 .category-grid-count{font-size:12px;padding:5px 10px;top:12px;left:12px;min-width:26px}.categories-grid.cols-3 .category-grid-item{min-height:125px;padding:14px 10px 12px;gap:8px}.categories-grid.cols-3 .category-grid-icon{width:56px;height:56px;border-radius:12px}.categories-grid.cols-3 .category-grid-icon svg{width:24px;height:24px}.categories-grid.cols-3 .category-grid-name{font-size:11px;min-height:2.4em}.categories-grid.cols-3 .category-grid-count{font-size:11px;padding:5px 9px;top:10px;left:10px;min-width:24px}.categories-grid.cols-4 .category-grid-item{min-height:110px;padding:12px 8px;gap:6px}.categories-grid.cols-5 .category-grid-item{min-height:96px;padding:10px 6px;gap:6px}.categories-grid.cols-6 .category-grid-item{min-height:88px;padding:8px 6px;gap:5px}.categories-grid.cols-4 .category-grid-icon{width:40px;height:40px;border-radius:10px}.categories-grid.cols-5 .category-grid-icon{width:34px;height:34px;border-radius:9px}.categories-grid.cols-6 .category-grid-icon{width:30px;height:30px;border-radius:8px}.categories-grid.cols-4 .category-grid-icon svg{width:18px;height:18px}.categories-grid.cols-5 .category-grid-icon svg{width:14px;height:14px}.categories-grid.cols-6 .category-grid-icon svg{width:12px;height:12px}.categories-grid.cols-4 .category-grid-name{font-size:9px;min-height:2.2em}.categories-grid.cols-5 .category-grid-name{font-size:8.5px;min-height:2em}.categories-grid.cols-6 .category-grid-name{font-size:7.8px;min-height:1.9em}.categories-grid.cols-4 .category-grid-count{font-size:9px;padding:3px 7px;top:6px;left:6px;min-width:20px}.categories-grid.cols-5 .category-grid-count{font-size:8px;padding:2px 6px;top:5px;left:5px;min-width:18px}.categories-grid.cols-6 .category-grid-count{font-size:7.5px;padding:2px 5px;top:4px;left:4px;min-width:16px}.categories-grid.cols-4 .category-grid-badges{top:-4px;right:-4px;padding:2px 3px}.categories-grid.cols-5 .category-grid-badges,.categories-grid.cols-6 .category-grid-badges{top:-3px;right:-3px;padding:2px}.categories-grid.cols-4 .category-grid-badges svg{width:9px;height:9px}.category-grid-item[title],.category-grid-name[title]{cursor:pointer}.column-selector-compact{display:flex;align-items:center;gap:4px;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:12px;padding:4px;box-shadow:0 2px 8px #0000000f,inset 0 1px 2px #ffffff1a;transition:all .2s cubic-bezier(.4,0,.2,1)}.column-selector-compact:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #00000014,inset 0 1px 2px #ffffff26}.col-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #0000000d,inset 0 1px 1px #ffffff1a}.col-btn:hover{background:var(--bg-primary);border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-1px) scale(1.05);box-shadow:0 3px 8px #00000014,inset 0 1px 2px #ffffff26}.col-btn.active{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-color:var(--accent-primary);color:#fff;box-shadow:0 2px 8px rgba(var(--accent-rgb),.35),0 0 0 2px rgba(var(--accent-rgb),.15),inset 0 1px 2px #fff3;transform:scale(1.05)}.icon-button-card{position:relative;display:flex;align-items:center;justify-content:center;width:auto;min-width:24px;height:24px;background:var(--bg-secondary);border:1.5px solid var(--border-primary);border-radius:8px;padding:0;flex-shrink:0;box-shadow:0 2px 8px #0000001a,0 1px 4px #0000000f,0 1px 2px #0000000a,inset 0 1px 1px #ffffff1a;transition:all .25s cubic-bezier(.4,0,.2,1)}.icon-button-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 16px #00000024,0 2px 8px #0000001a,0 1px 4px #0000000f,inset 0 1px 2px #ffffff26;transform:translateY(-1px) scale(1.08)}.icon-button-inner{display:flex;align-items:center;justify-content:center;gap:3px;width:100%;height:100%;padding:0;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.icon-button-inner:hover{color:var(--text-primary)}.icon-button-inner:active{transform:scale(.95)}.icon-button-inner svg{flex-shrink:0;transition:all .2s ease;width:14px!important;height:14px!important}.column-selector-dropdown{position:relative;z-index:100}.column-selector-dropdown:has(.column-dropdown-menu){z-index:10002}.icon-button-card.column-selector-dropdown{width:auto;min-width:50px;padding:0 3px;flex-shrink:0;overflow:visible}.column-selector-btn{display:flex;align-items:center;justify-content:center;gap:3px;padding:0 2px;width:100%;min-width:-moz-fit-content;min-width:fit-content}.column-selector-btn svg{width:14px!important;height:14px!important}.column-selector-btn .column-value{font-size:11px;font-weight:600;min-width:10px;text-align:center;color:inherit}.column-selector-btn .lucide-chevron-down,.column-selector-btn svg.lucide-chevron-down{width:14px!important;height:14px!important}.column-selector-btn svg.rotated{transform:rotate(180deg);transition:transform .2s ease}.column-dropdown-menu{position:absolute;bottom:calc(100% + 6px);right:0;min-width:140px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;box-shadow:0 12px 32px #0003,0 6px 16px #00000026,0 2px 8px #0000001a,inset 0 1px 2px #ffffff26;z-index:10003!important;overflow:hidden;margin-bottom:4px}.column-dropdown-item{padding:12px 16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text-primary);font-size:13px;font-weight:500;white-space:nowrap;border-bottom:1px solid var(--border-secondary)}.column-dropdown-item:last-child{border-bottom:none}.category-sort-dropdown{position:relative;margin-left:auto;z-index:10005}.category-sort-dropdown .icon-button-inner{display:flex;align-items:center;gap:4px;padding:6px 10px}.category-sort-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;box-shadow:0 12px 32px #0003,0 6px 16px #00000026,0 2px 8px #0000001a,inset 0 1px 2px #ffffff26;z-index:10005!important;overflow:hidden;margin-top:4px;padding:4px}.sort-option{display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:2px solid transparent;border-radius:10px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;position:relative}.sort-option:hover{background:var(--bg-tertiary);border-color:var(--border-primary);transform:translate(2px)}.sort-option.active{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.sort-option-check{color:var(--accent-primary);margin-left:auto;width:16px;height:16px}.column-dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary);padding-left:18px}.column-dropdown-item.active{background:linear-gradient(135deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.08));color:var(--accent-primary);font-weight:700;border-left:3px solid var(--accent-primary)}.column-dropdown-item.active:hover{background:linear-gradient(135deg,rgba(var(--accent-rgb),.18),rgba(var(--accent-rgb),.12))}@media (max-width: 1024px){.categories-grid.cols-3,.categories-grid.cols-4,.categories-grid.cols-5,.categories-grid.cols-6{gap:14px;padding:14px}.categories-grid.cols-3 .category-grid-item,.categories-grid.cols-4 .category-grid-item{min-height:110px;padding:14px 10px;gap:8px}.categories-grid.cols-3 .category-grid-icon,.categories-grid.cols-4 .category-grid-icon{width:56px;height:56px}.categories-grid.cols-3 .category-grid-icon svg,.categories-grid.cols-4 .category-grid-icon svg{width:24px;height:24px}.categories-grid.cols-3 .category-grid-name,.categories-grid.cols-4 .category-grid-name{font-size:11px;min-height:2.7em}.categories-grid.cols-3 .category-grid-count,.categories-grid.cols-4 .category-grid-count{font-size:9px;padding:3px 7px;top:7px;left:7px}}@media (max-width: 768px){.channels-header-modern,.categories-header-modern{padding:10px 12px;gap:6px;margin:8px 12px}.header-middle-row{flex-wrap:wrap;gap:6px}.filter-btn-compact{flex:1;min-width:0;padding:6px 12px;font-size:12px}.categories-grid{gap:12px;padding:12px}.categories-grid.cols-2,.categories-grid.cols-3,.categories-grid.cols-4,.categories-grid.cols-5,.categories-grid.cols-6{grid-template-columns:repeat(2,1fr)!important;gap:12px;padding:12px}.categories-grid .category-grid-item{min-height:105px;padding:12px 8px;gap:8px}.categories-grid .category-grid-icon{width:52px;height:52px}.categories-grid .category-grid-icon svg{width:22px;height:22px}.categories-grid .category-grid-name{font-size:11px;min-height:2.6em}.categories-grid .category-grid-count{font-size:9px;padding:3px 6px;top:6px;left:6px;min-width:18px}.column-selector-compact{gap:3px;padding:3px}.col-btn{width:26px;height:26px;font-size:11px}}.playlists-header-modern{padding:16px 20px;gap:12px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:18px;border:2px solid var(--border-primary);margin:12px 16px;box-shadow:0 10px 28px #00000014,0 5px 14px #0000000d,0 2px 8px #00000008,inset 0 1px 2px #ffffff1f;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}.playlists-header-modern:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--accent-rgb),.03) 0%,transparent 50%,rgba(var(--accent-rgb),.03) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.playlists-header-modern:hover:before{opacity:1}.playlists-header-modern>*{position:relative;z-index:1}.playlists-header-modern .header-top-row{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-bottom:0}.playlists-header-modern .header-search-row{display:flex;align-items:center;gap:12px;margin-top:12px}.view-controls-playlist{display:flex;align-items:center;gap:8px;flex-shrink:0}.playlists-controls-row{display:flex;align-items:center;gap:12px;margin-top:12px}.playlist-sort-select{flex-shrink:0;padding:10px 14px;font-size:14px;font-weight:600;color:var(--text-primary);background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-width:160px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}.playlist-sort-select:hover{border-color:var(--accent-primary);background:var(--bg-secondary);transform:translateY(-1px);box-shadow:0 4px 12px #00000014,0 2px 6px #0000000f,inset 0 1px 2px #ffffff26}.playlist-sort-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15),0 2px 8px #0000001a;background:var(--bg-secondary)}.search-section-playlist{position:relative;flex:1;display:flex;align-items:center}.search-section-playlist .search-icon{position:absolute;left:12px;color:var(--text-tertiary);pointer-events:none;z-index:1}.playlist-search-input{width:100%;padding:10px 36px;font-size:14px;font-weight:500;color:var(--text-primary);background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000d,inset 0 1px 3px #ffffff1a}.playlist-search-input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12),0 4px 12px #00000014,inset 0 1px 3px #ffffff26}.playlist-search-input::-moz-placeholder{color:var(--text-tertiary)}.playlist-search-input::placeholder{color:var(--text-tertiary)}.playlist-controls-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.playlist-sort-icon-wrapper{position:relative;flex-shrink:0;z-index:10000}.playlist-sort-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}.playlist-sort-icon-btn:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px) scale(1.05);box-shadow:0 4px 12px #00000014,0 2px 6px #0000000f,inset 0 1px 2px #ffffff26}.playlist-sort-icon-btn:active{transform:translateY(0) scale(1)}.playlist-sort-dropdown{position:absolute;right:0;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:2px solid var(--border-primary);border-radius:16px;padding:8px;min-width:180px;z-index:10001!important;box-shadow:0 16px 48px #00000040,0 8px 24px #0000002e,0 4px 12px #0000001f,inset 0 1px 2px #ffffff1a}.playlist-sort-dropdown-above{bottom:calc(100% + 8px);animation:slideUpFade .2s ease-out}.playlist-sort-dropdown-below{top:calc(100% + 8px);animation:slideDownFade .2s ease-out}@keyframes slideUpFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.playlist-sort-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:10px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.playlist-sort-option:hover{background:var(--bg-primary);color:var(--accent-primary)}.playlist-sort-option.active{background:rgba(var(--accent-rgb),.1);color:var(--accent-primary);font-weight:600}.playlist-sort-option span{flex:1}.playlist-sort-option svg:first-child{flex-shrink:0;color:var(--text-secondary)}.playlist-sort-option.active svg:first-child{color:var(--accent-primary)}.playlist-sort-option svg:last-child{flex-shrink:0;color:var(--accent-primary)}.playlist-search-input-compact{width:100%;padding:9px 32px 9px 36px;font-size:13px;font-weight:500;color:var(--text-primary);background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000d,inset 0 1px 3px #ffffff1a}.playlist-search-input-compact:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12),0 4px 12px #00000014,inset 0 1px 3px #ffffff26}.playlist-search-input-compact::-moz-placeholder{color:var(--text-tertiary);font-size:13px}.playlist-search-input-compact::placeholder{color:var(--text-tertiary);font-size:13px}.playlist-quick-select-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}.playlist-quick-select-btn:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px) scale(1.05);box-shadow:0 4px 12px #00000014,0 2px 6px #0000000f,inset 0 1px 2px #ffffff26}.playlist-quick-select-btn:active{transform:translateY(0) scale(1)}.playlist-quick-select-popover{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:2px solid var(--border-primary);border-radius:16px;width:450px;max-width:90vw;max-height:min(70vh,500px);display:flex;flex-direction:column;animation:popoverFadeIn .2s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 20px 60px #0000004d,0 10px 30px #0003,0 4px 12px #00000026,inset 0 1px 2px #ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.playlist-quick-select-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--border-primary);background:var(--bg-primary);flex-shrink:0}.playlist-quick-select-title{display:flex;align-items:center;gap:12px}.playlist-quick-select-title svg{color:var(--accent-primary);flex-shrink:0}.playlist-quick-select-title h3{margin:0;font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.playlist-quick-select-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.playlist-quick-select-close:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-primary);transform:scale(1.05) rotate(90deg)}.playlist-quick-select-search{position:relative;padding:16px 28px;border-bottom:1px solid var(--border-primary);background:var(--bg-primary);flex-shrink:0}.playlist-quick-select-search .search-icon{position:absolute;left:40px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.playlist-quick-search-input{width:100%;padding:12px 40px 12px 42px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;color:var(--text-primary);font-size:14px;font-weight:500;transition:all .25s ease;box-shadow:0 2px 8px #0000000d,inset 0 1px 3px #ffffff1a}.playlist-quick-search-input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-tertiary);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12),0 4px 12px #00000014,inset 0 1px 3px #ffffff26}.playlist-quick-search-input::-moz-placeholder{color:var(--text-tertiary)}.playlist-quick-search-input::placeholder{color:var(--text-tertiary)}.clear-search-btn{position:absolute;right:34px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.clear-search-btn:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-50%) scale(1.1)}.playlist-quick-select-list{flex:1;overflow-y:auto;padding:12px 16px;background:var(--bg-primary)}.playlist-quick-select-item{display:flex;align-items:center;gap:14px;padding:14px 16px;margin-bottom:6px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;cursor:pointer;transition:all .2s ease}.playlist-quick-select-item:hover{background:var(--bg-hover);border-color:var(--accent-primary);transform:translate(4px);box-shadow:0 4px 12px #00000014}.playlist-quick-select-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);flex-shrink:0}.playlist-quick-select-item:hover .playlist-quick-select-icon{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.playlist-quick-select-info{flex:1;min-width:0}.playlist-quick-select-name{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-quick-select-count{font-size:13px;font-weight:500;color:var(--text-tertiary)}.playlist-quick-select-empty{padding:40px 20px;text-align:center;color:var(--text-tertiary);font-size:14px}.playlist-quick-select-footer{padding:14px 28px;border-top:1px solid var(--border-primary);background:var(--bg-primary);flex-shrink:0}.playlist-quick-select-stats{font-size:13px;color:var(--text-tertiary);font-weight:500}.playlist-quick-select-list::-webkit-scrollbar{width:8px}.playlist-quick-select-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.playlist-quick-select-list::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.playlist-quick-select-list::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.playlist-quick-select-popover-compact{width:420px;max-width:90vw;max-height:min(65vh,450px)}.playlist-quick-select-header-compact{padding:18px 22px}.playlist-quick-select-header-compact .playlist-quick-select-title h3{font-size:18px}.playlist-quick-select-search-compact{padding:12px 22px}.playlist-quick-select-search-compact .search-icon{left:34px}.playlist-quick-search-input-compact{padding:10px 36px 10px 38px;font-size:13px}.playlist-quick-select-list-compact{padding:8px 12px}.playlist-quick-select-item-compact{padding:10px 14px;margin-bottom:4px;gap:10px}.playlist-quick-select-item-compact .playlist-quick-select-info{flex:1;min-width:0}.playlist-quick-select-name-compact{font-size:14px;display:flex;align-items:center;gap:6px;margin-bottom:2px}.playlist-favorite-star-inline{flex-shrink:0;margin-left:auto}.playlist-quick-select-count-compact{font-size:12px}.playlist-quick-select-footer-compact{padding:10px 22px}.playlist-quick-select-footer-compact .playlist-quick-select-stats{font-size:12px}@media (max-width: 600px){.playlist-quick-select-popover{width:calc(100vw - 32px);max-height:80vh}.playlist-quick-select-popover-compact{width:calc(100vw - 32px);max-height:75vh}.playlist-quick-select-header,.playlist-quick-select-search,.playlist-quick-select-footer{padding:16px 20px}.playlist-quick-select-header-compact,.playlist-quick-select-search-compact,.playlist-quick-select-footer-compact{padding:12px 18px}.playlist-quick-select-list{padding:8px 12px}.playlist-quick-select-list-compact{padding:6px 10px}}.playlists-title-compact{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:baseline;gap:8px;flex:1;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(0,0,0,.05)}.playlist-count{font-size:14px;font-weight:500;color:var(--text-tertiary);margin-left:4px;opacity:.7}.btn-create-playlist-sidebar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary, var(--accent-primary)) 100%);border:2px solid var(--accent-primary);border-radius:10px;color:#fff;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 3px 10px rgba(var(--accent-rgb),.3),0 1px 4px rgba(var(--accent-rgb),.2),inset 0 1px 2px #fff3}.btn-create-playlist-sidebar:hover{background:linear-gradient(135deg,var(--accent-secondary, var(--accent-primary)) 0%,var(--accent-primary) 100%);border-color:var(--accent-secondary, var(--accent-primary));transform:translateY(-2px) scale(1.08);box-shadow:0 6px 16px rgba(var(--accent-rgb),.4),0 2px 8px rgba(var(--accent-rgb),.3),inset 0 1px 3px #ffffff40}.btn-create-playlist-sidebar:active{transform:translateY(0) scale(1)}.playlist-sort-dropdown{flex-shrink:0;padding:8px 12px;font-size:13px;font-weight:500;color:var(--text-primary);background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-width:130px;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}.playlist-sort-dropdown:hover{border-color:var(--accent-primary);background:var(--bg-secondary);transform:translateY(-1px);box-shadow:0 4px 12px #00000014,0 2px 6px #0000000f,inset 0 1px 2px #ffffff26}.playlist-sort-dropdown:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15),0 2px 8px #0000001a;background:var(--bg-secondary)}.bulk-actions-bar{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-top:2px solid var(--border-primary);z-index:1000;box-shadow:0 -8px 32px #00000026,0 -4px 16px #0000001a,0 -2px 8px #0000000f,inset 0 1px 2px #ffffff1a;animation:slideUpFromBottom .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUpFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.bulk-actions-bar-left{display:flex;align-items:center;flex-shrink:0}.selection-count-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--accent-primary);color:#fff;font-size:13px;font-weight:700;border-radius:10px;box-shadow:0 4px 12px rgba(var(--accent-rgb),.3),0 2px 6px rgba(var(--accent-rgb),.2);letter-spacing:.02em}.bulk-actions-bar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1;justify-content:flex-end}.bulk-action-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 14px;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}.bulk-action-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.15),0 2px 6px #00000014,inset 0 1px 2px #ffffff26}.bulk-action-btn:active:not(:disabled){transform:translateY(0)}.bulk-action-btn:disabled{opacity:.4;cursor:not-allowed}.bulk-action-btn-danger{border-color:#dc35454d}.bulk-action-btn-danger:hover:not(:disabled){background:#dc35451a;border-color:#dc3545;color:#dc3545;box-shadow:0 4px 12px #dc354533,0 2px 6px #dc35451f,inset 0 1px 2px #ffffff26}.bulk-action-btn-secondary{background:var(--bg-tertiary);border-color:var(--border-secondary)}.bulk-action-btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--text-tertiary);color:var(--text-secondary)}@media (max-width: 900px){.bulk-actions-bar{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}.bulk-actions-bar-left{justify-content:center}.bulk-actions-bar-right{justify-content:center;gap:8px}.bulk-action-btn{flex:1;min-width:100px;font-size:12px;padding:8px 12px}}.playlists-content{padding:8px 12px 12px;overflow-y:auto;flex:1}.playlists-grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:8px}.playlists-list-container{display:flex;flex-direction:column;gap:8px;width:100%;overflow:visible}.playlist-grid-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:10px 8px 8px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;min-width:0;width:100%;min-height:115px;box-shadow:0 4px 14px #0000001a,0 2px 7px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}.playlist-grid-item:hover{transform:translateY(-4px) scale(1.005);border-color:var(--accent-primary);background:var(--bg-primary);box-shadow:0 12px 32px #00000024,0 6px 16px #0000001a,0 3px 8px #0000000f,inset 0 2px 4px #ffffff26}.playlist-fav-toggle-top-right{position:absolute;top:8px;right:8px;background:var(--bg-primary);border:1.5px solid var(--border-primary);padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:50%;width:24px;height:24px;z-index:3;box-shadow:0 2px 6px #0000001a}.playlist-fav-toggle-top-right:hover{background:var(--bg-secondary);border-color:var(--accent-primary);transform:scale(1.15);box-shadow:0 2px 8px #ffd7004d}.playlist-fav-toggle-top-right:active{transform:scale(.9)}.playlist-fav-icon{width:12px;height:12px}.playlist-fav-icon.active{filter:drop-shadow(0 1px 2px rgba(255,215,0,.4))}.playlist-list-icon .playlist-fav-toggle{position:absolute;top:-6px;right:-6px;z-index:2;background:var(--bg-secondary);border:1px solid var(--border-primary);width:24px;height:24px;padding:4px;box-shadow:0 2px 4px #0000001a}.playlist-list-icon .playlist-fav-toggle:hover{background:var(--bg-primary);border-color:var(--accent-primary);box-shadow:0 3px 8px #ffd7004d}.playlist-grid-item.selected,.playlist-list-item.selected{border-color:var(--accent-primary);background:rgba(var(--accent-rgb),.08);transform:translateY(-2px) scale(1.005);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2),0 10px 28px rgba(var(--accent-rgb),.25),0 5px 14px rgba(var(--accent-rgb),.18),0 2px 7px rgba(var(--accent-rgb),.12),inset 0 2px 4px #ffffff1f}.playlist-selection-checkbox{position:absolute;top:8px;left:8px;z-index:4}.playlist-selection-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary);border-radius:4px}.btn-select-playlist{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:10px;color:var(--text-primary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}.btn-select-playlist:hover{background:var(--bg-primary);border-color:var(--accent-primary);transform:translateY(-1px) scale(1.05);box-shadow:0 4px 12px #00000014,0 2px 6px #0000000f,inset 0 1px 2px #ffffff26}.btn-select-playlist.active{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary, var(--accent-primary)) 100%);border-color:var(--accent-primary);color:#fff;box-shadow:0 2px 8px rgba(var(--accent-rgb),.3),0 0 0 2px rgba(var(--accent-rgb),.15),inset 0 1px 2px #fff3}.btn-select-playlist.active:hover{background:linear-gradient(135deg,var(--accent-secondary, var(--accent-primary)) 0%,var(--accent-primary) 100%);transform:translateY(-1px) scale(1.08)}.playlist-bulk-actions-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-top:1px solid var(--border-primary);position:sticky;bottom:0;z-index:10;box-shadow:0 -2px 8px #0000001a}.playlist-bulk-actions-info{display:flex;align-items:center;gap:8px}.playlist-selection-count{font-size:13px;font-weight:600;color:var(--text-primary)}.playlist-bulk-actions-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.playlist-bulk-action-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.playlist-bulk-action-btn:hover{background:var(--bg-secondary);border-color:var(--accent-primary);transform:translateY(-1px)}.playlist-bulk-action-btn.playlist-bulk-action-danger{color:#ef4444;border-color:#ef44444d}.playlist-bulk-action-btn.playlist-bulk-action-danger:hover{background:#ef44441a;border-color:#ef4444}.playlist-grid-spacer{height:28px;flex-shrink:0;width:100%}.playlist-grid-name{font-size:11px;font-weight:600;color:var(--text-primary);text-align:center;line-height:1.3;width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;max-height:2.6em;padding:0 8px;margin:0;flex:1;min-height:2.6em;box-sizing:border-box;overflow-wrap:break-word}@supports not (-webkit-line-clamp: 2){.playlist-grid-name{display:block;max-height:2.8em;overflow:hidden;position:relative}.playlist-grid-item:hover .playlist-grid-name{overflow:visible;max-height:none}}.playlist-grid-count{font-size:10px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary, var(--accent-primary)) 100%);border:1px solid rgba(var(--accent-rgb),.3);border-radius:10px;padding:4px 8px;margin-top:4px;box-shadow:0 2px 6px rgba(var(--accent-rgb),.25),0 1px 3px #0000001a,inset 0 1px 2px #fff3;min-width:24px;display:inline-flex;align-items:center;justify-content:center}.playlist-list-item{display:flex;align-items:center;gap:14px;padding:14px 16px;margin:0 4px 10px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:14px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:72px;width:calc(100% - 8px);box-shadow:0 4px 14px #0000001a,0 2px 7px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}:root:not([data-theme=Dark]) .playlist-list-item,:root:not([data-theme=dark]) .playlist-list-item{background:#fff;border:2px solid #D1D5DB;box-shadow:0 2px 8px #0000001f,0 1px 4px #00000014,0 0 0 1px #0000000d}.playlist-list-item:hover{transform:translateY(-3px) scale(1.005);border-color:var(--accent-primary);background:var(--bg-primary);box-shadow:0 12px 32px #00000024,0 6px 16px #0000001a,0 3px 8px #0000000f,inset 0 2px 4px #ffffff26}:root:not([data-theme=Dark]) .playlist-list-item:hover,:root:not([data-theme=dark]) .playlist-list-item:hover{border-color:var(--accent-primary);box-shadow:0 4px 16px #00000029,0 2px 8px #0000001f,0 0 0 1px rgba(var(--accent-rgb),.2)}.playlist-list-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border:2px solid var(--accent-primary);position:relative;flex-shrink:0;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 8px rgba(var(--accent-rgb),.15),0 1px 3px rgba(var(--accent-rgb),.08),inset 0 1px 2px #ffffff1f;color:#fff}.playlist-list-icon svg{width:24px;height:24px;flex-shrink:0}.playlist-list-item:hover .playlist-list-icon{transform:scale(1.08);box-shadow:0 4px 12px rgba(var(--accent-rgb),.25),0 2px 5px rgba(var(--accent-rgb),.1),inset 0 1px 2px #ffffff26}.playlist-list-fav{position:absolute;top:-4px;right:-4px;color:gold;background:var(--bg-primary);border-radius:50%;padding:2px;box-shadow:0 2px 6px #ffd7004d,inset 0 1px 1px #fff3}.playlist-list-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.playlist-list-name{font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.playlist-list-meta{display:flex;align-items:center;gap:8px}.playlist-list-count{font-size:12px;font-weight:500;color:var(--text-secondary)}@media (max-width: 768px){.playlists-grid-container{grid-template-columns:repeat(2,1fr);gap:12px}.playlist-grid-item{min-height:90px;padding:14px 10px}.playlist-grid-name{font-size:11px}}.sidebar .nav-quick-actions{position:relative;left:auto;bottom:auto;width:100%;margin:8px;padding:12px;border-radius:18px;background:var(--sidebar-tabs-bg, var(--bg-tertiary));border:2px solid var(--sidebar-tabs-border, var(--border-primary));box-shadow:var( --sidebar-tabs-shadow, 0 8px 24px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .04), inset 0 1px 3px rgba(255, 255, 255, .12) )}.sidebar .nav-quick-actions:before{display:none}.sidebar .nav-quick-actions-inner{display:flex;flex-direction:column;gap:6px}.sidebar .nav-quick-actions .nav-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;padding:10px 14px;border-radius:14px;background:var(--sidebar-tab-bg, var(--bg-secondary));border:2px solid var(--sidebar-tab-border, var(--border-primary));font-size:13px;font-weight:600;color:var(--sidebar-tab-text, var(--text-secondary));cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:44px;width:100%;box-sizing:border-box;box-shadow:var( --sidebar-tab-shadow, 0 4px 14px rgba(0, 0, 0, .1), 0 2px 7px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .04), inset 0 1px 2px rgba(255, 255, 255, .12) )}.sidebar .nav-quick-actions .nav-item:hover{background:var(--sidebar-tab-hover-bg, var(--bg-tertiary));border-color:var(--sidebar-tab-hover-border, var(--accent-primary));color:var(--sidebar-tab-hover-text, var(--text-primary));transform:translateY(-3px) scale(1.02);box-shadow:0 10px 28px #00000024,0 5px 14px #0000001a,0 3px 8px #0000000f,inset 0 2px 4px #ffffff26}.sidebar .nav-quick-actions .nav-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.sidebar .nav-quick-actions .nav-item-label{font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.2px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.sidebar .nav-quick-actions .nav-profile-container{position:static}.sidebar .nav-theme-dropdown-backdrop,.sidebar .nav-profile-dropdown-backdrop{position:fixed;inset:0;z-index:9999;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar .nav-theme-dropdown-menu{position:fixed;background:var(--bg-secondary, #161b22);border-radius:12px;box-shadow:0 8px 24px #00000026;border:1px solid var(--border-primary, #30363d);overflow:hidden;z-index:10000;min-width:280px;max-width:320px;max-height:500px;display:flex;flex-direction:column}.sidebar .nav-theme-dropdown-header{padding:16px;border-bottom:1px solid var(--border-primary, #30363d);display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar .nav-theme-dropdown-title{display:flex;align-items:center;gap:8px;color:var(--text-primary, #e6edf3);font-weight:600;font-size:14px}.sidebar .nav-theme-dropdown-hint{display:flex;align-items:center;gap:4px;color:var(--text-tertiary, #7d8590);font-size:11px}.sidebar .nav-theme-dropdown-list{overflow-y:auto;max-height:420px;padding:8px}.sidebar .nav-theme-dropdown-item{display:flex;align-items:center;gap:8px;margin-bottom:4px;border-radius:8px;transition:background .2s ease}.sidebar .nav-theme-dropdown-item:hover,.sidebar .nav-theme-dropdown-item.active{background:var(--hover-bg, #21262d)}.sidebar .nav-theme-dropdown-item.dragging{opacity:.5}.sidebar .nav-theme-drag-handle{display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;color:var(--text-tertiary, #7d8590);cursor:grab;border-radius:4px;transition:all .2s ease}.sidebar .nav-theme-drag-handle:active{cursor:grabbing}.sidebar .nav-theme-drag-handle:hover{background:var(--hover-bg, #21262d);color:var(--text-secondary, #7d8590)}.sidebar .nav-theme-select-btn{flex:1;display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-primary, #e6edf3);cursor:pointer;transition:all .2s ease;text-align:left}.sidebar .nav-theme-select-btn:hover{background:var(--hover-bg, #21262d)}.sidebar .nav-theme-color-preview{width:32px;height:32px;border-radius:6px;overflow:hidden;flex-shrink:0;border:1px solid var(--border-primary, #30363d)}.sidebar .nav-theme-color-gradient{width:100%;height:100%}.sidebar .nav-theme-name{flex:1;font-size:14px;font-weight:500}.sidebar .nav-profile-dropdown-wrapper{position:fixed;z-index:10000}.sidebar .nav-profile-pic{width:20px;height:20px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.transcript-viewer{display:flex;flex-direction:column;height:100%}.transcript-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.transcript-spinner{width:48px;height:48px;color:var(--accent-color, #3b82f6);animation:spin 1s linear infinite;margin-bottom:16px}.transcript-loading p{margin:0;font-size:16px;color:var(--text-secondary, #6b7280)}.transcript-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;padding:40px 20px}.transcript-error-icon{font-size:48px;margin-bottom:16px;opacity:.8}.transcript-error h3{margin:0 0 12px;font-size:20px;font-weight:600;color:#dc2626}.transcript-error p{margin:0 0 24px;font-size:15px;line-height:1.6;color:var(--text-secondary, #6b7280);max-width:500px}.transcript-retry-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;background:var(--accent-color, #3b82f6);color:#fff;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.transcript-retry-btn:hover{background:var(--accent-hover, #2563eb);transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.transcript-empty{display:flex;align-items:center;justify-content:center;min-height:300px;text-align:center}.transcript-empty p{margin:0;font-size:16px;color:var(--text-tertiary, #9ca3af)}.transcript-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color, #e5e7eb)}.transcript-stats{display:flex;align-items:center;gap:16px}.transcript-stat{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary, #6b7280)}.transcript-stat svg{flex-shrink:0}.transcript-actions{display:flex;gap:8px}.transcript-action-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb);border-radius:6px;font-size:13px;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s ease}.transcript-action-btn:hover{background:var(--bg-tertiary, #f3f4f6);border-color:var(--accent-color, #3b82f6);color:var(--accent-color, #3b82f6)}.transcript-search-bar{margin-bottom:16px}.transcript-search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--text-tertiary, #9ca3af);pointer-events:none}.transcript-search-input{width:100%;padding:10px 40px;border:2px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb);border-radius:8px;font-size:14px;color:var(--text-primary, #111827);transition:all .2s ease}.transcript-search-input:focus{outline:none;border-color:var(--accent-color, #3b82f6);background:var(--bg-primary, #ffffff)}.search-clear-btn{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:4px;color:var(--text-tertiary, #9ca3af);cursor:pointer;transition:all .2s ease}.search-clear-btn:hover{background:var(--bg-tertiary, #f3f4f6);color:var(--text-secondary, #6b7280)}.search-results-count{margin-top:8px;font-size:13px;color:var(--text-secondary, #6b7280)}.transcript-keywords{margin-bottom:16px;padding:12px;background:var(--bg-secondary, #f9fafb);border-radius:8px}.keywords-label{display:block;margin-bottom:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary, #9ca3af)}.keywords-list{display:flex;flex-wrap:wrap;gap:6px}.keyword-tag{display:flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-primary, #ffffff);border-radius:6px;font-size:13px;color:var(--text-primary, #111827);cursor:pointer;transition:all .2s ease}.keyword-tag:hover{border-color:var(--accent-color, #3b82f6);background:#3b82f60d;color:var(--accent-color, #3b82f6)}.keyword-count{padding:0 4px;background:var(--bg-tertiary, #f3f4f6);border-radius:3px;font-size:11px;font-weight:600;color:var(--text-tertiary, #9ca3af)}.transcript-content{flex:1;overflow-y:auto;padding-right:4px}.transcript-content::-webkit-scrollbar{width:8px}.transcript-content::-webkit-scrollbar-track{background:var(--bg-secondary, #f9fafb);border-radius:4px}.transcript-content::-webkit-scrollbar-thumb{background:var(--border-color, #e5e7eb);border-radius:4px}.transcript-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary, #9ca3af)}.transcript-search-results{display:flex;flex-direction:column;gap:12px}.transcript-search-result{padding:12px;background:var(--bg-secondary, #f9fafb);border-left:3px solid var(--accent-color, #3b82f6);border-radius:8px;transition:all .2s ease}.transcript-search-result:hover{background:var(--bg-tertiary, #f3f4f6);transform:translate(4px)}.result-timestamp{margin-bottom:6px;font-size:12px;font-weight:600;font-family:Courier New,monospace;color:var(--accent-color, #3b82f6)}.result-text{font-size:14px;line-height:1.6;color:var(--text-primary, #111827)}.result-text mark{background:#fef3c7;color:#92400e;padding:2px 4px;border-radius:3px;font-weight:600}.transcript-no-results{display:flex;align-items:center;justify-content:center;min-height:200px;text-align:center}.transcript-no-results p{margin:0;font-size:15px;color:var(--text-tertiary, #9ca3af)}.transcript-paragraphs{display:flex;flex-direction:column;gap:16px}.transcript-paragraph{display:flex;gap:12px;padding:12px;border-radius:8px;transition:all .2s ease}.transcript-paragraph:hover{background:var(--bg-secondary, #f9fafb)}.paragraph-timestamp{flex-shrink:0;width:60px;font-size:12px;font-weight:600;font-family:Courier New,monospace;color:var(--accent-color, #3b82f6);line-height:1.6}.paragraph-content{flex:1;position:relative;display:flex;gap:8px}.paragraph-text{flex:1;margin:0;font-size:14px;line-height:1.6;color:var(--text-primary, #111827)}.paragraph-copy-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:6px;color:var(--text-tertiary, #9ca3af);cursor:pointer;opacity:0;transition:all .2s ease}.transcript-paragraph:hover .paragraph-copy-btn{opacity:1}.paragraph-copy-btn:hover{background:var(--bg-tertiary, #f3f4f6);color:var(--text-primary, #111827)}.copied-icon{color:#16a34a}.transcript-scroll-top{position:fixed;bottom:24px;right:24px;width:40px;height:40px;border:none;background:var(--accent-color, #3b82f6);color:#fff;border-radius:50%;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #3b82f64d;transition:all .3s ease;z-index:10}.transcript-scroll-top:hover{background:var(--accent-hover, #2563eb);transform:translateY(-4px);box-shadow:0 8px 20px #3b82f666}@media (max-width: 768px){.transcript-header{flex-direction:column;align-items:flex-start;gap:12px}.transcript-paragraph{flex-direction:column;gap:8px}.paragraph-timestamp{width:auto}.paragraph-copy-btn{opacity:1}.keyword-tag{font-size:12px}}@media (prefers-color-scheme: dark){.transcript-viewer{--bg-primary: #1f2937;--bg-secondary: #111827;--bg-tertiary: #374151;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--border-color: #374151;--accent-color: #60a5fa;--accent-hover: #3b82f6}.result-text mark{background:#fbbf2433;color:#fbbf24}}.video-qa-chat{display:flex;flex-direction:column;height:100%}.qa-loading,.qa-error,.qa-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.qa-spinner{width:48px;height:48px;color:var(--accent-color, #3b82f6);animation:spin 1s linear infinite;margin-bottom:16px}.qa-loading p,.qa-error p,.qa-empty p{margin:0;font-size:16px;color:var(--text-secondary, #6b7280)}.qa-error p{color:#dc2626}.qa-retry-btn{margin-top:16px;padding:10px 20px;border:none;background:var(--accent-color, #3b82f6);color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.qa-retry-btn:hover{background:var(--accent-hover, #2563eb);transform:translateY(-1px)}.qa-chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--bg-secondary, #f9fafb);border-radius:8px;margin-bottom:16px}.qa-chat-info{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary, #6b7280)}.qa-chat-info svg{color:var(--accent-color, #3b82f6)}.qa-clear-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-color, #e5e7eb);background:transparent;border-radius:6px;font-size:13px;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s ease}.qa-clear-btn:hover{background:#fee2e2;border-color:#dc2626;color:#dc2626}.qa-chat-messages{flex:1;overflow-y:auto;padding:4px;margin-bottom:16px}.qa-chat-messages::-webkit-scrollbar{width:8px}.qa-chat-messages::-webkit-scrollbar-track{background:var(--bg-secondary, #f9fafb);border-radius:4px}.qa-chat-messages::-webkit-scrollbar-thumb{background:var(--border-color, #e5e7eb);border-radius:4px}.qa-chat-messages::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary, #9ca3af)}.qa-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px}.qa-welcome-icon{color:var(--accent-color, #3b82f6);margin-bottom:16px;animation:sparkle 2s ease-in-out infinite}.qa-welcome h4{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--text-primary, #111827)}.qa-welcome p{margin:0 0 24px;font-size:15px;color:var(--text-secondary, #6b7280)}.qa-suggested-questions{display:flex;flex-direction:column;gap:8px;width:100%;max-width:500px}.suggested-label{font-size:13px;font-weight:600;color:var(--text-secondary, #6b7280);margin-bottom:4px}.suggested-question-btn{padding:12px 16px;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb);border-radius:8px;font-size:14px;text-align:left;color:var(--text-primary, #111827);cursor:pointer;transition:all .2s ease}.suggested-question-btn:hover{background:var(--bg-tertiary, #f3f4f6);border-color:var(--accent-color, #3b82f6);color:var(--accent-color, #3b82f6);transform:translate(4px)}.qa-message-pair{margin-bottom:24px;animation:fadeInUp .3s ease}.qa-message{display:flex;gap:12px;margin-bottom:12px}.qa-message-avatar{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;font-weight:600}.qa-user-avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.qa-ai-avatar{background:var(--bg-secondary, #f9fafb);border:2px solid var(--border-color, #e5e7eb);color:var(--accent-color, #3b82f6)}.qa-message-content{flex:1;padding:12px 16px;border-radius:12px}.qa-user-message .qa-message-content{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-radius:12px 12px 4px}.qa-ai-message .qa-message-content{background:var(--bg-secondary, #f9fafb);color:var(--text-primary, #111827);border-radius:12px 12px 12px 4px}.qa-message-content p{margin:0;font-size:14px;line-height:1.6}.qa-confidence{display:inline-flex;align-items:center;margin-top:8px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.qa-confidence-high{background:#d1fae5;color:#065f46}.qa-confidence-medium{background:#fef3c7;color:#92400e}.qa-confidence-low{background:#fee2e2;color:#991b1b}.qa-timestamps{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color, #e5e7eb);font-size:12px;color:var(--text-secondary, #6b7280)}.qa-timestamps svg{flex-shrink:0}.qa-timestamp-link{padding:2px 8px;background:var(--accent-color, #3b82f6);color:#fff;border-radius:4px;font-weight:500;font-family:Courier New,monospace;cursor:pointer;transition:all .2s ease}.qa-timestamp-link:hover{background:var(--accent-hover, #2563eb);transform:scale(1.05)}.qa-quotes{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color, #e5e7eb)}.qa-quote{margin:8px 0;padding:8px 12px;background:#3b82f60d;border-left:3px solid var(--accent-color, #3b82f6);border-radius:4px;font-size:13px;font-style:italic;color:var(--text-secondary, #6b7280)}.qa-streaming .qa-message-avatar{animation:pulse 1.5s ease-in-out infinite}.streaming-icon{animation:sparkle 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.qa-typing-indicator{display:inline-flex;align-items:center;gap:4px;padding:8px}.qa-typing-indicator span{width:8px;height:8px;background:var(--accent-color, #3b82f6);border-radius:50%;animation:typing 1.4s ease-in-out infinite}.qa-typing-indicator span:nth-child(2){animation-delay:.2s}.qa-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:scale(1);opacity:.4}30%{transform:scale(1.2);opacity:1}}.qa-input-form{display:flex;gap:8px;padding:12px;background:var(--bg-secondary, #f9fafb);border-radius:12px}.qa-input{flex:1;padding:12px 16px;border:2px solid transparent;background:var(--bg-primary, #ffffff);border-radius:10px;font-size:14px;color:var(--text-primary, #111827);transition:all .2s ease}.qa-input:focus{outline:none;border-color:var(--accent-color, #3b82f6)}.qa-input:disabled{opacity:.6;cursor:not-allowed}.qa-send-btn{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:none;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-radius:10px;cursor:pointer;transition:all .3s ease}.qa-send-btn:hover:not(:disabled){transform:scale(1.05) translateY(-2px);box-shadow:0 8px 20px #3b82f666}.qa-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.qa-send-spinner{animation:spin 1s linear infinite}.qa-suggestions-footer{margin-top:12px;padding:12px;background:var(--bg-secondary, #f9fafb);border-radius:8px}.suggestions-footer-label{display:block;margin-bottom:8px;font-size:12px;font-weight:600;color:var(--text-secondary, #6b7280)}.suggestions-footer-list{display:flex;flex-direction:column;gap:6px}.suggestion-footer-btn{padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-primary, #ffffff);border-radius:6px;font-size:13px;text-align:left;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s ease}.suggestion-footer-btn:hover{background:var(--bg-tertiary, #f3f4f6);color:var(--accent-color, #3b82f6);border-color:var(--accent-color, #3b82f6)}@media (max-width: 768px){.qa-message-avatar{width:28px;height:28px;font-size:10px}.qa-message-content{padding:10px 12px}.qa-input-form{padding:8px}.qa-send-btn{width:44px;height:44px}}@media (prefers-color-scheme: dark){.video-qa-chat{--bg-primary: #1f2937;--bg-secondary: #111827;--bg-tertiary: #374151;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--border-color: #374151;--accent-color: #60a5fa;--accent-hover: #3b82f6}.qa-confidence-high{background:#22c55e33;color:#86efac}.qa-confidence-medium{background:#fbbf2433;color:#fde047}.qa-confidence-low{background:#ef444433;color:#fca5a5}.qa-quote{background:#3b82f61a}}.note-editor{border:2px solid var(--card-border);border-radius:10px;background:var(--bg-primary);overflow:visible;transition:all .2s}.note-editor:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.editor-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--card-border);flex-wrap:wrap;color:var(--text-secondary)}.toolbar-group{display:flex;align-items:center;gap:4px}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:6px;color:#5f6368!important;cursor:pointer;transition:all .2s;font-size:14px;font-weight:600}[data-theme=Dark] .toolbar-btn{color:#8d96a0!important}.editor-toolbar .toolbar-btn svg{display:block!important;stroke:currentColor!important;stroke-width:2!important;fill:none!important;opacity:1!important;visibility:visible!important;filter:none!important}[data-theme=Dark] .editor-toolbar .toolbar-btn svg{color:#8d96a0!important}.editor-toolbar .toolbar-btn:hover svg{color:var(--text-primary)!important}.editor-toolbar .toolbar-btn.active svg{color:#fff!important}.editor-toolbar .toolbar-btn svg path,.editor-toolbar .toolbar-btn svg circle,.editor-toolbar .toolbar-btn svg rect,.editor-toolbar .toolbar-btn svg line,.editor-toolbar .toolbar-btn svg polyline,.editor-toolbar .toolbar-btn svg polygon{stroke:currentColor!important;fill:none!important;opacity:1!important;visibility:visible!important}.toolbar-btn:hover{background:var(--bg-primary);color:var(--text-primary)!important}.toolbar-btn.active{background:var(--accent-primary);color:#fff!important}.toolbar-divider{width:1px;height:24px;background:var(--card-border);margin:0 4px}.toolbar-icon-text{font-size:16px;font-weight:600}.toolbar-help-btn,.toolbar-shortcut-help{position:relative}.shortcut-popover{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:var(--bg-primary);border:1px solid var(--card-border);border-radius:10px;padding:12px 14px;box-shadow:0 16px 32px #0003;display:flex;flex-direction:column;gap:10px;z-index:80;max-height:260px;overflow:auto}.shortcut-popover:before{content:"";position:absolute;top:-6px;right:18px;width:12px;height:12px;background:var(--bg-primary);border-left:1px solid var(--card-border);border-top:1px solid var(--card-border);transform:rotate(45deg)}.shortcut-popover-header{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.shortcut-popover ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.shortcut-popover li{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-secondary)}.shortcut-label{color:var(--text-primary)}.shortcut-combo{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;background:var(--bg-secondary);padding:3px 6px;border-radius:6px;color:var(--text-secondary)}.note-editor-content{min-height:200px;max-height:500px;overflow-y:auto;padding:16px;font-size:15px;line-height:1.6;color:var(--text-primary);outline:none}.note-editor-content .ProseMirror,.note-editor-content .ProseMirror *,.note-editor-content .ProseMirror p,.note-editor-content .ProseMirror span,.note-editor-content .ProseMirror div,.note-editor-content .ProseMirror text,.note-editor-content .ProseMirror strong,.note-editor-content .ProseMirror em,.note-editor-content .ProseMirror i,.note-editor-content .ProseMirror b,.note-editor-content .ProseMirror h1,.note-editor-content .ProseMirror h2,.note-editor-content .ProseMirror h3,.note-editor-content .ProseMirror h4,.note-editor-content .ProseMirror h5,.note-editor-content .ProseMirror h6,.note-editor-content .ProseMirror li,.note-editor-content .ProseMirror blockquote,.note-editor-content .ProseMirror ul,.note-editor-content .ProseMirror ol,.note-editor-content .ProseMirror pre,.note-editor-content .ProseMirror code{color:var(--text-primary)!important;opacity:1!important;visibility:visible!important}.note-editor-content .ProseMirror{caret-color:var(--text-primary)!important}[data-theme=Dark] .note-editor-content .ProseMirror,[data-theme=Dark] .note-editor-content .ProseMirror *{color:#e6edf3!important;opacity:1!important;visibility:visible!important}[data-theme=Dark] .note-editor-content .ProseMirror{caret-color:#e6edf3!important}.note-editor-content .ProseMirror p.is-editor-empty:first-child:before{color:var(--text-tertiary)!important;opacity:1!important}.note-editor-content .ProseMirror{-moz-user-select:text!important;user-select:text!important;-webkit-user-select:text!important;pointer-events:auto!important}@keyframes immediateShow{0%{opacity:1}to{opacity:1}}.note-editor-content .ProseMirror{animation:immediateShow 1ms ease-in-out}.note-editor-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-tertiary);pointer-events:none;height:0}.note-editor-content h1{font-size:28px;font-weight:700;margin:24px 0 12px;line-height:1.3;color:var(--text-primary)}.note-editor-content h2{font-size:22px;font-weight:600;margin:20px 0 10px;line-height:1.3;color:var(--text-primary)}.note-editor-content h3{font-size:18px;font-weight:600;margin:16px 0 8px;line-height:1.3;color:var(--text-primary)}.note-editor-content p{margin:8px 0;color:var(--text-primary)}.note-editor-content strong{font-weight:600;color:var(--text-primary)}.note-editor-content em{font-style:italic}.note-editor-content code{background:var(--bg-secondary);color:#e74c3c;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:14px}.note-editor-content .editor-link{color:var(--accent-primary);text-decoration:underline;cursor:pointer;transition:color .2s}.note-editor-content .editor-link:hover{color:var(--accent-secondary)}.note-editor-content .note-link{color:var(--accent-primary, #3b82f6);text-decoration:none;cursor:pointer;background:rgba(var(--accent-rgb, 59, 130, 246),.1);padding:2px 6px;border-radius:4px;font-weight:500;transition:all .2s ease;display:inline-block}.note-editor-content .note-link:hover{background:rgba(var(--accent-rgb, 59, 130, 246),.2);text-decoration:underline}.note-editor-content ul,.note-editor-content ol{margin:8px 0;padding-left:24px}.note-editor-content li{margin:4px 0}.note-editor-content ul li{list-style-type:disc}.note-editor-content ol li{list-style-type:decimal}.note-editor-content blockquote{margin:12px 0;padding-left:16px;border-left:4px solid var(--accent-primary);color:var(--text-secondary);font-style:italic}.note-editor-content .editor-code-block{background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:8px;padding:16px;margin:12px 0;overflow-x:auto;font-family:Courier New,monospace;font-size:14px;line-height:1.5}.note-editor-content .editor-code-block pre{margin:0;padding:0;background:transparent;color:var(--text-primary)}.note-editor-content .editor-code-block code{background:transparent;padding:0;color:inherit;font-size:inherit}.note-editor-content .hljs-comment,.note-editor-content .hljs-quote{color:#6a737d;font-style:italic}.note-editor-content .hljs-keyword,.note-editor-content .hljs-selector-tag,.note-editor-content .hljs-subst{color:#d73a49}.note-editor-content .hljs-number,.note-editor-content .hljs-literal,.note-editor-content .hljs-variable,.note-editor-content .hljs-template-variable,.note-editor-content .hljs-tag .hljs-attr{color:#005cc5}.note-editor-content .hljs-string,.note-editor-content .hljs-doctag{color:#032f62}.note-editor-content .hljs-title,.note-editor-content .hljs-section,.note-editor-content .hljs-selector-id{color:#6f42c1;font-weight:700}.note-editor-content .hljs-type,.note-editor-content .hljs-class .hljs-title{color:#6f42c1}.note-editor-content .hljs-tag,.note-editor-content .hljs-name,.note-editor-content .hljs-attribute{color:#22863a}.note-editor-content .hljs-regexp,.note-editor-content .hljs-link{color:#032f62}.note-editor-content .hljs-symbol,.note-editor-content .hljs-bullet{color:#e36209}.note-editor-content .hljs-built_in,.note-editor-content .hljs-builtin-name{color:#005cc5}.note-editor-content .editor-image{max-width:100%;height:auto;border-radius:8px;margin:12px 0;display:block}.note-editor-content::-webkit-scrollbar{width:8px}.note-editor-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.note-editor-content::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}.note-editor-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}[data-theme=Dark] .note-editor-content code{background:#ffffff1a;color:#ff6b6b}[data-theme=Dark] .note-editor-content .editor-code-block{background:#0000004d;border-color:#ffffff1a}@media (max-width: 640px){.editor-toolbar{gap:4px;padding:6px 8px}.toolbar-btn{width:32px;height:32px}.shortcut-popover{right:auto;left:0;width:200px}.note-editor-content{padding:12px;font-size:14px}}.note-color-picker-overlay{position:fixed;inset:0;z-index:9999;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:overlayFadeIn .2s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.note-color-picker{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.color-picker-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-primary)}.color-picker-title{display:flex;align-items:center;gap:10px;color:var(--text-primary)}.color-picker-title>svg{color:var(--accent-primary)}.color-picker-title h3{margin:0;font-size:18px;font-weight:600}.color-picker-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.color-picker-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.color-picker-body{padding:24px}.color-preset-tabs{display:flex;gap:8px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-primary);flex-wrap:wrap}.color-preset-tab{padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;font-family:inherit}.color-preset-tab:hover{background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--text-primary)}.color-preset-tab.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.color-preset-tab svg{width:14px;height:14px}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:12px;margin-bottom:16px}.color-option{aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:8px}.color-option:hover{background:var(--bg-tertiary);border-color:var(--border-primary);transform:translateY(-2px)}.color-option.selected{border-color:var(--accent-primary);background:var(--bg-secondary)}.color-swatch{width:100%;height:100%;border-radius:8px;box-shadow:0 2px 8px #0000001a,inset 0 1px 2px #ffffff1a;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.color-option:hover .color-swatch{transform:scale(1.05);box-shadow:0 4px 12px #00000026,inset 0 1px 2px #ffffff1a}.color-option.selected .color-swatch{box-shadow:0 4px 16px #0003,inset 0 1px 2px #ffffff1a}.color-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#0000004d;border-radius:50%;animation:checkBounce .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkBounce{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.color-name-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500;color:var(--text-primary);white-space:nowrap;pointer-events:none;z-index:10;box-shadow:0 4px 12px #00000026}.color-name-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--bg-primary)}.color-current-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;gap:12px}.color-current-display{display:flex;align-items:center;gap:10px;flex:1}.color-current-swatch{width:32px;height:32px;border-radius:8px;border:2px solid var(--border-primary);box-shadow:0 2px 4px #0000001a}.color-current-display span{font-size:14px;color:var(--text-secondary);font-weight:500}.color-remove-btn{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.color-remove-btn:hover{background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--text-primary)}@media (max-width: 768px){.note-color-picker-overlay{padding:0}.note-color-picker{max-width:100%;border-radius:0;max-height:100vh;overflow-y:auto}.color-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px}.color-picker-header{padding:16px 20px}.color-picker-body{padding:20px}}@media (prefers-color-scheme: dark){.note-color-picker-overlay{background:#000000b3}.note-color-picker{box-shadow:0 20px 60px #0009}.color-swatch{box-shadow:0 2px 8px #0000004d,inset 0 1px 2px #ffffff0d}.color-option:hover .color-swatch{box-shadow:0 4px 12px #0006,inset 0 1px 2px #ffffff0d}.color-option.selected .color-swatch{box-shadow:0 4px 16px #00000080,inset 0 1px 2px #ffffff0d}}@media (prefers-reduced-motion: reduce){.note-color-picker-overlay,.note-color-picker,.color-option,.color-swatch,.color-check{animation:none;transition:none}.color-option:hover,.color-option:hover .color-swatch{transform:none}}@media (prefers-contrast: high){.color-option{border-width:3px}.color-swatch{border:2px solid rgba(0,0,0,.2)}.color-picker-header{border-bottom-width:2px}}.create-section-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;width:90%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.create-section-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color, #e9ecef)}.create-section-modal .modal-header h2{display:flex;align-items:center;gap:12px;margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #212529)}.create-section-modal .modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-secondary, #6c757d);transition:all .2s ease}.create-section-modal .modal-close-btn:hover{background:var(--bg-hover, #f8f9fa);color:var(--text-primary, #212529)}.create-section-modal .modal-body{padding:24px;overflow-y:auto;flex:1}.create-section-modal .form-field{margin-bottom:20px}.create-section-modal .form-field:last-child{margin-bottom:0}.create-section-modal .form-field label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-primary, #212529)}.create-section-modal .form-field label .required{color:var(--error-color, #dc3545);margin-left:2px}.create-section-modal .form-field input[type=text]{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--border-color, #dee2e6);border-radius:6px;background:#fff;color:var(--text-primary, #212529);transition:all .2s ease}.create-section-modal .form-field input[type=text]:focus{outline:none;border-color:var(--primary-color, #0d6efd);box-shadow:0 0 0 3px #0d6efd1a}.create-section-modal .field-hint{display:block;margin-top:4px;font-size:12px;color:var(--text-muted, #868e96)}.create-section-modal .parent-section-display{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #dee2e6);border-radius:6px;font-size:14px;color:var(--text-secondary, #6c757d)}.create-section-modal .new-section-indicator{color:var(--primary-color, #0d6efd);font-weight:500}.icon-selector-container{position:relative}.icon-selector-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 12px;background:#fff;border:1px solid var(--border-color, #dee2e6);border-radius:6px;cursor:pointer;font-size:14px;color:var(--text-primary, #212529);transition:all .2s ease;text-align:left}.icon-selector-btn:hover{border-color:var(--primary-color, #0d6efd)}.icon-selector-btn .selected-icon{font-size:24px}.icon-selector-btn .no-icon{color:var(--text-muted, #868e96)}.clear-icon-btn,.clear-color-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:var(--bg-hover, #f8f9fa);border:none;border-radius:4px;cursor:pointer;color:var(--text-secondary, #6c757d);transition:all .2s ease}.clear-icon-btn:hover,.clear-color-btn:hover{background:var(--error-color, #dc3545);color:#fff}.icon-picker{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#fff;border:1px solid var(--border-color, #dee2e6);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:200px;overflow-y:auto;animation:fadeIn .2s ease}.icon-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:8px}.icon-option{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:2px solid transparent;border-radius:6px;cursor:pointer;font-size:20px;transition:all .2s ease}.icon-option:hover{background:var(--bg-hover, #f8f9fa);border-color:var(--primary-color, #0d6efd)}.icon-option.selected{background:var(--primary-color, #0d6efd)15;border-color:var(--primary-color, #0d6efd)}.color-selector-container{position:relative}.color-selector-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 12px;background:#fff;border:1px solid var(--border-color, #dee2e6);border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.color-selector-btn:hover{border-color:var(--primary-color, #0d6efd)}.color-selector-btn span{font-weight:500}.create-section-modal .modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color, #e9ecef);background:var(--bg-secondary, #f8f9fa)}.create-section-modal .btn{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;border:none}.create-section-modal .btn:disabled{opacity:.5;cursor:not-allowed}.create-section-modal .btn-secondary{background:#fff;color:var(--text-primary, #212529);border:1px solid var(--border-color, #dee2e6)}.create-section-modal .btn-secondary:hover:not(:disabled){background:var(--bg-hover, #f8f9fa)}.create-section-modal .btn-primary{background:var(--primary-color, #0d6efd);color:#fff}.create-section-modal .btn-primary:hover:not(:disabled){background:var(--primary-hover, #0b5ed7)}.create-section-modal .spinning{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: dark){.create-section-modal{background:var(--bg-primary, #1a202c);color:var(--text-primary, #e2e8f0)}.create-section-modal .modal-header{border-bottom-color:var(--border-color, #4a5568)}.create-section-modal .modal-header h2{color:var(--text-primary, #e2e8f0)}.create-section-modal .form-field input[type=text]{background:var(--bg-secondary, #2d3748);border-color:var(--border-color, #4a5568);color:var(--text-primary, #e2e8f0)}.create-section-modal .parent-section-display{background:var(--bg-secondary, #2d3748);border-color:var(--border-color, #4a5568)}.icon-selector-btn,.color-selector-btn{background:var(--bg-secondary, #2d3748);border-color:var(--border-color, #4a5568);color:var(--text-primary, #e2e8f0)}.icon-picker{background:var(--bg-primary, #1a202c);border-color:var(--border-color, #4a5568)}.create-section-modal .modal-footer{border-top-color:var(--border-color, #4a5568);background:var(--bg-secondary, #2d3748)}.create-section-modal .btn-secondary{background:var(--bg-secondary, #2d3748);color:var(--text-primary, #e2e8f0);border-color:var(--border-color, #4a5568)}}@media (max-width: 768px){.create-section-modal{width:95%;max-height:95vh}.create-section-modal .modal-header,.create-section-modal .modal-body,.create-section-modal .modal-footer{padding:16px}.icon-picker-grid{grid-template-columns:repeat(6,1fr)}}.save-notes-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.save-notes-modal{width:90%;max-width:600px;max-height:90vh;background:var(--bg-primary, #ffffff);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;animation:slideUp .3s ease;overflow:hidden}.save-notes-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb)}.save-notes-title{display:flex;align-items:center;gap:10px}.save-notes-title svg{color:var(--accent-color, #3b82f6)}.save-notes-title h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary, #111827)}.save-notes-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:8px;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s ease}.save-notes-close-btn:hover:not(:disabled){background:var(--bg-tertiary, #f3f4f6);color:var(--text-primary, #111827)}.save-notes-close-btn:disabled{opacity:.4;cursor:not-allowed}.save-notes-content{flex:1;overflow-y:auto;padding:24px}.save-notes-content::-webkit-scrollbar{width:8px}.save-notes-content::-webkit-scrollbar-track{background:var(--bg-secondary, #f9fafb);border-radius:4px}.save-notes-content::-webkit-scrollbar-thumb{background:var(--border-color, #e5e7eb);border-radius:4px}.save-notes-video-info{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-color, #e5e7eb)}.save-notes-video-info h4{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-primary, #111827);line-height:1.5}.video-id{margin:0;font-size:13px;font-family:Courier New,monospace;color:var(--text-tertiary, #9ca3af)}.save-notes-preview{margin-bottom:24px}.save-notes-preview h5{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary, #111827)}.save-notes-checklist{list-style:none;padding:0;margin:0}.save-notes-checklist li{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:6px;background:var(--bg-secondary, #f9fafb);border-radius:6px;font-size:14px;color:var(--text-primary, #111827)}.save-notes-checklist li svg{flex-shrink:0;color:#16a34a}.save-notes-input-section{margin-bottom:20px}.save-notes-input-section label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--text-primary, #111827)}.save-notes-textarea,.save-notes-input{width:100%;padding:12px;border:2px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb);border-radius:8px;font-size:14px;font-family:inherit;color:var(--text-primary, #111827);resize:vertical;transition:all .2s ease}.save-notes-textarea:focus,.save-notes-input:focus{outline:none;border-color:var(--accent-color, #3b82f6);background:var(--bg-primary, #ffffff)}.save-notes-textarea:disabled,.save-notes-input:disabled{opacity:.6;cursor:not-allowed}.save-notes-hint{display:block;margin-top:6px;font-size:12px;color:var(--text-tertiary, #9ca3af)}.save-notes-section-selector{display:flex;gap:8px;align-items:stretch}.save-notes-select{flex:1;padding:12px;border:2px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb);border-radius:8px;font-size:14px;font-family:inherit;color:var(--text-primary, #111827);transition:all .2s ease;cursor:pointer}.save-notes-select:focus{outline:none;border-color:var(--accent-color, #3b82f6);background:var(--bg-primary, #ffffff)}.save-notes-select:disabled{opacity:.6;cursor:not-allowed}.save-notes-create-folder-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:12px 16px;border:2px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb);border-radius:8px;color:var(--text-primary, #111827);cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.save-notes-create-folder-btn:hover:not(:disabled){background:var(--accent-color, #3b82f6);border-color:var(--accent-color, #3b82f6);color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f633}.save-notes-create-folder-btn:disabled{opacity:.6;cursor:not-allowed}.save-notes-create-folder-btn svg{width:16px;height:16px}.tag-count{font-size:12px;font-weight:400;color:var(--text-tertiary, #9ca3af);margin-left:4px}.save-notes-error{padding:12px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px}.save-notes-error p{margin:0;font-size:14px;color:#dc2626}.save-notes-success{display:flex;flex-direction:column;align-items:center;padding:20px;background:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;margin-bottom:16px;animation:successPulse .5s ease}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.save-notes-success svg{color:#16a34a;margin-bottom:8px}.save-notes-success p{margin:0;font-size:15px;font-weight:600;color:#065f46}.save-notes-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb)}.save-notes-cancel-btn,.save-notes-save-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.save-notes-cancel-btn{background:transparent;color:var(--text-secondary, #6b7280);border:1px solid var(--border-color, #e5e7eb)}.save-notes-cancel-btn:hover:not(:disabled){background:var(--bg-tertiary, #f3f4f6);color:var(--text-primary, #111827)}.save-notes-save-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 4px 12px #3b82f64d}.save-notes-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.save-notes-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.save-spinner{animation:spin 1s linear infinite}.save-notes-info{padding:12px 24px;background:#3b82f60d;border-top:1px solid rgba(59,130,246,.1)}.save-notes-info p{margin:0;font-size:13px;line-height:1.5;color:var(--text-secondary, #6b7280)}@media (max-width: 768px){.save-notes-modal{width:95%;max-height:95vh}.save-notes-header,.save-notes-content,.save-notes-footer,.save-notes-info{padding-left:16px;padding-right:16px}.save-notes-footer{flex-direction:column-reverse}.save-notes-cancel-btn,.save-notes-save-btn{width:100%;justify-content:center}}@media (prefers-color-scheme: dark){.save-notes-modal{--bg-primary: #1f2937;--bg-secondary: #111827;--bg-tertiary: #374151;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--border-color: #374151;--accent-color: #60a5fa}.save-notes-error{background:#ef444433;border-color:#ef44444d;color:#fca5a5}.save-notes-success{background:#22c55e33;border-color:#22c55e4d}.save-notes-success p{color:#86efac}.save-notes-info{background:#3b82f61a;border-top-color:#3b82f633}}.note-version-history-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.note-version-history-modal{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .2s ease-out}.note-version-history-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-primary);flex-shrink:0}.note-version-history-modal-title{display:flex;align-items:center;gap:12px;flex:1}.note-version-history-modal-title h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.note-version-history-note-title{font-size:13px;color:var(--text-secondary);font-weight:400;margin-left:8px}.note-version-history-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s ease}.note-version-history-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.note-version-history-modal-content{flex:1;overflow-y:auto;padding:24px}.note-version-history-loading,.note-version-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary)}.note-version-history-loading .spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.note-version-history-empty h3{margin:16px 0 8px;color:var(--text-primary);font-size:18px}.note-version-history-empty p{margin:0;color:var(--text-tertiary);font-size:14px;max-width:400px}.note-version-history-storage-info{display:flex;gap:24px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;margin-bottom:24px;flex-wrap:wrap}.storage-info-item{display:flex;flex-direction:column;gap:4px}.storage-info-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary)}.storage-info-value{font-size:16px;font-weight:600;color:var(--text-primary)}.note-version-history-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.note-version-item{padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;transition:all .2s ease}.note-version-item:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.note-version-item.selected{background:rgba(var(--accent-rgb, 59, 130, 246),.1);border-color:var(--accent-primary)}.note-version-item.current{border-left:3px solid var(--accent-primary)}.note-version-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.note-version-item-info{flex:1;display:flex;flex-direction:column;gap:6px}.note-version-item-title{display:flex;align-items:center;gap:8px}.version-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;background:var(--bg-tertiary);color:var(--text-secondary)}.version-badge.current{background:var(--accent-primary);color:#fff}.note-version-item-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary)}.version-time-ago{color:var(--text-tertiary);opacity:.7}.note-version-item-size{font-size:11px;color:var(--text-tertiary);font-weight:500}.note-version-item-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.note-version-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.note-version-action-btn:hover{background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--text-primary)}.note-version-action-btn.restore{color:var(--accent-primary);border-color:var(--accent-primary)}.note-version-action-btn.restore:hover{background:var(--accent-primary);color:#fff}.note-version-preview{border-top:1px solid var(--border-primary);padding-top:24px;margin-top:24px}.note-version-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.note-version-preview-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.note-version-preview-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:all .2s ease}.note-version-preview-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.note-version-preview-content{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:16px}.version-preview-meta{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-primary)}.version-preview-meta-item{display:flex;align-items:flex-start;gap:12px}.meta-label{font-size:12px;font-weight:600;color:var(--text-tertiary);min-width:60px;text-transform:uppercase;letter-spacing:.5px}.meta-value{font-size:13px;color:var(--text-primary);flex:1}.version-preview-tags{display:flex;flex-wrap:wrap;gap:6px}.version-preview-tag{padding:4px 8px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:4px;font-size:11px;color:var(--text-secondary)}.version-preview-text{font-size:14px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;max-height:300px;overflow-y:auto;margin-bottom:16px}.note-version-restore-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.note-version-restore-btn:hover{background:var(--accent-hover, var(--accent-primary));opacity:.9}.video-ai-assistant-overlay{position:fixed;inset:0;z-index:100000;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;pointer-events:all;animation:fadeIn .2s ease-out}.video-ai-assistant-modal{position:relative;width:90vw;max-width:1400px;height:85vh;max-height:900px;min-width:800px;min-height:600px;background:var(--bg-primary, #ffffff);border-radius:12px;box-shadow:0 20px 60px #0000004d;overflow:hidden;z-index:100001;pointer-events:all;animation:slideUp .3s ease-out}.video-ai-assistant{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg-primary, #ffffff);border-radius:12px;overflow:hidden;box-shadow:0 4px 24px #0000001a;position:relative;contain:layout style paint}.ai-assistant-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb)}.ai-assistant-title{display:flex;align-items:center;gap:10px}.ai-assistant-title .ai-icon{color:var(--accent-color, #3b82f6);animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.ai-assistant-title h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #111827)}.ai-assistant-actions{display:flex;align-items:center;gap:8px}.ai-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:8px;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s ease}.ai-action-btn:hover:not(:disabled){background:var(--bg-tertiary, #f3f4f6);color:var(--text-primary, #111827)}.ai-action-btn:disabled{opacity:.4;cursor:not-allowed}.ai-action-btn.ai-close-btn:hover{background:#fee2e2;color:#dc2626}.ai-assistant-tabs{display:flex;gap:4px;padding:8px 12px;background:var(--bg-secondary, #f9fafb);border-bottom:1px solid var(--border-color, #e5e7eb)}.ai-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s ease;white-space:nowrap}.ai-tab:hover{background:var(--bg-tertiary, #f3f4f6);color:var(--text-primary, #111827)}.ai-tab.active{background:var(--bg-primary, #ffffff);color:var(--accent-color, #3b82f6);box-shadow:0 2px 4px #0000000d}.ai-tab svg{flex-shrink:0}.ai-assistant-content{flex:1;overflow:hidden;padding:20px;min-height:0;position:relative}.ai-assistant-layout{display:flex;gap:20px;height:100%;min-height:0}.ai-sidebar{flex:0 0 380px;background:var(--bg-secondary, #f9fafb);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:16px;transition:flex-basis .2s ease,width .2s ease,padding .2s ease}.ai-sidebar.collapsed{flex:0 0 220px;padding:16px 12px}.ai-sidebar-header{display:flex;align-items:center;justify-content:space-between;width:100%}.ai-sidebar-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary, #111827)}.ai-sidebar.collapsed .ai-sidebar-title span{display:none}.ai-sidebar-toggle{border:none;background:transparent;color:var(--text-secondary, #6b7280);border-radius:6px;padding:6px;cursor:pointer;transition:all .2s ease}.ai-sidebar-toggle:hover{background:var(--bg-tertiary, #f3f4f6);color:var(--text-primary, #111827)}.ai-video-player{position:relative;width:100%;padding-top:56.25%;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #00000026;transition:all .2s ease}.ai-sidebar.collapsed .ai-video-player{padding-top:0;height:150px}.ai-video-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:12px}.ai-sidebar.collapsed .ai-video-player iframe{position:relative;height:100%}.ai-sidebar-meta{display:flex;flex-direction:column;gap:12px;width:100%}.ai-sidebar.collapsed .ai-sidebar-meta{gap:6px}.ai-video-title{font-size:14px;font-weight:600;color:var(--text-primary, #111827);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-sidebar-actions{display:flex;flex-direction:column;gap:8px;width:100%}.ai-watch-link,.ai-notes-btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s ease}.ai-watch-link{border:1px solid var(--border-color, #e5e7eb);background:var(--bg-primary, #ffffff);color:var(--text-primary, #111827)}.ai-watch-link:hover{background:var(--bg-tertiary, #f3f4f6)}.ai-notes-btn{border:none;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;cursor:pointer;box-shadow:0 6px 18px #3b82f64d}.ai-notes-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.ai-sidebar.collapsed .ai-sidebar-actions{width:auto;align-items:center}.ai-sidebar.collapsed .ai-watch-link,.ai-sidebar.collapsed .ai-notes-btn{min-width:100%;justify-content:center}.ai-sidebar.collapsed .ai-watch-link span,.ai-sidebar.collapsed .ai-notes-btn span{display:none}.ai-sidebar-placeholder{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;border:1px dashed var(--border-color, #e5e7eb);border-radius:12px;color:var(--text-secondary, #6b7280)}.ai-main{position:relative;flex:1;min-width:0;min-height:0;overflow-y:auto;padding-right:4px}.ai-main-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;background:#0f172ae6;text-align:center;color:#f8fafc;gap:12px;z-index:9}.ai-overlay-spinner{width:56px;height:56px;color:#60a5fa;animation:spin 1s linear infinite}.ai-overlay-hint{font-size:14px;color:#f8fafccc}.ai-main .ai-tab-content{padding-right:8px;display:flex;flex-direction:column;height:100%}.ai-notes-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb);margin-top:auto}.ai-btn-primary,.ai-btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.ai-btn-primary{background:var(--accent-color, #3b82f6);color:#fff}.ai-btn-primary:hover:not(:disabled){background:var(--accent-color-hover, #2563eb);transform:translateY(-1px)}.ai-btn-primary:disabled{opacity:.6;cursor:not-allowed}.ai-btn-secondary{background:var(--bg-primary, #ffffff);color:var(--text-secondary, #6b7280);border:1px solid var(--border-color, #e5e7eb)}.ai-btn-secondary:hover{background:var(--bg-tertiary, #f3f4f6)}.ai-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.ai-info-state p{color:var(--text-primary, #111827)}.ai-spinner{width:48px;height:48px;color:var(--accent-color, #3b82f6);animation:spin 1s linear infinite;margin-bottom:16px}.ai-loading-state p{margin:0 0 8px;font-size:16px;font-weight:500;color:var(--text-primary, #111827)}.ai-loading-hint{font-size:14px;color:var(--text-tertiary, #9ca3af)}.ai-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.ai-error-state p{margin:0 0 16px;font-size:16px;color:#dc2626}.ai-retry-btn{padding:10px 20px;border:none;background:var(--accent-color, #3b82f6);color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.ai-retry-btn:hover{background:var(--accent-hover, #2563eb);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.ai-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.ai-empty-state svg{color:var(--text-tertiary, #9ca3af);margin-bottom:16px}.ai-empty-state p{margin:0 0 20px;font-size:16px;color:var(--text-secondary, #6b7280)}.ai-generate-btn{padding:12px 24px;border:none;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.ai-generate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.ai-generate-btn:active{transform:translateY(0)}.ai-summary{animation:fadeIn .5s ease}.summary-highlight{padding:20px;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-left:4px solid var(--accent-color, #3b82f6);border-radius:8px;margin-bottom:24px}.summary-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--accent-color, #3b82f6);margin-bottom:8px}.summary-one-liner{margin:0;font-size:18px;font-weight:600;line-height:1.5;color:var(--text-primary, #111827)}.summary-section{margin-bottom:24px}.summary-section-header{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.summary-section-header h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #111827)}.summary-section-subtitle{margin:0;font-size:13px;color:var(--text-secondary, #6b7280)}.ai-secondary-btn{margin-top:16px;padding:10px 18px;border-radius:8px;border:1px solid var(--border-color, #e5e7eb);background:transparent;color:var(--text-primary, #111827);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.ai-secondary-btn:hover{background:var(--bg-tertiary, #f3f4f6)}.summary-section p{margin:0;font-size:15px;line-height:1.6;color:var(--text-secondary, #6b7280)}.summary-metadata{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.summary-badge{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500}.summary-badge.category{background:#dbeafe;color:#1e40af}.summary-badge.sentiment{background:#e5e7eb;color:#374151}.summary-badge.sentiment.positive{background:#d1fae5;color:#065f46}.summary-badge.sentiment.negative{background:#fee2e2;color:#991b1b}.summary-badge.time{background:#fef3c7;color:#92400e}.key-points-list{list-style:none;padding:0;margin:0}.key-point{padding:12px;margin-bottom:8px;background:var(--bg-secondary, #f9fafb);border-radius:8px;border-left:3px solid transparent;transition:all .2s ease}.key-point.high{border-left-color:#3b82f6;background:#3b82f60d}.key-point.medium{border-left-color:#fbbf24;background:#fbbf240d}.key-point.low{border-left-color:#9ca3af}.key-point:hover{background:var(--bg-tertiary, #f3f4f6);transform:translate(4px)}.key-point-content{display:flex;align-items:start;justify-content:space-between;gap:12px}.key-point-text{flex:1;font-size:14px;line-height:1.5;color:var(--text-primary, #111827)}.key-point-link{padding:4px 10px;border-radius:6px;border:none;background:#3b82f61f;color:var(--accent-color, #3b82f6);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.key-point-link:hover{background:#3b82f633}.timeline-list{display:flex;flex-direction:column;gap:10px}.timeline-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:10px;border:none;text-align:left;background:var(--bg-secondary, #f9fafb);cursor:pointer;transition:all .2s ease}.timeline-item.high{border-left:4px solid #3b82f6}.timeline-item.medium{border-left:4px solid #fbbf24}.timeline-item.low{border-left:4px solid #9ca3af}.timeline-item:hover{transform:translate(6px);background:var(--bg-tertiary, #f3f4f6)}.timeline-text{flex:1;display:flex;flex-direction:column;gap:6px}.timeline-headline{font-size:15px;font-weight:600;color:var(--text-primary, #111827);line-height:1.5}.timeline-subtext{font-size:13px;color:var(--text-secondary, #6b7280);line-height:1.5}.timeline-timestamp{padding:4px 10px;border-radius:6px;background:var(--accent-color, #3b82f6);color:#fff;font-size:12px;font-weight:600;font-family:Courier New,monospace;white-space:nowrap}.takeaways-list{list-style:none;padding:0;margin:0}.takeaways-list li{padding:10px 0;font-size:15px;line-height:1.6;color:var(--text-secondary, #6b7280);border-bottom:1px solid var(--border-color, #e5e7eb)}.takeaways-list li:last-child{border-bottom:none}.topics-tags{display:flex;flex-wrap:wrap;gap:8px}.topic-tag{padding:6px 12px;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;font-size:13px;color:var(--text-primary, #111827);transition:all .2s ease}.topic-tag:hover{background:var(--bg-tertiary, #f3f4f6);border-color:var(--accent-color, #3b82f6)}.target-audience{padding:12px;background:#8b5cf60d;border-radius:8px;font-size:15px;font-style:italic;color:#8b5cf6}.worth-watching{padding:16px;border-radius:8px;text-align:center;font-size:15px;font-weight:600;margin-top:24px}.worth-watching.yes{background:#22c55e1a;color:#16a34a}.worth-watching.no{background:#f973161a;color:#ea580c}@media (max-width: 1100px){.ai-assistant-layout{flex-direction:column}.ai-sidebar,.ai-sidebar.collapsed{flex:none;width:100%}.ai-main{overflow-y:visible;padding-right:0}.ai-main .ai-tab-content{padding-right:0}}@media (max-width: 768px){.ai-assistant-header{padding:12px 16px}.ai-assistant-title h3{font-size:16px}.ai-assistant-content{padding:16px}.ai-tab{padding:8px 12px;font-size:13px}.summary-one-liner{font-size:16px}.key-point-content{flex-direction:column}.key-point-timestamp{align-self:flex-start}}@media (prefers-color-scheme: dark){.video-ai-assistant{--bg-primary: #1f2937;--bg-secondary: #111827;--bg-tertiary: #374151;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--border-color: #374151;--accent-color: #60a5fa;--accent-hover: #3b82f6}.ai-sidebar{background:var(--bg-secondary, #111827);border:1px solid rgba(148,163,184,.15)}.ai-watch-link{background:var(--bg-primary, #1f2937);border-color:var(--border-color, #374151);color:var(--text-primary, #f9fafb)}.ai-watch-link:hover{background:var(--bg-tertiary, #374151)}.ai-sidebar-placeholder{border-color:var(--border-color, #374151);color:var(--text-secondary, #d1d5db)}.summary-highlight{background:#3b82f626}.summary-badge.category{background:#3b82f633;color:#93c5fd}.summary-badge.sentiment.positive{background:#22c55e33;color:#86efac}}.ai-start-generation{display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid var(--border-color, #e5e7eb)}.ai-start-content{text-align:center;max-width:500px}.ai-start-content.ai-error-content{max-width:600px}.ai-start-content.ai-error-content .ai-start-icon.ai-error-icon{color:#ef4444;opacity:.8;margin-bottom:16px}.ai-start-content.ai-error-content h3{color:#dc2626;margin-bottom:12px}.ai-error-message{font-size:15px;line-height:1.6;color:var(--text-secondary, #6b7280);margin-bottom:24px;padding:0 20px}.ai-start-btn.ai-retry-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;background:var(--accent-color, #3b82f6);color:#fff;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.ai-start-btn.ai-retry-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666;background:var(--accent-hover, #2563eb)}.ai-start-btn.ai-retry-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ai-start-icon{color:var(--accent-color, #3b82f6);margin-bottom:16px;animation:sparkle 2s ease-in-out infinite}.ai-start-content h3{margin:0 0 12px;font-size:24px;font-weight:700;color:var(--text-primary, #111827)}.ai-start-content p{margin:0 0 24px;font-size:16px;color:var(--text-secondary, #6b7280);line-height:1.5}.ai-start-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--accent-color, #3b82f6);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d}.ai-start-btn:hover:not(:disabled){background:var(--accent-hover, #2563eb);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.ai-start-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #3b82f64d}.ai-start-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.ai-start-btn .spinning{animation:spin 1s linear infinite}.key-point.high{background:#3b82f61a}.key-point.medium{background:#fbbf241a}.target-audience{background:#8b5cf626;color:#c4b5fd}.channel-card{background:var(--card-bg);border:2px solid var(--card-border);border-radius:16px;overflow:visible;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column;position:relative;height:100%;aspect-ratio:1 / 1.15;padding:0;box-shadow:0 6px 20px #0000001f,0 3px 10px #00000014,0 1px 5px #0000000f,inset 0 1px 3px #ffffff1f}.channel-card:hover{transform:translateY(-8px) scale(1.01);border-color:var(--accent-primary);box-shadow:0 20px 56px #0000002e,0 10px 28px #00000024,0 5px 14px #0000001a,inset 0 2px 4px #ffffff26}.channel-card.selected{border-color:var(--accent-primary);transform:translateY(-4px) scale(1.005);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.2),0 12px 36px rgba(var(--accent-rgb),.3),0 6px 18px rgba(var(--accent-rgb),.2),0 3px 9px rgba(var(--accent-rgb),.15),inset 0 2px 4px #ffffff1f}.channel-checkbox{position:absolute;top:10px;left:10px;z-index:15;background:#fffffff2;border-radius:6px;padding:3px;box-shadow:0 2px 6px #00000026}[data-theme=dark] .channel-checkbox,[data-theme=github-dark] .channel-checkbox{background:#1e1e1ef2}.channel-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary)}.channel-card-header{position:relative;padding:24px;display:flex;justify-content:center;background:linear-gradient(135deg,var(--gradient-light),var(--bg-secondary));border-bottom:2px solid var(--card-border);overflow:visible;border-radius:14px 14px 0 0}.channel-avatar{width:88px;height:88px;border-radius:50%;border:4px solid var(--card-bg);box-shadow:0 6px 18px #00000026,0 3px 9px #0000001a,0 1px 4px #00000014;transition:all .25s cubic-bezier(.4,0,.2,1);-o-object-fit:cover;object-fit:cover;background:var(--bg-secondary);display:block}.channel-card:hover .channel-avatar{transform:scale(1.08);box-shadow:0 8px 24px #0003,0 4px 12px #00000026,0 2px 6px #0000001a}.favorite-badge{position:absolute;top:10px;right:10px;font-size:18px;z-index:5;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.verified-badge{position:absolute;bottom:12px;left:12px;width:24px;height:24px;background:var(--accent-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 2px 6px #00000026;z-index:5}.channel-card-body{padding:20px;display:flex;flex-direction:column;gap:14px;flex:1;min-height:0}.channel-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.channel-name{font-size:16px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.4;flex:1;min-width:0;word-break:break-word;max-height:calc(16px * 1.4 * 3);margin:0}.activity-badge{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}.activity-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.activity-active{background:#10b9811a;color:#10b981}.activity-active .activity-dot{background:#10b981;box-shadow:0 0 0 2px #10b98133}.activity-semi{background:#f59e0b1a;color:#f59e0b}.activity-semi .activity-dot{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.activity-inactive{background:#ef44441a;color:#ef4444}.activity-inactive .activity-dot{background:#ef4444;box-shadow:0 0 0 2px #ef444433}.activity-unknown{background:var(--bg-tertiary);color:var(--text-tertiary)}.activity-unknown .activity-dot{background:var(--text-tertiary)}.channel-description{font-size:13px;color:var(--text-secondary);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;min-height:60px}.channel-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px;background:var(--bg-secondary);border-radius:10px;margin-top:auto;box-shadow:inset 0 2px 6px #0000000d,inset 0 1px 3px #00000008}.stat-item{display:flex;align-items:center;gap:8px;padding:7px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000f,inset 0 1px 2px #ffffff14}.stat-item:hover{background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:0 3px 8px #0000001a,inset 0 1px 2px #ffffff1f}.stat-item svg{color:var(--accent-primary);opacity:.7;flex-shrink:0;width:12px;height:12px}.stat-text{display:flex;align-items:baseline;gap:4px;min-width:0;flex:1}.stat-value{font-size:12px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.stat-label{font-size:10px;color:var(--text-tertiary);text-transform:lowercase;letter-spacing:0;flex-shrink:0}.channel-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--text-tertiary)}.meta-item{display:flex;align-items:center;gap:4px}.meta-icon{font-size:14px}.channel-rating{display:flex;gap:2px;padding-top:8px;border-top:1px solid var(--card-border)}.star{font-size:16px;color:var(--border-primary)}.star.filled{color:var(--warning-color)}.density-ultra-compact .channel-card{border-radius:4px;min-height:140px;border-width:1px}.density-ultra-compact .channel-card-header{padding:6px}.density-ultra-compact .channel-avatar{width:32px;height:32px;border-width:1px}.density-ultra-compact .channel-card-body{padding:6px;gap:3px}.density-ultra-compact .channel-name{font-size:11px;-webkit-line-clamp:2;line-height:1.2;max-height:26.4px}.density-ultra-compact .channel-description{font-size:9px;-webkit-line-clamp:1;min-height:18px}.density-ultra-compact .channel-stats-grid{gap:2px;padding:4px}.density-ultra-compact .stat-item{padding:2px 4px;gap:3px}.density-ultra-compact .stat-item svg{width:8px;height:8px}.density-ultra-compact .stat-value{font-size:9px}.density-ultra-compact .stat-label{font-size:7px}.density-ultra-compact .activity-badge{font-size:8px;padding:1px 4px}.density-compact .channel-card{border-radius:6px;min-height:180px;border-width:1.5px}.density-compact .channel-card-header{padding:10px}.density-compact .channel-avatar{width:44px;height:44px;border-width:2px}.density-compact .channel-card-body{padding:10px;gap:6px}.density-compact .channel-name{font-size:12px;-webkit-line-clamp:2;line-height:1.3;max-height:calc(12px * 1.3 * 2)}.density-compact .channel-description{font-size:10px;-webkit-line-clamp:2;min-height:24px}.density-compact .channel-stats-grid{gap:4px;padding:6px}.density-compact .stat-item{padding:4px 6px;gap:4px}.density-compact .stat-item svg{width:10px;height:10px}.density-compact .stat-value{font-size:10px}.density-compact .stat-label{font-size:8px}.density-spacious .channel-card{min-height:360px;border-radius:18px;border-width:3px}.density-spacious .channel-card-header{padding:28px}.density-spacious .channel-avatar{width:96px;height:96px;border-width:4px}.density-spacious .channel-card-body{padding:24px;gap:16px}.density-spacious .channel-name{font-size:18px;-webkit-line-clamp:3;line-height:1.5;max-height:81px;font-weight:600}.density-spacious .channel-description{font-size:14px;-webkit-line-clamp:3;min-height:60px;line-height:1.5}.density-spacious .channel-stats-grid{gap:10px;padding:16px}.density-spacious .stat-item{padding:10px 14px;gap:10px}.density-spacious .stat-item svg{width:16px;height:16px}.density-spacious .stat-value{font-size:14px;font-weight:600}.density-spacious .stat-label{font-size:11px}.dropdown-action-btn.move-action{gap:12px;align-items:center}.dropdown-action-btn.move-action .action-icon{width:20px;height:20px;border-radius:6px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#3b82f6}[data-theme*=dark] .dropdown-action-btn.move-action .action-icon{background:#ffffff1a;color:#60a5fa}.dropdown-action-btn.move-action .action-text{display:flex;flex-direction:column;gap:2px}.dropdown-action-btn.move-action .action-title{font-size:13px;font-weight:600;color:#1f2937}[data-theme*=dark] .dropdown-action-btn.move-action .action-title{color:#f9fafb}.dropdown-action-btn.move-action .action-subtitle{font-size:11px;color:#6b7280}[data-theme*=dark] .dropdown-action-btn.move-action .action-subtitle{color:#9ca3af}.modal-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease-out}.move-modal-backdrop{position:fixed;inset:0;background:#00000040;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px}.move-modal{width:min(560px,calc(100% - 32px));max-height:min(80vh,620px);background:var(--bg-primary);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 24px 60px #00000040;display:flex;flex-direction:column}.move-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 28px 16px}.move-modal-title-group{display:flex;flex-direction:column;gap:6px}.move-modal-title{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.move-modal-subtitle{margin:0;font-size:13px;color:var(--text-secondary)}.move-modal-close{border:none;background:var(--bg-tertiary);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.move-modal-close:hover{background:var(--accent-primary);color:#fff;transform:scale(1.05)}.move-modal-body{display:flex;flex-direction:column;gap:18px;padding:0 28px 28px;flex:1;overflow:hidden}.move-search{margin-top:4px;display:flex;align-items:center;gap:8px;background:var(--bg-primary);border:1px solid var(--card-border);border-radius:8px;padding:6px 10px}.move-search-icon{color:var(--text-tertiary);flex-shrink:0}.move-search input{border:none;outline:none;flex:1;background:transparent;font-size:13px;color:var(--text-primary)}.move-search input::-moz-placeholder{color:var(--text-tertiary)}.move-search input::placeholder{color:var(--text-tertiary)}.move-option{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:12px 16px;background:var(--bg-primary);border:1px solid transparent;border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:border .15s ease,background .15s ease}.move-option-name{flex:1;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.move-option:hover{border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb, 0, 122, 255),.08)}.move-empty{padding:16px;font-size:13px;color:var(--text-tertiary);text-align:center;background:var(--bg-primary);border-radius:8px}.move-create-btn{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;border-radius:10px;border:1px dashed var(--accent-primary);background:transparent;color:var(--accent-primary);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border .15s ease}.move-create-btn:hover{background:rgba(var(--accent-primary-rgb, 0, 122, 255),.08);color:var(--accent-primary)}.move-create-btn svg{width:16px;height:16px}.move-options-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.move-modal-actions{display:flex;justify-content:flex-end;margin-top:auto}.move-modal-cancel{border:none;background:var(--bg-tertiary);color:var(--text-secondary);padding:10px 18px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease}.move-modal-cancel:hover{background:var(--accent-secondary);color:#fff}[data-theme=dark] .move-modal,[data-theme=github-dark] .move-modal{background:var(--bg-secondary);border-color:var(--border-secondary);box-shadow:0 28px 60px #0009}[data-theme=dark] .move-option,[data-theme=github-dark] .move-option{background:#ffffff0a}[data-theme=dark] .move-option:hover,[data-theme=github-dark] .move-option:hover{background:#ffffff14;border-color:var(--accent-primary)}[data-theme=dark] .move-create-btn,[data-theme=github-dark] .move-create-btn{border-color:#ffffff40;color:var(--accent-primary)}[data-theme=dark] .move-create-btn:hover,[data-theme=github-dark] .move-create-btn:hover{background:#ffffff14}[data-theme=dark] .move-search,[data-theme=github-dark] .move-search{background:#ffffff0d;border-color:var(--border-secondary)}[data-theme=dark] .move-modal-cancel,[data-theme=github-dark] .move-modal-cancel{background:#ffffff0d;color:var(--text-secondary)}[data-theme=dark] .move-modal-cancel:hover,[data-theme=github-dark] .move-modal-cancel:hover{background:var(--accent-primary);color:#fff}.dropdown-action-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:none;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left;border-radius:8px}.dropdown-action-btn:hover{background:var(--bg-secondary);transform:translate(2px)}[data-theme*=dark] .dropdown-action-btn{color:var(--text-primary)}.dropdown-action-btn .action-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px;width:20px;color:#6b7280}[data-theme*=dark] .dropdown-action-btn .action-icon{color:#9ca3af}.dropdown-action-btn svg.action-icon{color:#3b82f6;opacity:.8}[data-theme*=dark] .dropdown-action-btn svg.action-icon{color:#60a5fa}.dropdown-action-btn .action-text{flex:1;display:flex;flex-direction:column;gap:2px}.dropdown-action-btn .action-title{font-weight:500;color:var(--text-primary)}.dropdown-action-btn .action-subtitle{font-size:12px;color:var(--text-secondary)}.dropdown-action-btn.delete-action{margin-top:8px;border-top:1px solid var(--border-primary);padding-top:16px;color:#dc2626}[data-theme*=dark] .dropdown-action-btn.delete-action{border-top-color:#374151;color:#ef4444}.dropdown-action-btn.delete-action:hover{background:#ef44440d}[data-theme*=dark] .dropdown-action-btn.delete-action:hover{background:#ef44441a}.dropdown-action-btn.delete-action svg.action-icon{color:#dc2626}[data-theme*=dark] .dropdown-action-btn.delete-action svg.action-icon{color:#ef4444}.channel-card.compact{padding:8px 12px;min-height:auto;border-radius:8px;transition:all .2s ease}.channel-card.compact:hover{transform:translate(2px);box-shadow:0 2px 8px #0000001a}.channel-card.compact .channel-card-header{margin-bottom:0}.channel-card.compact .channel-avatar{width:40px;height:40px}.channel-card.compact .channel-card-body{padding:0 0 0 12px;gap:4px}.channel-card.compact .channel-name{font-size:14px;line-height:1.3}.channel-card.compact .channel-description{display:none}.channel-card.compact .channel-stats-grid{display:flex;gap:12px;flex-wrap:wrap}.channel-card.compact .stat-item{gap:4px}.channel-card.compact .stat-item svg{width:12px;height:12px}.channel-card.compact .stat-value{font-size:11px}.channel-card.compact .stat-label{font-size:10px}.channel-card.compact .channel-rating{display:none}.channel-card.compact .activity-badge{font-size:10px;padding:2px 6px}.channel-card.compact .favorite-badge,.channel-card.compact .verified-badge,.channel-card.compact .note-indicator{font-size:10px;width:16px;height:16px}.video-card{background:var(--card-bg);border:2px solid var(--border-primary);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;width:100%;min-width:0;box-shadow:0 4px 14px #0000001a,0 2px 7px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}.video-card:hover{transform:translateY(-4px) scale(1.005);border-color:var(--accent-primary);box-shadow:0 12px 32px #00000024,0 6px 16px #0000001a,0 3px 8px #0000000f,inset 0 2px 4px #ffffff26}.video-card.selected{transform:translateY(-2px) scale(1.005);border-color:var(--accent-primary);background:rgba(var(--accent-rgb),.08);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.25),0 10px 28px rgba(var(--accent-rgb),.3),0 5px 14px rgba(var(--accent-rgb),.22),0 2px 7px rgba(var(--accent-rgb),.15),inset 0 2px 4px #ffffff1f}.video-thumbnail-container{position:relative;width:100%;overflow:hidden;aspect-ratio:16/9;background:var(--bg-quaternary);border-radius:6px}.video-card-thumbnail{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px;transition:transform .3s ease}.video-card:hover .video-card-thumbnail{transform:scale(1.05)}.video-duration{position:absolute;bottom:8px;right:8px;background:#000000d9;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600}.video-new-badge{position:absolute;top:8px;left:8px;background:var(--error-color);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px}.video-transcript-badge{position:absolute;top:8px;right:8px;z-index:3}.video-transcript-badge>div{font-weight:700!important;font-size:11px!important;padding:4px 8px!important;border-radius:6px!important;text-transform:uppercase!important;letter-spacing:.5px!important;box-shadow:0 2px 8px #0000004d!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)!important}.video-info{padding:14px;flex:1;display:flex;flex-direction:column;gap:8px}.video-title{font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0}.video-channel{font-size:14px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;min-height:1.4em;margin:0}.video-meta{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-tertiary)}.video-separator{opacity:.5}.video-views,.video-published{white-space:nowrap}.video-actions{padding:8px 12px;border-top:1px solid var(--border-secondary);display:flex;justify-content:flex-end;gap:8px}.video-action-btn,.get-details-btn{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;padding:6px 12px;color:var(--text-secondary);font-size:13px;display:flex;align-items:center;gap:6px;transition:all .2s ease;cursor:pointer}.video-action-btn:hover,.get-details-btn:hover:not(:disabled){background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.video-action-btn svg,.get-details-btn svg{width:16px;height:16px}@media (max-width: 768px){.video-card{min-height:auto!important;border-radius:6px!important;border-width:1px!important;position:relative}.video-thumbnail-container{aspect-ratio:unset!important;padding-top:40%!important;border-radius:6px 6px 0 0!important;position:relative}.video-card-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px 6px 0 0}.video-info{padding:3px 5px!important;gap:1px!important}.video-title{font-size:9.5px!important;line-height:1.2!important;-webkit-line-clamp:2!important;font-weight:600!important;margin-bottom:1px!important}.video-channel{font-size:8.5px!important;-webkit-line-clamp:1!important;line-height:1.15!important;min-height:auto!important;margin-bottom:1px!important}.video-meta{font-size:7.5px!important;gap:2px!important;margin-top:1px!important}.video-action-btn.ai-notes-btn{display:none!important}.video-actions{position:absolute;top:4px;right:4px;padding:0;border-top:none;display:flex;flex-direction:column;gap:3px;z-index:10}.video-action-btn,.get-details-btn{width:26px;height:26px;padding:0;min-height:26px;border-radius:6px;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:0;justify-content:center;flex:0 0 auto;transition:all .2s ease}.video-action-btn:hover,.get-details-btn:hover:not(:disabled){background:rgba(var(--accent-rgb),.9);border-color:var(--accent-primary);transform:scale(1.05)}.video-action-btn svg,.get-details-btn svg{width:13px;height:13px}.video-duration{font-size:8px;padding:1px 3px;bottom:4px;right:4px}.video-new-badge{font-size:7px;padding:1px 4px;top:4px;left:4px}.video-resume-badge{font-size:7px;padding:1px 4px;top:4px;right:4px}.video-watched-badge{width:20px;height:20px;top:4px;left:4px}.video-watched-badge svg{width:10px;height:10px}}.ai-notes-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;font-weight:500}.ai-notes-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);border-color:#5a6fd8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.get-details-btn{background:var(--accent-secondary);border-color:var(--accent-secondary);color:#fff;font-weight:500}.get-details-btn:hover:not(:disabled){background:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.get-details-btn:disabled{opacity:.6;cursor:not-allowed}.loading-spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.density-ultra-compact .video-card{border-radius:4px;border-width:1px}.density-ultra-compact .video-thumbnail-container{border-bottom-left-radius:0;border-bottom-right-radius:0}.density-ultra-compact .video-new-badge{font-size:8px;padding:2px 4px}.density-ultra-compact .video-duration{font-size:9px;padding:1px 4px}.density-ultra-compact .video-info{padding:4px 6px;gap:2px}.density-ultra-compact .video-title{font-size:10px;line-height:1.2;-webkit-line-clamp:1;font-weight:500}.density-ultra-compact .video-channel,.density-ultra-compact .video-meta{display:none}.density-ultra-compact .video-actions{padding:2px 4px;gap:2px}.density-ultra-compact .video-action-btn{padding:0;width:20px;height:20px;border-radius:4px;justify-content:center;font-size:10px}.density-ultra-compact .video-action-btn svg{width:12px;height:12px}.density-compact .video-card{border-radius:6px;border-width:1.5px}.density-compact .video-info{padding:8px 10px;gap:6px}.density-compact .video-title{font-size:12px;line-height:1.3;-webkit-line-clamp:2;font-weight:500}.density-compact .video-channel,.density-compact .video-meta{font-size:11px}.density-compact .video-channel{-webkit-line-clamp:1;line-height:1.3;min-height:1.3em;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical}.density-compact .video-meta{gap:4px;font-size:10px}.density-compact .video-actions{padding:6px 8px;gap:4px}.density-compact .video-action-btn{padding:4px 8px;gap:4px;font-size:11px}.density-compact .video-action-btn svg{width:14px;height:14px}.density-comfortable .video-card{border-radius:12px;border-width:2px}.density-comfortable .video-info{padding:14px 18px;gap:12px}.density-comfortable .video-title{font-size:15px;line-height:1.5;-webkit-line-clamp:2;font-weight:600}.density-comfortable .video-channel{font-size:14px;font-weight:500;-webkit-line-clamp:2;line-height:1.4;min-height:1.4em;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical}.density-comfortable .video-meta{font-size:13px;gap:8px}.density-comfortable .video-actions{padding:12px 16px;gap:8px}.density-comfortable .video-action-btn{padding:8px 14px;font-size:13px}.density-comfortable .video-action-btn svg{width:18px;height:18px}.density-spacious .video-card{border-radius:18px;border:3px solid var(--border-primary);box-shadow:0 8px 24px #00000026,0 4px 12px #0000001a,0 2px 6px #00000014,inset 0 2px 4px #ffffff26}.density-spacious .video-thumbnail-container{border-bottom-left-radius:0;border-bottom-right-radius:0}.density-spacious .video-info{padding:24px 28px;gap:16px}.density-spacious .video-title{font-size:18px;line-height:1.6;-webkit-line-clamp:3;font-weight:600}.density-spacious .video-channel,.density-spacious .video-meta{font-size:15px}.density-spacious .video-channel{-webkit-line-clamp:2;line-height:1.5;min-height:1.5em;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;font-weight:500}.density-spacious .video-meta{gap:12px;font-size:14px}.density-spacious .video-actions{padding:16px 24px;justify-content:space-between;gap:12px}.density-spacious .video-action-btn{font-size:15px;gap:10px;padding:12px 20px;font-weight:500}.density-spacious .video-action-btn svg{width:20px;height:20px}.video-progress-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff4d;z-index:2}.video-progress-fill{height:100%;background:var(--accent-primary);transition:width .3s ease;box-shadow:0 0 8px rgba(var(--accent-rgb),.6)}.video-resume-badge{position:absolute;top:8px;right:8px;background:rgba(var(--accent-rgb),.95);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px;z-index:3;box-shadow:0 2px 8px #0000004d;border:1px solid rgba(255,255,255,.2)}.video-watched-badge{position:absolute;top:8px;left:8px;background:#10b981f2;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 2px 8px #10b98166;border:2px solid rgba(255,255,255,.3)}.video-card.video-watched{opacity:.7}.video-card.video-watched:hover{opacity:.9}.video-card.video-watched .video-card-thumbnail{filter:grayscale(30%)}.density-ultra-compact .video-progress-bar{height:3px}.density-ultra-compact .video-resume-badge{font-size:9px;padding:2px 6px}.density-ultra-compact .video-watched-badge{width:24px;height:24px}.density-ultra-compact .video-watched-badge svg{width:12px;height:12px}.density-compact .video-progress-bar{height:3px}.density-compact .video-resume-badge{font-size:10px;padding:3px 7px}.density-compact .video-watched-badge{width:28px;height:28px}.density-compact .video-watched-badge svg{width:14px;height:14px}.density-spacious .video-progress-bar{height:5px}.density-spacious .video-resume-badge{font-size:12px;padding:5px 10px}.density-spacious .video-watched-badge{width:36px;height:36px}.density-spacious .video-watched-badge svg{width:18px;height:18px}.video-feed{display:flex;flex-direction:column;gap:16px}.video-feed-back-button{display:flex;justify-content:flex-start;margin-bottom:20px;padding:0}.btn-back-simple{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--card-bg);border:2px solid var(--border-primary);border-radius:12px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 10px #00000014,0 1px 4px #0000000d,inset 0 1px 2px #ffffff1a;letter-spacing:.01em}.btn-back-simple:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 6px 16px #0000001f,0 3px 8px #00000014,inset 0 1px 2px #ffffff26}.btn-back-simple:active{transform:translateY(0)}.video-feed-header{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:12px;padding:12px 18px;margin-bottom:16px;box-shadow:0 3px 10px #00000014,0 1px 4px #0000000d,0 .5px 2px #00000008,inset 0 .5px 1px #ffffff26;transition:all .25s cubic-bezier(.4,0,.2,1)}.video-feed-header:hover{transform:translateY(-2px) scale(1.002);border-color:var(--accent-primary);box-shadow:0 6px 20px #0000001f,0 3px 8px #00000014,0 1px 4px #0000000d,inset 0 1px 2px #fff3}.video-feed-info{display:flex;flex-direction:column;gap:6px;flex:1}.video-feed-title-section{display:flex;align-items:center;gap:12px;margin-bottom:2px}.video-feed-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.025em;line-height:1.3}.channel-count-badge{display:inline-flex;align-items:center;padding:4px 8px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.025em;box-shadow:0 2px 6px rgba(var(--accent-rgb),.25),inset 0 .5px 1px #ffffff40;transition:all .15s ease}.channel-count-badge:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 3px 8px rgba(var(--accent-rgb),.35),inset 0 1px 2px #ffffff4d}.video-feed-stats{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.video-count-stat,.pagination-stat,.sync-time-stat{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);font-weight:500;padding:4px 8px;background:rgba(var(--bg-secondary-rgb, 240, 242, 247),.7);border:1px solid rgba(var(--border-primary-rgb, 209, 213, 219),.5);border-radius:6px;box-shadow:0 1px 3px #0000000f,inset 0 .5px 1px #ffffff26;transition:all .15s ease}.video-count-stat:hover,.pagination-stat:hover,.sync-time-stat:hover{transform:translateY(-.5px);border-color:var(--border-primary);box-shadow:0 2px 5px #0000001a,inset 0 1px 2px #fff3}.video-count-stat svg,.pagination-stat svg,.sync-time-stat svg{opacity:.7;width:12px;height:12px;color:var(--accent-primary)}.video-count-stat{color:var(--text-primary);font-weight:600;border-color:rgba(var(--accent-rgb),.3);background:rgba(var(--accent-rgb),.06)}.pagination-stat{border-color:rgba(var(--border-secondary-rgb, 156, 163, 175),.5);background:rgba(var(--bg-tertiary-rgb, 249, 250, 251),.7)}.sync-time-stat{font-size:12px;color:var(--text-secondary);font-weight:500;border-color:rgba(var(--border-secondary-rgb, 156, 163, 175),.4);background:rgba(var(--bg-tertiary-rgb, 249, 250, 251),.5)}.quota-info-admin{display:flex;align-items:center;gap:12px;margin-top:8px;padding:8px 12px;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-secondary)}.quota-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;letter-spacing:.3px}.quota-badge.rss-badge{background:#e8f5e9;color:#2e7d32;border:1px solid #4caf50}.quota-badge.api-badge{background:#fff3e0;color:#e65100;border:1px solid #ff9800}.quota-total{font-size:12px;color:var(--text-secondary);font-weight:500}.video-feed-actions{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap;justify-content:flex-end}.control-group{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d,inset 0 .5px 1px #ffffff26;transition:all .25s cubic-bezier(.4,0,.2,1)}.control-group:hover{transform:translateY(-1px) scale(1.002);border-color:var(--accent-primary);box-shadow:0 4px 16px #0000001f,0 2px 6px #00000014,0 1px 3px #0000000d,inset 0 1px 2px #fff3}.action-buttons{display:flex;align-items:center;gap:12px}.grid-density-control{display:flex;flex-direction:column;gap:8px;background:transparent;border:none;box-shadow:none;padding:0}.control-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.control-header svg{opacity:.7;color:var(--text-secondary)}.control-label{font-size:12px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content;flex-shrink:0;margin-right:4px}.video-grid-controls{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap;margin-bottom:20px;margin-left:0;padding:0;background:transparent;border:none;box-shadow:none}.grid-control-group{display:flex;align-items:center;gap:10px;position:relative;padding:0;background:transparent;border:none;box-shadow:none;flex-wrap:wrap}.grid-control-group .control-label{flex-shrink:0;margin-right:8px;min-width:70px;max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-control-group .grid-density-buttons,.grid-control-group .grid-column-buttons{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;gap:4px}.grid-control-group .hide-controls-btn{flex-shrink:0;margin-left:8px}@media (max-width: 1200px){.video-grid-controls{flex-direction:column;align-items:stretch;gap:16px}.grid-control-group{flex-direction:row;align-items:flex-start;flex-wrap:wrap;width:100%;gap:12px;row-gap:12px}.control-label{min-width:80px;max-width:80px;flex-shrink:0;margin-right:12px;white-space:nowrap;line-height:32px}.grid-density-buttons,.grid-column-buttons{flex:1 1 auto;flex-wrap:wrap;min-width:200px;display:flex;gap:4px}.video-grid-controls .hide-controls-btn{flex-shrink:0;margin-left:8px;align-self:flex-start;margin-top:0}}.video-grid-controls .hide-controls-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;flex-shrink:0;margin-left:0}.video-grid-controls .hide-controls-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.video-grid-controls .show-controls-btn{padding:8px 14px;border:none;border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;letter-spacing:.01em}.video-grid-controls .show-controls-btn:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.grid-density-buttons{display:flex;gap:4px;padding:4px;background:var(--bg-secondary);border:none;border-radius:10px;box-shadow:none}.grid-density-btn{width:32px;height:32px;padding:0;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;position:relative}.grid-density-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.grid-density-btn.active{background:var(--accent-primary);color:#fff}.grid-density-btn.active:hover{background:var(--accent-primary);opacity:.9}.grid-column-control{display:flex;flex-direction:column;gap:8px;background:transparent;border:none;box-shadow:none;padding:0}.grid-column-buttons{display:flex;gap:4px;padding:4px;background:var(--bg-secondary);border:none;border-radius:10px;box-shadow:none}.grid-column-btn{width:32px;height:32px;padding:0;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;position:relative}.grid-column-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.grid-column-btn.active{background:var(--accent-primary);color:#fff}.grid-column-btn.active:hover{background:var(--accent-primary);opacity:.9}.refresh-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:13px;font-weight:500;box-shadow:0 1px 4px #0000000f,inset 0 .5px 1px #ffffff26;transition:all .25s cubic-bezier(.4,0,.2,1)}.refresh-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a,inset 0 1px 2px #fff3}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn svg{transition:transform .3s ease}.refresh-btn svg.spinning{animation:spin 1s linear infinite}.all-channels-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 6px rgba(var(--accent-rgb),.25),inset 0 .5px 1px #ffffff40;transition:all .25s cubic-bezier(.4,0,.2,1)}.all-channels-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px rgba(var(--accent-rgb),.35),inset 0 1px 2px #ffffff4d}.all-channels-btn:active{transform:translateY(0)}.all-channels-btn:disabled{opacity:.6;cursor:not-allowed}.videos-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));width:100%;min-height:300px}.videos-grid.density-ultra-compact{gap:8px}.videos-grid.density-compact{gap:12px}.videos-grid.density-comfortable{gap:20px}.videos-grid.density-spacious{gap:32px}.video-feed-error{text-align:center;padding:60px 40px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-primary);max-width:600px;margin:0 auto}.video-feed-error svg{color:var(--error-color);margin-bottom:20px}.video-feed-error h3{color:var(--text-primary);font-size:20px;margin:0 0 12px;font-weight:600}.video-feed-error>p{color:var(--error-color);font-size:15px;margin-bottom:24px}.video-feed-error .error-details{text-align:left;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;padding:20px;margin:20px 0}.video-feed-error .error-details p{color:var(--text-secondary);font-size:14px;margin:8px 0}.video-feed-error .error-details strong{color:var(--text-primary);font-weight:600}.video-feed-error .error-details ul{margin:12px 0;padding-left:20px}.video-feed-error .error-details li{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:8px 0}.video-feed-loading{text-align:center;padding:80px 20px;display:flex;justify-content:center;align-items:center;min-height:400px}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;margin:0;animation:spin .8s cubic-bezier(.5,0,.5,1) infinite}.video-feed-empty{text-align:center;padding:80px 20px}.video-feed-empty svg{color:var(--text-tertiary);opacity:.5;margin-bottom:20px}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:20px;padding:32px 20px;margin-top:16px;border-top:1px solid var(--border-primary)}.btn-pagination{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-secondary);border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-pagination:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px)}.btn-pagination:disabled{opacity:.4;cursor:not-allowed}.pagination-info{display:flex;align-items:center;gap:16px}.page-numbers{display:flex;gap:6px}.page-number{min-width:36px;height:36px;padding:0 8px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-secondary);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.page-number:hover:not(.active){background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}.page-number.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);font-weight:700;cursor:default}.page-count{font-size:14px;color:var(--text-tertiary);font-weight:500}@media (max-width: 768px){.pagination-controls{flex-direction:column;gap:16px}.pagination-info{flex-direction:column;gap:8px}.page-numbers{flex-wrap:wrap;justify-content:center}}.video-feed-empty p{color:var(--text-secondary);font-size:16px;margin:8px 0}.video-feed-empty-hint{font-size:14px;color:var(--text-tertiary)}@media (max-width: 1200px){.videos-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.video-feed-rss-info{font-size:13px;color:var(--success-color);margin:0;font-weight:500;padding:8px 12px;background:var(--success-bg);border-radius:6px;display:inline-block}.video-feed-quota{font-size:12px;color:var(--text-tertiary);margin:0;font-style:italic}.video-feed-progress{padding:16px 20px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-primary)}.progress-bar{width:100%;height:8px;background:var(--border-primary);border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:var(--accent-primary);transition:width .3s ease}.progress-text{font-size:14px;color:var(--text-secondary);margin:0;text-align:center}.video-feed-load-more{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 20px;margin-top:20px}.load-more-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 32px;font-size:16px;font-weight:600}.load-more-info{font-size:12px;font-weight:400;color:#ffffffb3}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin-right:8px}.load-more-progress{font-size:14px;color:var(--text-tertiary);margin:0}.video-feed-complete{text-align:center;padding:24px;margin-top:20px}.video-feed-complete p{color:var(--text-secondary);font-size:14px;margin:0}@media (max-width: 768px){.video-feed{padding-top:60px}.video-feed-back-button{position:fixed;top:12px;left:12px;margin:0;z-index:1000}.video-grid-controls,.video-feed-header{display:none!important}.video-feed{padding-top:0!important}.videos-grid{padding:0;margin:0}.video-card{margin:0}.btn-back-simple{padding:8px 12px;font-size:13px}.video-feed-header{flex-direction:column;align-items:flex-start;gap:12px;padding:10px 14px;margin-bottom:12px;border-radius:10px}.video-feed-title{font-size:20px;font-weight:600}.video-feed-stats{gap:10px;flex-wrap:wrap}.video-feed-actions{width:100%;flex-direction:column;align-items:stretch;gap:12px}.control-group{flex-direction:column;align-items:stretch;gap:10px;padding:8px 10px;border-radius:8px}.grid-density-control,.grid-column-control{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.control-header{margin-bottom:0}.action-buttons{flex-direction:column;width:100%;gap:10px}.refresh-btn,.all-channels-btn{width:100%;justify-content:center;padding:10px 14px}.videos-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px;width:100%;padding:0 8px}.videos-grid .video-card{width:100%;max-width:100%}.video-info{padding:12px 14px}.video-title{font-size:15px;-webkit-line-clamp:2}.video-actions{padding:10px 14px}.load-more-btn{width:100%}}.video-suggestions-section{width:100%;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-primary);min-height:200px;animation:fadeIn .3s ease-out;will-change:opacity}.suggestions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 4px}.suggestions-title{font-size:20px;font-weight:600;color:var(--text-primary);letter-spacing:-.3px;margin:0}.suggestions-count{font-size:14px;font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);padding:4px 12px;border-radius:12px;border:1px solid var(--border-primary)}.suggestions-loading{font-size:14px;color:var(--text-secondary);font-weight:500}.suggestions-grid{display:grid;gap:16px;width:100%}.suggestions-grid.layout-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.suggestions-grid.layout-list{grid-template-columns:1fr}.suggestions-grid.layout-compact{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.suggestion-card{position:relative;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008;will-change:transform,box-shadow}.suggestion-card:hover{transform:translateY(-2px);border-color:var(--accent-primary);box-shadow:0 4px 12px rgba(var(--accent-rgb, 0, 122, 255),.15),0 8px 24px #00000014,0 0 0 1px var(--accent-primary)}.suggestion-card:active{transform:translateY(-1px)}.suggestion-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.suggestion-thumbnail-container{position:relative;width:100%;padding-bottom:56.25%;background:var(--bg-tertiary);overflow:hidden}.suggestion-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.suggestion-card:hover .suggestion-thumbnail{transform:scale(1.05)}.suggestion-duration{position:absolute;bottom:6px;right:6px;background:#000000d9;color:#fff;font-size:12px;font-weight:600;padding:2px 6px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.suggestion-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:1}.suggestion-card:hover .suggestion-play-overlay{opacity:1}.play-icon{color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:transform .2s ease}.suggestion-card:hover .play-icon{transform:scale(1.1)}.suggestion-info{padding:12px;display:flex;flex-direction:column;gap:6px}.suggestion-title{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;min-height:2.8em}.suggestion-channel{font-size:13px;font-weight:500;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.suggestion-card:hover .suggestion-channel{color:var(--accent-primary)}.suggestion-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary);margin-top:2px}.meta-item{white-space:nowrap}.meta-separator{opacity:.5}.suggestion-action-btn{position:absolute;top:8px;right:8px;background:#000000b3;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3}.suggestion-card:hover .suggestion-action-btn{opacity:1;transform:scale(1)}.suggestion-action-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.1);box-shadow:0 4px 12px rgba(var(--accent-rgb, 0, 122, 255),.4)}.suggestion-action-btn:active{transform:scale(.95)}.suggestion-card.skeleton{pointer-events:none;animation:pulse 1.5s ease-in-out infinite}.skeleton-shimmer{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:16px;border-radius:4px;margin-bottom:8px}.skeleton-text-small{height:14px;width:60%;border-radius:4px}.suggestions-empty{text-align:center;padding:48px 24px;background:var(--bg-secondary);border-radius:12px;border:1px dashed var(--border-primary)}.empty-message{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.empty-hint{font-size:14px;color:var(--text-secondary);margin:0}.suggestions-footer{margin-top:24px;padding:12px;text-align:center}.more-hint{font-size:13px;color:var(--text-tertiary);font-weight:500;margin:0}.load-more-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:10px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000d;position:relative;overflow:hidden}.load-more-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(var(--accent-rgb, 0, 122, 255),.2);transform:translate(-50%,-50%);transition:width .5s,height .5s}.load-more-btn:active:after{width:300px;height:300px}.load-more-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a,0 0 0 1px var(--accent-primary)}.load-more-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0000000d}.load-more-text{letter-spacing:.3px}.load-more-icon{transition:transform .2s ease;flex-shrink:0}.load-more-btn:hover .load-more-icon{transform:translateY(2px);animation:bounce .6s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (max-width: 1024px){.suggestions-grid.layout-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.suggestion-title{font-size:13px}.suggestion-channel{font-size:12px}.suggestion-meta{font-size:11px}}@media (max-width: 768px){.video-suggestions-section{margin-top:24px;padding-top:20px}.suggestions-header{margin-bottom:16px}.suggestions-title{font-size:18px}.suggestions-grid.layout-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.suggestion-info{padding:10px}.suggestion-action-btn{opacity:1;transform:scale(1)}}@media (max-width: 480px){.video-suggestions-section{margin-top:20px;padding-top:16px}.suggestions-header{flex-direction:column;align-items:flex-start;gap:8px}.suggestions-title{font-size:16px}.suggestions-count{font-size:12px;padding:3px 10px}.suggestions-grid.layout-grid{grid-template-columns:1fr;gap:12px}.suggestion-card:hover{transform:none}.suggestion-title{font-size:14px;-webkit-line-clamp:3;min-height:4.2em}.play-icon{width:28px;height:28px}.suggestions-empty{padding:32px 16px}.load-more-btn{padding:10px 24px;font-size:13px}.load-more-text{font-size:13px}.load-more-icon{width:18px;height:18px}}[data-theme=dark] .suggestion-card,[data-theme=github-dark] .suggestion-card,[data-theme=minimal-dark] .suggestion-card{box-shadow:0 1px 3px #0003,0 1px 2px #0000001a}[data-theme=dark] .suggestion-card:hover,[data-theme=github-dark] .suggestion-card:hover,[data-theme=minimal-dark] .suggestion-card:hover{box-shadow:0 4px 12px rgba(var(--accent-rgb, 0, 122, 255),.2),0 8px 24px #0000004d,0 0 0 1px var(--accent-primary)}@media (prefers-contrast: high){.suggestion-card,.suggestion-action-btn{border-width:2px}}@media (prefers-reduced-motion: reduce){.suggestion-card,.suggestion-thumbnail,.suggestion-play-overlay,.play-icon,.suggestion-action-btn,.video-suggestions-section{animation:none;transition:none}.skeleton-shimmer{animation:none}}.suggestion-card:focus-visible{outline:3px solid var(--accent-primary);outline-offset:3px}.keyboard-shortcuts-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.keyboard-shortcuts-modal{background:var(--modal-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 25px #0000004d;max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s ease-out}.keyboard-shortcuts-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--header-bg)}.keyboard-shortcuts-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.close-button{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background:var(--hover-bg);color:var(--text-primary)}.keyboard-shortcuts-content{padding:1.5rem;overflow-y:auto;flex:1}.shortcuts-grid{display:grid;grid-template-columns:auto 1fr;gap:.75rem 1.5rem;align-items:center}.shortcut-item{display:contents}.shortcut-keys{justify-self:end}.shortcut-key{display:inline-block;padding:.25rem .5rem;margin:0 .25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;font-family:monospace;font-size:.875rem;color:var(--text-primary);box-shadow:0 2px #0000001a}.shortcut-description{color:var(--text-secondary);font-size:.9rem;line-height:1.4}@keyframes modalSlideIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media (max-width: 768px){.keyboard-shortcuts-modal{width:95%;max-height:90vh;margin:.5rem}.shortcuts-grid{grid-template-columns:1fr;gap:.5rem}.shortcut-item{display:flex;flex-direction:row;align-items:flex-start}.shortcut-keys{justify-self:start;margin-right:.5rem}.shortcut-key{margin:0 .25rem 0 0}}.mini-player-toggle-wrapper{position:relative;display:inline-block}.mini-player-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(var(--bg-secondary-rgb, 248, 250, 252),.8);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden}[data-theme=dark] .mini-player-toggle{background:rgba(var(--bg-secondary-rgb, 31, 41, 55),.8)}.mini-player-toggle:hover{background:rgba(var(--accent-primary-rgb, 59, 130, 246),.1);border-color:var(--accent-primary);color:var(--accent-primary);transform:scale(1.05)}.mini-player-toggle:active{transform:scale(.95)}.mini-player-toggle.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 2px 8px rgba(var(--accent-primary-rgb, 59, 130, 246),.3)}.mini-player-toggle.active:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.mini-player-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:6px 12px;background:#000000e6;color:#fff;font-size:12px;font-weight:500;white-space:nowrap;border-radius:6px;pointer-events:none;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:tooltipFadeIn .2s ease}.mini-player-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000000e6}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mini-player-toggle.small{width:28px;height:28px}.mini-player-toggle.small svg{width:14px;height:14px}.mini-player-toggle.large{width:44px;height:44px}.mini-player-toggle.large svg{width:20px;height:20px}.mini-player-toggle-wrapper.top-right{position:absolute;top:12px;right:12px;z-index:10}.mini-player-toggle-wrapper.top-left{position:absolute;top:12px;left:12px;z-index:10}.mini-player-toggle-wrapper.bottom-right{position:absolute;bottom:12px;right:12px;z-index:10}.mini-player-toggle-wrapper.bottom-left{position:absolute;bottom:12px;left:12px;z-index:10}.mini-player-toggle-wrapper.in-video-controls{margin:0 8px}.mini-player-toggle-wrapper.in-overlay{position:absolute;top:16px;right:16px;z-index:20}.mini-player-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}[data-theme=dark] .mini-player-toggle-tooltip{background:#fffffff2;color:var(--text-primary)}[data-theme=dark] .mini-player-toggle-tooltip:after{border-top-color:#fffffff2}@media (prefers-contrast: high){.mini-player-toggle{border-width:2px;background:rgba(var(--bg-primary-rgb, 255, 255, 255),.9)}[data-theme=dark] .mini-player-toggle{background:rgba(var(--bg-primary-rgb, 17, 24, 39),.9);border-color:var(--text-primary)}}@media (prefers-reduced-motion: reduce){.mini-player-toggle,.mini-player-toggle.active:before,.mini-player-tooltip{animation:none;transition:none}}@media (max-width: 768px){.mini-player-toggle{width:40px;height:40px}.mini-player-toggle.small{width:32px;height:32px}.mini-player-tooltip{font-size:11px;padding:4px 8px}}:root{--player-bg-gradient-start: #0f0f1a;--player-bg-gradient-end: #181826;--player-accent-violet: #7b5cff;--player-accent-cyan: #6cf0ff;--player-glass-bg: rgba(255, 255, 255, .05);--player-glass-border: rgba(255, 255, 255, .1);--player-shadow-elevated: 0 10px 40px rgba(0, 0, 0, .3)}.enhanced-video-player{display:grid;width:100%;max-width:none;margin:0;gap:16px;padding:0;animation:fadeIn .4s ease-out;grid-template-columns:minmax(0,1fr) 320px;align-items:start}.playlist-detail-content .enhanced-video-player{display:flex;flex-direction:column;width:100%;max-width:none;padding:0;gap:16px}.playlist-detail-content .enhanced-video-player .video-player-main{flex:1;width:100%;overflow:visible;min-height:-moz-fit-content;min-height:fit-content}.playlist-detail-content .enhanced-video-player .video-suggestions-section{display:none}.playlist-detail-content .enhanced-video-player .video-actions{display:flex!important;visibility:visible!important;opacity:1!important}.channel-detail-view .enhanced-video-player .video-actions{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:1!important}.channel-detail-view .enhanced-video-player .video-info-section{display:flex!important;overflow:visible!important;min-height:-moz-fit-content!important;min-height:fit-content!important;visibility:visible!important}.channel-detail-view .enhanced-video-player .video-player-main{overflow:visible!important;min-height:-moz-fit-content!important;min-height:fit-content!important}.enhanced-video-player:not(.variant-modal){background:transparent;padding:0}.video-player-main{flex:1;display:flex;flex-direction:column;gap:20px;min-width:0}.video-container-wrapper{position:relative;width:100%;overflow:hidden;border-radius:20px;background:transparent;box-shadow:none}.video-player-container{position:relative;width:100%;aspect-ratio:16 / 9;max-height:80vh;overflow:hidden;border-radius:20px;background:transparent}.playlist-detail-content .video-player-container{max-height:75vh;aspect-ratio:16 / 9;min-height:400px}.video-player-container.height-constrained{position:relative;width:100%;height:100%;padding-bottom:0}.glow-subtle .video-player-container{box-shadow:0 10px 40px #00000040,0 4px 16px #00000026,0 0 60px color-mix(in srgb,var(--accent-primary) 8%,transparent)}.glow-medium .video-player-container{box-shadow:0 10px 40px #0000004d,0 4px 16px #0003,0 0 80px color-mix(in srgb,var(--accent-primary) 15%,transparent)}.glow-bold .video-player-container{box-shadow:0 10px 40px #00000059,0 4px 20px #00000040,0 0 100px color-mix(in srgb,var(--accent-primary) 25%,transparent),0 0 40px color-mix(in srgb,var(--accent-secondary) 10%,transparent)}.video-player-container:hover{box-shadow:0 12px 48px #00000059,0 6px 20px #00000040,0 0 100px color-mix(in srgb,var(--accent-primary) 20%,transparent),0 0 50px color-mix(in srgb,var(--accent-secondary) 15%,transparent);transform:translateY(-2px)}.video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-player-container .mini-player-toggle-wrapper.in-overlay{position:absolute;top:12px;right:12px;z-index:15}.video-player-container .mini-player-toggle{width:40px;height:40px;background:#000000b3;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease}.video-player-container .mini-player-toggle:hover{background:#000000e6;border-color:var(--player-accent-violet, #7b5cff);transform:scale(1.05);box-shadow:0 4px 12px #7b5cff4d}.video-player-container .mini-player-toggle.active{background:var(--player-accent-violet, #7b5cff);border-color:var(--player-accent-violet, #7b5cff);box-shadow:0 0 20px #7b5cff80}.video-player-container .mini-player-tooltip{background:#000000e6;color:#fff;font-size:12px;padding:6px 12px;border-radius:6px;white-space:nowrap;bottom:100%;margin-bottom:8px}.video-player-container.loading .mini-player-toggle-wrapper{opacity:0;pointer-events:none}.mobile-fullscreen-toggle{position:absolute;top:12px;right:12px;z-index:15;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#000000bf;border:1.5px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px #0000004d}.mobile-fullscreen-toggle:hover{background:#000000e6;border-color:#ffffff80;transform:scale(1.05);box-shadow:0 4px 12px #0006}.mobile-fullscreen-toggle:active{transform:scale(.95)}.mobile-fullscreen-toggle svg{flex-shrink:0}.video-loading-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#1a1a1a,#2a2a2a,#1a1a1a);background-size:200% 100%;display:flex;align-items:center;justify-content:center;animation:shimmer 2s infinite;z-index:1}.loading-icon{color:var(--accent-primary);opacity:.6;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.video-info-section{display:flex;flex-direction:column;gap:16px;animation:fadeInDelayed .4s ease-out both;min-height:-moz-fit-content;min-height:fit-content;overflow:visible}@media (min-width: 961px) and (max-width: 1200px){.video-info-section{gap:12px;margin-bottom:0;padding-bottom:0}.video-actions{padding-top:12px;padding-bottom:0;gap:12px;margin-bottom:0}}@keyframes fadeInDelayed{0%{opacity:0}to{opacity:1}}.video-title{font-size:32px;font-weight:800;color:var(--text-primary);line-height:1.2;letter-spacing:-.6px;margin:0;transition:color .2s ease;text-shadow:0 2px 8px rgba(0,0,0,.2)}.video-metadata{display:flex;flex-direction:column;gap:8px}.channel-info{display:flex;align-items:center;gap:8px}.channel-link,.channel-name{font-size:16px;font-weight:600;color:var(--accent-primary);text-decoration:none;transition:all .2s ease}.channel-link:hover{color:var(--accent-secondary);text-decoration:underline}.video-stats{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.stat-item{display:inline-flex;align-items:center;gap:4px}.stat-separator{opacity:.5}.video-description{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:16px;position:relative;overflow:hidden;transition:all .3s ease}.video-description:not(.expanded){max-height:120px}.video-description.expanded{max-height:600px}.description-text{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0;white-space:pre-wrap;word-wrap:break-word;position:relative}.video-description:not(.expanded) .description-text{max-height:80px;overflow:hidden;position:relative}.video-description:not(.expanded) .description-text:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent,var(--bg-secondary));pointer-events:none}.description-toggle{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.description-toggle:hover{background:var(--bg-quaternary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px)}.video-actions{display:flex;flex-wrap:wrap;gap:16px;padding-top:20px;border-top:1px solid var(--border-primary)}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;letter-spacing:.2px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;border:none;white-space:nowrap;position:relative;overflow:hidden;min-width:-moz-fit-content;min-width:fit-content;flex:1;min-width:140px}.action-btn svg{flex-shrink:0;transition:transform .25s ease;width:16px;height:16px}.action-btn:hover svg{transform:scale(1.1)}.action-btn.primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;box-shadow:0 6px 20px rgba(var(--accent-rgb, 0, 122, 255),.35),0 3px 10px #0003,inset 0 1px #fff3;border:2px solid rgba(255,255,255,.1);font-weight:700}.action-btn.primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.action-btn.primary:hover:before{opacity:1}.action-btn.primary:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 10px 30px rgba(var(--accent-rgb, 0, 122, 255),.5),0 5px 15px #00000040,inset 0 1px #ffffff4d;border-color:#fff3}.action-btn.primary:active{transform:translateY(-2px) scale(1.01)}.action-btn.secondary{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-primary);box-shadow:0 3px 10px #0000000f,inset 0 1px #ffffff0d;position:relative}.action-btn.secondary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);opacity:0;transition:opacity .3s ease;border-radius:inherit;z-index:-1}.action-btn.secondary:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-4px) scale(1.03);box-shadow:0 8px 24px rgba(var(--accent-rgb, 0, 122, 255),.2),0 3px 10px #0000001f,inset 0 1px #ffffff1a}.action-btn.secondary:active{transform:translateY(-2px) scale(1.01)}.video-playlist-sidebar{display:flex;flex-direction:column;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:16px;box-shadow:0 8px 24px #0000001f,0 4px 12px #00000014,0 2px 6px #0000000a,inset 0 1px 2px #ffffff1a;max-height:80vh;overflow:hidden;animation:slideInRight .5s cubic-bezier(.4,0,.2,1)}.playlist-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:2px solid var(--border-primary);background:var(--bg-secondary);flex-shrink:0}.playlist-header-left{display:flex;align-items:center;gap:12px}.playlist-header-actions{display:flex;align-items:center;gap:8px}.playlist-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.playlist-action-btn:hover{background:var(--bg-quaternary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px)}.playlist-action-btn.save{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.playlist-action-btn.save:hover{background:#22c55e33;border-color:#22c55e;box-shadow:0 2px 8px #22c55e33}.playlist-action-btn.cancel{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.playlist-action-btn.cancel:hover{background:#ef444433;border-color:#ef4444;box-shadow:0 2px 8px #ef444433}.playlist-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.video-count-badge{padding:4px 10px;background:var(--accent-primary);color:#fff;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.3px;box-shadow:0 2px 6px rgba(var(--accent-rgb, 0, 122, 255),.25);display:inline-flex;align-items:center;justify-content:center;min-width:50px}.playlist-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px}.playlist-scroll-container::-webkit-scrollbar{width:8px}.playlist-scroll-container::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.playlist-scroll-container::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.playlist-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.playlist-video-item{display:flex;gap:10px;padding:10px;border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:2px solid transparent;margin-bottom:6px;animation:fadeInStagger .2s ease-out both;background:var(--bg-primary)}.playlist-video-item:nth-child(1){animation-delay:.02s}.playlist-video-item:nth-child(2){animation-delay:.04s}.playlist-video-item:nth-child(3){animation-delay:.06s}.playlist-video-item:nth-child(4){animation-delay:.08s}.playlist-video-item:nth-child(5){animation-delay:.1s}@keyframes fadeInStagger{0%{opacity:0}to{opacity:1}}.playlist-video-item:hover{background:#ffffff14;transform:translate(4px) scale(1.02);box-shadow:0 8px 24px #0003,0 0 0 1px #7b5cff4d;border-color:#7b5cff80}.playlist-video-item.reorder-mode{cursor:grab;padding-left:8px}.playlist-video-item.reorder-mode:active{cursor:grabbing}.playlist-video-item.reorder-mode:hover{transform:translate(0) scale(1);background:var(--bg-quaternary);border-color:var(--border-secondary)}.playlist-video-item.dragging{opacity:.5;transform:scale(.95);cursor:grabbing}.drag-handle{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);cursor:grab;transition:color .2s ease;flex-shrink:0}.playlist-video-item.reorder-mode:hover .drag-handle{color:var(--accent-primary)}.playlist-video-item.reorder-mode:active .drag-handle{cursor:grabbing}.playlist-video-item.active{background:linear-gradient(135deg,rgba(var(--accent-rgb, 0, 122, 255),.1),rgba(var(--accent-rgb, 0, 122, 255),.05));border-color:var(--accent-primary);box-shadow:0 4px 16px rgba(var(--accent-rgb, 0, 122, 255),.15),0 0 0 1px var(--accent-primary) inset;animation:activeGlow 2s ease-in-out infinite}@keyframes activeGlow{0%,to{box-shadow:0 4px 16px rgba(var(--accent-rgb, 0, 122, 255),.15),0 0 0 1px var(--accent-primary) inset}50%{box-shadow:0 4px 20px rgba(var(--accent-rgb, 0, 122, 255),.25),0 0 0 2px var(--accent-primary) inset}}.playlist-video-thumbnail{position:relative;width:140px;height:78px;flex-shrink:0;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);box-shadow:0 2px 8px #00000026,0 0 0 1px #ffffff0d}.playlist-video-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;image-rendering:-webkit-optimize-contrast;backface-visibility:hidden;will-change:transform}.playlist-video-item:hover .playlist-video-thumbnail img{transform:scale(1.05)}.video-number{position:absolute;top:4px;left:4px;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:700;z-index:2;min-width:20px;text-align:center}.now-playing-overlay{position:absolute;inset:0;background:rgba(var(--accent-rgb, 0, 122, 255),.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1}.equalizer{display:flex;align-items:flex-end;gap:3px;height:20px}.equalizer span{width:4px;background:var(--accent-primary);border-radius:2px;animation:equalize 1s ease-in-out infinite}.equalizer span:nth-child(1){animation-delay:0s}.equalizer span:nth-child(2){animation-delay:.2s}.equalizer span:nth-child(3){animation-delay:.4s}@keyframes equalize{0%,to{height:4px}50%{height:20px}}.playlist-video-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px;padding-right:4px}.playlist-video-title{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.35;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .2s ease;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.playlist-video-item:hover .playlist-video-title{color:var(--accent-primary)}.playlist-video-item.active .playlist-video-title{font-weight:700}.playlist-video-channel{font-size:11px;color:var(--text-tertiary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.variant-modal{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.variant-modal .video-player-main{display:flex;flex-direction:column;width:100%;min-height:0}.variant-modal .video-container-wrapper{width:100%;min-height:60vh;flex-shrink:0}.variant-modal .video-player-container{border-radius:0;width:100%;height:100%;padding-bottom:0}.variant-modal .video-iframe{width:100%;height:100%}.variant-modal .video-info-section{padding:24px 32px;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.variant-modal .video-info-section::-webkit-scrollbar{width:8px}.variant-modal .video-info-section::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.variant-modal .video-info-section::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.variant-modal .video-info-section::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.variant-theater{max-width:100%;gap:32px;grid-template-columns:minmax(0,7fr) minmax(350px,3fr)}.variant-theater .video-player-main{max-width:none}.variant-theater .video-playlist-sidebar{max-width:500px;transition:all .4s cubic-bezier(.4,0,.2,1)}.variant-theater .video-playlist-sidebar.collapsed{display:none}.variant-theater .video-container-wrapper,.variant-theater .video-player-container{border-radius:24px}.theater-toggle-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#7b5cff1a;border:2px solid rgba(123,92,255,.3);border-radius:12px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #7b5cff26}.theater-toggle-btn:hover{background:#7b5cff33;border-color:#7b5cff80;transform:translateY(-2px);box-shadow:0 4px 16px #7b5cff4d}.theater-toggle-btn.active{background:linear-gradient(135deg,#7b5cff4d,#6cf0ff33);border-color:#7b5cff99;box-shadow:0 4px 20px #7b5cff66}.theater-toggle-btn svg{flex-shrink:0;transition:transform .3s ease}.theater-toggle-btn.active svg{transform:scale(1.1)}@media (max-width: 1400px){.enhanced-video-player{grid-template-columns:1fr;gap:20px}.video-playlist-sidebar{max-height:500px}.variant-theater{grid-template-columns:1fr}}@media (max-width: 968px){.video-actions{gap:12px}.action-btn{flex:1 1 calc(50% - 6px);min-width:140px;padding:12px 20px;font-size:14px}}@media (max-width: 768px){.video-title{font-size:22px}.video-actions{flex-direction:column;gap:12px}.video-actions .notes-action-btn{display:none}.enhanced-video-player.is-fullscreen .video-info-section.hidden-in-fullscreen,.enhanced-video-player.is-fullscreen .hidden-in-fullscreen,.enhanced-video-player.is-fullscreen .video-playlist-sidebar,.enhanced-video-player.is-fullscreen .video-info-section{display:none!important}.enhanced-video-player:fullscreen .video-playlist-sidebar,.enhanced-video-player:-webkit-fullscreen .video-playlist-sidebar,.enhanced-video-player:-moz-full-screen .video-playlist-sidebar,.enhanced-video-player:-ms-fullscreen .video-playlist-sidebar{display:none!important}.enhanced-video-player:fullscreen>*:not(.video-player-main),.enhanced-video-player:-webkit-fullscreen>*:not(.video-player-main),.enhanced-video-player:-moz-full-screen>*:not(.video-player-main),.enhanced-video-player:-ms-fullscreen>*:not(.video-player-main){display:none!important}.enhanced-video-player.is-fullscreen>*:not(.video-player-main){display:none!important}.enhanced-video-player.is-fullscreen .video-player-main{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw}.enhanced-video-player:fullscreen .video-player-main,.enhanced-video-player:-webkit-fullscreen .video-player-main,.enhanced-video-player:-moz-full-screen .video-player-main,.enhanced-video-player:-ms-fullscreen .video-player-main{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw}.action-btn{width:100%;flex:1;min-width:unset;justify-content:center;padding:16px 24px;font-size:15px}.playlist-video-thumbnail{width:140px;height:79px}.video-playlist-sidebar{max-height:400px}.video-description:not(.expanded){max-height:100px}}@media (max-width: 480px){.video-title{font-size:18px}.playlist-video-thumbnail{width:120px;height:67px}.playlist-video-title{font-size:13px;-webkit-line-clamp:3}}.end-video-controls-overlay{position:absolute;inset:0;background:#000000eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10;animation:fadeIn .3s ease-out}.end-video-controls-container{max-width:700px;width:90%;padding:40px;text-align:center;animation:slideUpFade .4s ease-out}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.end-video-title{font-size:32px;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:-.5px}.end-video-subtitle{font-size:16px;color:#ffffffb3;margin:0 0 32px;font-weight:500}.end-video-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.end-video-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 20px;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:16px;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.end-video-btn:hover{background:#ffffff1f;border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 8px 24px #0000004d,0 0 0 1px var(--accent-primary) inset}.end-video-btn:active{transform:translateY(-2px)}.end-video-btn.continue{border-color:rgba(var(--accent-rgb, 0, 122, 255),.4)}.end-video-btn.continue:hover{background:rgba(var(--accent-rgb, 0, 122, 255),.15);border-color:var(--accent-primary);box-shadow:0 8px 24px rgba(var(--accent-rgb, 0, 122, 255),.3),0 0 0 1px var(--accent-primary) inset}.end-video-btn.stop{border-color:#ef444466}.end-video-btn.stop:hover{background:#ef444426;border-color:#ef4444;box-shadow:0 8px 24px #ef44444d,0 0 0 1px #ef4444 inset}.end-video-btn.loop{border-color:#22c55e66}.end-video-btn.loop:hover{background:#22c55e26;border-color:#22c55e;box-shadow:0 8px 24px #22c55e4d,0 0 0 1px #22c55e inset}.end-video-btn.shuffle{border-color:#a855f766}.end-video-btn.shuffle:hover{background:#a855f726;border-color:#a855f7;box-shadow:0 8px 24px #a855f74d,0 0 0 1px #a855f7 inset}.end-video-btn svg{flex-shrink:0}.btn-label{font-size:16px;font-weight:700;letter-spacing:.3px}.btn-description{font-size:13px;color:#fff9;font-weight:500}.btn-shortcut{position:absolute;top:12px;right:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:6px;font-size:12px;font-weight:700;color:#fffc}.end-video-countdown{font-size:14px;color:#ffffff80;font-weight:500;animation:pulse 2s ease-in-out infinite}@media (max-width: 768px){.end-video-controls-container{padding:32px 24px}.end-video-title{font-size:26px}.end-video-subtitle{font-size:14px;margin-bottom:24px}.end-video-actions{gap:12px}.end-video-btn{padding:20px 16px}.btn-label{font-size:15px}.btn-description{font-size:12px}}@media (max-width: 480px){.end-video-controls-container{padding:24px 16px}.end-video-title{font-size:22px}.end-video-subtitle{font-size:13px;margin-bottom:20px}.end-video-actions{grid-template-columns:1fr;gap:10px}.end-video-btn{flex-direction:row;justify-content:flex-start;gap:12px;padding:16px}.end-video-btn svg{width:20px;height:20px}.btn-label{font-size:14px}.btn-description{display:none}.btn-shortcut{margin-left:auto}}@media (min-width: 1400px){.enhanced-video-player{max-width:1280px}}@media (max-width: 1024px){.enhanced-video-player{grid-template-columns:1fr;gap:20px}.video-playlist-sidebar{max-height:60vh}}@media (max-width: 768px){.enhanced-video-player{padding:0 12px;gap:16px}.video-container-wrapper{border-radius:12px}.video-player-container{border-radius:12px;max-height:60vh}.video-playlist-sidebar{max-height:50vh;padding:8px;border-radius:12px}}@media (max-width: 480px){.enhanced-video-player{padding:0 8px;gap:12px}.video-player-container{max-height:50vh}.video-playlist-sidebar{max-height:40vh;padding:6px}}.ai-assistant-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease}.ai-assistant-modal-container{width:95%;max-width:1200px;height:90vh;max-height:900px;background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 60px #0006;overflow:hidden;animation:slideUp .3s ease;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.ai-assistant-modal-container.large{max-width:1400px;height:92vh;max-height:960px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.action-btn.ai-notes-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;box-shadow:0 4px 12px #3b82f64d;transition:all .3s ease}.action-btn.ai-notes-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.action-btn.ai-notes-btn:active{transform:translateY(0)}@media (max-width: 768px){.ai-assistant-modal-container{width:100%;height:100%;max-height:100vh;border-radius:0}.ai-assistant-modal-overlay{padding:0}}@media (max-width: 768px) and (orientation: landscape){.enhanced-video-player{grid-template-columns:1fr;gap:12px;padding:0}.video-player-main{gap:12px}.video-player-container{max-height:90vh;aspect-ratio:16 / 9;border-radius:12px}.video-container-wrapper{border-radius:12px}.video-suggestions-section{display:none}.video-info-section{padding:8px 12px;gap:8px;border-radius:10px}.video-title{font-size:15px;line-height:1.3;-webkit-line-clamp:2}.video-metadata{font-size:12px;gap:6px}.video-metadata-item{font-size:12px}.video-description{font-size:12px;line-height:1.4;-webkit-line-clamp:2}.video-actions{gap:6px;padding:6px 0;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.video-actions::-webkit-scrollbar{display:none}.video-action-btn,.action-btn{padding:6px 12px;font-size:12px;min-height:36px;white-space:nowrap;flex-shrink:0}.action-btn svg{width:16px;height:16px}.mobile-fullscreen-toggle{width:40px;height:40px;top:10px;right:10px;border-radius:8px}.timestamp-marker{padding:4px 8px;font-size:11px;border-radius:6px}.ai-notes-section,.ai-note-card{padding:10px 12px;gap:8px}.ai-note-timestamp{font-size:11px;padding:3px 6px}.ai-note-content{font-size:12px;line-height:1.4}.video-player-footer,.video-recommendations,.video-related-section{display:none}.playlist-detail-content .video-player-container,.channel-detail-view .video-player-container{max-height:88vh}}@media (max-width: 768px) and (orientation: landscape) and (max-height: 400px){.video-player-container{max-height:95vh;border-radius:8px}.video-container-wrapper{border-radius:8px}.video-info-section{padding:6px 10px;gap:6px}.video-title{font-size:14px;-webkit-line-clamp:1}.video-metadata{font-size:11px;gap:4px}.video-actions{gap:4px;padding:4px 0}.video-action-btn,.action-btn{padding:5px 10px;font-size:11px;min-height:32px}.action-btn svg{width:14px;height:14px}.mobile-fullscreen-toggle{width:36px;height:36px;top:8px;right:8px}.video-description,.ai-notes-section{display:none}}@media (min-width: 600px) and (max-width: 768px) and (orientation: landscape){.enhanced-video-player{grid-template-columns:1.5fr 1fr;gap:16px}.video-suggestions-section{display:block;max-width:320px}.video-player-container{max-height:85vh}}@media (max-width: 768px) and (orientation: portrait){.enhanced-video-player{grid-template-columns:1fr;gap:16px}.video-player-container{max-height:45vh;aspect-ratio:16 / 9}.video-suggestions-section{display:block;width:100%;max-width:100%;padding:16px}.video-info-section{padding:12px 16px}.video-title{font-size:16px;line-height:1.4}.video-actions{flex-wrap:wrap;gap:8px}.enhanced-video-player{padding-bottom:max(70px,calc(env(safe-area-inset-bottom) + 70px))}}@media (max-width: 768px) and (orientation: landscape){.video-player-container,.video-iframe,.video-info-section,.video-actions{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.video-player-container{transition:transform .2s ease,box-shadow .2s ease}.video-action-btn,.action-btn{transition:all .15s ease}@media (prefers-reduced-motion: reduce){.video-player-container,.video-action-btn,.action-btn{transition:none;animation:none}}}.playlist-detail-view{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary);overflow:hidden}.playlist-detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;margin:8px 12px 12px;flex-shrink:0;border-bottom:1px solid var(--border-primary);background:var(--bg-primary);box-shadow:0 1px 3px #0000001a}.btn-back{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-primary);border-radius:8px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.btn-back:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translate(-2px);box-shadow:0 2px 6px #0000001f}.btn-back svg{transition:transform .2s ease}.btn-back:hover svg{transform:translate(-2px)}.playlist-info-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1}.header-top-row{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.btn-favorite,.btn-reorganize,.btn-multi-select{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:32px;min-height:32px;box-shadow:0 1px 3px #0000001a}.btn-favorite:hover{background:#ffd7001a;color:gold;border-color:gold;transform:translateY(-1px);box-shadow:0 2px 6px #ffd70033}.btn-favorite.active{background:#ffd70026;color:gold;border-color:gold}.btn-reorganize:hover,.btn-multi-select:hover{background:rgba(var(--accent-rgb),.1);color:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 2px 6px rgba(var(--accent-rgb),.2)}.btn-multi-select.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.playlist-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4;letter-spacing:-.01em}.playlist-description{font-size:12px;color:var(--text-secondary);line-height:1.4;margin:0}.playlist-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.meta-item{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);font-weight:500;padding:4px 8px;background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.15);border-radius:6px;box-shadow:0 1px 3px #0000000f,inset 0 .5px 1px #ffffff1a;transition:all .15s ease}.meta-item:hover{transform:translateY(-.5px);background:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.2);box-shadow:0 2px 5px #00000014,inset 0 1px 2px #ffffff26}.meta-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.youtube-badge{background:red;color:#fff}.special-badge{background:var(--accent-primary);color:#fff}.multi-select-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);flex-shrink:0;gap:16px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:12px}.selection-count{font-size:14px;font-weight:600;color:var(--text-primary)}.btn-toolbar{padding:6px 12px;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-toolbar:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary)}.btn-bulk-delete{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #dc3545;border-radius:6px;background:#dc3545;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-bulk-delete:hover:not(:disabled){background:#c82333;border-color:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.btn-bulk-delete:disabled{opacity:.5;cursor:not-allowed;transform:none}.playlist-detail-content{display:flex;flex:1 1 auto;overflow:hidden;gap:12px;padding:12px;height:calc(100vh - 90px);min-height:600px;max-width:100%;margin:0;width:100%}.video-player-section{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0;order:1}.video-player-container{position:relative;width:100%;height:0;padding-bottom:56.25%;background:#000;border-radius:16px;overflow:hidden;border:2px solid var(--border-primary);min-height:300px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 12px 40px #0003,0 6px 20px #00000026,0 3px 10px #0000001a,inset 0 2px 4px #ffffff14}.video-player-container:hover{transform:translateY(-2px);border-color:var(--accent-primary);box-shadow:0 16px 52px #0000003d,0 8px 26px #0000002e,0 4px 13px #0000001f,inset 0 2px 4px #ffffff1a}.video-player-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.no-video-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;background:var(--bg-secondary);border-radius:16px;border:2px solid var(--border-primary);color:var(--text-tertiary);transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 28px #0000001f,0 4px 14px #00000014,0 2px 7px #0000000d,inset 0 1px 3px #ffffff1a}.no-video-selected:hover{border-color:var(--accent-primary);box-shadow:0 10px 36px #00000026,0 5px 18px #0000001a,0 3px 9px #0000000f,inset 0 1px 3px #ffffff1f}.no-video-selected svg{opacity:.5;margin-bottom:16px}.no-video-selected p{font-size:16px}.video-info{display:flex;flex-direction:column;gap:12px}.video-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4}.video-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.btn-open-youtube{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-secondary);color:var(--text-secondary);font-size:13px;text-decoration:none;transition:all .2s ease}.btn-open-youtube:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #007aff40}.btn-delete-video{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #dc3545;border-radius:6px;background:transparent;color:#dc3545;font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.btn-delete-video:hover:not(:disabled){background:#dc3545;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #dc262640}.btn-delete-video:disabled{opacity:.5;cursor:not-allowed;transform:none}.video-list-section{width:420px;display:flex;flex-direction:column;background:var(--bg-primary);border-radius:14px;border:2px solid var(--border-primary);overflow:hidden;order:2;flex-shrink:0;margin:0;max-height:calc(100vh - 140px);transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 28px #00000024,0 4px 14px #0000001a,0 2px 7px #0000000f,inset 0 1px 2px #ffffff1a}.video-list-section:hover{border-color:var(--accent-primary);box-shadow:0 10px 36px #0000002e,0 5px 18px #0000001f,0 3px 9px #00000014,inset 0 1px 2px #ffffff1f}.video-list-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.video-list-header h3{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.video-count{background:var(--bg-tertiary);color:var(--text-secondary);padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.video-sort-select{padding:6px 10px;border:2px solid var(--border-primary);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:11px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 10px #00000014,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}.video-sort-select:hover{border-color:var(--accent-primary);background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:0 5px 16px #0000001f,0 2px 7px #00000014,inset 0 1px 2px #ffffff26}.video-sort-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.2),0 6px 20px #00000026}.video-view-toggle{display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;overflow:hidden}.video-view-btn{padding:4px 6px;border:none;background:transparent;color:var(--text-secondary);font-size:11px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:2px;min-height:24px}.video-view-btn.active{background:var(--accent-primary);color:#fff}.video-view-btn:hover:not(.active){background:var(--bg-tertiary);color:var(--text-primary)}.video-list{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:3px;padding:10px;min-height:0}@media (min-width: 961px) and (max-width: 1199px){.video-list-section .video-list .fade-in{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px;width:100%}.video-list-section .video-list-item{width:100%;margin:0;height:140px}}.video-list-item{position:relative;width:100%;height:140px;border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:2px solid var(--border-primary);box-shadow:0 6px 20px #00000024,0 3px 10px #0000001a,0 1px 5px #0000000f,inset 0 1px 2px #ffffff1f;margin:0 2px;overflow:hidden;background:transparent!important}.video-list-item.active{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary, #0056b3) 100%);color:#fff;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2),0 10px 32px rgba(var(--accent-rgb),.35),0 5px 16px rgba(var(--accent-rgb),.25),0 2px 8px rgba(var(--accent-rgb),.15),inset 0 2px 3px #fff3}.video-list-item.active .video-item-title,.video-list-item.active .video-item-channel,.video-list-item.active .video-item-stats{color:#fff}.video-list-item.active .video-item-channel:before{color:#fffc}.video-list-item.selected{background:#007aff1a;border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.15),0 6px 20px rgba(var(--accent-rgb),.2),0 3px 10px rgba(var(--accent-rgb),.15),inset 0 1px 2px #ffffff1f}.video-list-item.multi-select-mode{padding-left:8px}.video-checkbox{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:4px;position:absolute;top:8px;left:8px;z-index:3}.playlist-video-thumbnail{position:absolute;inset:0;width:100%;height:100%;border-radius:0;overflow:hidden;background:transparent!important;z-index:0}.playlist-video-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block;margin:0;padding:0;image-rendering:-webkit-optimize-contrast;opacity:1!important;filter:none!important}.playlist-video-thumbnail:before,.playlist-video-thumbnail:after{display:none!important;content:none!important;background:none!important}@media (max-width: 720px){.video-list-item{height:110px}.video-item-info{padding:8px;background:transparent}.video-item-title{font-size:12px;-webkit-line-clamp:1}.video-item-channel,.video-item-stats{display:none}.video-index{top:6px;left:6px;padding:3px 6px;font-size:10px}}.video-item-info{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;gap:4px;padding:12px;background:transparent;z-index:2;min-width:0}.video-item-title{font-size:14px;font-weight:800;color:#fff!important;margin:0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-shadow:0 3px 8px rgba(0,0,0,.8),0 1px 3px rgba(0,0,0,.9),0 0 20px rgba(0,0,0,.5)}.video-item-channel:before{content:"•";color:#fffc;font-weight:700}.video-item-date{font-size:10px;color:#ffffffb3;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.video-item-stats{display:flex;align-items:center;gap:8px;margin-top:2px;font-size:10px;color:#ffffffb3;text-shadow:0 1px 2px rgba(0,0,0,.3)}.video-duration{background:#0000004d;padding:2px 4px;border-radius:3px;font-weight:500}.video-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:2px;flex-shrink:0;opacity:0;transition:opacity .2s ease;padding:8px;background:transparent;z-index:2;justify-content:flex-end}.video-list-item:hover .video-controls{opacity:1}.btn-move-video{flex-shrink:0;width:22px;height:22px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:#ffffff1a;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-move-video:hover:not(:disabled){background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:scale(1.1)}.btn-move-video:disabled{opacity:.3;cursor:not-allowed}.btn-remove-video-list{flex-shrink:0;width:22px;height:22px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:#ffffff1a;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:12px}.btn-remove-video-list:hover:not(:disabled){background:#dc3545;border-color:#dc3545;color:#fff;transform:scale(1.1)}.btn-remove-video-list:disabled{opacity:.5;cursor:not-allowed}.btn-favorite-video{flex-shrink:0;width:22px;height:22px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:#ffffff1a;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-favorite-video:hover{background:#fbbf2433;border-color:#fbbf24;transform:scale(1.1)}.spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.empty-playlist{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-tertiary)}.playlist-detail-loading,.playlist-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.playlist-detail-loading .loading-spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.playlist-detail-error p{color:var(--text-secondary);font-size:16px}.video-list::-webkit-scrollbar{width:8px}.video-list::-webkit-scrollbar-track{background:transparent}.video-list::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.video-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width: 1400px){.playlist-detail-content{height:calc(100vh - 80px)}.video-player-section{flex:1}.video-list-section{width:300px;max-height:calc(100vh - 120px)}}@media (max-width: 960px){.playlist-detail-content{flex-direction:column;gap:12px;height:auto;min-height:auto;overflow-y:auto}.video-player-section{max-width:100%;margin-bottom:12px}.video-list-section{width:100%;max-height:500px}}@media (max-width: 768px){.playlist-detail-header{flex-direction:row;align-items:center;gap:10px;padding:8px 12px;margin:6px 8px 8px}.playlist-title{font-size:16px;font-weight:600}.playlist-meta{gap:8px;margin-top:2px}.meta-item{font-size:12px;padding:3px 6px}.btn-back-icon{width:24px;height:24px}.video-title{font-size:18px}.video-player-section{max-width:100%}.video-player-container{max-height:none}.video-list-section{max-height:300px}.video-list-item{height:120px}}.playlist-tags-display{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:8px;margin-top:8px}.tags-list{display:flex;flex-wrap:wrap;gap:8px;flex:1}.tag-badge-display{display:inline-flex;align-items:center;padding:4px 12px;background:var(--accent-primary);color:#fff;border-radius:16px;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 2px 4px #0000001a}.no-tags-hint{color:var(--text-tertiary);font-size:14px;font-style:italic;flex:1}.btn-edit-tags{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-edit-tags:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.playlist-tags-editor{padding:16px;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:8px;margin-top:8px}.tag-editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.btn-secondary-small{padding:6px 16px;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary-small:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.btn-primary-small{padding:6px 16px;border:1px solid var(--accent-primary);border-radius:6px;background:var(--accent-primary);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary-small:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}@keyframes videoRemovalFadeOut{0%{opacity:1;transform:translate(0) scale(1);max-height:120px}30%{opacity:.7;transform:translate(-8px) scale(.98)}60%{opacity:.3;transform:translate(-20px) scale(.95);max-height:120px}to{opacity:0;transform:translate(-40px) scale(.9);max-height:0;margin:0;padding-top:0;padding-bottom:0;border:none}}.video-list-item.removing{animation:videoRemovalFadeOut .4s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none;overflow:hidden}.video-list-item.removing .video-thumbnail,.video-list-item.removing .video-item-info{opacity:.5}.video-list-item.removing .video-controls{opacity:0}.drag-handle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;margin-right:8px;color:var(--text-tertiary);cursor:grab;opacity:0;transition:opacity .2s ease,color .2s ease;position:absolute;left:8px;top:50%;transform:translateY(-50%);z-index:3}.drag-handle:active{cursor:grabbing}.video-list-item:hover .drag-handle{opacity:1}.drag-handle:hover{color:var(--accent-primary)}@media (max-width: 768px){.drag-handle{display:none!important}}.video-list-item.dragging{opacity:.5;transform:rotate(3deg);box-shadow:0 8px 24px #0000004d;background:var(--bg-primary);border-color:var(--accent-primary)}.video-list.dragging-over{background:#007aff0d;border-radius:8px}.video-controls .btn-remove-video-list{opacity:1}@media (min-width: 1400px){.playlist-detail-content{max-width:1600px}.video-list-section{max-height:700px}}@media (min-width: 1200px){.video-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;padding:16px}.video-list-item{margin-bottom:0}}@media (max-width: 1024px){.playlist-detail-content{padding:20px;gap:20px}.video-list-section{max-height:500px}.video-list-item{height:130px}}@media (max-width: 480px){.playlist-detail-content{padding:12px;gap:12px}.video-list-section{max-height:350px}.video-list-header{padding:12px}.video-list-header-left{flex-direction:column;align-items:flex-start;gap:8px}.video-list-header-actions{flex-direction:column;width:100%;gap:8px}.video-list-controls{width:100%;justify-content:space-between}.video-list-item{padding:10px;gap:10px;height:110px}.video-item-title{font-size:11px;-webkit-line-clamp:2}.video-item-channel{font-size:10px}}.video-organization-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);flex-shrink:0}.video-bulk-actions{display:flex;align-items:center;gap:8px}.btn-bulk-select{padding:6px 12px;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.btn-bulk-select:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.btn-bulk-select.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.video-views{display:flex;align-items:center;gap:4px}.playlist-header-slim{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;margin:12px 16px;flex-shrink:0;gap:12px;min-height:48px;box-shadow:0 4px 12px #00000014,0 2px 6px #0000000d,0 1px 3px #00000008,inset 0 1px 2px #ffffff1a;transition:box-shadow .2s ease}.playlist-header-slim:hover{box-shadow:0 6px 16px #0000001a,0 3px 8px #0000000f,0 2px 4px #0000000a,inset 0 1px 2px #ffffff26}.btn-back-boxed{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--bg-primary);border:2px solid var(--accent-primary);border-radius:8px;color:var(--accent-primary);cursor:pointer;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 6px rgba(var(--accent-rgb, 0, 122, 255),.15)}.btn-back-boxed:hover{background:var(--accent-primary);color:#fff;transform:translate(-2px);box-shadow:0 4px 12px rgba(var(--accent-rgb, 0, 122, 255),.25)}.playlist-title-group{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.playlist-title-slim{font-size:16px;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.metadata-pill-slim,.category-pill-slim{display:inline-flex;align-items:center;padding:4px 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:16px;font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 6px #0000000d,inset 0 1px 2px #ffffff1a}.metadata-pill-slim:hover,.category-pill-slim:hover{background:var(--bg-quaternary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb, 0, 122, 255),.15),inset 0 1px 2px #ffffff26}.category-pill-slim:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--accent-rgb, 0, 122, 255),.25),0 4px 12px rgba(var(--accent-rgb, 0, 122, 255),.15),inset 0 1px 2px #ffffff26}.category-pill-group{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.header-right-actions{display:flex;align-items:center}.btn-icon-slim{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:4px;box-shadow:0 1px 3px #0000000f,inset 0 .5px 1px #ffffff1a}.btn-icon-slim:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-.5px);box-shadow:0 2px 6px #00000014,inset 0 1px 2px #ffffff26}.playlist-tags-editor-card,.tags-display-card,.playlist-description-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;margin:0 16px 12px;padding:12px 16px;box-shadow:0 2px 6px #0000000d,inset 0 1px 2px #ffffff1a}.playlist-description-card p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.6}@media (max-width: 768px){.playlist-header-slim{padding:6px 12px;min-height:44px;margin:8px 12px;border-radius:10px;box-shadow:0 3px 10px #0000000f,0 2px 5px #0000000a,inset 0 1px 2px #ffffff14}.playlist-title-slim{font-size:14px}.metadata-pill-slim,.category-pill-slim{font-size:11px;padding:3px 10px}.btn-icon-slim{width:32px;height:32px}.btn-back-boxed{width:28px;height:28px}}.video-list-section{flex:0 0 420px;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-primary);overflow:hidden;order:2}.video-list-header{display:flex;align-items:center;justify-content:flex-end;padding:16px 20px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);gap:12px}.video-list-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}.playback-controls-dropdown{position:relative;display:flex;align-items:center}.playback-control-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.playback-control-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px)}.playback-control-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.playback-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:8px;box-shadow:0 4px 12px #00000026;z-index:100}.playback-dropdown-header{padding:8px 12px;font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.playback-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:6px;background:transparent;color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:all .15s ease}.playback-dropdown-item:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.playback-dropdown-item.active{background:var(--accent-primary);color:#fff}.video-sort-select{height:42px;padding:0 16px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:140px}.video-sort-select:hover{border-color:var(--accent-primary);background:var(--bg-tertiary)}.video-sort-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}@media (max-width: 768px){.playlist-detail-view.mobile{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-primary);isolation:isolate}.playlist-detail-view.mobile.fullscreen-player{position:fixed;inset:0;z-index:10000}.header-left-mobile{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.btn-back-mobile{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;background:transparent;color:var(--text-primary);cursor:pointer;border-radius:8px;transition:all .2s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent}.btn-back-mobile:active{background:var(--bg-tertiary);transform:scale(.95)}.playlist-info-mobile{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.playlist-header-mobile{display:flex;align-items:center;justify-content:center;padding:16px 20px;background:var(--bg-primary);border-bottom:1px solid var(--border-primary);position:sticky;top:0;z-index:100;min-height:56px}.header-left-mobile,.btn-back-mobile,.playlist-info-mobile,.playlist-count-mobile,.header-right-mobile,.header-actions-mobile,.btn-favorite-mobile,.btn-more-mobile,.btn-action-mobile{display:none!important}.playlist-name-mobile{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.playlist-header-controls-card-mobile{position:absolute;top:50%;right:16px;transform:translateY(-50%);display:flex;align-items:center;gap:8px;padding:4px;background:#06b6d426;border:1px solid rgba(6,182,212,.3);border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:101}.btn-show-playlist-mobile,.btn-fullscreen-mobile{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:8px;background:#06b6d4cc;color:#fff;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.btn-show-playlist-mobile:active,.btn-fullscreen-mobile:active{background:#06b6d4;transform:scale(.95)}.btn-show-playlist-mobile svg,.btn-fullscreen-mobile svg{width:20px;height:20px}.btn-show-playlist-mobile-corner,.btn-fullscreen-mobile-bottom,.video-info-bar-mobile{display:none!important}.video-info-left-mobile{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.video-channel-avatar-mobile{width:40px;height:40px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0}.video-info-text-mobile{flex:1;min-width:0}.video-title-mobile{font-size:14px;font-weight:500;color:var(--text-primary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-info-right-mobile{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-info-mobile,.btn-playlist-indicator-mobile{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.btn-info-mobile:active,.btn-playlist-indicator-mobile:active{background:var(--bg-tertiary);transform:scale(.95)}.video-player-section-mobile{width:100%;background:transparent;position:relative;flex-shrink:0;z-index:1000;isolation:isolate;transform:translateZ(0);will-change:transform;pointer-events:auto;border-radius:20px;overflow:hidden;box-shadow:0 0 0 1px transparent,0 8px 32px #0003,0 0 60px color-mix(in srgb,var(--accent-primary) 15%,transparent),0 0 100px color-mix(in srgb,var(--accent-primary) 8%,transparent)}.video-player-wrapper-mobile{position:relative;width:100%;height:100%;border-radius:20px;overflow:hidden}.video-player-section-mobile .enhanced-video-player,.video-player-section-mobile .video-player-main,.video-player-section-mobile .video-container-wrapper,.video-player-section-mobile .video-player-container{background:transparent!important;border-radius:20px;overflow:hidden}.video-player-section-mobile .video-iframe{border-radius:20px}.btn-expand-video-mobile{position:absolute;top:12px;right:12px;z-index:100;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:2px solid rgba(255,255,255,.3);border-radius:10px;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000004d;-webkit-tap-highlight-color:transparent}.btn-expand-video-mobile:hover{background:#000000d9;border-color:#ffffff80;transform:scale(1.05)}.btn-expand-video-mobile:active{transform:scale(.95);background:#000000e6}.video-player-section-mobile.fullscreen .btn-expand-video-mobile{top:16px;right:16px;background:#000c;z-index:10003;pointer-events:auto;position:fixed}.video-player-section-mobile.fullscreen{position:fixed;inset:0;z-index:10001;width:100vw;height:100vh;isolation:isolate;transform:translateZ(0)}.video-player-section-mobile.fullscreen .video-player-wrapper-mobile,.video-player-section-mobile.fullscreen .enhanced-video-player,.video-player-section-mobile.fullscreen .video-player-main{width:100%;height:100%}.video-player-section-mobile.fullscreen .video-container-wrapper,.video-player-section-mobile.fullscreen .video-player-container{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;border-radius:0!important;background:#000!important}.video-player-section-mobile.fullscreen iframe,.video-player-section-mobile.fullscreen .video-iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.video-player-section-mobile:not(.fullscreen){aspect-ratio:16 / 9}.video-player-section-mobile iframe,.video-player-section-mobile .video-iframe,.video-player-section-mobile .video-player-container iframe{filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:translateZ(0)!important;will-change:transform!important;position:relative;z-index:1001;pointer-events:auto!important}.video-player-section-mobile .enhanced-video-player,.video-player-section-mobile .video-player-container,.video-player-section-mobile .video-player-main{filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:translateZ(0);isolation:isolate;pointer-events:auto;z-index:1001;background:transparent!important;border-radius:20px}.video-player-section-mobile *{pointer-events:auto}.video-info-bar-mobile{z-index:1000;position:relative}.btn-show-playlist-mobile-corner{position:fixed;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;border:none;border-radius:8px;cursor:pointer;box-shadow:0 2px 8px #0003;z-index:10001!important;transition:all .2s cubic-bezier(0,0,.2,1);-webkit-tap-highlight-color:transparent;pointer-events:auto!important;visibility:visible!important;opacity:.8!important}.btn-show-playlist-mobile-corner:hover{background:#0009;opacity:1!important;box-shadow:0 4px 12px #0000004d}.btn-show-playlist-mobile-corner:active{transform:scale(.95);opacity:1!important}.btn-fullscreen-mobile-bottom{position:fixed;bottom:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;background:linear-gradient(135deg,var(--accent-primary) 0%,color-mix(in srgb,var(--accent-primary) 85%,black) 100%);color:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 6px 20px color-mix(in srgb,var(--accent-primary) 40%,transparent);z-index:10001!important;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;pointer-events:auto!important;visibility:visible!important;opacity:1!important}.btn-fullscreen-mobile-bottom:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.2) 100%);border-radius:50%;opacity:0;transition:opacity .3s ease}.btn-fullscreen-mobile-bottom:hover:before{opacity:1}.btn-fullscreen-mobile-bottom:hover{transform:translate(-50%) translateY(-4px) scale(1.1);box-shadow:0 8px 28px color-mix(in srgb,var(--accent-primary) 50%,transparent)}.btn-fullscreen-mobile-bottom:active{transform:translate(-50%) scale(.95);box-shadow:0 4px 16px color-mix(in srgb,var(--accent-primary) 35%,transparent)}.video-list-controls-mobile{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px;border-bottom:none;margin-bottom:8px;background:transparent}.playback-controls-mobile{display:flex;align-items:center;gap:8px}.playback-control-btn-mobile{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:12px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;box-shadow:0 2px 8px #0000000a}.playback-control-btn-mobile:hover{background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.playback-control-btn-mobile:active{transform:scale(.96);box-shadow:0 1px 4px #0000000a}.playback-control-btn-mobile.active{background:linear-gradient(135deg,var(--accent-primary) 0%,color-mix(in srgb,var(--accent-primary) 85%,black) 100%);border:none;color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--accent-primary) 30%,transparent)}.video-sort-select-mobile{flex:1;padding:10px 14px;border:none;border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 8px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1)}.video-sort-select-mobile:active{transform:scale(.98);box-shadow:0 1px 4px #0000000a}.playback-dropdown-mobile{display:flex;flex-direction:column;gap:6px;padding:12px 16px;border-bottom:none;background:var(--bg-secondary);border-radius:16px;margin:0 16px 12px}.playback-dropdown-item-mobile{display:flex;align-items:center;gap:12px;padding:12px;border:none;background:transparent;color:var(--text-primary);font-size:14px;font-weight:500;text-align:left;cursor:pointer;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.playback-dropdown-item-mobile:hover{background:var(--bg-tertiary);transform:translate(4px)}.playback-dropdown-item-mobile:active{transform:scale(.98);background:var(--bg-tertiary)}.playback-dropdown-item-mobile.active{background:color-mix(in srgb,var(--accent-primary) 10%,transparent);color:var(--accent-primary);font-weight:600;box-shadow:0 2px 8px color-mix(in srgb,var(--accent-primary) 15%,transparent)}.video-list-mobile{display:flex;flex-direction:column;gap:12px;padding:0 16px 16px}.video-list-item-mobile{display:flex;align-items:center;gap:14px;padding:12px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:90px;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 8px #0000000a}.video-list-item-mobile:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014;border-color:var(--accent-primary)}.video-list-item-mobile:active{transform:scale(.98);box-shadow:0 2px 8px #0000000a}.video-list-item-mobile.active{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 5%,var(--bg-primary));box-shadow:0 4px 16px color-mix(in srgb,var(--accent-primary) 15%,transparent)}.video-list-item-mobile.selected{background:color-mix(in srgb,var(--accent-primary) 8%,var(--bg-primary));border-color:var(--accent-primary);box-shadow:0 4px 16px color-mix(in srgb,var(--accent-primary) 20%,transparent)}.video-list-item-mobile.removing{opacity:0;transform:translate(-100%);animation:videoRemovalFadeOut .4s ease forwards}.playlist-video-thumbnail-mobile{position:relative;width:120px;height:68px;border-radius:12px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);box-shadow:0 4px 12px #0000001a}.playlist-video-thumbnail-mobile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .3s ease}.video-list-item-mobile:hover .playlist-video-thumbnail-mobile img{transform:scale(1.05)}.playing-indicator-mobile{position:absolute;top:6px;left:6px;width:10px;height:10px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 12px var(--accent-primary),0 0 4px #0000004d;animation:pulse 2s ease infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.video-item-info-mobile{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.video-item-title-mobile{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-item-channel-mobile{font-size:12px;color:var(--text-secondary);margin:0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-item-stats-mobile{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-tertiary)}.video-duration-mobile{background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;padding:3px 8px;border-radius:6px;font-weight:600;font-size:11px;box-shadow:0 2px 8px #0003}.video-controls-mobile{display:flex;align-items:center;gap:6px;flex-shrink:0}.btn-remove-video-mobile{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;box-shadow:0 2px 6px #0000000a}.btn-remove-video-mobile:hover{background:#dc35451a;color:#dc3545;transform:translateY(-1px);box-shadow:0 4px 12px #dc354526}.btn-remove-video-mobile:active{transform:scale(.96);box-shadow:0 1px 4px #dc35451a}.btn-remove-video-mobile:disabled{opacity:.4;cursor:not-allowed}.btn-favorite-video-mobile{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;box-shadow:0 2px 6px #0000000a}.btn-favorite-video-mobile:hover{background:#fbbf241a;color:#fbbf24;transform:translateY(-1px);box-shadow:0 4px 12px #fbbf2426}.btn-favorite-video-mobile:active{transform:scale(.96);box-shadow:0 1px 4px #fbbf241a}.btn-favorite-video-mobile.active{background:#fbbf2426;color:#fbbf24}.video-checkbox-mobile{display:flex;align-items:center;justify-content:center;flex-shrink:0}.video-checkbox-mobile input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary)}.empty-playlist-mobile{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-tertiary);text-align:center}.multi-select-toolbar-mobile{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-top:1px solid var(--border-primary);z-index:1000;gap:12px}.selection-count-mobile{font-size:14px;font-weight:600;color:var(--text-primary)}.toolbar-actions-mobile{display:flex;align-items:center;gap:8px}.btn-toolbar-mobile{padding:8px 12px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.btn-toolbar-mobile:active{background:var(--bg-tertiary);transform:scale(.95)}.btn-bulk-delete-mobile{padding:8px 16px;border:1px solid #dc3545;border-radius:8px;background:#dc3545;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.btn-bulk-delete-mobile:active:not(:disabled){background:#c82333;transform:scale(.95)}.btn-bulk-delete-mobile:disabled{opacity:.5;cursor:not-allowed}.mobile-tag-editor-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-tag-editor{width:100%;max-height:80vh;background:var(--bg-primary);border-radius:20px 20px 0 0;padding:20px;display:flex;flex-direction:column;gap:16px;animation:slideUpMobile .3s ease}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-tag-editor-header{display:flex;align-items:center;justify-content:space-between}.mobile-tag-editor-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.mobile-tag-editor-header button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .2s ease}.mobile-tag-editor-header button:active{background:var(--bg-tertiary);transform:scale(.95)}.mobile-tag-editor-actions{display:flex;gap:12px;margin-top:auto}.btn-cancel-mobile,.btn-save-mobile{flex:1;padding:12px;border-radius:10px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.btn-cancel-mobile{border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary)}.btn-cancel-mobile:active{background:var(--bg-tertiary);transform:scale(.98)}.btn-save-mobile{border:1px solid var(--accent-primary);background:var(--accent-primary);color:#fff}.btn-save-mobile:active{background:var(--accent-hover);transform:scale(.98)}}@media (max-width: 480px){.playlist-header-mobile{padding:10px 12px}.playlist-name-mobile{font-size:14px}.video-info-bar-mobile{padding:10px 12px}.video-title-mobile{font-size:13px}.playlist-video-thumbnail-mobile{width:100px;height:56px}.video-item-title-mobile{font-size:13px}.btn-show-playlist-mobile-corner{top:12px;right:12px;width:34px;height:34px}.btn-show-playlist-mobile-corner svg{width:18px;height:18px}.btn-fullscreen-mobile-bottom{bottom:70px;width:48px;height:48px}}@media (max-width: 768px){.playlist-detail-view.mobile .playlist-header-mobile{padding:8px 12px;min-height:52px}.playlist-detail-view.mobile .video-info-bar-mobile{padding:8px 12px;gap:10px}.playlist-detail-view.mobile .video-info-text-mobile{gap:2px}.playlist-detail-view.mobile .video-title-mobile{font-size:14px;line-height:1.3}.playlist-detail-view.mobile .video-channel-name-mobile{font-size:11px}.playlist-detail-view.mobile .video-channel-avatar-mobile{width:36px;height:36px}.playlist-detail-view.mobile .video-list-controls-mobile{padding:8px 0;margin-bottom:8px}.playlist-detail-view.mobile .video-player-section-mobile{margin:0;padding:0}.playlist-detail-view.mobile .video-list-item-mobile{padding:8px 10px;gap:10px;min-height:72px}.playlist-detail-view.mobile .mobile-bottom-sheet-content{padding:12px 16px}.playlist-detail-view.mobile .playback-control-btn-mobile{width:40px;height:40px}.playlist-detail-view.mobile .playlist-info-mobile{gap:1px}.playlist-detail-view.mobile .playlist-name-mobile{font-size:15px}.playlist-detail-view.mobile .playlist-count-mobile{font-size:11px}}@media (max-width: 390px){.playlist-detail-view.mobile .playlist-header-mobile{padding:6px 10px;min-height:48px}.playlist-detail-view.mobile .video-info-bar-mobile{padding:6px 10px}.playlist-detail-view.mobile .video-list-item-mobile{padding:6px 8px;min-height:68px}.playlist-detail-view.mobile .video-title-mobile{font-size:13px}.playlist-detail-view.mobile .video-channel-avatar-mobile{width:32px;height:32px}}@media (max-width: 768px) and (orientation: landscape){.video-player-section-mobile.fullscreen{width:100vw;height:100vh}.video-player-section-mobile.fullscreen .video-player-wrapper-mobile,.video-player-section-mobile.fullscreen .enhanced-video-player,.video-player-section-mobile.fullscreen .video-player-main{width:100%;height:100%}.video-player-section-mobile.fullscreen .video-player-container,.video-player-section-mobile.fullscreen .video-container-wrapper{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important}.video-player-section-mobile.fullscreen iframe,.video-player-section-mobile.fullscreen .video-iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.video-player-section-mobile.fullscreen~.video-info-bar-mobile{display:none}.video-player-section-mobile.fullscreen .btn-expand-video-mobile{top:20px;right:20px;width:48px;height:48px;z-index:10003;pointer-events:auto;position:fixed}}@media (max-width: 768px) and (orientation: portrait){.video-player-section-mobile.fullscreen .video-container-wrapper,.video-player-section-mobile.fullscreen .video-player-container{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;border-radius:0!important;background:#000!important}.video-player-section-mobile.fullscreen iframe,.video-player-section-mobile.fullscreen .video-iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}}@keyframes doubleTapPulse{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.6}to{transform:scale(1);opacity:0}}.video-player-section-mobile{transition:all .3s ease;position:relative;cursor:pointer}.video-player-section-mobile:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:#fff3;pointer-events:none;opacity:0;z-index:10000}.video-player-section-mobile:active:after{animation:doubleTapPulse .4s ease-out}.video-player-section-mobile:not(.fullscreen):before{content:"Double-tap for fullscreen";position:absolute;bottom:60px;left:50%;transform:translate(-50%);padding:8px 16px;background:#000000b3;color:#fff;font-size:12px;border-radius:20px;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:100;white-space:nowrap}.video-player-section-mobile:not(.fullscreen):hover:before{opacity:.8}.video-player-section-mobile.user-interacted:before{display:none}.video-player-section-mobile.fullscreen .btn-expand-video-mobile{z-index:10003!important;pointer-events:auto!important;position:fixed!important;touch-action:manipulation!important}.video-player-section-mobile.fullscreen .video-player-wrapper-mobile,.video-player-section-mobile.fullscreen .enhanced-video-player,.video-player-section-mobile.fullscreen .video-player-main,.video-player-section-mobile.fullscreen .video-player-container{pointer-events:none}.video-player-section-mobile.fullscreen iframe,.video-player-section-mobile.fullscreen .video-iframe{pointer-events:auto;z-index:1}.playlist-header-mobile{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);min-height:56px;position:sticky;top:0;z-index:100;gap:12px;box-shadow:0 2px 8px #0000001a}.btn-back-mobile{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:var(--text-primary);cursor:pointer;transition:all .2s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent}.btn-back-mobile:active{background:var(--bg-tertiary);transform:scale(.95)}.playlist-info-mobile{flex:1;min-width:0;padding:0 8px}.playlist-name-mobile{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-count-mobile{font-size:12px;color:var(--text-secondary);margin-top:2px;display:block}.header-actions-mobile{display:flex;align-items:center;gap:4px;flex-shrink:0}.btn-action-mobile{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;position:relative;-webkit-tap-highlight-color:transparent}.btn-action-mobile:active{background:var(--bg-tertiary);transform:scale(.95)}.btn-action-mobile.active{color:var(--accent-primary)}.btn-action-mobile.active svg{fill:var(--accent-primary)}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.btn-show-playlist-mobile-corner{animation:slideInFromRight .3s ease-out}.btn-fullscreen-mobile-bottom{animation:slideUp .3s ease-out}.playlist-detail-view.mobile .btn-show-playlist-mobile-corner,.playlist-detail-view.mobile .btn-fullscreen-mobile-bottom{z-index:10001!important;visibility:visible!important;opacity:1!important;display:flex!important;pointer-events:auto!important}.video-info-bar-mobile{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg-primary);border-bottom:1px solid var(--border-primary);min-height:48px;gap:12px}.video-info-left-mobile{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.video-channel-avatar-mobile{width:32px;height:32px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.video-info-text-mobile{flex:1;min-width:0}.video-title-mobile{font-size:13px;font-weight:500;color:var(--text-primary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.video-info-right-mobile{display:flex;align-items:center;gap:4px;flex-shrink:0}.btn-info-mobile,.btn-playlist-indicator-mobile{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.btn-info-mobile:active,.btn-playlist-indicator-mobile:active{background:var(--bg-tertiary);transform:scale(.95)}.btn-expand-video-mobile{position:absolute;top:12px;right:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;z-index:10;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.btn-expand-video-mobile:active{background:#000000d9;transform:scale(.95)}.btn-expand-video-mobile svg{width:20px;height:20px}.video-player-wrapper-mobile{position:relative}.btn-exit-fullscreen-floating{position:fixed;top:16px;left:16px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;cursor:pointer;z-index:10005;transition:all .2s ease;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 12px #0006;animation:slideInFromLeft .3s ease-out}.btn-exit-fullscreen-floating:active{background:#000000f2;transform:scale(.95)}.btn-exit-fullscreen-floating:hover{background:#000000e6;border-color:#ffffff80;transform:scale(1.05)}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.playlist-detail-view.mobile.fullscreen-player .playlist-header-mobile,.playlist-detail-view.mobile.fullscreen-player .playlist-header-controls-card-mobile{display:none}@media (max-width: 360px){.playlist-header-mobile{padding:10px 12px}.btn-back-mobile,.btn-action-mobile{width:36px;height:36px}.playlist-name-mobile{font-size:14px}.btn-show-playlist-mobile-corner{width:32px;height:32px;top:10px;right:10px}.btn-show-playlist-mobile-corner svg{width:16px;height:16px}.btn-fullscreen-mobile-bottom{width:46px;height:46px;bottom:70px}}.video-duration-badge{position:absolute;bottom:6px;right:6px;background:#000000e6;color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-new-badge-list{position:absolute;top:6px;right:6px;background:#f44;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px}.video-views-list{font-size:11px;color:var(--text-tertiary)}.video-separator{color:var(--text-tertiary);font-size:11px}@media (max-width: 768px){.btn-back-icon{width:36px;height:36px}}.video-list-header-right{display:flex;align-items:center;gap:8px}@media (max-width: 768px){.video-list-header-right{gap:6px}.playback-control-btn{width:40px;height:40px}.playback-dropdown-menu{min-width:180px;right:-8px}}.videos-view{display:grid;grid-template-columns:350px 1fr;gap:24px;height:100%;width:100%;overflow:hidden;position:relative;transition:grid-template-columns .3s ease}.videos-view.sidebar-collapsed{grid-template-columns:0 1fr}.videos-view-channels{display:flex;flex-direction:column;border-right:1px solid var(--border-primary);padding-right:24px;overflow-y:auto;overflow-x:visible;transition:opacity .3s ease,transform .3s ease;width:100%;max-width:100%;box-sizing:border-box}.videos-view-channels.collapsed{opacity:0;width:0;padding:0;border:none;overflow:hidden}.videos-sidebar-header{flex-shrink:0;padding:16px 0 16px 24px;border-bottom:1px solid var(--border-primary);margin-bottom:16px;display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.videos-sidebar-title-section{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:100%;box-sizing:border-box}.videos-sidebar-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto;max-width:100%}.videos-sidebar-controls{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box;overflow:visible;min-width:0}.view-btn-inline,.column-btn-inline,.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;padding:6px;background:transparent;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.view-btn-inline:hover,.column-btn-inline:hover,.sidebar-collapse-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-hover)}.view-btn-inline.active,.column-btn-inline.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.view-btn-inline:active,.column-btn-inline:active,.sidebar-collapse-btn:active{transform:scale(.95)}.hide-controls-btn-inline,.show-controls-btn-inline{display:flex;align-items:center;justify-content:center;padding:6px 10px;background:transparent;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0;font-size:12px;font-weight:500}.hide-controls-btn-inline:hover,.show-controls-btn-inline:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-hover)}.toolbar-divider-inline{width:1px;height:20px;background:var(--border-primary);flex-shrink:0}.view-btn-inline:focus-visible,.column-btn-inline:focus-visible,.sidebar-collapse-btn:focus-visible,.hide-controls-btn-inline:focus-visible,.show-controls-btn-inline:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.sidebar-expand-button{position:absolute;left:0;top:16px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-primary);border-left:none;border-radius:0 12px 12px 0;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100;box-shadow:0 4px 16px #00000026,0 2px 8px #0000001a,0 0 0 1px #0000000d,inset 0 1px 2px #ffffff1a}.sidebar-expand-button:hover{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary, var(--accent-primary)) 100%);color:#fff;border-color:var(--accent-primary);transform:translate(4px) scale(1.05);box-shadow:0 6px 24px rgba(var(--accent-rgb),.35),0 3px 12px rgba(var(--accent-rgb),.25),0 0 0 3px rgba(var(--accent-rgb),.15),inset 0 1px 3px #fff3}.sidebar-expand-button:active{transform:translate(2px) scale(1.02)}.videos-sidebar-search{width:100%;padding:8px 12px;font-size:13px;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:8px;color:var(--text-primary);transition:all .2s ease;box-sizing:border-box;margin:0}.videos-sidebar-search:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.videos-sidebar-search::-moz-placeholder{color:var(--text-tertiary)}.videos-sidebar-search::placeholder{color:var(--text-tertiary)}.load-all-videos-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;margin-top:8px;font-size:13px;font-weight:600;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary, var(--accent-primary)) 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(var(--accent-rgb),.2)}.load-all-videos-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.load-all-videos-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px rgba(var(--accent-rgb),.2)}.load-all-videos-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.load-all-videos-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.videos-sidebar-channels{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:8px;padding-left:0}.videos-sidebar-channels.channels-list{display:flex;flex-direction:column;gap:8px}.videos-sidebar-channels.channels-grid{display:grid;align-items:start;align-content:start;gap:8px;padding:8px 0 8px 24px}.videos-sidebar-channels.channels-grid.grid-cols-4{gap:5px;padding:6px 0 8px 24px}.videos-sidebar-channels.channels-grid.grid-cols-3{gap:6px;padding:6px 0 8px 24px}.videos-sidebar-channels.channels-grid.grid-cols-2{gap:8px;padding:8px 0 10px 24px}.videos-sidebar-channels .channel-grid-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:8px 6px;min-height:auto;height:auto;align-self:start;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #00000014,0 1px 3px #0000000d,inset 0 1px 1px #ffffff1a;width:100%;box-sizing:border-box}.videos-sidebar-channels.channels-grid.grid-cols-4 .channel-grid-item{padding:6px 3px;min-height:auto;height:auto;gap:3px}.videos-sidebar-channels.channels-grid.grid-cols-3 .channel-grid-item{padding:7px 4px;min-height:auto;height:auto;gap:4px}.videos-sidebar-channels.channels-grid.grid-cols-2 .channel-grid-item{padding:9px 6px;min-height:auto;height:auto;gap:5px}.videos-sidebar-channels .channel-grid-item:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001f,0 2px 6px #00000014,inset 0 1px 1px #ffffff26}.videos-sidebar-channels .channel-grid-item.selected{background:rgba(var(--accent-rgb),.1);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2),0 4px 12px #0000001f,0 2px 6px #00000014,inset 0 1px 1px #ffffff26}.videos-sidebar-channels .channel-grid-avatar{position:relative;width:56px;height:56px;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,var(--bg-tertiary) 0%,var(--bg-quaternary, var(--bg-secondary)) 100%);display:flex;align-items:center;justify-content:center;border:2px solid var(--border-primary);transition:all .2s ease;box-shadow:0 2px 8px #0000001f,0 1px 4px #00000014,inset 0 1px 1px #ffffff1a;flex-shrink:0}.videos-sidebar-channels.channels-grid.grid-cols-4 .channel-grid-avatar{width:36px;height:36px;border-width:1.5px}.videos-sidebar-channels.channels-grid.grid-cols-3 .channel-grid-avatar{width:42px;height:42px;border-width:1.5px}.videos-sidebar-channels.channels-grid.grid-cols-2 .channel-grid-avatar{width:52px;height:52px;border-width:2px}.videos-sidebar-channels .channel-grid-item:hover .channel-grid-avatar{transform:scale(1.05);border-color:var(--accent-primary);box-shadow:0 4px 12px #0000002e,0 2px 6px #0000001f,inset 0 1px 1px #ffffff26}.videos-sidebar-channels .channel-avatar-placeholder-grid{font-size:20px;font-weight:600;color:#fff;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.2)}.videos-sidebar-channels.channels-grid.grid-cols-4 .channel-avatar-placeholder-grid{font-size:14px}.videos-sidebar-channels.channels-grid.grid-cols-3 .channel-avatar-placeholder-grid{font-size:16px}.videos-sidebar-channels.channels-grid.grid-cols-2 .channel-avatar-placeholder-grid{font-size:18px}.videos-sidebar-channels .channel-favorite-badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:#f59e0b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;border:2px solid var(--bg-primary);box-shadow:0 2px 6px #0003}.videos-sidebar-channels.channels-grid.grid-cols-4 .channel-favorite-badge{width:16px;height:16px;font-size:8px;top:-2px;right:-2px;border-width:1.5px}.videos-sidebar-channels.channels-grid.grid-cols-3 .channel-favorite-badge{width:17px;height:17px;font-size:8px;top:-2px;right:-2px;border-width:1.5px}.videos-sidebar-channels .channel-grid-name{font-size:12px;font-weight:500;color:var(--text-primary);text-align:center;line-height:1.3;width:100%;padding:0;margin-bottom:6px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-height:calc(12px * 1.3 * 2);order:-1}.videos-sidebar-channels.channels-grid.grid-cols-4 .channel-grid-name{font-size:9px;line-height:1.2;padding:0;margin-bottom:4px;margin-top:0;max-height:calc(9px * 1.2 * 2);font-weight:500}.videos-sidebar-channels.channels-grid.grid-cols-3 .channel-grid-name{font-size:10px;line-height:1.25;padding:0;margin-bottom:5px;margin-top:0;max-height:25px;font-weight:500}.videos-sidebar-channels.channels-grid.grid-cols-2 .channel-grid-name{font-size:11px;line-height:1.3;padding:0;margin-bottom:6px;margin-top:0;max-height:28.6px;font-weight:500}.videos-sidebar-channels .channel-sidebar-item{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:14px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);background:var(--bg-primary);border:2px solid var(--border-primary);margin:3px 0;box-shadow:0 4px 14px #0000001a,0 2px 7px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}.videos-sidebar-channels .channel-sidebar-item:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-3px) scale(1.005);box-shadow:0 12px 32px #00000024,0 6px 16px #0000001a,0 3px 8px #0000000f,inset 0 2px 4px #ffffff26}.videos-sidebar-channels .channel-sidebar-item.selected{background:rgba(var(--accent-rgb),.08);border-color:var(--accent-primary);transform:translateY(-2px) scale(1.005);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.25),0 10px 28px rgba(var(--accent-rgb),.3),0 5px 14px rgba(var(--accent-rgb),.22),0 2px 7px rgba(var(--accent-rgb),.15),inset 0 2px 4px #ffffff1f}.videos-sidebar-channels .channel-avatar-small{flex-shrink:0;width:32px;height:32px;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,var(--bg-tertiary) 0%,var(--bg-quaternary, var(--bg-secondary)) 100%);display:flex;align-items:center;justify-content:center;border:2px solid var(--border-primary);transition:all .2s ease;box-shadow:0 2px 6px #0000001a,0 1px 3px #0000000f,inset 0 1px 1px #ffffff1a}.videos-sidebar-channels .channel-sidebar-item:hover .channel-avatar-small{transform:scale(1.05);border-color:var(--accent-primary);box-shadow:0 3px 8px #00000026,0 1px 4px #0000001a,inset 0 1px 1px #ffffff26}.videos-sidebar-channels .channel-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.videos-sidebar-channels .channel-avatar-placeholder-small{font-size:14px;font-weight:600;color:#fff;text-transform:uppercase;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary, #0056b3) 100%);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.videos-sidebar-channels .channel-info-small{flex:1;min-width:0}.videos-sidebar-channels .channel-name-small{font-size:13px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.videos-sidebar-channels .channel-meta-small{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary)}.videos-sidebar-channels .channel-subscribers-small{font-weight:400}.videos-sidebar-channels .channel-favorite-small{color:#f59e0b;font-size:10px}.videos-sidebar-channels .channels-empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-secondary);font-size:13px}.videos-sidebar-channels .channels-empty p{margin:0}.videos-sidebar-channels::-webkit-scrollbar{width:6px}.videos-sidebar-channels::-webkit-scrollbar-track{background:transparent}.videos-sidebar-channels::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.videos-sidebar-channels::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.videos-view-content{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}@media (max-width: 1024px){.videos-view{grid-template-columns:300px 1fr;gap:16px}.videos-view-channels{padding-right:16px}.videos-sidebar-channels.channels-grid{gap:10px;padding:10px}.videos-sidebar-channels.channels-grid.grid-cols-4{gap:8px;padding:8px}.videos-sidebar-channels.channels-grid.grid-cols-3{gap:9px;padding:9px}}@media (max-width: 768px){.videos-view{grid-template-columns:1fr;grid-template-rows:auto 1fr}.videos-view-channels{border-right:none;border-bottom:1px solid var(--border-primary);padding-right:0;padding-bottom:16px;max-height:300px}.videos-sidebar-channels.channels-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px;padding:12px 8px}.videos-sidebar-channels .channel-grid-item{padding:12px 8px;min-height:95px;gap:8px}.videos-sidebar-channels .channel-grid-name{font-size:11px;padding:0 4px;-webkit-line-clamp:2;line-clamp:2;max-height:calc(11px * 1.4 * 2)}}@media (max-width: 1440px){.videos-sidebar-header{padding:14px 0}.videos-sidebar-title{font-size:15px}.view-btn-inline,.column-btn-inline,.sidebar-collapse-btn{padding:5px}.hide-controls-btn-inline,.show-controls-btn-inline{padding:5px 8px;font-size:11px}}@media (max-width: 1024px){.videos-sidebar-header{padding:12px 0}.videos-sidebar-title{font-size:14px}.videos-sidebar-controls{gap:4px}.view-btn-inline,.column-btn-inline,.sidebar-collapse-btn{padding:4px}.hide-controls-btn-inline,.show-controls-btn-inline{padding:4px 6px;font-size:10px}}@media (prefers-reduced-motion: reduce){.view-btn-inline,.column-btn-inline,.sidebar-collapse-btn,.hide-controls-btn-inline,.show-controls-btn-inline{transition:none}}.playlist-video-organizer-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out;padding:0}.playlist-video-organizer-fullpage{align-items:stretch;justify-content:stretch;padding:24px}.playlist-video-organizer-fullpage .playlist-video-organizer-modal{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:24px;width:100%;height:100%;max-width:100%;max-height:100%;display:flex;flex-direction:column;animation:scaleIn .3s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 24px 72px #00000040,0 12px 36px #0000002e,0 6px 18px #0000001f,inset 0 2px 4px #ffffff1a}.playlist-video-organizer-modal .organizer-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid var(--card-border);background:var(--bg-primary);flex-shrink:0}.playlist-video-organizer-modal .organizer-header-left{display:flex;align-items:center;gap:16px}.playlist-video-organizer-modal .organizer-header-right{display:flex;align-items:center;gap:10px}.playlist-video-organizer-modal .organizer-header h2{margin:0;font-size:24px;font-weight:600;color:var(--text-primary)}.video-count-header{font-size:14px;font-weight:600;color:var(--text-secondary);padding:8px 14px;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:10px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}.playlist-video-organizer-modal .density-btn-comfortable,.playlist-video-organizer-modal .density-btn-compact,.playlist-video-organizer-modal .density-btn-dense{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:#fff;border:2px solid var(--border-primary);border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 4px 12px #00000014,0 2px 6px #0000000a,inset 0 1px 2px #fffc}.playlist-video-organizer-modal .density-btn-comfortable:hover,.playlist-video-organizer-modal .density-btn-compact:hover,.playlist-video-organizer-modal .density-btn-dense:hover{background:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-primary);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 24px #0000001f,0 4px 12px #00000014,inset 0 1px 2px #ffffffe6}.playlist-video-organizer-modal .density-btn-comfortable.active,.playlist-video-organizer-modal .density-btn-compact.active,.playlist-video-organizer-modal .density-btn-dense.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff!important;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px rgba(var(--accent-rgb, 0, 122, 255),.35),0 4px 10px rgba(var(--accent-rgb, 0, 122, 255),.25),inset 0 1px 2px #fff3}.playlist-video-organizer-modal .density-btn-comfortable.active:hover,.playlist-video-organizer-modal .density-btn-compact.active:hover,.playlist-video-organizer-modal .density-btn-dense.active:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 12px 28px rgba(var(--accent-rgb, 0, 122, 255),.45),0 6px 14px rgba(var(--accent-rgb, 0, 122, 255),.3),inset 0 1px 2px #ffffff40}.playlist-video-organizer-modal .density-btn-comfortable.active svg,.playlist-video-organizer-modal .density-btn-compact.active svg,.playlist-video-organizer-modal .density-btn-dense.active svg{color:#fff!important;stroke:#fff!important}.playlist-video-organizer-modal .organizer-close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#fff;border:2px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 2px 6px #0000000f,0 1px 3px #0000000a,inset 0 1px 2px #fffc}.playlist-video-organizer-modal .organizer-close-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--accent-rgb, 0, 122, 255),.15),0 2px 6px #00000014,inset 0 1px 2px #ffffffe6}.playlist-video-organizer-modal .organizer-instructions{padding:16px 32px;background:var(--bg-secondary);border-bottom:1px solid var(--card-border);flex-shrink:0}.playlist-video-organizer-modal .organizer-instructions p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5}.playlist-video-organizer-modal .organizer-list{flex:1;overflow-y:auto;overflow-x:auto;padding:0 32px 24px;min-height:0;display:flex;flex-direction:row;gap:16px;align-content:start;min-height:400px;max-height:calc(100vh - 280px)}.playlist-video-organizer-modal .organizer-list-compact,.playlist-video-organizer-modal .organizer-list-dense{gap:12px}.playlist-video-organizer-modal .organizer-list-dense .column-videos{gap:2px;padding:6px}.playlist-video-organizer-modal .organizer-column{display:flex;flex-direction:column;min-width:300px;flex:0 0 auto;background:var(--bg-secondary);border-radius:14px;border:2px solid var(--border-primary);overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #0000001f,0 3px 10px #00000014,0 1px 5px #0000000d,inset 0 1px 2px #ffffff1a}.playlist-video-organizer-modal .organizer-list-dense .organizer-column{min-width:240px}.playlist-video-organizer-modal .organizer-column:hover{border-color:var(--accent-primary);box-shadow:0 8px 28px #00000026,0 4px 14px #0000001a,0 2px 7px #0000000f,inset 0 1px 2px #ffffff1f}.playlist-video-organizer-modal .organizer-column:first-child{margin-left:auto}.playlist-video-organizer-modal .organizer-column:last-child{margin-right:auto}.playlist-video-organizer-modal .column-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--card-border);flex-shrink:0}.playlist-video-organizer-modal .column-range{font-weight:600;color:var(--accent-primary);font-size:14px}.playlist-video-organizer-modal .column-count{font-size:12px;color:var(--text-secondary);background:var(--bg-primary);padding:2px 8px;border-radius:12px}.playlist-video-organizer-modal .column-videos{display:flex;flex-direction:column;gap:2px;padding:8px;overflow-y:auto;max-height:calc(100vh - 350px)}@media (max-width: 1200px){.playlist-video-organizer-modal .organizer-column{min-width:280px}}@media (max-width: 900px){.playlist-video-organizer-modal .organizer-list{flex-direction:column;gap:12px;overflow-x:visible;overflow-y:auto;max-height:60vh}.playlist-video-organizer-modal .organizer-column{min-width:100%}.playlist-video-organizer-modal .column-videos{max-height:200px}}.playlist-video-organizer-modal .organizer-list.dragging-over{background:var(--bg-secondary)}.playlist-video-organizer-modal .organizer-item{display:flex;align-items:center;gap:16px;background:var(--card-bg, var(--bg-secondary));border:2px solid var(--border-primary);border-radius:14px;transition:all .25s cubic-bezier(.4,0,.2,1);margin-bottom:0;box-shadow:0 6px 20px #00000024,0 3px 10px #0000001a,0 1px 5px #0000000f,inset 0 1px 2px #ffffff1f}.playlist-video-organizer-modal .organizer-item:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-4px) scale(1.01);box-shadow:0 16px 44px #0000002e,0 8px 22px #00000024,0 4px 11px #00000014,inset 0 2px 3px #ffffff26}.playlist-video-organizer-modal .organizer-item.dragging{opacity:.8;transform:rotate(3deg) scale(1.05);border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.25),0 20px 56px #00000038,0 10px 28px #00000029,0 5px 14px #0000001a,inset 0 2px 4px #ffffff2e}.playlist-video-organizer-modal .organizer-item-comfortable{padding:16px;gap:16px}.playlist-video-organizer-modal .organizer-list-comfortable{gap:18px}.playlist-video-organizer-modal .organizer-item-compact{padding:12px;gap:12px}.playlist-video-organizer-modal .organizer-list-compact{gap:12px}.playlist-video-organizer-modal .organizer-item-dense{padding:3px;gap:4px;border-radius:4px;min-height:32px}.playlist-video-organizer-modal .organizer-list-dense{gap:10px}.playlist-video-organizer-modal .organizer-list-dense .column-videos{gap:1px;padding:4px}.playlist-video-organizer-modal .organizer-list-dense .organizer-item{border-width:1px}.playlist-video-organizer-modal .organizer-item-drag{color:var(--text-tertiary);cursor:grab;display:flex;align-items:center;padding:6px;border-radius:6px;transition:all .2s ease;flex-shrink:0}.playlist-video-organizer-modal .organizer-item-dense .organizer-item-drag{padding:2px;border-radius:3px}.playlist-video-organizer-modal .organizer-item-drag:hover{color:var(--accent-primary);background:var(--bg-tertiary)}.playlist-video-organizer-modal .organizer-item-drag:active{cursor:grabbing}.playlist-video-organizer-modal .organizer-item-position{flex-shrink:0}.playlist-video-organizer-modal .position-input{width:56px;padding:8px 10px;border:2px solid var(--card-border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:15px;font-weight:600;text-align:center;font-family:SF Mono,Monaco,Consolas,monospace;transition:all .2s ease}.playlist-video-organizer-modal .organizer-item-compact .position-input{width:52px;padding:6px 8px;font-size:14px}.playlist-video-organizer-modal .organizer-item-dense .position-input{width:34px;padding:3px 4px;font-size:11px;border-width:1px;border-radius:4px}.playlist-video-organizer-modal .position-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.12)}.playlist-video-organizer-modal .position-input:hover{border-color:var(--accent-primary)}.playlist-video-organizer-modal .position-input::-webkit-inner-spin-button,.playlist-video-organizer-modal .position-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.playlist-video-organizer-modal .position-input[type=number]{-moz-appearance:textfield}.playlist-video-organizer-modal .organizer-item-thumbnail{flex-shrink:0;width:120px;height:68px;border-radius:10px;overflow:hidden;background:var(--bg-tertiary);position:relative;border:2px solid var(--border-primary);transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001f,0 2px 6px #00000014,inset 0 1px 2px #ffffff1a}.playlist-video-organizer-modal .organizer-item:hover .organizer-item-thumbnail{border-color:var(--accent-primary);transform:scale(1.05);box-shadow:0 6px 18px #00000029,0 3px 9px #0000001f,inset 0 1px 2px #ffffff26}.playlist-video-organizer-modal .organizer-item-compact .organizer-item-thumbnail{width:100px;height:56px;border-radius:8px}.playlist-video-organizer-modal .organizer-item-dense .organizer-item-thumbnail{width:48px;height:27px;border-radius:4px;border-width:1px}.playlist-video-organizer-modal .organizer-item-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.playlist-video-organizer-modal .organizer-item-info{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.playlist-video-organizer-modal .organizer-item-dense .organizer-item-info{gap:1px}.playlist-video-organizer-modal .organizer-item-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.playlist-video-organizer-modal .organizer-item-dense .organizer-item-actions{gap:4px}.playlist-video-organizer-modal .organizer-delete-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#fff;border:2px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 2px 6px #0000000f,0 1px 3px #0000000a,inset 0 1px 2px #fffc}.playlist-video-organizer-modal .organizer-delete-btn:hover{background:#fee;border-color:#f44;color:#d33;transform:translateY(-2px);box-shadow:0 4px 12px #f4444440,0 2px 6px #00000014,inset 0 1px 2px #ffffffe6}.playlist-video-organizer-modal .organizer-item-compact .organizer-delete-btn{width:32px;height:32px}.playlist-video-organizer-modal .organizer-item-dense .organizer-delete-btn{width:24px;height:24px;border-width:1px;border-radius:4px}.playlist-video-organizer-modal .organizer-item-name{font-size:15px;font-weight:600;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4;letter-spacing:-.01em}.playlist-video-organizer-modal .organizer-item-compact .organizer-item-name{font-size:14px;-webkit-line-clamp:2}.playlist-video-organizer-modal .organizer-item-dense .organizer-item-name{font-size:11px;font-weight:500;-webkit-line-clamp:1;line-height:1.2}.playlist-video-organizer-modal .organizer-item-channel{font-size:13px;color:var(--text-tertiary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-video-organizer-modal .organizer-item-compact .organizer-item-channel{font-size:12px}.playlist-video-organizer-modal .organizer-item-dense .organizer-item-channel{font-size:10px;display:none}.playlist-video-organizer-modal .organizer-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;border-top:1px solid var(--card-border);background:var(--bg-secondary);flex-shrink:0}.playlist-video-organizer-modal .organizer-footer-right{display:flex;align-items:center;gap:12px}.playlist-video-organizer-modal .organizer-btn{padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.playlist-video-organizer-modal .reset-btn{background:transparent;color:var(--text-secondary);border:2px solid var(--card-border)}.playlist-video-organizer-modal .reset-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-tertiary);transform:translateY(-1px)}.playlist-video-organizer-modal .cancel-btn{background:transparent;color:var(--text-secondary);border:2px solid var(--card-border)}.playlist-video-organizer-modal .cancel-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px)}.playlist-video-organizer-modal .save-btn{background:var(--accent-primary);color:#fff!important;box-shadow:0 2px 8px rgba(var(--accent-rgb),.25)}.playlist-video-organizer-modal .save-btn svg{color:#fff!important;stroke:#fff!important}.playlist-video-organizer-modal .save-btn:hover:not(:disabled){background:var(--accent-secondary);color:#fff!important;box-shadow:0 4px 16px rgba(var(--accent-rgb),.4);transform:translateY(-2px)}.playlist-video-organizer-modal .save-btn:hover:not(:disabled) svg{color:#fff!important;stroke:#fff!important}.playlist-video-organizer-modal .save-btn:disabled{opacity:.5;cursor:not-allowed}.playlist-video-organizer-modal .organizer-list::-webkit-scrollbar{width:10px}.playlist-video-organizer-modal .organizer-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:5px;margin:8px 0}.playlist-video-organizer-modal .organizer-list::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:5px;-webkit-transition:background .2s ease;transition:background .2s ease}.playlist-video-organizer-modal .organizer-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width: 768px){.playlist-video-organizer-fullpage{padding:12px}.playlist-video-organizer-fullpage .playlist-video-organizer-modal{border-radius:16px}.playlist-video-organizer-modal .organizer-header{padding:16px 20px;flex-direction:column;align-items:stretch;gap:12px}.playlist-video-organizer-modal .organizer-header-left{justify-content:space-between;width:100%}.playlist-video-organizer-modal .organizer-header-right{width:100%;justify-content:space-between}.playlist-video-organizer-modal .organizer-header h2{font-size:20px}.playlist-video-organizer-modal .density-toggle{flex:1}.playlist-video-organizer-modal .density-btn{flex:1;justify-content:center;padding:8px 10px;font-size:12px}.playlist-video-organizer-modal .density-btn svg{display:none}.playlist-video-organizer-modal .organizer-instructions{padding:12px 20px}.playlist-video-organizer-modal .organizer-list{padding:16px 20px;grid-template-columns:1fr;gap:12px}.playlist-video-organizer-modal .organizer-footer{padding:16px 20px;flex-direction:column;gap:12px}.playlist-video-organizer-modal .organizer-footer-right{width:100%}.playlist-video-organizer-modal .organizer-btn{flex:1;justify-content:center}}@media (max-width: 480px){.playlist-video-organizer-fullpage{padding:0}.playlist-video-organizer-fullpage .playlist-video-organizer-modal{border-radius:0;border:none}.playlist-video-organizer-modal .organizer-list{padding:12px;gap:10px}.playlist-video-organizer-modal .organizer-item{gap:12px}.playlist-video-organizer-modal .organizer-item-comfortable,.playlist-video-organizer-modal .organizer-item-compact{padding:12px}.playlist-video-organizer-modal .organizer-item-dense{padding:8px}.playlist-video-organizer-modal .organizer-item-name{font-size:13px}.video-count-header{font-size:12px;padding:4px 8px}.playlist-video-organizer-modal .organizer-item-thumbnail{width:90px;height:50px}.playlist-video-organizer-modal .organizer-item-compact .organizer-item-thumbnail,.playlist-video-organizer-modal .organizer-item-dense .organizer-item-thumbnail{width:70px;height:39px}}.playlist-video-organizer-modal .select-all-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:#fff;border:2px solid var(--border-primary);border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 4px 12px #00000014,0 2px 6px #0000000a,inset 0 1px 2px #fffc}.playlist-video-organizer-modal .select-all-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 24px #0000001f,0 4px 12px #00000014,inset 0 1px 2px #ffffffe6}.playlist-video-organizer-modal .select-all-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff!important;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px rgba(var(--accent-rgb, 0, 122, 255),.35),0 4px 10px rgba(var(--accent-rgb, 0, 122, 255),.25),inset 0 1px 2px #fff3}.playlist-video-organizer-modal .select-all-btn.active:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 12px 28px rgba(var(--accent-rgb, 0, 122, 255),.45),0 6px 14px rgba(var(--accent-rgb, 0, 122, 255),.3),inset 0 1px 2px #ffffff40}.playlist-video-organizer-modal .select-all-btn.active svg{color:#fff!important;stroke:#fff!important}.playlist-video-organizer-modal .organizer-item-checkbox{display:flex;align-items:center;flex-shrink:0;margin-left:8px}.playlist-video-organizer-modal .video-checkbox{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;border-radius:6px}.playlist-video-organizer-modal .video-checkbox:hover{background:var(--bg-tertiary);color:var(--accent-primary);transform:scale(1.1)}.playlist-video-organizer-modal .organizer-item.selected{background:var(--accent-primary-bg, rgba(var(--accent-rgb, 0, 122, 255), .1));border-color:var(--accent-primary);box-shadow:0 8px 24px rgba(var(--accent-rgb, 0, 122, 255),.25),0 4px 12px rgba(var(--accent-rgb, 0, 122, 255),.15),inset 0 1px 2px #fff3}.playlist-video-organizer-modal .organizer-item.selected .video-checkbox{color:var(--accent-primary)}.playlist-video-organizer-modal .bulk-actions-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--bg-tertiary);border:2px solid var(--accent-primary);border-radius:12px;margin:0 20px 12px;animation:slideDown .2s ease-out;box-shadow:0 4px 12px rgba(var(--accent-rgb, 0, 122, 255),.2),0 2px 6px rgba(var(--accent-rgb, 0, 122, 255),.1)}.playlist-video-organizer-modal .bulk-action-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.playlist-video-organizer-modal .bulk-delete-btn{background:var(--danger-bg, #fee);color:var(--danger-color, #dc2626);border-color:var(--danger-color, #dc2626)}.playlist-video-organizer-modal .bulk-delete-btn:hover{background:var(--danger-color, #dc2626);color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #dc26264d,0 3px 8px #dc262633}.playlist-video-organizer-modal .bulk-cancel-btn{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-primary)}.playlist-video-organizer-modal .bulk-cancel-btn:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-secondary);transform:translateY(-1px)}.playlist-video-organizer-modal .organizer-item-checkbox+.organizer-item-drag{margin-left:0}.playlist-video-organizer-modal .organizer-item-dense .organizer-item-checkbox{margin-left:4px}.playlist-video-organizer-modal .organizer-item-dense .video-checkbox{width:24px;height:24px}.mobile-bottom-sheet-backdrop{position:fixed;inset:0;background:#00000080;z-index:999;transition:opacity .3s ease,backdrop-filter .3s ease}.mobile-bottom-sheet-backdrop:after{display:none}.mobile-bottom-sheet{position:fixed;bottom:0;left:0;right:0;max-height:100vh;background:var(--bg-primary);border-radius:20px 20px 0 0;z-index:1000;display:flex;flex-direction:column;box-shadow:0 -4px 20px #0000004d;touch-action:pan-y;isolation:isolate}.mobile-bottom-sheet.dragging{transition:none}.mobile-bottom-sheet-handle{padding:12px 0 8px;display:flex;justify-content:center;align-items:center;cursor:grab;touch-action:none}.mobile-bottom-sheet-handle:active{cursor:grabbing}.mobile-bottom-sheet-handle-bar{width:40px;height:4px;background:var(--border-primary);border-radius:2px;opacity:.6}.mobile-bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px 12px;border-bottom:1px solid var(--border-primary);min-height:48px}.mobile-bottom-sheet-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.mobile-bottom-sheet-snaps{display:flex;gap:8px;align-items:center}.mobile-bottom-sheet-snap-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;padding:0}.mobile-bottom-sheet-snap-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.mobile-bottom-sheet-snap-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.snap-indicator{width:8px;height:8px;border-radius:50%;background:currentColor}.mobile-bottom-sheet-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 20px;min-height:0;-webkit-overflow-scrolling:touch}.mobile-bottom-sheet-content::-webkit-scrollbar{width:4px}.mobile-bottom-sheet-content::-webkit-scrollbar-track{background:transparent}.mobile-bottom-sheet-content::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:2px}.mobile-bottom-sheet-hint{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:4px 12px;background:#000c;color:#fff;font-size:11px;border-radius:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;margin-bottom:8px}.mobile-bottom-sheet-handle:hover .mobile-bottom-sheet-hint{opacity:1}.mobile-bottom-sheet-snaps{display:flex;gap:6px;align-items:center}.mobile-bottom-sheet-snap-btn{position:relative}.mobile-bottom-sheet-snap-btn.active:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:currentColor}.mobile-bottom-sheet-snap-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.mobile-bottom-sheet-snap-btn:active{transform:scale(.9)}@keyframes velocity-flash{0%,to{opacity:1}50%{opacity:.5}}.mobile-bottom-sheet.velocity-snap{animation:velocity-flash .2s ease}.mobile-bottom-sheet-content{scroll-behavior:smooth}.mobile-bottom-sheet-backdrop{animation:backdrop-fade-in .3s ease}@media (max-width: 768px) and (orientation: landscape){.mobile-bottom-sheet{border-radius:16px 16px 0 0}.mobile-bottom-sheet-handle{padding:8px 0 6px}.mobile-bottom-sheet-handle-bar{width:32px;height:3px}.mobile-bottom-sheet-header{padding:0 16px 10px;min-height:40px}.mobile-bottom-sheet-title{font-size:16px}.mobile-bottom-sheet-snap-btn{width:28px;height:28px}.mobile-bottom-sheet-content{padding:12px 16px}.mobile-bottom-sheet-hint{display:none}}@media (max-width: 768px) and (orientation: landscape) and (max-height: 400px){.mobile-bottom-sheet{border-radius:12px 12px 0 0}.mobile-bottom-sheet-handle{padding:6px 0 4px}.mobile-bottom-sheet-header{padding:0 12px 8px;min-height:36px}.mobile-bottom-sheet-title{font-size:14px}.mobile-bottom-sheet-snap-btn{width:24px;height:24px}.mobile-bottom-sheet-snap-btn svg{width:12px;height:12px}.mobile-bottom-sheet-content{padding:8px 12px}}@media (min-width: 769px){.mobile-bottom-sheet-backdrop,.mobile-bottom-sheet{display:none}}.mobile-bottom-sheet-snap-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.mobile-bottom-sheet,.mobile-bottom-sheet-backdrop,.mobile-bottom-sheet-snap-btn{transition:none;animation:none}.mobile-bottom-sheet-handle:hover .mobile-bottom-sheet-hint{opacity:0}}@media (prefers-contrast: high){.mobile-bottom-sheet{border:2px solid var(--border-primary)}.mobile-bottom-sheet-snap-btn{border-width:2px}.mobile-bottom-sheet-handle-bar{background:var(--text-primary);opacity:1}}.mobile-bottom-sheet.minimized{pointer-events:none}.mobile-bottom-sheet.minimized .mobile-bottom-sheet-handle{pointer-events:auto}.mobile-bottom-sheet.minimized .mobile-bottom-sheet-content{pointer-events:none;opacity:0}.mobile-bottom-sheet-hint{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:11px;font-weight:500;color:var(--text-tertiary);white-space:nowrap;opacity:.7;transition:opacity .2s ease;pointer-events:none;text-transform:uppercase;letter-spacing:.5px}.mobile-bottom-sheet[style*="translateY(95%)"] .mobile-bottom-sheet-hint,.mobile-bottom-sheet[style*="translateY(94%)"] .mobile-bottom-sheet-hint,.mobile-bottom-sheet[style*="translateY(93%)"] .mobile-bottom-sheet-hint{opacity:1;color:var(--accent-primary);font-weight:600;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.mobile-action-sheet-backdrop{position:fixed;inset:0;background:#00000080;z-index:998;animation:fadeIn .2s ease;pointer-events:auto}.mobile-action-sheet-backdrop:after{display:none}.mobile-action-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--bg-primary);border-radius:20px 20px 0 0;z-index:999;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 -4px 20px #0000004d;animation:slideUp .3s cubic-bezier(.4,0,.2,1);isolation:isolate}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-action-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-primary)}.mobile-action-sheet-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.mobile-action-sheet-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .2s ease;padding:0}.mobile-action-sheet-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mobile-action-sheet-close:active{transform:scale(.95)}.mobile-action-sheet-actions{display:flex;flex-direction:column;padding:8px;max-height:calc(80vh - 80px);overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-action-sheet-item{display:flex;align-items:center;gap:12px;padding:16px 20px;border:none;background:transparent;color:var(--text-primary);font-size:16px;text-align:left;cursor:pointer;transition:all .2s ease;border-radius:12px;min-height:56px;-webkit-tap-highlight-color:transparent}.mobile-action-sheet-item:hover{background:var(--bg-tertiary)}.mobile-action-sheet-item:active{background:var(--bg-secondary);transform:scale(.98)}.mobile-action-sheet-item.danger{color:#dc3545}.mobile-action-sheet-item.danger:hover{background:#dc35451a}.mobile-action-sheet-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px}.mobile-action-sheet-label{flex:1;font-weight:500}.mobile-action-sheet-content{padding:20px;overflow-y:auto;max-height:calc(80vh - 80px);-webkit-overflow-scrolling:touch}@media (min-width: 769px){.mobile-action-sheet-backdrop,.mobile-action-sheet{display:none}}.channel-detail-view{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary);overflow:hidden}.channel-header-slim{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin:12px 16px 16px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:16px;flex-shrink:0;gap:12px;min-height:48px;box-shadow:0 8px 24px #0000001f,0 4px 12px #00000014,0 2px 6px #0000000a,inset 0 1px 2px #ffffff1a}.header-left-section{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.btn-back-boxed{display:flex;align-items:center;justify-content:center;width:36px;height:32px;padding:0;background:var(--bg-primary);border:2px solid var(--accent-primary);border-radius:8px;color:var(--accent-primary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 2px 6px rgba(var(--accent-rgb),.15),inset 0 .5px 1px #fff3}.btn-back-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 2px 6px #00000014,0 1px 3px #0000000d,inset 0 .5px 1px #ffffff26}.btn-back-icon:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 10px #0000001f,0 2px 5px #00000014,inset 0 1px 2px #fff3}.btn-back-boxed:hover{background:var(--accent-primary);color:#fff;transform:translate(-2px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.25)}.channel-title-group{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.channel-title-slim{font-size:16px;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.category-pill-slim{display:inline-flex;align-items:center;padding:4px 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:16px;font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 6px #0000000d,inset 0 1px 2px #ffffff1a}.category-pill-slim:hover{background:var(--bg-quaternary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.15),inset 0 1px 2px #ffffff26}.header-right-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.btn-icon-slim.active{background:#ffd70026;border-color:gold;color:gold;box-shadow:0 4px 12px #ffd70040,0 2px 6px #ffd70026,inset 0 1px 2px #ffffff80}.channel-menu{position:relative}.channel-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:8px;box-shadow:0 8px 24px #00000026,0 4px 12px #0000001a;z-index:1000;animation:slideDown .2s cubic-bezier(.4,0,.2,1)}.channel-menu-item-group{padding:8px}.channel-rating-group{display:flex;gap:6px;justify-content:center;padding:8px 0}.channel-rating-star{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-primary);border-radius:8px;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease}.channel-rating-star:hover{background:var(--bg-tertiary);border-color:gold;color:gold;transform:scale(1.1)}.channel-rating-star.active{background:#ffd70026;border-color:gold;color:gold}.channel-rating-reset{width:100%;margin-top:8px;padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.channel-rating-reset:hover{background:var(--bg-quaternary);border-color:var(--accent-primary);color:var(--accent-primary)}.channel-menu-separator{height:1px;background:var(--border-primary);margin:8px 0}.channel-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease}.channel-menu-item:hover{background:var(--bg-tertiary)}.channel-menu-item.danger{color:#ef4444}.channel-menu-item.danger:hover{background:#ef44441a}.channel-menu-tags-section{padding:8px 12px}.channel-menu-tags-label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.channel-menu-tags{display:flex;flex-wrap:wrap;gap:4px}.channel-menu-tag{display:inline-flex;padding:3px 8px;background:rgba(var(--accent-rgb),.12);color:var(--accent-primary);border-radius:10px;font-size:11px;font-weight:600}.playlist-detail-content{display:flex;gap:16px;flex:1;overflow:hidden;padding:0 16px 16px;align-items:flex-start}.video-player-section{flex:2;display:flex;flex-direction:column;min-width:0;overflow:visible;position:relative;z-index:1}.video-player-container{width:100%;overflow:visible;min-height:-moz-fit-content;min-height:fit-content;position:relative}.video-player-container .enhanced-video-player{overflow:visible!important;min-height:-moz-fit-content!important;min-height:fit-content!important}.video-player-container .enhanced-video-player .video-info-section{overflow:visible!important;display:flex!important}.video-player-container .enhanced-video-player .video-actions{display:flex!important;visibility:visible!important;opacity:1!important}.video-list-section{flex:1;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden;max-width:400px;min-width:320px;align-self:stretch;position:relative;z-index:0}.video-list-header{display:flex;align-items:center;justify-content:space-between;padding:16px 0;background:transparent;border:none;border-bottom:none;flex-shrink:0}.video-list-header-left{display:flex;align-items:center;gap:12px}.video-list-header h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em}.video-count{background:transparent;color:var(--text-secondary);padding:0;border-radius:0;font-size:13px;font-weight:500}.video-list-header-actions{display:flex;align-items:center;gap:6px}.video-list-controls{display:flex;align-items:center;gap:4px}.video-list{flex:1;overflow-y:auto;overflow-x:hidden}.channel-detail-view .video-list-item,.video-list .video-list-item,.video-list-item{position:relative!important;width:100%!important;height:140px!important;border-radius:12px;cursor:pointer;transition:all .2s ease;border:2px solid var(--border-primary);overflow:hidden!important;background:transparent!important;box-shadow:0 6px 20px #00000024,0 3px 10px #0000001a,0 1px 5px #0000000f,inset 0 1px 2px #ffffff1f;margin-bottom:8px;display:block!important;flex-direction:unset!important;align-items:unset!important;gap:unset!important;padding:0!important}.video-list-item:hover{transform:translateY(-4px) scale(1.01);border-color:var(--accent-primary);box-shadow:0 16px 44px #0000002e,0 8px 22px #00000024,0 4px 11px #00000014,inset 0 2px 3px #ffffff26}.video-list-item.active{background:transparent!important;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2),0 10px 32px rgba(var(--accent-rgb),.35),0 5px 16px rgba(var(--accent-rgb),.25),0 2px 8px rgba(var(--accent-rgb),.15),inset 0 2px 3px #fff3}.channel-detail-view .video-thumbnail,.video-list-item .video-thumbnail,.video-thumbnail{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important;overflow:hidden!important;background:transparent!important;display:block!important;flex:unset!important;flex-shrink:unset!important;margin:0!important;padding:0!important;border-radius:0!important}.video-thumbnail:before,.video-thumbnail:after{display:none!important;content:none!important;background:none!important}.video-list-item:before,.video-list-item:after{display:none!important;content:none!important;background:none!important}.channel-detail-view .video-thumbnail img,.video-list-item .video-thumbnail img,.video-thumbnail img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:center!important;object-position:center!important;display:block!important;margin:0!important;padding:0!important;opacity:1!important;filter:none!important;position:absolute!important;inset:0!important}.video-index{position:absolute;top:8px;left:8px;background:#000000e6;color:#fff;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;box-shadow:0 2px 6px #0000004d}.video-new-badge-list{position:absolute;top:8px;right:8px;background:#f44;color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px;z-index:2;box-shadow:0 2px 6px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.channel-detail-view .video-item-info,.video-list-item .video-item-info,.video-item-info{position:absolute!important;top:0!important;left:0!important;right:0!important;z-index:2!important;display:flex!important;flex-direction:column!important;gap:4px;padding:12px;background:transparent!important;min-width:0;flex:unset!important;margin:0!important}.video-item-title{font-size:14px;font-weight:800;color:#fff!important;margin:0;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 3px 8px rgba(0,0,0,.8),0 1px 3px rgba(0,0,0,.9),0 0 20px rgba(0,0,0,.5)}.video-item-channel{font-size:12px;font-weight:600;color:#fff!important;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px;text-shadow:0 2px 4px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.8)}.video-item-stats{display:flex;align-items:center;gap:8px;font-size:12px;color:#fffffff2;text-shadow:0 2px 6px rgba(0,0,0,1),0 1px 2px rgba(0,0,0,.9)}.video-date,.video-duration{font-size:11px;color:#ffffffe6;text-shadow:0 2px 6px rgba(0,0,0,1),0 1px 2px rgba(0,0,0,.9)}.video-player-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;aspect-ratio:16 / 9;color:var(--text-tertiary);gap:16px;position:relative;min-height:400px}.video-player-loading p{font-size:16px;font-weight:500;color:var(--text-primary);margin:24px 0 0;position:relative;z-index:1;letter-spacing:.3px;animation:fadeInPulse 1.5s ease-in-out infinite}.no-video-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;aspect-ratio:16 / 9;color:var(--text-tertiary);gap:16px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px}.no-video-selected p{font-size:14px;color:var(--text-secondary)}.empty-playlist{padding:40px 20px;text-align:center;color:var(--text-tertiary)}.empty-playlist p{font-size:14px;color:var(--text-secondary);margin:0}.videos-loading{padding:40px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;margin:0 auto 16px;animation:spin .8s linear infinite}.fade-in{animation:fadeInContent .4s ease-out}@keyframes fadeInContent{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.videos-error{padding:40px 20px;text-align:center;color:var(--error-color)}@media (min-width: 961px) and (max-width: 1200px){.playlist-detail-content{flex-direction:column;gap:16px;height:auto;min-height:auto;overflow-y:auto}.video-player-section{max-width:100%;margin-bottom:0;width:100%}.video-list-section{width:100%;max-height:calc(100vh - 416px);min-height:600px;margin-top:0}}@media (max-width: 960px){.playlist-detail-content{flex-direction:column;gap:12px}.video-list-section{max-width:100%;min-width:0}}@media (max-width: 768px){.channel-header-slim{padding:6px 12px;min-height:44px}.channel-title-slim{font-size:14px}.category-pill-slim{font-size:11px;padding:3px 10px}.btn-icon-slim{width:32px;height:32px}.btn-back-boxed{width:28px;height:28px}.video-list-header{flex-direction:column;align-items:flex-start;gap:12px}.video-list-header-actions{width:100%}}.tags-editor-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.tags-editor-modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:24px;max-width:500px;width:90%;box-shadow:0 12px 48px #0000004d;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.tags-editor h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.tags-editor-actions{display:flex;gap:8px;margin-top:16px;justify-content:flex-end}.tags-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border-primary);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.tags-action-btn.primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.tags-action-btn.primary:hover{background:var(--accent-secondary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.tags-action-btn:not(.primary){background:var(--bg-tertiary);color:var(--text-primary)}.tags-action-btn:not(.primary):hover{background:var(--bg-quaternary);border-color:var(--accent-primary)}.video-list-header-actions{display:flex;align-items:center;gap:8px}.playback-controls-dropdown{position:relative}.playback-control-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--card-bg);border:2px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a,0 2px 6px #0000000f,0 1px 3px #0000000a,inset 0 1px 2px #ffffff1a}.playback-control-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px #0000001f,0 3px 8px #00000014,0 1px 4px #0000000f,inset 0 1px 2px #ffffff1f}.playback-control-btn:active{transform:translateY(-1px) scale(1.01);box-shadow:0 4px 10px #0000001a,0 2px 5px #0000000f,inset 0 1px 2px #ffffff1a}.playback-control-btn.active{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-color:var(--accent-primary);color:#fff;transform:translateY(-1px);box-shadow:0 0 0 2px #3b82f640,0 6px 16px #3b82f633,0 3px 8px #3b82f626,0 1px 4px #00000014,inset 0 1px 2px #ffffff26}.playback-control-btn.active:hover{filter:brightness(1.08);transform:translateY(-3px) scale(1.03);box-shadow:0 0 0 3px #3b82f64d,0 8px 20px #3b82f640,0 4px 10px #3b82f62e,0 2px 5px #0000001a,inset 0 1px 3px #fff3}.playback-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--card-bg);border:2px solid var(--border-primary);border-radius:12px;padding:8px;z-index:1000;box-shadow:0 8px 24px #00000024,0 4px 12px #0000001a,0 2px 6px #00000014,inset 0 1px 2px #ffffff1f;animation:dropdownSlideIn .2s cubic-bezier(.4,0,.2,1)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.playback-dropdown-header{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);padding:8px 12px 4px;margin-bottom:4px}.playback-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.playback-dropdown-item:hover{background:var(--bg-tertiary);color:var(--accent-primary);transform:translate(2px)}.playback-dropdown-item.active{background:#3b82f61f;color:var(--accent-primary);font-weight:600}.playback-dropdown-item svg{flex-shrink:0;opacity:.8}.playback-dropdown-item.active svg{opacity:1}.dark-theme .playback-control-btn{box-shadow:0 4px 14px #00000040,0 2px 7px #00000026,0 1px 4px #0000001a,inset 0 1px 2px #ffffff14}.dark-theme .playback-control-btn:hover{box-shadow:0 6px 18px #0000004d,0 3px 9px #0003,0 1px 5px #0000001f,inset 0 1px 2px #ffffff1a}.dark-theme .playback-dropdown-menu{box-shadow:0 8px 28px #0006,0 4px 14px #0000004d,0 2px 7px #0003,inset 0 1px 2px #ffffff14}@media (max-width: 768px){.video-list-header-actions{gap:6px}.playback-control-btn{width:40px;height:40px}.playback-dropdown-menu{min-width:180px;right:-8px}}.note-context-menu{position:fixed;z-index:10000;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 8px 24px #00000026,0 4px 12px #0000001a,0 2px 6px #0000000d;padding:6px;min-width:200px;animation:contextMenuSlide .15s cubic-bezier(.16,1,.3,1)}@keyframes contextMenuSlide{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.context-menu-item:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.context-menu-item:active{transform:scale(.98)}.context-menu-item>svg{flex-shrink:0;color:currentColor}.context-menu-item>span{flex:1}.context-menu-divider{height:1px;background:var(--border-primary);margin:4px 0}.context-menu-item.delete{color:var(--error-color, #EF4444)}.context-menu-item.delete:hover{background:#ef44441a;color:var(--error-color, #EF4444)}@media (prefers-color-scheme: dark){.note-context-menu{box-shadow:0 8px 24px #0006,0 4px 12px #0000004d,0 2px 6px #0003}}@media (prefers-reduced-motion: reduce){.note-context-menu{animation:none}.context-menu-item{transition:none}.context-menu-item:active{transform:none}}@media (prefers-contrast: high){.note-context-menu{border-width:2px}.context-menu-item{border:1px solid transparent}.context-menu-item:hover{border-color:var(--accent-primary)}}.tags-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.tags-modal{background:var(--card-bg);border:2px solid var(--border-primary);border-radius:16px;width:90%;max-width:500px;box-shadow:0 20px 48px #0000004d,0 10px 24px #0003,inset 0 1px 2px #ffffff1a;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.tags-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:2px solid var(--border-primary)}.tags-modal-title-section{display:flex;align-items:center;gap:10px;color:var(--text-primary)}.tags-modal-title-section h3{margin:0;font-size:18px;font-weight:600}.tags-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--bg-secondary);color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease}.tags-modal-close:hover{background:var(--accent-primary);color:#fff;transform:scale(1.05)}.tags-modal-body{padding:24px;display:flex;flex-direction:column;gap:20px}.tags-input-section{display:flex;gap:8px}.tags-input{flex:1;padding:12px 16px;font-size:14px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:10px;color:var(--text-primary);transition:all .2s ease}.tags-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb, 59, 130, 246),.1)}.tags-add-btn{display:flex;align-items:center;justify-content:center;padding:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f666}.tags-add-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f680}.tags-add-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.tags-preview{display:flex;flex-direction:column;gap:12px}.tags-preview-label{margin:0;font-size:13px;font-weight:600;color:var(--text-secondary)}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:13px;font-weight:600;border-radius:12px;box-shadow:0 2px 6px #3b82f64d;animation:fadeIn .2s ease-out}.tag-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease}.tag-remove:hover{background:#ffffff4d;transform:scale(1.1)}.tags-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:2px solid var(--border-primary)}.tags-btn{padding:10px 20px;font-size:14px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.tags-btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-primary)}.tags-btn-secondary:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.tags-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f666}.tags-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f680}.tags-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.tags-modal{width:95%;max-width:none}.tags-modal-header{padding:16px 20px}.tags-modal-title-section h3{font-size:16px}.tags-modal-body{padding:20px}.tags-input{font-size:13px;padding:10px 14px}}.move-section-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.move-section-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color, #e9ecef)}.move-section-modal .modal-header h2{display:flex;align-items:center;gap:12px;margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #212529)}.move-section-modal .modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-secondary, #6c757d);transition:all .2s ease}.move-section-modal .modal-close-btn:hover{background:var(--bg-hover, #f8f9fa);color:var(--text-primary, #212529)}.move-section-modal .modal-body{padding:24px;overflow-y:auto;flex:1}.move-section-modal .modal-description{margin:0 0 16px;font-size:14px;color:var(--text-secondary, #6c757d)}.move-section-search{position:relative;display:flex;align-items:center;margin-bottom:16px;background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #dee2e6);border-radius:8px;padding:0 12px;transition:all .2s ease}.move-section-search:focus-within{border-color:var(--primary-color, #0d6efd);box-shadow:0 0 0 3px #0d6efd1a}.move-section-search .search-icon{color:var(--text-secondary, #6c757d);flex-shrink:0}.move-section-search .search-input{flex:1;border:none;background:transparent;padding:10px 8px;font-size:14px;color:var(--text-primary, #212529);outline:none}.move-section-search .search-input::-moz-placeholder{color:var(--text-tertiary, #868e96)}.move-section-search .search-input::placeholder{color:var(--text-tertiary, #868e96)}.move-section-search .search-clear-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;cursor:pointer;color:var(--text-secondary, #6c757d);transition:all .2s ease;flex-shrink:0}.move-section-search .search-clear-btn:hover{background:var(--bg-hover, #e9ecef);color:var(--text-primary, #212529)}.sections-list{display:flex;flex-direction:column;gap:4px}.section-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:transparent;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.section-option:hover{background:var(--bg-hover, #f8f9fa);border-color:transparent}.section-option.selected{background:var(--primary-color, #0d6efd)10;border-color:var(--primary-color, #0d6efd)}.section-option-content{display:flex;align-items:center;gap:12px;flex:1;min-width:0;width:100%}.section-hierarchy-indicator{display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.4}.hierarchy-chevron{color:var(--text-secondary, #6c757d)}.section-name-group{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;align-items:flex-start}.section-path{font-size:11px;color:var(--text-tertiary, #868e96);opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.section-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;margin-left:auto}.section-badge.root-badge{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.section-badge.sub-badge{background:#8b5cf626;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.section-option.root-section{border-left:2px solid transparent}.section-option.sub-section{border-left:2px solid rgba(139,92,246,.2)}.section-icon-default.root-icon{color:#3b82f6}.section-icon-default.sub-icon{color:#8b5cf6}.section-icon{font-size:20px;flex-shrink:0}.section-icon-default{color:var(--text-secondary, #6c757d);flex-shrink:0}.section-name{font-size:14px;font-weight:500;color:var(--text-primary, #212529);flex-shrink:0}.section-description{font-size:12px;color:var(--text-tertiary, #868e96);margin-left:auto;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-indicator{color:var(--primary-color, #0d6efd);flex-shrink:0}.empty-state{padding:40px 20px;text-align:center}.empty-state p{margin:0 0 8px;font-size:14px;color:var(--text-secondary, #6c757d)}.empty-hint{font-size:12px;color:var(--text-tertiary, #868e96)}.move-section-modal .modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color, #e9ecef);background:var(--bg-secondary, #f8f9fa)}.move-section-modal .btn{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;border:none}.move-section-modal .btn:disabled{opacity:.5;cursor:not-allowed}.move-section-modal .btn-secondary{background:#fff;color:var(--text-primary, #212529);border:1px solid var(--border-color, #dee2e6)}.move-section-modal .btn-secondary:hover:not(:disabled){background:var(--bg-hover, #f8f9fa)}.move-section-modal .btn-primary{background:var(--primary-color, #0d6efd);color:#fff}.move-section-modal .btn-primary:hover:not(:disabled){background:var(--primary-hover, #0b5ed7)}@media (prefers-color-scheme: dark){.move-section-modal{background:var(--bg-primary, #1a202c);color:var(--text-primary, #e2e8f0)}.move-section-modal .modal-header{border-bottom-color:var(--border-color, #4a5568)}.move-section-modal .modal-header h2{color:var(--text-primary, #e2e8f0)}.section-option:hover{background:var(--bg-secondary, #2d3748)}.move-section-modal .modal-footer{border-top-color:var(--border-color, #4a5568);background:var(--bg-secondary, #2d3748)}.move-section-modal .btn-secondary{background:var(--bg-secondary, #2d3748);color:var(--text-primary, #e2e8f0);border-color:var(--border-color, #4a5568)}.move-section-search{background:var(--bg-secondary, #2d3748);border-color:var(--border-color, #4a5568)}.move-section-search .search-input{color:var(--text-primary, #e2e8f0)}.move-section-search .search-clear-btn:hover{background:var(--bg-hover, #4a5568)}.section-path{color:var(--text-tertiary, #a0aec0)}.hierarchy-chevron{color:var(--text-secondary, #a0aec0)}.section-badge.root-badge{background:#3b82f633;border-color:#3b82f666}.section-badge.sub-badge{background:#8b5cf633;border-color:#8b5cf666}.section-option.sub-section{border-left-color:#8b5cf64d}}@media (max-width: 768px){.move-section-modal{width:95%;max-height:90vh}.move-section-modal .modal-header,.move-section-modal .modal-body,.move-section-modal .modal-footer{padding:16px}}.note-card{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:8px;transition:all .2s ease;animation:fadeInUp .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 1px 3px #00000014}.note-card:before{display:none}.note-card:hover{background:var(--bg-tertiary);border-color:var(--border-medium);box-shadow:0 2px 6px #0000001a}.note-card.multiselect-mode{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.note-card.multiselect-mode:hover{background:var(--bg-tertiary)}.note-card.selected{border-color:var(--accent-primary);background:rgba(var(--accent-rgb),.06);box-shadow:0 1px 3px #00000014}.note-card.selected:hover{background:rgba(var(--accent-rgb),.08);box-shadow:0 2px 6px #0000001a}.note-card-checkbox{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;cursor:pointer;transition:all .2s ease;color:var(--accent-primary);background:rgba(var(--accent-rgb, 0, 122, 255),.1);border:2px solid rgba(var(--accent-rgb, 0, 122, 255),.3);margin-right:8px;flex-shrink:0}.note-card-checkbox:hover{background:rgba(var(--accent-rgb, 0, 122, 255),.15);border-color:rgba(var(--accent-rgb, 0, 122, 255),.5)}.note-card.selected .note-card-checkbox{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.note-card-header{display:flex;align-items:center;justify-content:space-between;gap:6px;position:relative}.notes-list .note-card-header{flex:0 0 auto;order:1}.note-card-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:rgba(var(--accent-rgb, 0, 122, 255),.1);border-radius:4px;color:var(--accent-primary);flex-shrink:0;border:1px solid rgba(var(--accent-rgb, 0, 122, 255),.15);transition:all .2s ease;opacity:1}.note-card:hover .note-card-icon{transform:none}.note-card-meta{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.note-card-menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0;opacity:0;transform:scale(.9)}.note-card:hover .note-card-menu-btn{opacity:1;transform:scale(1);color:var(--text-primary)}.note-card-menu-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:scale(1.05)}.note-type-badge{font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:#fff;background:var(--accent-primary);padding:2px 5px;border-radius:3px;width:-moz-fit-content;width:fit-content;box-shadow:none;border:1px solid rgba(255,255,255,.2)}.note-category-badge{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;font-size:11px;font-weight:500;letter-spacing:.3px;color:var(--text-secondary);background:rgba(var(--accent-rgb, 0, 122, 255),.08);padding:2px 10px;border-radius:999px}.note-date{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-tertiary);margin-left:auto;opacity:.8}.note-ai-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 5px;background:#8b5cf6;color:#fff;font-size:8px;font-weight:600;border-radius:3px;text-transform:uppercase;letter-spacing:.3px;box-shadow:none;flex-shrink:0;border:1px solid rgba(255,255,255,.2)}.note-ai-badge svg{flex-shrink:0}.note-card-body{display:flex;flex-direction:column;gap:4px;flex:1}.notes-list .note-card-body{flex:1;min-width:0;order:0}.search-highlight{background:var(--accent-primary);color:#fff;padding:2px 4px;border-radius:3px;font-weight:600}.note-card-title{font-size:13px;font-weight:500;color:var(--text-primary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 1px rgba(0,0,0,.1)}.note-card-channel{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary);font-weight:400}.note-card-channel svg{flex-shrink:0;color:var(--text-tertiary);width:12px;height:12px;opacity:.9}.note-card-preview{font-size:11px;color:var(--text-secondary);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;opacity:.85}.note-card-actions{display:flex;gap:4px;flex-wrap:wrap;padding-top:6px;border-top:1px solid var(--border-primary);opacity:0;transition:opacity .2s ease}.notes-list .note-card-actions{padding-top:0;border-top:none;flex-wrap:nowrap}.note-card:hover .note-card-actions{opacity:1}.note-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:5px;border-radius:4px;border:none;cursor:pointer;transition:all .2s ease;flex-shrink:0;width:28px;height:28px;opacity:1}.note-action-btn:hover{transform:none;opacity:.9}.note-action-btn.primary{background:var(--accent-primary);color:#fff;box-shadow:none}.note-action-btn.primary:hover{background:var(--accent-primary);opacity:.85;box-shadow:none}.note-action-btn.watch{background:#10b981;color:#fff;box-shadow:none}.note-action-btn.watch:hover{background:#059669;opacity:.85;box-shadow:none}.note-action-btn.youtube{background:#f97316;color:#fff;box-shadow:none}.note-action-btn.youtube:hover{background:#ea580c;opacity:.85;box-shadow:none}.note-action-btn.danger{background:#ef4444;color:#fff;box-shadow:none}.note-action-btn.danger:hover{background:#dc2626;opacity:.85;box-shadow:none}.note-action-btn.color{background:#8b5cf6;color:#fff;box-shadow:none}.note-action-btn.color:hover{background:#7c3aed;opacity:.85;box-shadow:none}.note-action-btn.folder{background:#3b82f6;color:#fff;box-shadow:none}.note-action-btn.folder:hover{background:#2563eb;opacity:.85;box-shadow:none}.note-action-btn.pin{background:var(--accent-primary);color:#fff;box-shadow:none}.note-action-btn.pin:hover{background:var(--accent-primary);opacity:.85;box-shadow:none}.note-action-btn.pin.active{background:var(--accent-primary);color:#fff;box-shadow:0 0 0 2px rgba(var(--accent-rgb, 59, 130, 246),.3)}.note-action-btn.favorite{background:#fbbf24;color:#fff;box-shadow:none}.note-action-btn.favorite:hover{background:#f59e0b;opacity:.85;box-shadow:none}.note-action-btn.favorite.active{background:#fbbf24;color:#fff;box-shadow:0 0 0 2px #fbbf244d}.note-hover-preview{position:fixed;width:320px;max-height:300px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 8px 24px #00000026,0 4px 8px #0000001a;z-index:10000;pointer-events:auto;animation:fadeInUp .2s ease-out;overflow:hidden;display:flex;flex-direction:column}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.note-hover-preview-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary)}.note-hover-preview-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-hover-preview-ai-icon{color:var(--accent-primary);flex-shrink:0;margin-left:8px}.note-hover-preview-content{padding:12px 16px;font-size:13px;line-height:1.6;color:var(--text-secondary);overflow-y:auto;flex:1;max-height:180px}.note-hover-preview-footer{display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px;border-top:1px solid var(--border-primary);background:var(--bg-secondary);font-size:11px}.note-hover-preview-meta{display:flex;align-items:center;gap:4px;color:var(--text-tertiary)}.note-hover-preview-meta svg{flex-shrink:0;width:12px;height:12px}.note-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 640px){.note-card{padding:10px}.note-card-title{font-size:13px}.note-action-btn{width:28px;height:28px;padding:5px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notes-grid .note-card:nth-child(1){animation-delay:0ms}.notes-grid .note-card:nth-child(2){animation-delay:50ms}.notes-grid .note-card:nth-child(3){animation-delay:.1s}.notes-grid .note-card:nth-child(4){animation-delay:.15s}.notes-grid .note-card:nth-child(5){animation-delay:.2s}.notes-grid .note-card:nth-child(6){animation-delay:.25s}.notes-grid .note-card:nth-child(7){animation-delay:.3s}.notes-grid .note-card:nth-child(8){animation-delay:.35s}.notes-grid .note-card:nth-child(9){animation-delay:.4s}.notes-grid .note-card:nth-child(10){animation-delay:.45s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}.note-card.deleting{animation:pulse .5s ease-in-out;opacity:.6;transform:scale(.95)}.note-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.note-tag{display:inline-flex;align-items:center;padding:3px 8px;font-size:11px;font-weight:500;border-radius:6px;letter-spacing:.2px;text-transform:capitalize;box-shadow:0 1px 2px #0000001a;transition:all .2s ease;cursor:pointer;position:relative;text-shadow:0 0 1px rgba(0,0,0,.1);font-weight:600}.note-tag:hover{transform:translateY(-1px);box-shadow:0 2px 4px #00000026;opacity:.9}.note-tag.tag-filtered{animation:tagPulse 1.5s ease-in-out infinite;box-shadow:0 0 0 2px currentColor}@keyframes tagPulse{0%,to{opacity:1}50%{opacity:.7}}.note-tag.tag-most-used{box-shadow:0 2px 6px #0003;position:relative}.note-tag.tag-most-used:after{content:"⭐";position:absolute;top:-4px;right:-4px;font-size:8px;opacity:.8}.draggable-note-wrapper{position:relative;transition:transform .2s ease,opacity .2s ease}.draggable-note-wrapper.dragging{z-index:1000}.draggable-note-wrapper .drag-handle{position:absolute;top:0;left:0;right:0;height:40px;z-index:1;border-radius:12px 12px 0 0}.draggable-note-wrapper .drag-handle:active{cursor:grabbing}.droppable-section{transition:all .2s ease;min-height:50px;position:relative}.droppable-section.drop-target{background:#3b82f61a;border:2px dashed rgba(59,130,246,.5);border-radius:12px;padding:8px}.droppable-section.drop-target .notes-grid{background:#3b82f60d;border-radius:8px}.droppable-section.drop-target .section-header-wrapper{background:#3b82f626;border-radius:8px}.droppable-section.drop-target .section-header{border-color:#3b82f6cc}.section-header-wrapper{position:relative;transition:all .2s ease}.section-empty-drop-zone{min-height:40px;display:flex;align-items:center;justify-content:center;padding:12px;margin:8px;border:2px dashed transparent;border-radius:8px;transition:all .2s ease}.droppable-section.drop-target .section-empty-drop-zone{border-color:#3b82f680;background:#3b82f60d}.section-empty-hint{font-size:12px;color:var(--text-tertiary, #6e7681);font-style:italic}.section-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-secondary, #f8f9fa);border-radius:8px;margin-bottom:12px;transition:all .2s ease;border-left:3px solid transparent}.section-header:hover{background:var(--bg-hover, #e9ecef)}.section-header-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;cursor:pointer;color:var(--text-secondary, #6c757d);transition:all .2s ease}.section-header-toggle:hover{background:var(--bg-hover, #dee2e6);color:var(--text-primary, #212529)}.section-header-content{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.section-icon{font-size:20px;line-height:1;flex-shrink:0}.section-name{font-size:15px;font-weight:600;margin:0;color:var(--text-primary, #212529);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-description{font-size:13px;color:var(--text-secondary, #6c757d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.section-note-count{font-size:12px;color:var(--text-muted, #868e96);background:var(--bg-tertiary, #e9ecef);padding:2px 8px;border-radius:10px;white-space:nowrap;margin-left:auto}.section-header-actions{position:relative;display:flex;align-items:center;gap:4px;margin-left:8px}.section-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:4px;cursor:pointer;color:var(--text-secondary, #6c757d);transition:all .2s ease}.section-action-btn:hover{background:var(--bg-hover, #dee2e6);color:var(--text-primary, #212529)}.section-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid var(--border-color, #dee2e6);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;min-width:180px;padding:4px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.section-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:4px;cursor:pointer;font-size:14px;color:var(--text-primary, #212529);text-align:left;transition:all .15s ease}.section-menu-item:hover{background:var(--bg-hover, #f8f9fa)}.section-menu-item.danger{color:var(--error-color, #dc3545)}.section-menu-item.danger:hover{background:#dc354510}.section-menu-item svg{flex-shrink:0}@media (prefers-color-scheme: dark){.section-header{background:var(--bg-secondary, #2d3748);color:var(--text-primary, #e2e8f0)}.section-header:hover{background:var(--bg-hover, #374151)}.section-header-toggle,.section-action-btn{color:var(--text-secondary, #a0aec0)}.section-header-toggle:hover,.section-action-btn:hover{background:var(--bg-hover, #4a5568);color:var(--text-primary, #e2e8f0)}.section-name{color:var(--text-primary, #e2e8f0)}.section-description{color:var(--text-secondary, #a0aec0)}.section-note-count{color:var(--text-muted, #718096);background:var(--bg-tertiary, #374151)}.section-menu{background:var(--bg-primary, #1a202c);border-color:var(--border-color, #4a5568)}.section-menu-item{color:var(--text-primary, #e2e8f0)}.section-menu-item:hover{background:var(--bg-hover, #2d3748)}.section-menu-item.danger{color:var(--error-color, #fc8181)}.section-menu-item.danger:hover{background:#fc818120}}@media (max-width: 768px){.section-header{padding:10px 12px}.section-description{display:none}.section-name{font-size:14px}.section-note-count{font-size:11px}}.category-notes-modal-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.category-notes-modal{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:20px;max-width:800px;width:100%;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 32px 64px #0000001f,0 0 0 2px #ffffff1a inset,0 8px 16px #00000014;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.category-notes-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:32px 32px 24px;border-bottom:2px solid var(--border-secondary);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);position:relative}.category-notes-modal-header:before{content:"";position:absolute;top:0;left:32px;right:32px;height:2px;background:linear-gradient(90deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:1px}.category-info{display:flex;flex-direction:column;gap:12px}.category-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em;line-height:1.2}.category-meta{display:flex;gap:20px;color:var(--text-secondary);font-size:15px;font-weight:500}.channel-count,.notes-count{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-primary);font-weight:600}.close-button{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;padding:12px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.close-button:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-primary);transform:scale(1.05);box-shadow:0 4px 12px #00000026}.close-button:active{transform:scale(.95)}.category-notes-modal-content{flex:1;overflow-y:auto;padding:32px;display:flex;flex-direction:column;gap:28px;scrollbar-width:thin;scrollbar-color:var(--border-primary) var(--bg-secondary)}.create-note-button{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-hover) 100%);color:#fff;border:2px solid var(--accent-primary);padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:-moz-fit-content;width:fit-content;position:relative;overflow:hidden;box-shadow:0 4px 8px #0000001a}.create-note-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(255,255,255,.2) 100%);transition:left .6s ease}.create-note-button:hover{background:linear-gradient(135deg,var(--accent-hover) 0%,var(--accent-primary) 100%);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 16px #00000026}.create-note-button:hover:before{left:100%}.create-note-button:active{transform:translateY(-1px) scale(.98)}.note-editor{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:2px solid var(--border-secondary);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:20px;box-shadow:0 8px 16px #0000000d;position:relative}.note-editor:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:16px 16px 0 0}.note-title-input{font-size:16px;font-weight:600;color:var(--text-primary);background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:10px;padding:14px 18px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit}.note-title-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px rgba(var(--accent-rgb, 0, 122, 255),.15);background:var(--bg-secondary)}.note-content-input{font-family:inherit;font-size:14px;color:var(--text-primary);background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:10px;padding:14px 18px;outline:none;resize:vertical;min-height:120px;transition:all .3s cubic-bezier(.4,0,.2,1);line-height:1.6}.note-content-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px rgba(var(--accent-rgb, 0, 122, 255),.15);background:var(--bg-secondary)}.note-editor-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:8px}.save-button{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-hover) 100%);color:#fff;border:2px solid var(--accent-primary);padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 8px #0000001a}.save-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,.3) 0%,transparent 50%,rgba(255,255,255,.3) 100%);transition:left .5s ease}.save-button:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-hover) 0%,var(--accent-primary) 100%);transform:translateY(-1px) scale(1.02);box-shadow:0 6px 12px #00000026}.save-button:hover:not(:disabled):before{left:100%}.save-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.cancel-button{background:var(--bg-secondary);color:var(--text-secondary);border:2px solid var(--border-primary);padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.cancel-button:hover:not(:disabled){background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-secondary);transform:translateY(-1px);box-shadow:0 4px 8px #00000014}.cancel-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.notes-list{display:flex;flex-direction:column;gap:16px}.empty-notes{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 32px;color:var(--text-secondary);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-radius:16px;border:2px solid var(--border-secondary);margin:20px;position:relative;overflow:hidden}.empty-notes:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);opacity:.3}.empty-notes svg{margin-bottom:24px;opacity:.7;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.empty-notes h3{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 12px;letter-spacing:-.01em}.empty-notes p{font-size:16px;color:var(--text-secondary);margin:0;max-width:440px;line-height:1.6;font-weight:400}.note-item{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:2px solid var(--border-primary);border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.note-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-primary) 0%,transparent 100%);opacity:0;transition:opacity .4s ease}.note-item:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.note-item:hover:before{opacity:1}.note-content{padding:24px;position:relative;z-index:1}.note-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.note-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0;flex:1;line-height:1.3;letter-spacing:-.01em}.note-actions{display:flex;gap:8px}.action-button{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;padding:8px 10px;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;font-weight:500}.action-button:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--accent-primary);transform:scale(1.05);box-shadow:0 4px 8px #0000001f}.action-button.delete:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#dc2626}.note-body{margin-bottom:20px;padding:16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-primary)}.note-body p{font-size:15px;line-height:1.7;color:var(--text-secondary);margin:0;white-space:pre-wrap;font-weight:400}.note-footer{display:flex;justify-content:flex-end;margin-top:12px}.note-date{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-tertiary);font-weight:500;padding:4px 8px;background:var(--bg-primary);border-radius:6px;border:1px solid var(--border-primary)}@media (max-width: 768px){.category-notes-modal-overlay{padding:16px}.category-notes-modal{max-height:95vh}.category-notes-modal-header{padding:20px 20px 16px}.category-title{font-size:20px}.category-meta{flex-direction:column;gap:8px}.category-notes-modal-content{padding:20px;gap:20px}.note-editor,.note-content{padding:16px}.note-header{flex-direction:column;gap:12px;align-items:stretch}.note-actions{justify-content:flex-end}.note-editor-actions{flex-direction:column}.save-button,.cancel-button{width:100%;justify-content:center}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.category-notes-card{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:14px;padding:14px 16px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:60px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 14px #0000001a,0 2px 7px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}.category-notes-card:before{content:"";position:absolute;inset:0;opacity:.08;z-index:0;transition:opacity .3s ease}.category-notes-card:hover:before{opacity:.12}.category-notes-card:hover{transform:translateY(-3px) scale(1.005);border-color:var(--accent-primary);box-shadow:0 12px 32px #00000024,0 6px 16px #0000001a,0 3px 8px #0000000f,inset 0 2px 4px #ffffff26}.category-notes-card>*{position:relative;z-index:1}.category-notes-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.category-notes-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;min-width:0}.category-info{flex:1;min-width:0}.category-name{font-size:12px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;position:relative}.category-stats{font-size:10px;color:var(--text-secondary);margin:0;font-weight:600;display:flex;align-items:center;gap:4px;background:#fffc;padding:1px 4px;border-radius:4px;flex-shrink:0}.category-notes-preview-compact{flex-shrink:0;display:flex;align-items:center}.notes-preview-inline{display:flex;align-items:center;gap:4px;color:var(--text-secondary)}.notes-count-compact{font-size:10px;font-weight:600}.empty-preview-compact{color:var(--text-tertiary);display:flex;align-items:center}.category-notes-card.style-1:before{background:#dbeafe}.category-notes-card.style-2:before{background:#d1fae5}.category-notes-card.style-3:before{background:#fed7aa}.category-notes-card.style-4:before{background:#fee2e2}.category-notes-card.style-5:before{background:#e9d5ff}.category-notes-card.style-6:before{background:#fce7f3}.category-notes-card.style-7:before{background:#cffafe}.category-notes-card.style-8:before{background:#d9f99d}.category-notes-card.style-9:before{background:#ffedd5}.category-notes-card.style-10:before{background:#e0e7ff}.category-notes-card.style-11:before{background:#ccfbf1}.category-notes-card.style-12:before{background:#f3e8ff}@media (prefers-color-scheme: dark){.category-notes-card.style-1:before{background:#1e3a8a}.category-notes-card.style-2:before{background:#064e3b}.category-notes-card.style-3:before{background:#92400e}.category-notes-card.style-4:before{background:#991b1b}.category-notes-card.style-5:before{background:#5b21b6}.category-notes-card.style-6:before{background:#9f1239}.category-notes-card.style-7:before{background:#164e63}.category-notes-card.style-8:before{background:#4d7c0f}.category-notes-card.style-9:before{background:#c2410c}.category-notes-card.style-10:before{background:#3730a3}.category-notes-card.style-11:before{background:#134e4a}.category-notes-card.style-12:before{background:#6b21a8}}@media (max-width: 768px){.category-notes-card{min-height:50px;padding:6px 8px;gap:8px}.category-name{font-size:11px}.category-stats{font-size:9px;padding:1px 3px}.notes-count{font-size:11px}.latest-note,.empty-preview{font-size:10px}}@media (max-width: 480px){.category-notes-card{min-height:45px;padding:5px 6px;gap:6px}.category-name{font-size:10px}.category-stats{font-size:8px;padding:1px 2px}.category-notes-card-header{margin-bottom:6px}.notes-count{font-size:10px}.latest-note,.empty-preview{font-size:9px}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.category-notes-card{animation:slideIn .3s ease-out}.note-template-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.note-template-modal{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:800px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.note-template-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-primary)}.note-template-modal-header h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.note-template-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.note-template-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.note-template-modal-content{padding:24px;overflow-y:auto;flex:1}.note-template-section{margin-bottom:32px}.note-template-section:last-child{margin-bottom:0}.note-template-section h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.note-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:24px}.note-template-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:20px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.note-template-card:hover{border-color:var(--accent-primary);background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.note-template-card.selected{border-color:var(--accent-primary);background:rgba(var(--accent-rgb, 59, 130, 246),.1);box-shadow:0 0 0 3px rgba(var(--accent-rgb, 59, 130, 246),.2)}.note-template-icon{color:var(--accent-primary);margin-bottom:12px}.note-template-info{flex:1}.note-template-info h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.note-template-info p{font-size:12px;color:var(--text-secondary);margin:0}.note-template-delete{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;opacity:0}.note-template-card:hover .note-template-delete{opacity:1}.note-template-delete:hover{background:var(--bg-primary);border-color:var(--accent-primary);color:var(--accent-primary)}.note-template-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:1px solid var(--border-primary)}.note-template-action-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;font-family:inherit}.note-template-action-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--text-primary)}.note-template-action-btn.primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.note-template-action-btn.primary:hover:not(:disabled){opacity:.9;box-shadow:0 4px 12px rgba(var(--accent-rgb, 59, 130, 246),.3)}.note-template-action-btn:disabled{opacity:.5;cursor:not-allowed}.note-template-action-btn.secondary{background:transparent;border-color:var(--border-primary)}.note-template-create{padding:0}.note-template-create h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 24px}.note-template-form{display:flex;flex-direction:column;gap:20px}.note-template-form label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500;color:var(--text-primary)}.note-template-input,.note-template-textarea{padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s ease}.note-template-input:focus,.note-template-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb, 59, 130, 246),.1)}.note-template-textarea{resize:vertical;min-height:200px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.note-template-form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:12px}.export-notes-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.export-notes-modal{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.export-notes-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-primary)}.export-notes-modal-header h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.export-notes-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.export-notes-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.export-notes-modal-content{padding:24px;overflow-y:auto;flex:1}.export-notes-info{margin-bottom:24px;padding:12px 16px;background:var(--bg-secondary);border-radius:8px}.export-notes-info p{margin:0;font-size:14px;color:var(--text-secondary)}.export-notes-info strong{color:var(--text-primary);font-weight:600}.export-notes-format-selection{margin-bottom:24px}.export-notes-format-selection h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.export-format-options{display:flex;flex-direction:column;gap:12px}.export-format-option{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.export-format-option:hover{border-color:var(--accent-primary);background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.export-format-option.selected{border-color:var(--accent-primary);background:rgba(var(--accent-rgb, 59, 130, 246),.1);box-shadow:0 0 0 3px rgba(var(--accent-rgb, 59, 130, 246),.2)}.export-format-option svg{color:var(--accent-primary);flex-shrink:0}.export-format-option h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.export-format-option p{font-size:13px;color:var(--text-secondary);margin:0}.export-notes-preview{padding:16px;background:var(--bg-secondary);border-radius:8px}.export-notes-preview h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.export-notes-preview ul{margin:0;padding-left:20px;list-style:disc}.export-notes-preview li{font-size:13px;color:var(--text-secondary);margin-bottom:6px}.export-notes-preview li:last-child{margin-bottom:0}.export-notes-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid var(--border-primary);background:var(--bg-secondary)}.export-notes-cancel-btn,.export-notes-export-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;border:none}.export-notes-cancel-btn{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary)}.export-notes-cancel-btn:hover:not(:disabled){background:var(--bg-primary);color:var(--text-primary)}.export-notes-export-btn{background:var(--accent-primary);color:#fff}.export-notes-export-btn:hover:not(:disabled){opacity:.9;box-shadow:0 4px 12px rgba(var(--accent-rgb, 59, 130, 246),.3)}.export-notes-cancel-btn:disabled,.export-notes-export-btn:disabled{opacity:.5;cursor:not-allowed}.export-notes-export-btn .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.notes-view{display:flex;flex-direction:column;height:100%;width:100%;max-width:100%;overflow-x:hidden;overflow-y:auto;animation:fadeIn .3s ease-out;box-sizing:border-box}.notes-actions-group{display:flex;align-items:center;gap:12px;padding:12px 20px;margin-bottom:16px;flex-shrink:0}.notes-filter-buttons{display:flex;align-items:center;gap:8px;margin-left:auto}.notes-filter-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.notes-filter-btn:hover{background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--text-primary)}.notes-filter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.notes-breadcrumb{padding:8px 20px;margin-bottom:16px;flex-shrink:0}.breadcrumb-nav{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:14px;color:var(--text-secondary)}.breadcrumb-item{display:flex;align-items:center;gap:4px}.breadcrumb-link{background:none;border:none;padding:4px 8px;color:var(--text-secondary);cursor:pointer;transition:color .2s ease;font-size:14px;border-radius:4px;text-decoration:none}.breadcrumb-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.breadcrumb-current{color:var(--text-primary);font-weight:500;padding:4px 8px}.breadcrumb-separator{color:var(--text-tertiary);margin:0 2px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.notes-action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.notes-action-btn:hover{background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-1px)}.notes-action-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.notes-action-btn:active{transform:translateY(0)}.notes-search-group{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;padding:8px 12px;flex:1;min-width:200px;max-width:400px;transition:all .2s ease;position:relative}.notes-search-group:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb, 59, 130, 246),.1);background:var(--bg-primary)}.notes-search-icon-group{color:var(--text-tertiary);flex-shrink:0}.notes-search-input-group{background:transparent;border:none;outline:none;font-size:14px;color:var(--text-primary);font-family:inherit;flex:1;min-width:0;padding:0}.notes-search-input-group::-moz-placeholder{color:var(--text-tertiary);opacity:.7}.notes-search-input-group::placeholder{color:var(--text-tertiary);opacity:.7}.notes-search-clear-group{display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:4px;flex-shrink:0;transition:all .2s ease}.notes-search-clear-group:hover{background:var(--bg-tertiary);color:var(--text-primary)}.notes-search-save-btn,.notes-search-history-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0;border-radius:4px}.notes-search-save-btn:hover,.notes-search-history-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.notes-search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:1000;max-height:400px;overflow-y:auto;animation:slideDown .2s ease-out}.notes-search-suggestions-section{padding:8px 0}.notes-search-suggestions-section:not(:last-child){border-bottom:1px solid var(--border-primary)}.notes-search-suggestions-header{padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary)}.notes-search-suggestion-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;text-align:left;color:var(--text-primary);cursor:pointer;transition:background .2s ease;font-size:13px}.notes-search-suggestion-item:hover{background:var(--bg-secondary)}.notes-search-suggestion-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-search-suggestion-delete{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;border-radius:4px;opacity:0}.notes-search-suggestion-item:hover .notes-search-suggestion-delete{opacity:1}.notes-search-suggestion-delete:hover{background:var(--bg-tertiary);color:var(--text-primary)}.notes-search-tips{padding:8px 12px}.notes-search-tip{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:12px;color:var(--text-secondary)}.notes-search-tip code{background:var(--bg-secondary);padding:2px 6px;border-radius:4px;font-size:11px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:var(--accent-primary);border:1px solid var(--border-primary)}.notes-sort-group{position:relative;display:flex;align-items:center}.notes-sort-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:14px;font-family:inherit;white-space:nowrap}.notes-sort-btn:hover{background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--text-primary)}.notes-sort-btn:active{transform:translateY(0)}.notes-sort-label{font-size:14px;color:var(--text-secondary);transition:color .2s ease}.notes-sort-btn:hover .notes-sort-label{color:var(--text-primary)}.notes-sort-chevron{transition:transform .2s ease;color:var(--text-tertiary)}.notes-sort-chevron.open{transform:rotate(180deg)}.notes-sort-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:200px;max-height:400px;overflow-y:auto;padding:4px;animation:slideDown .2s ease-out}.notes-sort-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:14px;font-family:inherit;text-align:left}.notes-sort-option:hover{background:var(--bg-secondary);color:var(--text-primary)}.notes-sort-option.active{background:var(--accent-primary);color:#fff}.notes-sort-option.active:hover{background:var(--accent-primary);opacity:.9}.notes-sort-option svg{flex-shrink:0}.notes-view-toggle-group{display:flex;align-items:center;gap:4px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;padding:4px;flex-shrink:0;position:relative}.notes-view-options-wrapper{position:relative;margin-left:4px;border-left:1px solid var(--border-primary);padding-left:4px}.notes-view-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--bg-tertiary, #1c2128);border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.notes-view-toggle-btn:not(.active){background:var(--bg-tertiary)!important;color:var(--text-secondary)!important}.notes-view-toggle-btn:hover{background:var(--hover-bg, var(--bg-primary));color:var(--text-primary)}.notes-view-toggle-btn.active{background:var(--accent-primary);color:#fff}.notes-view-toggle-btn:active{transform:scale(.95)}.notes-view-options-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:1000;min-width:280px;padding:16px;animation:slideDown .2s ease-out}.notes-view-option-group{margin-bottom:20px}.notes-view-option-group:last-child{margin-bottom:0}.notes-view-option-group label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.notes-grid-density-buttons{display:flex;gap:8px}.notes-density-btn{flex:1;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.notes-density-btn:hover{background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--text-primary)}.notes-density-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.notes-header-slim{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;margin:0 16px 16px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:14px;flex-shrink:0;gap:12px;min-height:42px;width:calc(100% - 32px);max-width:100%;box-sizing:border-box;overflow:hidden;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff0f}.notes-header-left-section{display:flex;align-items:center;gap:10px;flex:1;min-width:0;flex-wrap:wrap}.notes-title-slim{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4;letter-spacing:-.01em}.notes-count-pill{display:inline-flex;align-items:center;padding:4px 10px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap;flex-shrink:0;height:22px;line-height:1;box-shadow:0 1px 3px #0000000d,inset 0 1px 2px #ffffff1a}.notes-header-right-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.notes-view-toggle-slim{display:flex;align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;padding:3px;gap:2px;box-shadow:0 2px 6px #0000000d,inset 0 1px 2px #ffffff1a}.view-toggle-btn-slim{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.view-toggle-btn-slim:hover{background:var(--bg-quaternary);color:var(--text-primary)}.view-toggle-btn-slim.active{background:var(--bg-primary);color:var(--accent-primary);box-shadow:0 2px 6px rgba(var(--accent-rgb),.15),0 1px 3px #00000014}.notes-search-slim{position:relative;display:flex;align-items:center;min-width:180px;flex:1;max-width:300px}.notes-search-icon-slim{position:absolute;left:10px;color:var(--text-tertiary);pointer-events:none}.notes-search-input-slim{width:100%;padding:6px 30px 6px 32px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:13px;font-weight:500;outline:none;transition:all .2s ease;box-shadow:0 1px 3px #0000000d,inset 0 1px 2px #ffffff1a}.notes-search-input-slim:hover{border-color:var(--accent-primary);box-shadow:0 2px 6px #00000014}.notes-search-input-slim:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15),0 2px 6px #00000014}.notes-search-input-slim::-moz-placeholder{color:var(--text-tertiary);opacity:.7}.notes-search-input-slim::placeholder{color:var(--text-tertiary);opacity:.7}.notes-search-clear-slim{position:absolute;right:8px;width:20px;height:20px;padding:0;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.notes-search-clear-slim:hover{background:var(--bg-quaternary);color:var(--text-primary);transform:scale(1.1)}.notes-dropdown-slim{position:relative;display:flex;align-items:center;gap:6px;min-width:140px}.notes-dropdown-icon-slim{color:var(--text-tertiary);flex-shrink:0}.notes-dropdown-select-slim{flex:1;padding:6px 28px 6px 8px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;outline:none;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 6px center;background-repeat:no-repeat;background-size:14px;box-shadow:0 1px 3px #0000000d,inset 0 1px 2px #ffffff1a}.notes-dropdown-select-slim:hover{border-color:var(--accent-primary);box-shadow:0 2px 6px #00000014}.notes-dropdown-select-slim:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15),0 2px 6px #00000014}.notes-dropdown-select-slim option{background:var(--bg-primary);color:var(--text-primary);padding:8px 12px}.notes-select-btn-slim{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 1px 3px #0000000d,inset 0 1px 2px #ffffff1a}.notes-select-btn-slim:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--text-primary);box-shadow:0 2px 6px #00000014}.notes-select-btn-slim.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 2px 6px rgba(var(--accent-rgb),.25)}.btn-icon-slim{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#fff;border:1px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 2px 6px #0000000f,0 1px 3px #0000000a,inset 0 1px 2px #fffc}.btn-icon-slim:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.15),0 2px 6px #00000014,inset 0 1px 2px #ffffffe6}@media (max-width: 1024px){.notes-header-slim{flex-wrap:wrap;min-height:auto;padding:10px 14px}.notes-header-left-section{width:100%;gap:8px}.notes-search-slim{min-width:150px;max-width:250px}.notes-dropdown-slim{min-width:120px}}@media (max-width: 768px){.notes-header-slim{padding:8px 12px;gap:8px}.notes-title-slim{font-size:14px}.notes-count-pill{font-size:11px;padding:3px 10px}.notes-search-slim{min-width:140px;max-width:200px}.notes-search-input-slim{font-size:12px;padding:5px 26px 5px 28px}.notes-dropdown-slim{min-width:110px}.notes-dropdown-select-slim{font-size:12px;padding:5px 24px 5px 6px}.notes-select-btn-slim{font-size:12px;padding:5px 10px}.btn-icon-slim{width:32px;height:32px}.view-toggle-btn-slim{width:28px;height:28px}}@media (max-width: 640px){.notes-header-slim{padding:8px 10px}.notes-header-left-section{gap:6px}.notes-search-slim{width:100%;max-width:none;order:10}.notes-dropdown-slim{flex:1;min-width:0}.notes-select-btn-slim span{display:none}.notes-select-btn-slim{padding:5px 8px}}.categories-view{display:flex;flex-direction:column;gap:24px;animation:fadeIn .4s ease-out}.categories-view-header{text-align:center;margin-bottom:16px}.categories-view-title{font-size:28px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.categories-view-description{font-size:16px;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;animation:fadeIn .4s ease-out}@media (min-width: 1400px){.categories-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}}@media (min-width: 1600px){.categories-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}}@media (max-width: 968px){.categories-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.categories-view-title{font-size:24px}.categories-view-description{font-size:15px}}@media (max-width: 640px){.categories-grid{grid-template-columns:1fr;gap:12px}.categories-view-title{font-size:22px}.categories-view-description{font-size:14px}}@media (max-width: 768px){.notes-view-toggle{gap:2px;padding:3px}.view-toggle-button{padding:6px 10px;font-size:13px;gap:4px}.view-toggle-button svg{width:14px;height:14px}.view-toggle-button span{display:none}}.notes-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.notes-multiselect-controls{display:flex;align-items:center;gap:8px;padding-right:12px;border-right:1px solid var(--border-primary);margin-right:12px}.notes-multiselect-toggle{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.notes-multiselect-toggle:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.notes-multiselect-toggle.active{background:rgba(var(--accent-rgb, 0, 122, 255),.1);border-color:var(--accent-primary);color:var(--accent-primary)}.notes-selection-count{font-size:14px;font-weight:500;color:var(--accent-primary);padding:4px 8px;background:rgba(var(--accent-rgb, 0, 122, 255),.1);border-radius:12px}.notes-bulk-delete{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;font-size:14px;font-weight:500;color:var(--error-text);cursor:pointer;transition:all .2s ease}.notes-bulk-delete:hover{background:var(--error-hover);border-color:var(--error-hover)}.notes-select-all{padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.notes-select-all:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.notes-search,.notes-filter,.notes-sort{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.notes-search:focus-within,.notes-filter:focus-within,.notes-sort:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb, 0, 122, 255),.1);background:var(--bg-primary)}.notes-search-input{background:transparent;border:none;outline:none;font-size:14px;color:var(--text-primary);font-family:inherit;min-width:200px;width:200px}.notes-search-input::-moz-placeholder{color:var(--text-tertiary)}.notes-search-input::placeholder{color:var(--text-tertiary)}.notes-filter-select,.notes-sort-select{background:transparent;border:none;outline:none;font-size:14px;color:var(--text-primary);font-family:inherit;width:200px;min-width:200px;cursor:pointer;padding:0 32px 0 0;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px}.notes-filter-select::-ms-expand,.notes-sort-select::-ms-expand{display:none}.notes-filter-select:focus,.notes-sort-select:focus{outline:none}.notes-filter-select option,.notes-sort-select option{background:var(--bg-primary);color:var(--text-primary);padding:8px 12px;font-size:14px;font-family:inherit}.notes-category-dropdown{width:200px;min-width:200px;flex:0 0 auto}.notes-category-dropdown .dropdown-trigger{background:transparent;border:none;padding:0;min-height:auto;box-shadow:none;border-radius:0}.notes-category-dropdown .dropdown-trigger:hover{background:transparent;border:none;box-shadow:none}.notes-category-dropdown.open .dropdown-trigger{background:transparent;border:none;border-radius:0}.notes-category-dropdown .dropdown-value{font-size:14px;color:var(--text-primary);font-weight:500}.notes-category-dropdown .dropdown-text{color:var(--text-primary);font-size:14px;font-weight:500}.notes-category-dropdown .dropdown-arrow{color:var(--text-secondary);margin-left:8px}.notes-category-dropdown:hover .dropdown-arrow{color:var(--accent-primary)}.notes-category-dropdown.open .dropdown-trigger{background:transparent;border:none;box-shadow:none;border-radius:0}.notes-category-dropdown .dropdown-panel{border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 8px 24px #00000026;margin-top:4px}.notes-category-dropdown .dropdown-search{padding:12px;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary)}.notes-category-dropdown .search-input{font-size:14px;padding:8px 12px}.notes-category-dropdown .dropdown-option{padding:10px 12px;min-height:40px}.notes-category-dropdown .option-label{font-size:14px;font-weight:500}.notes-category-dropdown .option-description{font-size:12px;color:var(--text-tertiary);margin-top:2px}.notes-category-cards{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.notes-category-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:160px;padding:14px 16px;border-radius:12px;border:1px solid var(--border-primary);background:var(--bg-secondary);cursor:pointer;transition:all .2s ease}.notes-category-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000000f;border-color:var(--accent-primary)}.notes-category-card.active{border-color:var(--accent-primary);background:rgba(var(--accent-rgb, 0, 122, 255),.08);box-shadow:0 8px 20px rgba(var(--accent-rgb, 0, 122, 255),.12)}.category-card-label{font-size:14px;font-weight:600;color:var(--text-primary)}.category-card-count{font-size:24px;font-weight:700;color:var(--accent-primary);line-height:1}.notes-loading,.notes-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:var(--text-secondary)}.notes-loading .spinning{animation:spin 1s linear infinite;color:var(--accent-primary);margin-bottom:16px}.notes-empty-state svg{color:var(--text-tertiary);margin-bottom:24px;opacity:.5}.notes-empty-state h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.notes-empty-state p{font-size:16px;color:var(--text-secondary);margin:0 0 24px;max-width:500px}.notes-empty-icon{color:var(--text-tertiary);margin-bottom:24px;opacity:.6}.notes-empty-actions{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;justify-content:center}.notes-empty-action-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;font-family:inherit}.notes-empty-action-btn:hover{background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-1px)}.notes-empty-action-btn.primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.notes-empty-action-btn.primary:hover{background:var(--accent-primary);opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb, 59, 130, 246),.3)}.notes-empty-shortcuts{display:flex;flex-direction:column;gap:8px;align-items:center}.notes-shortcut-hint{font-size:13px;color:var(--text-tertiary);display:flex;align-items:center;gap:4px}.notes-shortcut-hint kbd{display:inline-block;padding:4px 8px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;font-size:11px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;color:var(--text-secondary);box-shadow:0 1px 2px #0000001a}.notes-shortcuts-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.notes-shortcuts-modal{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.notes-shortcuts-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-primary)}.notes-shortcuts-modal-header h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.notes-shortcuts-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.notes-shortcuts-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.notes-shortcuts-modal-content{padding:24px;overflow-y:auto;flex:1}.notes-shortcuts-section{margin-bottom:32px}.notes-shortcuts-section:last-child{margin-bottom:0}.notes-shortcuts-section h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.notes-shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-primary)}.notes-shortcut-item:last-child{border-bottom:none}.notes-shortcut-item span{font-size:14px;color:var(--text-secondary);flex:1}.notes-shortcut-keys{display:flex;align-items:center;gap:4px;margin-left:16px}.notes-shortcut-keys kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:4px 8px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;font-size:12px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-weight:500;color:var(--text-primary);box-shadow:0 1px 2px #0000001a}.notes-layout-container{display:flex;gap:20px;flex:1;overflow:hidden;width:100%;box-sizing:border-box}.notes-main-content{flex:1;min-width:0;overflow-y:auto;overflow-x:hidden}.notes-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:32px 20px 16px;display:flex;flex-direction:column;gap:32px;width:100%;max-width:100%;box-sizing:border-box}.notes-category-section{animation:fadeIn .4s ease-out;width:100%;max-width:100%;box-sizing:border-box}.notes-category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:12px;border-bottom:2px solid var(--border-primary);border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.notes-category-header.clickable:hover{background:var(--bg-secondary);border-bottom-color:var(--accent-primary);transform:translate(4px);box-shadow:0 2px 8px #00000014,inset 0 1px 2px #ffffff0d}.notes-category-title{font-size:24px;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.notes-category-count{font-size:14px;font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);padding:4px 12px;border-radius:12px}.notes-container{padding:20px;min-height:200px;position:relative}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%;max-width:100%;box-sizing:border-box;min-height:100px}.notes-grid>*{min-width:0;overflow:visible}.notes-compact{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:12px!important}.notes-detailed{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))!important;gap:24px!important}.notes-density-tight{gap:8px!important}.notes-density-tight .note-card{margin:0}.notes-density-normal{gap:20px}.notes-density-spacious{gap:32px!important}.notes-density-spacious .note-card{margin:8px}.notes-list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;box-sizing:border-box;background:transparent;border-radius:0;padding:0;overflow:visible}.notes-list .note-card{width:100%;max-width:100%;margin:0;border-radius:8px;border:1px solid var(--border-primary);transition:all .15s ease;padding:12px 16px;box-shadow:0 1px 2px #0000000d;background:var(--card-bg);display:flex;flex-direction:row;align-items:center;gap:12px;min-height:56px}.notes-list .note-card:before{display:none}.notes-list .note-card:hover{background:var(--bg-tertiary);transform:none;border-color:var(--border-medium);box-shadow:0 2px 4px #00000014}.notes-list .note-card.selected{background:rgba(var(--accent-rgb),.08);border-color:var(--accent-primary)}.notes-list .note-card-body{padding:0;flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;justify-content:center}.notes-list .note-card-header{padding:0;border-bottom:none;display:flex;align-items:center;gap:8px;flex-wrap:nowrap;order:2;flex-shrink:0;margin-left:auto}.notes-list .note-card-title{font-size:14px;font-weight:500;margin:0;line-height:1.4;flex:0 1 auto;min-width:0;color:var(--text-primary);display:flex;align-items:center;gap:8px}.notes-list .note-card-channel{font-size:12px;margin:0;opacity:.7;color:var(--text-secondary);display:inline-flex;align-items:center;gap:4px}.notes-list .note-card-title{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.notes-list .note-card-channel{margin-left:0;font-size:12px;font-weight:400}.notes-list .note-card-actions{padding:0;border-top:none;opacity:0;transition:opacity .2s ease;display:flex;gap:4px;justify-content:flex-end;order:3;flex-shrink:0}.notes-list .note-card:hover .note-card-actions{opacity:1}.notes-list .note-card-meta{gap:6px;flex-wrap:wrap;order:1;margin-left:auto}.notes-list .note-type-badge,.notes-list .note-ai-badge{font-size:10px;padding:2px 6px;height:18px;line-height:14px}.notes-list .note-date{font-size:11px;color:var(--text-tertiary)}.notes-list .note-card-icon{width:20px;height:20px;flex-shrink:0;order:0}.notes-list .note-card-checkbox{width:20px;height:20px;flex-shrink:0;order:-1;margin-right:0}.notes-list .note-card-menu-btn{width:24px;height:24px;padding:0;order:4}.notes-list .note-action-btn{width:28px;height:28px;padding:0}.notes-list .note-card-tags{margin-top:4px;gap:4px;order:2}.notes-list .note-tag{font-size:10px;padding:2px 6px}.notes-list .note-card-preview{font-size:12px;margin-top:2px;opacity:.7;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-secondary);order:3}@media (max-width: 1400px){.notes-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}}@media (max-width: 968px){.notes-view{padding:16px}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.notes-content{padding:24px 16px 16px}.notes-header-slim{width:calc(100% - 16px);margin:0 8px 16px;flex-wrap:wrap}.notes-category-title{font-size:20px}.notes-category-header{flex-wrap:wrap;gap:8px}.notes-header{flex-direction:column;align-items:flex-start}.notes-controls{width:100%}.notes-search,.notes-filter,.notes-sort{flex:1;min-width:0}.notes-search-input,.notes-filter-select,.notes-sort-select{min-width:0;width:100%}.notes-title{font-size:28px}.notes-grid{grid-template-columns:1fr}}@media (max-width: 640px){.notes-controls{flex-direction:column}.notes-search,.notes-filter,.notes-sort{width:100%}.notes-grid{grid-template-columns:1fr;gap:10px}.notes-content{padding:16px 12px 12px}.notes-actions-group{flex-wrap:wrap;gap:8px}.notes-view-toggle-group{order:3}.notes-search-group{order:2;flex:1;min-width:200px}.notes-header-slim{padding:8px 12px;width:calc(100% - 24px);margin:0 12px 12px}.notes-category-title{font-size:18px}.notes-category-header{padding:8px}}.fab-new-note{position:fixed;bottom:24px;right:24px;width:56px;height:56px;background:linear-gradient(135deg,#3b82f6,#60a5fa);border:none;border-radius:50%;color:#fff;cursor:pointer;box-shadow:0 6px 20px #3b82f666;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fab-new-note:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 28px #3b82f699;background:linear-gradient(135deg,#2563eb,#3b82f6)}.fab-new-note:active{transform:translateY(0) scale(.98);transition:all .1s ease}.fab-new-note svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.fab-new-note:hover svg{transform:rotate(90deg)}@media (max-width: 768px){.fab-new-note{bottom:20px;right:20px;width:48px;height:48px}.fab-new-note svg{width:20px;height:20px}}@media (max-width: 480px){.fab-new-note{bottom:16px;right:16px;width:44px;height:44px}.fab-new-note svg{width:18px;height:18px}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: light){.notes-segmented-tabs{display:inline-flex;align-items:center;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:4px;box-shadow:0 1px 2px #0000000d}.notes-tab{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:12px;font-size:14px;font-weight:500;border:none;background:transparent;cursor:pointer;transition:all .15s ease;position:relative;color:#374151}.notes-tab:hover:not(.notes-tab--active){background:#00000005;color:#1f2937}.notes-tab:active:not(.notes-tab--active){transform:translateY(.5px);background:#0000000a}.notes-tab--active{background:linear-gradient(to bottom,#fff,#f9fafb);color:#111827;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 2px #0000000d}.notes-tab--active:before{content:"";position:absolute;inset:0;border-radius:12px;box-shadow:inset 0 0 0 1px #fff9}.notes-tab:focus-visible{outline:none;box-shadow:0 0 0 2px #3b82f64d,0 0 0 1px #fff}}@media (prefers-color-scheme: light){.notes-controls-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.notes-multiselect-controls{display:flex;align-items:center;gap:8px;padding-right:12px;border-right:1px solid rgba(0,0,0,.08);margin-right:12px}.notes-select-button{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.08);font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease}.notes-select-button--idle:hover{background:#00000005;border-color:#0000001f}.notes-select-button--idle:active{background:#0000000a;transform:translateY(.5px)}.notes-select-button--active{background:#eff6ff;border-color:#3b82f6;color:#1e40af}.notes-selection-badge{display:inline-flex;align-items:center;padding:4px 8px;background:#f3f4f6;border:1px solid rgba(0,0,0,.08);border-radius:9999px;font-size:12px;font-weight:500;color:#374151}.notes-action-button{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.08);font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease}.notes-action-button:hover{background:#00000005;border-color:#0000001f}.notes-action-button:active{background:#0000000a;transform:translateY(.5px)}.notes-action-button:focus-visible{outline:none;box-shadow:0 0 0 2px #3b82f64d,0 0 0 1px #fff}.notes-search-field{position:relative;display:flex;align-items:center;flex:1;min-width:200px}.notes-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none;z-index:1}.notes-search-input{width:100%;height:40px;padding:0 12px 0 36px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.08);font-size:14px;color:#1f2937;transition:all .15s ease}.notes-search-input::-moz-placeholder{color:#9ca3af}.notes-search-input::placeholder{color:#9ca3af}.notes-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.notes-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#e5e7eb;border:none;border-radius:50%;color:#6b7280;font-size:14px;font-weight:700;cursor:pointer;opacity:0;transition:all .15s ease}.notes-search-field:focus-within .notes-search-clear{opacity:1}.notes-search-clear:hover{background:#d1d5db;color:#374151}.notes-dropdown{display:flex;align-items:center;position:relative;min-width:160px}.notes-dropdown select{appearance:none;-webkit-appearance:none;-moz-appearance:none;display:flex;align-items:center;justify-content:space-between;width:100%;height:40px;padding:0 32px 0 12px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.08);font-size:14px;font-weight:500;color:#1f2937;cursor:pointer;transition:all .15s ease;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px}.notes-dropdown select:hover{background:#00000005;border-color:#0000001f}.notes-dropdown select:active{background:#0000000a;transform:translateY(.5px)}.notes-dropdown select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.notes-dropdown select option{background:#fff;color:#1f2937;padding:8px 12px;font-size:14px}.notes-dropdown svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none;z-index:1}@media (max-width: 768px){.notes-controls-row{flex-direction:column;align-items:stretch;gap:8px}.notes-multiselect-controls{padding-right:0;border-right:none;margin-right:0;justify-content:center}.notes-search-field,.notes-dropdown{min-width:auto}.notes-tab{flex:1;justify-content:center}}.notes-main-nav{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 24px;margin:32px auto;max-width:1200px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 4px 12px #00000014;flex-wrap:wrap}.notes-main-tab{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:12px;font-size:14px;font-weight:500;border:none;background:transparent;cursor:pointer;transition:all .15s ease;position:relative;color:#6b7280;white-space:nowrap}.notes-main-tab:hover:not(.notes-main-tab--active){background:#00000005;color:#374151}.notes-main-tab:active:not(.notes-main-tab--active){transform:translateY(.5px);background:#0000000a}.notes-main-tab--active{background:#fff;color:#1f2937;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 4px #0000000d}.notes-main-tab--active:before{content:"";position:absolute;inset:0;border-radius:12px;box-shadow:inset 0 0 0 1px #fff9}.notes-main-tab:focus-visible{outline:none;box-shadow:0 0 0 2px #3b82f64d,0 0 0 1px #fff}.notes-main-search{position:relative;display:flex;align-items:center;min-width:240px}.notes-main-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;z-index:1}.notes-main-search-input{width:100%;height:40px;padding:0 36px;border-radius:12px;background:#00000005;border:1px solid rgba(0,0,0,.08);font-size:14px;color:#1f2937;transition:all .15s ease}.notes-main-search-input::-moz-placeholder{color:#9ca3af}.notes-main-search-input::placeholder{color:#9ca3af}.notes-main-search-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 2px #3b82f61a}.notes-main-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#e5e7eb;border:none;border-radius:50%;color:#6b7280;font-size:14px;font-weight:700;cursor:pointer;opacity:0;transition:all .15s ease}.notes-main-search:focus-within .notes-main-search-clear{opacity:1}.notes-main-search-clear:hover{background:#d1d5db;color:#374151}.notes-main-dropdown{display:flex;align-items:center;position:relative;min-width:160px}.notes-main-dropdown select{appearance:none;-webkit-appearance:none;-moz-appearance:none;display:flex;align-items:center;justify-content:space-between;width:100%;height:40px;padding:0 32px 0 12px;border-radius:12px;background:#00000005;border:1px solid rgba(0,0,0,.08);font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px}.notes-main-dropdown select:hover{background:#0000000a;border-color:#0000001f}.notes-main-dropdown select:active{background:#0000000f;transform:translateY(.5px)}.notes-main-dropdown select:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 2px #3b82f61a}.notes-main-dropdown select option{background:#fff;color:#1f2937;padding:8px 12px;font-size:14px}.notes-main-dropdown svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;z-index:1}.notes-main-select-button{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:12px;background:#00000005;border:1px solid rgba(0,0,0,.08);font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s ease;white-space:nowrap}.notes-main-select-button--idle:hover{background:#0000000a;border-color:#0000001f;color:#374151}.notes-main-select-button--idle:active{background:#0000000f;transform:translateY(.5px)}.notes-main-select-button--active{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.notes-main-select-button:focus-visible{outline:none;box-shadow:0 0 0 2px #3b82f64d,0 0 0 1px #fff}@media (max-width: 1200px){.notes-main-nav{padding:14px 20px;gap:12px;max-width:1000px}}@media (max-width: 768px){.notes-main-nav{flex-direction:column;align-items:center;gap:12px;padding:12px 16px;margin:24px auto}.notes-main-search{min-width:200px;width:100%}.notes-main-dropdown{min-width:140px;width:100%}}@media (max-width: 640px){.notes-main-nav{padding:12px 16px;margin:20px auto}.notes-main-tab{height:36px;padding:0 12px;font-size:13px;gap:6px}.notes-main-search-input{height:36px;font-size:13px}.notes-main-dropdown select{height:36px;font-size:13px;padding:0 28px 0 10px}.notes-main-select-button{height:36px;padding:0 12px;font-size:13px}}}.category-notes-view{display:flex;flex-direction:column;gap:32px}.category-notes-header{text-align:center;margin-bottom:16px}.category-notes-title{display:flex;align-items:center;justify-content:center;gap:12px;font-size:28px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.category-notes-description{font-size:16px;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.category-notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;animation:fadeIn .4s ease-out}@media (min-width: 1400px){.category-notes-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}}@media (min-width: 1600px){.category-notes-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}}.empty-category-notes{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 20px;color:var(--text-tertiary);grid-column:1 / -1}.empty-category-notes svg{margin-bottom:16px;opacity:.5}.empty-category-notes h3{font-size:20px;font-weight:600;color:var(--text-secondary);margin:0 0 8px}.empty-category-notes p{font-size:14px;color:var(--text-tertiary);margin:0}.modern-category-title{display:flex;align-items:center;gap:16px}.modern-category-icon{display:flex;align-items:center;justify-content:center;position:relative;width:44px;height:44px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:12px;color:#fff;box-shadow:0 6px 20px #8b5cf64d;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-category-icon:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 28px #8b5cf666}.modern-category-icon .sparkle-icon{position:absolute;top:-3px;right:-3px;color:#fbbf24;filter:drop-shadow(0 2px 4px rgba(251,191,36,.5));animation:sparkle 2s ease-in-out infinite}.category-notes-header{margin-bottom:32px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}.category-notes-header-content{flex:1;min-width:0}.category-notes-filter{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;min-width:200px;flex-shrink:0}.category-notes-filter:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb, 0, 122, 255),.1);background:var(--bg-primary)}.category-notes-dropdown{width:200px;min-width:200px;flex:0 0 auto}.category-notes-dropdown .dropdown-trigger{background:transparent;border:none;padding:0;min-height:auto;box-shadow:none;border-radius:0}.category-notes-dropdown .dropdown-value{font-size:14px;color:var(--text-primary);font-weight:500}.category-notes-dropdown .dropdown-text{color:var(--text-primary);font-size:14px;font-weight:500}.category-notes-dropdown .dropdown-arrow{color:var(--text-secondary);margin-left:8px}.category-notes-dropdown:hover .dropdown-arrow{color:var(--accent-primary)}.category-notes-dropdown.open .dropdown-trigger{background:transparent;border:none;box-shadow:none;border-radius:0}.category-notes-dropdown .dropdown-panel{border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 8px 24px #00000026;margin-top:4px}.category-notes-dropdown .dropdown-search{padding:12px;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary)}.category-notes-dropdown .search-input{font-size:14px;padding:8px 12px}.category-notes-dropdown .dropdown-option{padding:10px 12px;min-height:40px}.category-notes-dropdown .option-label{font-size:14px;font-weight:500}.category-notes-dropdown .option-description{font-size:12px;color:var(--text-tertiary);margin-top:2px}@media (max-width: 768px){.notes-header{flex-direction:column;align-items:stretch;gap:16px}.notes-header-left{flex-direction:column;align-items:flex-start;gap:12px}.notes-controls{flex-direction:column;gap:8px}.notes-search,.notes-filter-dropdown,.notes-sort{flex:1;min-width:0}.notes-search-input,.notes-category-dropdown,.notes-filter-select,.notes-sort-select{width:100%;min-width:0}}@media (max-width: 968px){.notes-header-left{flex-direction:column;align-items:flex-start;gap:12px}.notes-view-switcher{width:100%;justify-content:stretch}.view-switcher-button{flex:1;justify-content:center}.category-notes-title{font-size:24px}.category-notes-description{font-size:15px}.category-notes-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}@media (max-width: 640px){.category-notes-grid{grid-template-columns:1fr;gap:12px}}}@media (max-width: 768px){.category-notes-header{flex-direction:column;align-items:stretch;gap:20px}.category-notes-header-content{text-align:center}.category-notes-filter,.category-notes-dropdown{min-width:auto;width:100%}}@media (max-width: 640px){.category-notes-header{margin-bottom:12px;flex-direction:column;align-items:stretch;gap:16px}.category-notes-header-content{text-align:center}.category-notes-filter,.category-notes-dropdown{min-width:auto;width:100%}.category-notes-title{font-size:22px}.category-notes-description{font-size:14px}.view-switcher-button{font-size:13px;padding:6px 10px}.view-switcher-button svg{width:14px;height:14px}}.notes-filter-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;margin-bottom:24px;flex-wrap:wrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.notes-filter-bar:hover{border-color:var(--border-medium);box-shadow:0 4px 12px #0000000d}.notes-filter-search{display:flex;align-items:center;position:relative;flex:1;min-width:200px;max-width:400px}.notes-filter-search-icon{position:absolute;left:12px;color:var(--text-secondary);pointer-events:none}.notes-filter-search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.notes-filter-search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.notes-filter-search-input::-moz-placeholder{color:var(--text-secondary)}.notes-filter-search-input::placeholder{color:var(--text-secondary)}.notes-filter-search-clear{position:absolute;right:8px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:18px;padding:2px 4px;border-radius:4px;transition:all .2s ease}.notes-filter-search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.notes-filter-dropdown{display:flex;align-items:center;gap:6px;position:relative}.notes-filter-dropdown svg{color:var(--text-secondary);flex-shrink:0}.notes-filter-dropdown-select{padding:8px 12px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;cursor:pointer;outline:none;transition:all .2s ease;min-width:120px}.notes-filter-dropdown-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.notes-filter-dropdown-select option{background:var(--bg-primary);color:var(--text-primary)}.notes-filter-select-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-primary);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.notes-filter-select-button:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-medium)}.notes-filter-select-button--active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.notes-filter-select-button--active:hover{background:var(--accent-hover)}.notes-filter-select-button:focus,.notes-filter-select-button:active{box-shadow:none;outline:none;border-color:var(--border-light)}.notes-filter-select-text{font-weight:500}@media (max-width: 1024px){.notes-view{padding:20px}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.modern-notes-icon{width:42px;height:42px}.notes-title{font-size:28px}}@media (max-width: 768px){.notes-filter-bar{gap:8px;padding:10px 12px}.notes-filter-search{min-width:160px;max-width:280px}.notes-filter-dropdown-select{min-width:100px;font-size:13px}.notes-filter-select-button{padding:6px 10px;font-size:13px}.fab-new-note{bottom:20px;right:20px;width:48px;height:48px}.fab-new-note svg{width:20px;height:20px}}@media (max-width: 480px){.notes-filter-bar{flex-direction:column;align-items:stretch;gap:8px}.notes-filter-search{width:100%;max-width:none}.notes-filter-dropdown,.notes-filter-dropdown-select{width:100%}.notes-filter-select-button{width:100%;justify-content:center}.fab-new-note{bottom:16px;right:16px;width:44px;height:44px}.fab-new-note svg{width:18px;height:18px}.notes-category-cards{gap:8px}.notes-category-card{min-width:120px;padding:10px 12px}}.notes-dropdown-slim{position:relative;display:flex;align-items:center;gap:4px!important;min-width:120px!important;background:var(--bg-secondary)!important;border:1px solid var(--border-primary)!important;border-radius:10px!important;padding:5px 8px!important;transition:all .2s ease!important;box-shadow:0 1px 3px #0000000a,inset 0 1px 2px #ffffff0d!important}.notes-dropdown-slim:hover{border-color:var(--accent-primary)!important;box-shadow:0 2px 6px #0000000f,inset 0 1px 2px #ffffff14!important}.notes-dropdown-icon-slim{color:var(--text-tertiary)!important;flex-shrink:0!important;font-size:12px!important}.notes-dropdown-select-slim{flex:1!important;padding:4px 20px 4px 2px!important;border:none!important;border-radius:6px!important;background:transparent!important;color:var(--text-primary)!important;font-size:12px!important;font-weight:500!important;cursor:pointer!important;outline:none!important;transition:all .2s ease!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 12 12'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 4.5l3 3 3-3'/%3e%3c/svg%3e")!important;background-position:right 2px center!important;background-repeat:no-repeat!important;background-size:12px!important;line-height:1.3!important;box-shadow:none!important}.notes-dropdown-select-slim:hover{color:var(--accent-primary)!important}.notes-dropdown-select-slim:focus{color:var(--accent-primary)!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 12 12'%3e%3cpath stroke='%23a855f7' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 4.5l3 3 3-3'/%3e%3c/svg%3e")!important}.notes-dropdown-select-slim option{background:var(--bg-primary)!important;color:var(--text-primary)!important;padding:6px 10px!important;font-size:12px!important}@media (max-width: 1024px){.notes-dropdown-slim{min-width:110px!important}}@media (max-width: 768px){.notes-dropdown-slim{min-width:100px!important;padding:3px 6px!important}.notes-dropdown-select-slim{font-size:11px!important;padding:2px 18px 2px 1px!important}.notes-dropdown-icon-slim{font-size:11px!important}}@media (max-width: 640px){.notes-dropdown-slim{min-width:90px!important;padding:2px 4px!important}.notes-dropdown-select-slim{font-size:10px!important;padding:2px 16px 2px 1px!important}.notes-dropdown-icon-slim{font-size:10px!important}}.notes-selection-toolbar{position:fixed;bottom:32px;left:50%;transform:translate(-50%);z-index:1000;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.selection-toolbar-content{display:flex;align-items:center;gap:16px;padding:12px 20px;background:linear-gradient(135deg,var(--card-bg) 0%,var(--bg-secondary) 100%);border:2px solid var(--accent-primary);border-radius:16px;box-shadow:0 0 0 3px rgba(var(--accent-rgb, 59, 130, 246),.15),0 12px 32px #0003,0 6px 16px #00000026,inset 0 1px 2px #ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.selection-info{display:flex;align-items:center;gap:8px;color:var(--accent-primary);font-weight:600;font-size:14px;padding-right:16px;border-right:2px solid var(--border-primary)}.selection-count{color:var(--text-primary)}.selection-actions{display:flex;align-items:center;gap:8px}.selection-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.selection-action-btn:hover{transform:translateY(-2px)}.selection-action-btn.select-all{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f666}.selection-action-btn.select-all:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f680}.selection-action-btn.add-tags{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 2px 8px #8b5cf666}.selection-action-btn.add-tags:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf680}.selection-action-btn.move-section{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b66}.selection-action-btn.move-section:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b80}.selection-action-btn.clear{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;box-shadow:0 2px 8px #6b728066}.selection-action-btn.clear:hover{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 4px 12px #6b728080}.selection-action-btn.export{background:linear-gradient(135deg,var(--accent-primary) 0%,#2563eb 100%);color:#fff;box-shadow:0 2px 8px #3b82f666}.selection-action-btn.export:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f680}.selection-action-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef444466}.selection-action-btn.delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444480}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.notes-selection-toolbar{bottom:24px;left:16px;right:16px;transform:none}.selection-toolbar-content{flex-direction:column;gap:12px;padding:14px 16px}.selection-info{padding-right:0;padding-bottom:12px;border-right:none;border-bottom:2px solid var(--border-primary);width:100%;justify-content:center}.selection-actions{flex-wrap:wrap;justify-content:center;width:100%}.selection-action-btn{flex:1;min-width:120px;justify-content:center}}.notes-tags-sidebar{width:240px;flex-shrink:0;background:var(--bg-secondary);border-left:2px solid var(--border-primary);border-radius:18px 0 0 18px;padding:20px 16px;overflow-y:auto;overflow-x:hidden;max-height:100%;box-sizing:border-box}.tags-sidebar-header{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:14px;border-bottom:2px solid var(--border-primary);min-height:42px;padding-top:2px}.tags-sidebar-header svg{color:var(--accent-primary);filter:drop-shadow(0 2px 4px rgba(var(--accent-rgb, 59, 130, 246),.2));width:18px;height:18px;flex-shrink:0;margin-top:1px}.tags-sidebar-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em;line-height:1.4}.tags-sidebar-list{display:flex;flex-direction:column;gap:8px}.tags-sidebar-tag{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:18px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left;width:100%;box-sizing:border-box;position:relative;box-shadow:0 4px 14px #0000001a,0 2px 7px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}.tags-sidebar-tag:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-3px) scale(1.005);box-shadow:0 12px 32px #00000024,0 6px 16px #0000001a,0 3px 8px #0000000f,inset 0 2px 4px #ffffff26}.tags-sidebar-tag[style*=background]:hover:not(.active){border-color:var(--accent-primary);transform:translateY(-3px) scale(1.005);box-shadow:0 12px 32px #00000029,0 6px 16px #0000001f,0 3px 8px #00000014,inset 0 2px 4px #fff3}.tags-sidebar-tag.active{background:rgba(var(--accent-rgb, 59, 130, 246),.08);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px) scale(1.005);box-shadow:0 0 0 3px rgba(var(--accent-rgb, 59, 130, 246),.25),0 10px 28px rgba(var(--accent-rgb, 59, 130, 246),.25),0 5px 14px rgba(var(--accent-rgb, 59, 130, 246),.18),0 2px 7px rgba(var(--accent-rgb, 59, 130, 246),.12),inset 0 2px 4px #ffffff1f}.tags-sidebar-tag.active[style*=background]{background:linear-gradient(135deg,rgba(var(--accent-rgb, 59, 130, 246),.15),rgba(var(--accent-rgb, 59, 130, 246),.08))!important;border-color:var(--accent-primary)!important;transform:translateY(-2px) scale(1.005);box-shadow:0 0 0 3px rgba(var(--accent-rgb, 59, 130, 246),.3),0 12px 36px rgba(var(--accent-rgb, 59, 130, 246),.3),0 6px 18px rgba(var(--accent-rgb, 59, 130, 246),.22),0 3px 9px rgba(var(--accent-rgb, 59, 130, 246),.15),inset 0 2px 4px #ffffff26!important}.tags-sidebar-all{font-weight:600;border-width:2px}.tag-name{font-size:13px;font-weight:500;color:var(--text-primary);flex:1;min-width:0;display:flex;align-items:center;gap:6px}.tag-name>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.tag-ai-indicator{display:inline-flex;align-items:center;color:#8b5cf6;flex-shrink:0;opacity:.8;transition:all .25s cubic-bezier(.4,0,.2,1)}.tags-sidebar-tag:hover .tag-ai-indicator{transform:scale(1.1);opacity:1}.tags-sidebar-tag.active .tag-ai-indicator{color:var(--accent-primary);opacity:1;transform:scale(1.15);filter:drop-shadow(0 2px 4px rgba(var(--accent-rgb, 59, 130, 246),.3))}.tags-sidebar-tag.active .tag-name{color:var(--accent-primary);font-weight:600}.tags-sidebar-tag.active .tag-name>span:first-child{color:var(--accent-primary)}.tag-count{font-size:11px;font-weight:700;color:var(--text-secondary);background:var(--bg-primary);padding:3px 8px;border-radius:12px;margin-left:8px;flex-shrink:0;min-width:24px;text-align:center;border:1px solid var(--border-primary);box-shadow:0 2px 6px #0000001f,inset 0 1px 2px #ffffff26;transition:all .25s cubic-bezier(.4,0,.2,1)}.tags-sidebar-tag:hover .tag-count{transform:scale(1.05);box-shadow:0 3px 8px #00000026,inset 0 1px 2px #fff3}.tags-sidebar-tag.active .tag-count{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary, #0056b3) 100%);color:#fff;border-color:var(--accent-primary);transform:scale(1.08);box-shadow:0 3px 10px rgba(var(--accent-rgb, 59, 130, 246),.3),0 1px 4px rgba(var(--accent-rgb, 59, 130, 246),.2),inset 0 1px 2px #fff3}.tags-sidebar-tag.active .tag-count[style*=background]{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary, #0056b3) 100%)!important;color:#fff!important;border-color:var(--accent-primary)!important;transform:scale(1.08);box-shadow:0 3px 10px rgba(var(--accent-rgb, 59, 130, 246),.3),0 1px 4px rgba(var(--accent-rgb, 59, 130, 246),.2),inset 0 1px 2px #fff3!important}@media (max-width: 1024px){.notes-tags-sidebar{display:none}.notes-layout-container{gap:0}}.category-pills-container{background:var(--bg-primary);border-bottom:1px solid var(--border-primary);padding:32px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-primary) transparent;display:flex;align-items:flex-start;justify-content:center}.category-pills-container::-webkit-scrollbar{width:8px}.category-pills-container::-webkit-scrollbar-track{background:transparent}.category-pills-container::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.category-pills-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.category-pills-empty{text-align:center;color:var(--text-secondary);font-style:italic}.category-pills-cloud{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;padding:0;max-width:1400px;width:100%}.category-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:2px solid var(--category-color, var(--border-primary));border-radius:28px;background:linear-gradient(135deg,rgba(var(--category-color-rgb),.08) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);color:var(--text-primary);font-size:.9rem;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;min-width:0;flex-shrink:0;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 14px #0000001a,0 2px 7px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}.category-pill:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--category-color, var(--primary-color)) 0%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:28px}.category-pill:hover{background:linear-gradient(135deg,rgba(var(--category-color-rgb),.12) 0%,var(--bg-secondary) 50%,var(--bg-secondary) 100%);border-color:var(--category-color, var(--primary-color));transform:translateY(-3px) scale(1.005);box-shadow:0 12px 32px #00000024,0 6px 16px #0000001a,0 3px 8px #0000000f,inset 0 2px 4px #ffffff26}.category-pill:hover:before{opacity:.08}.category-pill:focus{outline:2px solid var(--category-color, var(--primary-color));outline-offset:2px;z-index:1}.category-pill:active{transform:translateY(-1px) scale(1.002);box-shadow:0 6px 16px #0000001f,0 3px 8px #00000014,inset 0 1px 2px #ffffff1a}.category-pill.active{background:linear-gradient(135deg,var(--category-color) 0%,var(--category-color) 100%);color:#fff;border-color:var(--category-color);font-weight:700;letter-spacing:.5px;position:relative;transform:translateY(-2px) scale(1.005);box-shadow:0 0 0 2px rgba(var(--category-color-rgb),.25),0 10px 28px rgba(var(--category-color-rgb),.2),0 5px 14px rgba(var(--category-color-rgb),.15),0 2px 7px rgba(var(--category-color-rgb),.1),inset 0 2px 4px #ffffff1f}.category-pill.active:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);border-radius:28px;pointer-events:none}.category-pill.active:hover{background:linear-gradient(135deg,var(--category-color) 0%,var(--category-color) 100%);filter:brightness(1.05);transform:translateY(-4px) scale(1.01);box-shadow:0 0 0 3px rgba(var(--category-color-rgb),.3),0 16px 40px rgba(var(--category-color-rgb),.25),0 8px 20px rgba(var(--category-color-rgb),.2),0 4px 10px rgba(var(--category-color-rgb),.15),inset 0 2px 4px #ffffff2e}.category-pill.size-xl{font-size:1.35rem;padding:16px 28px;border-width:3px;font-weight:800;letter-spacing:.8px;text-transform:capitalize;box-shadow:0 6px 20px #0000001f,0 3px 10px #00000014,0 1px 5px #0000000f,inset 0 1px 3px #ffffff1f}.category-pill.size-xl:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 20px 56px #0000002e,0 10px 28px #00000024,0 5px 14px #0000001a,inset 0 2px 4px #ffffff26}.category-pill.size-lg{font-size:1.15rem;padding:13px 22px;border-width:2.5px;font-weight:700;letter-spacing:.6px;box-shadow:0 5px 16px #0000001c,0 2px 8px #00000012,0 1px 4px #0000000d,inset 0 1px 2px #ffffff1c}.category-pill.size-lg:hover{transform:translateY(-4px) scale(1.005);box-shadow:0 14px 38px #00000029,0 7px 19px #0000001f,0 4px 10px #00000014,inset 0 2px 4px #ffffff24}.category-pill.size-md{font-size:1rem;padding:11px 19px;border-width:2px;font-weight:650;letter-spacing:.4px}.category-pill.size-sm{font-size:.875rem;padding:9px 16px;border-width:2px;font-weight:600;letter-spacing:.2px}.category-pill-name{font-weight:inherit;overflow:hidden;text-overflow:ellipsis;max-width:200px;position:relative;z-index:1}.category-pill-count{background:linear-gradient(135deg,#0000001f,#00000014);color:inherit;padding:3px 9px;border-radius:14px;font-size:.75rem;font-weight:700;min-width:22px;text-align:center;flex-shrink:0;position:relative;z-index:1;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 6px #0000001f,inset 0 1px 2px #0000001a}.category-pill.active .category-pill-count{background:linear-gradient(135deg,#ffffff4d,#fff3);color:#fff;font-weight:800;border-color:#ffffff26;box-shadow:0 2px 6px #00000026,inset 0 1px 2px #fff3}.category-pill:not(.active) .category-pill-count{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);color:var(--text-secondary);border-color:var(--border-primary)}[data-theme=dark] .category-pills-container{background:rgba(var(--bg-primary-rgb, 17, 24, 39),.95)}[data-theme=dark] .category-pill{background:linear-gradient(135deg,#ffffff0d,#ffffff05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 14px #00000059,0 2px 7px #00000040,0 1px 4px #0003,inset 0 1px 2px #ffffff14}[data-theme=dark] .category-pill:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a);box-shadow:0 12px 32px #00000073,0 6px 16px #00000059,0 3px 8px #00000047,inset 0 2px 4px #ffffff1f}[data-theme=dark] .category-pill.active{box-shadow:0 0 0 2px rgba(var(--category-color, var(--primary-color)),.3),0 10px 28px #00000080,0 5px 14px #0006,0 2px 7px #00000052,inset 0 2px 4px #ffffff26}[data-theme=dark] .category-pill.active:hover{box-shadow:0 0 0 3px rgba(var(--category-color, var(--primary-color)),.35),0 16px 40px #0009,0 8px 20px #00000080,0 4px 10px #0000006b,inset 0 2px 4px #fff3}@media (max-width: 768px){.category-pills-container{padding:16px;max-height:300px}.category-pills-cloud{gap:10px}.category-pill.size-xl{font-size:1.2rem;padding:14px 22px;font-weight:750;letter-spacing:.6px}.category-pill.size-lg{font-size:1.05rem;padding:12px 18px;font-weight:700;letter-spacing:.4px}.category-pill.size-md{font-size:.95rem;padding:10px 16px;letter-spacing:.3px}.category-pill.size-sm{font-size:.85rem;padding:8px 14px;letter-spacing:.2px}.category-pill-name{max-width:150px}.category-pill-count{padding:2px 7px;font-size:.7rem}}@media (max-width: 480px){.category-pills-container{padding:12px;max-height:250px}.category-pills-cloud{gap:6px}.category-pill.size-xl{font-size:1rem;padding:10px 16px}.category-pill.size-lg{font-size:.9rem;padding:8px 14px}.category-pill.size-md{font-size:.825rem;padding:7px 12px}.category-pill.size-sm{font-size:.75rem;padding:6px 10px}.category-pill-name{max-width:120px}}@media (prefers-contrast: high){.category-pill{border-width:3px;font-weight:600}.category-pill:focus{outline-width:3px}}@media (prefers-reduced-motion: reduce){.category-pill{transition:none}.category-pill:hover{transform:none}}.category-explorer-container{flex:1;overflow-y:auto;padding:24px;background:var(--bg-primary)}.category-explorer-container::-webkit-scrollbar{width:12px}.category-explorer-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.category-explorer-container::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:10px;border:2px solid var(--bg-secondary)}.category-explorer-container::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.category-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-primary)}.category-toolbar-left{flex:1;display:flex;align-items:center;gap:16px}.category-toolbar-right{display:flex;align-items:center;gap:16px}.results-count{font-size:13px;color:var(--text-secondary);font-weight:500;padding:6px 12px;background:var(--bg-tertiary);border-radius:8px;white-space:nowrap}.category-search{position:relative;flex:1;max-width:600px;display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1)}.category-search:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.category-search svg{color:var(--text-secondary);flex-shrink:0}.category-search input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:16px;outline:none;padding:0}.category-search input:focus{outline:none}.category-search input:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:4px}.category-search input::-moz-placeholder{color:var(--text-tertiary)}.category-search input::placeholder{color:var(--text-tertiary)}.search-icon{flex-shrink:0}.search-clear-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:var(--bg-tertiary);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.search-clear-btn:hover{background:var(--border-primary);color:var(--text-primary);transform:scale(1.1)}.search-hint{display:flex;align-items:center;gap:2px;flex-shrink:0;opacity:.6}.search-hint kbd{padding:2px 6px;font-size:11px;font-family:system-ui,-apple-system,sans-serif;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-secondary);box-shadow:0 1px 2px #0000001a}.category-sort{position:relative}.category-sort select{padding:10px 40px 10px 16px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;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='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all .25s cubic-bezier(.4,0,.2,1)}.category-sort select:hover{border-color:var(--accent-primary);background-color:var(--bg-tertiary)}.category-sort select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1);outline:none}.category-sort select:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:0}.category-grid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;color:var(--text-secondary);min-height:400px}.category-grid-empty p{font-size:1.1rem;color:var(--text-secondary);margin:0;font-weight:500}.category-grid-empty .empty-hint{margin-top:8px;font-size:.9rem;color:var(--text-tertiary);font-weight:400}.category-pills-empty{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:16px}.category-card{position:relative;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:16px;padding:20px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:12px;min-height:140px;overflow:hidden;box-shadow:0 4px 14px #0000001a,0 2px 7px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--category-color, var(--accent-primary));opacity:.6;transition:opacity .3s ease}.category-card:hover{transform:translateY(-4px) scale(1.005);border-color:var(--category-color, var(--accent-primary));box-shadow:0 12px 32px #00000024,0 6px 16px #0000001a,0 3px 8px #0000000f,inset 0 2px 4px #ffffff26}.category-card:hover:before{opacity:1}.category-card.active{transform:translateY(-2px) scale(1.005);border-color:var(--category-color, var(--accent-primary));background:rgba(var(--category-color-rgb),.05);box-shadow:0 0 0 2px rgba(var(--category-color-rgb),.25),0 10px 28px rgba(var(--category-color-rgb),.2),0 5px 14px rgba(var(--category-color-rgb),.15),0 2px 7px rgba(var(--category-color-rgb),.1),inset 0 2px 4px #ffffff1f}.category-card.active:before{opacity:1;height:5px}.category-card:focus-visible{outline:2px solid var(--category-color, var(--accent-primary));outline-offset:2px}.category-card:active{transform:translateY(-1px) scale(1.002)}.category-card.pinned{border-color:var(--category-color, var(--accent-primary));background:rgba(var(--category-color-rgb),.03)}.category-card.pinned:before{opacity:.8}.category-rank{position:absolute;top:12px;right:12px;background:var(--category-color, var(--accent-primary));color:#fff;font-size:12px;font-weight:700;padding:4px 8px;border-radius:8px;box-shadow:0 2px 6px #00000026,inset 0 1px 2px #fff3;z-index:2}.category-pin-btn{position:absolute;top:12px;left:12px;background:rgba(var(--bg-primary-rgb),.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--border-primary);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;z-index:2;padding:0}.category-pin-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary);transform:scale(1.1)}.category-pin-btn.pinned{background:rgba(var(--category-color-rgb),.15);border-color:var(--category-color, var(--accent-primary));color:var(--category-color, var(--accent-primary))}.category-pin-btn:active{transform:scale(.95)}.category-card-header{display:flex;flex-direction:column;gap:8px;margin-top:8px}.category-card-name{font-size:18px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-card-count{font-size:14px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.category-heat-bar{width:100%;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden;margin-top:auto}.category-heat-fill{height:100%;background:linear-gradient(90deg,var(--category-color, var(--accent-primary)) 0%,rgba(var(--category-color-rgb),.6) 100%);border-radius:2px;transition:width .3s ease;box-shadow:0 0 8px rgba(var(--category-color-rgb),.4)}.category-preview{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,var(--bg-primary) 0%,rgba(var(--bg-primary-rgb),.98) 60%,rgba(var(--bg-primary-rgb),.95) 80%,transparent 100%);padding:12px 16px 16px;border-radius:0 0 16px 16px;animation:slideUp .2s ease-out;z-index:1;max-height:60%;overflow-y:auto}.category-preview-label{font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.category-preview-channels{display:flex;flex-direction:column;gap:4px;max-height:calc(60vh - 80px);overflow-y:auto}.category-preview-channels::-webkit-scrollbar{width:4px}.category-preview-channels::-webkit-scrollbar-track{background:transparent}.category-preview-channels::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:2px}.category-preview-channels::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.category-preview-channel{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);min-height:20px;padding:2px 0}.category-preview-avatar{width:18px;height:18px;min-width:18px;min-height:18px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1px solid var(--border-primary);flex-shrink:0}.category-preview-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.category-card.size-xl{min-height:180px;padding:24px}.category-card.size-lg{min-height:160px;padding:22px}.category-card.size-md{min-height:140px;padding:20px}.category-card.size-sm{min-height:120px;padding:18px}@media (max-width: 1200px){.category-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}}@media (max-width: 768px){.category-explorer-container{padding:16px}.category-toolbar{flex-direction:column;align-items:stretch;gap:12px}.category-toolbar-left{flex-direction:column}.category-search{max-width:100%}.category-preview{display:none!important}.category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category-card{min-height:120px;padding:14px}.category-card-name{font-size:15px;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-card-count{font-size:12px;margin-top:4px}}@media (max-width: 480px){.category-explorer-container{padding:12px}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-card{min-height:110px;padding:12px}.category-card-name{font-size:14px;line-height:1.3;font-weight:600;word-wrap:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-card-count{font-size:11px;margin-top:4px}.category-card-header{gap:4px}.category-rank{font-size:10px;padding:2px 6px}.category-pin-btn{width:24px;height:24px}.category-pin-btn svg{width:12px;height:12px}}[data-theme=dark] .category-card{background:rgba(var(--bg-primary-rgb),.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 14px #00000040,0 2px 7px #0000002e,0 1px 4px #00000026,inset 0 1px 2px #ffffff0d}[data-theme=dark] .category-card:hover{box-shadow:0 12px 32px #00000059,0 6px 16px #00000047,0 3px 8px #00000038,inset 0 2px 4px #ffffff14}[data-theme=dark] .category-card.active{box-shadow:0 0 0 2px rgba(var(--category-color-rgb),.3),0 10px 28px #0006,0 5px 14px #00000052,0 2px 7px #00000040,inset 0 2px 4px #ffffff14}@media (prefers-contrast: high){.category-card{border-width:3px}.category-card:focus-visible{outline-width:3px}}@media (prefers-reduced-motion: reduce){.category-card{transition:none}.category-card:hover{transform:none}.category-preview{animation:none}}.explore-video-player-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10001;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.explore-video-player-modal{background:var(--bg-primary);border-radius:16px;max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.player-close-btn{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#0009;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease}.player-close-btn:hover{background:#000c;transform:scale(1.1)}.explore-player-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:#000;border-radius:16px 16px 0 0;overflow:hidden}.explore-player-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.explore-video-info{padding:24px 28px;border-bottom:1px solid var(--border-primary)}.explore-video-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 8px;line-height:1.4}.explore-video-channel{font-size:14px;color:var(--text-secondary);margin:0 0 4px;font-weight:500}.explore-video-date{font-size:12px;color:var(--text-tertiary);margin:0}.explore-video-actions{padding:24px 28px}.action-buttons-row{display:flex;gap:16px;flex-wrap:wrap}.action-button-group{position:relative;flex:1;min-width:250px}.action-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;border:2px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.action-btn:hover{border-color:var(--accent-primary);background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--accent-rgb, 0, 122, 255),.15)}.add-to-playlist-btn{border-color:var(--accent-primary);color:var(--accent-primary)}.add-to-playlist-btn:hover{background:var(--accent-primary);color:#fff}.add-to-category-btn{border-color:#10b981;color:#10b981}.add-to-category-btn:hover{background:#10b981;color:#fff;border-color:#10b981}.selector-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:100;max-height:300px;overflow-y:auto;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.selector-header{padding:12px 16px;border-bottom:1px solid var(--border-primary);font-weight:600;font-size:13px;color:var(--text-primary);background:var(--bg-secondary);display:flex;flex-direction:column;gap:4px}.selector-header small{font-size:11px;font-weight:400;color:var(--text-tertiary)}.selector-list{padding:8px}.selector-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .15s ease;text-align:left}.selector-item:hover{background:var(--bg-tertiary);transform:translate(4px)}.selector-item-name{font-weight:500}.selector-item-count{font-size:11px;color:var(--text-tertiary);background:var(--bg-secondary);padding:2px 8px;border-radius:10px}.selector-empty{padding:32px 16px;text-align:center;color:var(--text-tertiary)}.selector-empty p{margin:0 0 4px;font-size:14px;color:var(--text-secondary)}.selector-empty small{font-size:12px}.action-success{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#10b981;color:#fff;padding:12px 20px;border-radius:10px;display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;box-shadow:0 4px 12px #10b9814d;animation:successPop .3s ease;pointer-events:none}@keyframes successPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{transform:translate(-50%,-50%) scale(1.05)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.selector-dropdown::-webkit-scrollbar{width:8px}.selector-dropdown::-webkit-scrollbar-track{background:transparent}.selector-dropdown::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.selector-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width: 768px){.explore-video-player-modal{max-height:95vh}.action-buttons-row{flex-direction:column}.action-button-group{min-width:100%}.explore-video-info,.explore-video-actions{padding:20px}}.category-videos-grid{padding:24px;max-width:100%;margin:0 auto;position:relative}.category-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.category-info{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.category-info h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.video-count{background:var(--bg-secondary);color:var(--text-secondary);padding:4px 12px;border-radius:16px;font-size:.875rem;font-weight:500}.last-sync{color:var(--text-tertiary);font-size:.75rem;font-style:italic}.video-grid-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.grid-control-group{display:flex;align-items:center;gap:8px}.videos-grid{display:grid;width:100%}.videos-grid.density-ultra-compact{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.videos-grid.density-compact{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.videos-grid.density-comfortable{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.videos-grid.density-spacious{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.videos-loading-skeleton{display:grid;gap:inherit;grid-template-columns:inherit;margin-top:16px}.video-card-skeleton{background:var(--bg-secondary);border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}.skeleton-thumbnail{position:relative;width:100%;padding-bottom:56.25%;background:var(--bg-tertiary);overflow:hidden}.skeleton-content{padding:12px}.skeleton-title{height:16px;background:var(--bg-tertiary);border-radius:4px;margin-bottom:8px;width:90%;position:relative;overflow:hidden}.skeleton-channel{height:14px;background:var(--bg-tertiary);border-radius:4px;margin-bottom:8px;width:70%;position:relative;overflow:hidden}.skeleton-meta{height:12px;background:var(--bg-tertiary);border-radius:4px;width:50%;position:relative;overflow:hidden}.skeleton-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.category-videos-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;padding:48px 24px}.error-icon{color:var(--error-color, #ef4444);margin-bottom:16px}.category-videos-error h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.category-videos-error p{color:var(--text-secondary);margin:0 0 20px;max-width:400px}.retry-button{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.retry-button:hover:not(:disabled){background:var(--primary-color-hover);filter:brightness(1.1)}.retry-button:disabled{opacity:.6;cursor:not-allowed}.category-videos-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:48px 24px}.empty-icon{color:var(--text-tertiary);margin-bottom:24px;opacity:.5}.category-videos-empty h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.category-videos-empty p{color:var(--text-secondary);margin:0 0 8px;max-width:400px}.empty-hint{color:var(--text-tertiary);font-size:.875rem;font-style:italic}.load-more-sentinel{display:flex;justify-content:center;align-items:center;min-height:100px;margin-top:24px}.loading-more{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:.875rem}.category-videos-loading{display:flex;justify-content:center;align-items:center;min-height:400px;padding:80px 20px}.category-videos-loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10;pointer-events:none}.category-videos-loading-overlay p{color:var(--text-secondary);font-size:.875rem;margin:0}.video-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;position:relative}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmer-overlay{0%{transform:translate(-100%)}to{transform:translate(100%)}}.video-loading-container p{font-size:16px;font-weight:500;color:var(--text-primary);margin:0;position:relative;z-index:1;letter-spacing:.3px;animation:fadeInPulse 1.5s ease-in-out infinite}.video-loading-container .loading-hint{font-size:13px;font-weight:400;color:var(--text-secondary);margin-top:8px;opacity:.8}@keyframes fadeInPulse{0%,to{opacity:.7}50%{opacity:1}}.loading-spinner-large{width:120px;height:120px;border:7px solid rgba(59,130,246,.15);border-top-color:var(--accent-primary, #3b82f6);border-right-color:var(--accent-primary, #3b82f6);border-radius:50%;animation:spin .9s cubic-bezier(.5,0,.5,1) infinite,pulse 2s ease-in-out infinite;position:relative;z-index:1;box-shadow:0 0 30px #3b82f64d,0 0 60px #3b82f626,inset 0 0 30px #3b82f61a}.loading-spinner-large:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;border:4px solid rgba(59,130,246,.2);border-top-color:transparent;border-radius:50%;animation:spin 1.2s linear infinite reverse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.loading-spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.videos-end{text-align:center;padding:48px 24px;color:var(--text-tertiary)}.videos-end p{margin:0 0 4px;font-size:.875rem}.videos-end small{font-size:.75rem;opacity:.7}@media (max-width: 768px){.category-videos-grid{padding:6px!important}.category-header{margin-bottom:12px}.category-info{gap:10px}.category-info h2{font-size:1.4rem}.video-count{font-size:.7rem;padding:3px 9px}.videos-grid.density-ultra-compact,.videos-grid.density-compact,.videos-grid.density-comfortable,.videos-grid.density-spacious{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}}@media (max-width: 480px){.category-videos-grid{padding:6px!important}.category-info{flex-direction:column;align-items:flex-start;gap:6px}.videos-grid.density-ultra-compact,.videos-grid.density-compact,.videos-grid.density-comfortable,.videos-grid.density-spacious{grid-template-columns:repeat(2,1fr)!important;gap:5px!important}}[data-theme=dark] .skeleton-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}[data-theme=dark] .video-card-skeleton{background:var(--bg-secondary);border-color:var(--border-color)}@media (prefers-contrast: high){.video-card-skeleton{border-width:2px}.retry-button{border:2px solid var(--text-primary)}}@media (prefers-reduced-motion: reduce){.skeleton-shimmer{animation:none}.loading-spinner{animation:none;border:2px solid var(--primary-color)}}.skeleton-category-title{width:200px;height:32px;background:var(--skeleton-bg, #e0e0e0);border-radius:8px;overflow:hidden;position:relative;margin-bottom:8px}.skeleton-video-count{width:100px;height:20px;background:var(--skeleton-bg, #e0e0e0);border-radius:6px;overflow:hidden;position:relative}.skeleton-category-title .skeleton-shimmer,.skeleton-video-count .skeleton-shimmer{width:100%;height:100%}.categories-explorer-view{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg-primary);overflow:hidden}.video-feed-header-simple{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);flex-shrink:0}@media (max-width: 768px){.video-feed-header-simple{padding:6px 10px!important;margin:6px!important;border-radius:10px!important;border:2px solid var(--border-primary);border-bottom:2px solid var(--border-primary);background:var(--card-bg);box-shadow:0 4px 14px #0000001a,0 2px 7px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}}.back-to-categories-btn-icon{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease}.back-to-categories-btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}@media (max-width: 768px){.back-to-categories-btn-icon{width:30px!important;height:30px!important;padding:0!important;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 2px 6px #00000014,inset 0 1px 2px #ffffff1a}.back-to-categories-btn-icon svg{width:20px!important;height:20px!important}.back-to-categories-btn-icon:active{transform:scale(.95);box-shadow:0 1px 3px #0000001a,inset 0 1px 2px #ffffff26}}.explore-category-header-title{flex:1}.explore-category-header-title h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}@media (max-width: 768px){.explore-category-header-title{text-align:center}.explore-category-header-title h2{font-size:14px!important;font-weight:600!important}}.categories-explorer-title{padding:16px 24px 12px;flex-shrink:0}.categories-explorer-title h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.mobile-explore-header{display:flex;align-items:center;padding:16px;margin:12px 16px 0;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:16px;position:sticky;top:12px;z-index:10;flex-shrink:0;box-shadow:0 4px 14px #0000001a,0 2px 7px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a;transition:all .25s cubic-bezier(.4,0,.2,1)}.mobile-explore-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.categories-explorer-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:flex;align-items:stretch;justify-content:flex-end;animation:fadeIn .2s ease-in-out}.categories-explorer-modal{position:relative;width:85vw;max-width:1400px;height:100vh;background:var(--bg-primary);border-left:1px solid var(--border-primary);overflow:hidden;display:flex;flex-direction:row;box-shadow:-4px 0 24px #0000004d;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.explorer-filters-panel{width:280px;min-width:280px;background:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;overflow:hidden}.filters-panel-header{padding:16px 20px;border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:var(--bg-tertiary)}.filters-panel-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.filters-panel-content{flex:1;overflow-y:auto;padding:20px}.filter-section{margin-bottom:24px}.filter-section-title{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.filter-stats{display:flex;flex-direction:column;gap:12px}.filter-stat-item{display:flex;flex-direction:column;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;align-items:center}.filter-stat-value{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.2}.filter-stat-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-top:4px}.filter-options{display:flex;flex-direction:column;gap:8px}.filter-option{padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.filter-option:hover{background:var(--bg-quaternary);border-color:var(--accent-primary);color:var(--text-primary)}.filter-option.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.explorer-content-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.explorer-close-btn{background:transparent;border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;flex-shrink:0}.explorer-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.explorer-close-btn:active{transform:scale(.95)}.categories-explorer{width:100%;max-width:100%;margin:0 auto;background:var(--bg-primary);min-height:100vh}.categories-explorer-header{padding:20px 24px;background:var(--bg-primary);border-bottom:1px solid var(--border-primary);flex-shrink:0}.header-content{display:flex;align-items:center;justify-content:space-between;gap:32px;max-width:1400px;margin:0 auto}.header-text{flex:1;text-align:left}.categories-explorer-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.02em}.categories-explorer-header p{font-size:.95rem;color:var(--text-secondary);margin:0;line-height:1.5}.header-stats{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-primary);flex-shrink:0}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-divider{width:1px;height:32px;background:var(--border-primary)}.category-content{animation:fadeIn .3s ease-in-out;flex:1;overflow-y:auto;padding:24px;background:var(--bg-primary)}@media (max-width: 768px){.category-content{padding:12px;overflow-y:auto;-webkit-overflow-scrolling:touch}}.categories-explorer.loading{pointer-events:none;opacity:.6}.categories-explorer.loading:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffff1a;z-index:9999;cursor:wait}@media (max-width: 768px){.categories-explorer-modal{width:100vw;height:100vh;border-radius:0}.explorer-close-btn{top:12px;right:12px;width:36px;height:36px}}@media (max-width: 768px){.categories-explorer-header{padding:20px 16px 12px}.header-content{flex-direction:column;align-items:flex-start;gap:16px}.header-text{width:100%}.categories-explorer-header h1{font-size:1.75rem}.categories-explorer-header p{font-size:.9rem}.header-stats{width:100%;justify-content:space-around;padding:10px 16px}.stat-value{font-size:1.25rem}}@media (max-width: 480px){.categories-explorer-header{padding:16px 12px 10px}.categories-explorer-header h1{font-size:1.5rem}.categories-explorer-header p{font-size:.85rem}}[data-theme=dark] .categories-explorer-header{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}@media (prefers-contrast: high){.categories-explorer-header{border-bottom-width:2px}}@media (prefers-reduced-motion: reduce){.category-content{animation:none}}@media print{.categories-explorer-header{background:none;border-bottom:1px solid #000}}.video-feed-header{display:flex;align-items:center;justify-content:center;padding:16px 24px;background:var(--bg-primary);border-bottom:1px solid var(--border-primary);flex-shrink:0;gap:16px;position:relative;z-index:10}.video-feed-header h2{flex:1;text-align:center;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em}.video-feed-header-simple{display:flex;align-items:center;padding:12px 16px;background:var(--bg-primary);border-bottom:1px solid var(--border-primary);flex-shrink:0;position:relative;z-index:10}.back-to-categories-btn-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.back-to-categories-btn-icon:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translate(-2px)}.back-to-categories-btn-icon:active{transform:translate(-2px) scale(.95)}.back-to-categories-btn.filter-option{border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-primary);font-weight:600}.back-to-categories-btn.filter-option:hover{background:var(--bg-quaternary);border-color:var(--accent-primary);color:var(--accent-primary);transform:none}.video-feed-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;background:var(--bg-primary)}.video-feed-content{scroll-behavior:smooth}.video-feed-content::-webkit-scrollbar{width:12px}.video-feed-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.video-feed-content::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:10px;border:2px solid var(--bg-secondary)}.video-feed-content::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.video-feed-content{animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.video-feed-header{padding:12px 16px}.video-feed-header h2{font-size:1.25rem}.back-to-categories-btn{padding:8px 12px;font-size:13px}.back-to-categories-btn span{display:none}.video-feed-content{padding:6px!important}}@media (max-width: 480px){.video-feed-header{padding:10px 12px}.video-feed-header h2{font-size:1.1rem}.video-feed-content{padding:12px}}@media (prefers-reduced-motion: reduce){.video-feed-content{animation:none}.back-to-categories-btn:hover{transform:none}}.video-player-modal-overlay{position:fixed;inset:0;background:#000000eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:30000;animation:fadeIn .25s ease-out;padding:32px}@media (min-height: 900px){.video-player-modal-overlay{padding:40px 32px}}@media (max-height: 700px){.video-player-modal-overlay{padding:16px 32px}}.video-player-modal-container{background:var(--bg-primary);border:1px solid var(--card-border);border-radius:24px;box-shadow:0 32px 64px #0009,0 0 0 1px #ffffff0d,0 0 120px rgba(var(--accent-rgb, 0, 122, 255),.15);width:100%;max-width:1800px;height:calc(100vh - 64px);max-height:96vh;display:flex;flex-direction:column;animation:scaleInLarge .35s cubic-bezier(.16,1,.3,1);overflow:hidden;position:relative}@media (min-width: 2560px){.video-player-modal-container{max-width:2200px}}@media (min-width: 1920px){.video-player-modal-container{max-width:2000px}}@media (max-width: 1600px){.video-player-modal-container{max-width:1600px}}@media (max-width: 1400px){.video-player-modal-container{max-width:1300px}}@media (max-width: 1200px){.video-player-modal-container{max-width:1100px}}@media (min-height: 1080px){.video-player-modal-container{height:calc(100vh - 80px);max-height:97vh}}@media (min-height: 900px) and (max-height: 1079px){.video-player-modal-container{height:calc(100vh - 64px);max-height:96vh}}@media (max-height: 700px){.video-player-modal-container{height:calc(100vh - 32px);max-height:97vh}}@media (max-height: 600px){.video-player-modal-container{height:calc(100vh - 24px);max-height:98vh}}@keyframes scaleInLarge{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.video-player-modal-close{position:absolute;top:20px;right:20px;z-index:10;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease}.video-player-modal-close:hover{background:#000c;border-color:var(--accent-primary);transform:scale(1.05);box-shadow:0 4px 12px #0006}.video-player-modal-content{flex:1;overflow-y:auto;padding:32px;display:flex;flex-direction:column;gap:24px;min-height:0;min-width:0}.video-player-modal-wrapper{width:100%;display:flex;flex-direction:column;gap:20px;min-height:0}.video-player-modal-wrapper .enhanced-video-player{animation:fadeInUp .4s ease-out .1s both;width:100%;max-width:100%;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.video-player-modal-wrapper .enhanced-video-player .video-player-main{min-width:0;width:100%;display:flex;flex-direction:column;gap:20px}.video-player-modal-wrapper .enhanced-video-player .video-player-container{width:100%;aspect-ratio:16 / 9;max-height:calc(100vh - 200px);min-height:400px}.video-player-modal-wrapper .enhanced-video-player .video-iframe{width:100%;height:100%}@media (max-width: 1400px){.video-player-modal-wrapper .enhanced-video-player{grid-template-columns:minmax(0,1fr) 280px;gap:20px}}@media (max-width: 1200px){.video-player-modal-wrapper .enhanced-video-player{grid-template-columns:1fr}.video-player-modal-wrapper .enhanced-video-player .video-suggestions-section{display:none}.video-player-modal-wrapper .enhanced-video-player .video-player-container{max-height:calc(100vh - 180px);min-height:350px}}@media (max-height: 800px){.video-player-modal-wrapper .enhanced-video-player .video-player-container{max-height:calc(100vh - 150px);min-height:300px}}@media (max-height: 600px){.video-player-modal-wrapper .enhanced-video-player .video-player-container{max-height:calc(100vh - 120px);min-height:250px}}.channel-preview-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:20000;animation:fadeIn .2s ease-out;padding:24px}.channel-preview-modal{background:var(--bg-primary);border:1px solid var(--card-border);border-radius:20px;box-shadow:0 24px 48px #00000080;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;animation:scaleIn .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.channel-preview-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 32px;border-bottom:1px solid var(--card-border);background:var(--bg-primary);flex-shrink:0;gap:24px;position:relative}.channel-preview-mobile-back-btn{position:absolute;top:16px;left:16px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:10px;color:var(--text-primary);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);z-index:10}.channel-preview-mobile-back-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary);transform:scale(1.05)}.channel-preview-mobile-back-btn:active{transform:scale(.95)}.channel-preview-header-content{display:flex;gap:20px;flex:1;min-width:0;margin-left:0}@media (max-width: 768px){.channel-preview-header{padding:16px 16px 16px 64px;flex-direction:column;gap:16px}.channel-preview-header-content{margin-left:0}.channel-preview-thumbnail{width:60px;height:60px}.channel-preview-title{font-size:18px}.channel-preview-header-actions{width:100%;justify-content:flex-end}}.channel-preview-thumbnail{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--bg-secondary)}.channel-preview-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.channel-preview-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;font-size:32px;font-weight:700}.channel-preview-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.channel-preview-title{margin:0;font-size:20px;font-weight:600;color:var(--text-primary);line-height:1.3}.channel-preview-stats{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.channel-preview-stat{display:flex;align-items:center;gap:6px;color:var(--text-tertiary);font-size:14px;font-weight:500}.channel-preview-stat svg{color:var(--text-tertiary)}.channel-preview-description{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.channel-preview-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.channel-preview-add-btn{background:var(--accent-primary);color:#fff!important;border:none;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(var(--accent-rgb),.25);white-space:nowrap}.channel-preview-add-btn:hover{background:var(--accent-secondary);box-shadow:0 4px 12px rgba(var(--accent-rgb),.35);transform:translateY(-1px)}.channel-preview-added-btn{background:var(--success-color, #10B981);color:#fff!important;border:none;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:500;cursor:default;opacity:.8;display:flex;align-items:center;gap:8px;white-space:nowrap}.channel-preview-added-btn svg{color:#fff!important;stroke:#fff!important}.channel-preview-close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:10px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.channel-preview-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.channel-preview-content{flex:1;overflow-y:auto;padding:24px 32px;min-height:0}.channel-preview-section-header{margin-bottom:20px}.channel-preview-section-header h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary)}.channel-preview-hint{font-size:13px;color:var(--text-tertiary);font-weight:500}.channel-preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.loading-spinner{width:48px;height:48px;border:4px solid var(--card-border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.channel-preview-loading p{margin:0;font-size:14px;color:var(--text-secondary)}.channel-preview-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.channel-preview-error p{margin:0;font-size:14px;color:var(--text-secondary)}.retry-btn{background:var(--accent-primary);color:#fff!important;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-btn:hover{background:var(--accent-secondary);transform:translateY(-1px)}.channel-preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.channel-preview-empty svg{color:var(--text-tertiary)}.channel-preview-empty p{margin:0;font-size:14px;color:var(--text-secondary)}.channel-preview-videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}@media (min-width: 1400px){.channel-preview-videos-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 900px) and (max-width: 1399px){.channel-preview-videos-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 600px) and (max-width: 899px){.channel-preview-videos-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 599px){.channel-preview-videos-grid{grid-template-columns:1fr}}.channel-preview-video-card{background:var(--bg-primary);border:2px solid var(--card-border);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.channel-preview-video-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 16px var(--shadow-light);transform:translateY(-2px)}.preview-video-thumbnail{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-secondary)}.preview-video-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.channel-preview-video-card:hover .preview-video-thumbnail img{transform:scale(1.05)}.preview-video-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.preview-video-overlay svg{color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.channel-preview-video-card:hover .preview-video-overlay{opacity:1}.preview-video-title{margin:0;font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.preview-video-date{margin:6px 0 0;font-size:12px;color:var(--text-tertiary);font-weight:500}.channel-preview-content::-webkit-scrollbar{width:10px}.channel-preview-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:5px;margin:8px 0}.channel-preview-content::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:5px;-webkit-transition:background .2s ease;transition:background .2s ease}.channel-preview-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width: 968px){.video-player-modal-overlay{padding:16px}.video-player-modal-container{max-width:100%;border-radius:20px}.video-player-modal-content{padding:24px 20px}.video-player-modal-close{top:16px;right:16px;width:44px;height:44px}}@media (max-width: 768px){.video-player-modal-overlay{padding:8px}.video-player-modal-container{border-radius:16px;max-height:98vh}.video-player-modal-content{padding:20px 16px}.video-player-modal-close{top:12px;right:12px;width:40px;height:40px}}@media (max-width: 480px){.video-player-modal-overlay{padding:0}.video-player-modal-container{border-radius:0;border:none;max-height:100vh}.video-player-modal-content{padding:16px 12px}.video-player-modal-close{top:8px;right:8px;width:36px;height:36px;background:#000c}}@media (max-width: 768px){.channel-preview-overlay{padding:12px}.channel-preview-modal{border-radius:16px}.channel-preview-header{padding:16px 20px;flex-direction:column;gap:16px}.channel-preview-header-content{flex-direction:column;align-items:center;text-align:center}.channel-preview-thumbnail{width:100px;height:100px}.channel-preview-header-actions{width:100%;flex-direction:column-reverse}.channel-preview-add-btn,.channel-preview-added-btn{width:100%;justify-content:center}.channel-preview-content{padding:16px 20px}.channel-preview-videos-grid{gap:16px}}@media (max-width: 480px){.channel-preview-overlay{padding:0}.channel-preview-modal{border-radius:0;border:none;max-height:100vh}}.channel-preview-category-selector{position:absolute;top:calc(100% + 8px);right:0;border:2px solid var(--card-border);border-radius:12px;box-shadow:0 8px 24px var(--shadow-medium);z-index:1000;animation:slideDownDropdown .2s cubic-bezier(.16,1,.3,1);min-width:200px;max-height:300px;overflow:hidden;display:flex;flex-direction:column;background:var(--bg-primary)}@keyframes slideDownDropdown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.channel-preview-category-selector-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--card-border);font-weight:600;color:var(--text-primary);font-size:14px;flex-shrink:0;background:var(--bg-primary)}.channel-preview-category-selector-close{background:transparent;border:none;color:var(--text-secondary);font-size:20px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.channel-preview-category-selector-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.channel-preview-category-selector-list{overflow-y:auto;max-height:240px;background:var(--bg-primary)}.channel-preview-category-selector-item{width:100%;background:transparent;border:none;color:var(--text-primary);padding:12px 16px;text-align:left;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--card-border)}.channel-preview-category-selector-item:last-child{border-bottom:none}.channel-preview-category-selector-item:hover{background:var(--bg-secondary);color:var(--accent-primary)}.channel-preview-category-selector-item:active{background:var(--bg-tertiary)}.add-video-modal-backdrop{position:fixed;inset:0;background:#00000040;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:10001;display:flex;align-items:center;justify-content:center;padding:32px 24px}@media (min-height: 900px){.add-video-modal-backdrop{padding:40px 24px}}@media (max-height: 700px){.add-video-modal-backdrop{padding:16px 24px}}.add-video-modal{width:min(1120px,calc(100% - 48px));height:calc(100vh - 64px);max-height:95vh;background:var(--bg-primary);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 24px 60px #00000040;display:flex;flex-direction:column}@media (min-width: 1920px){.add-video-modal{width:min(1400px,calc(100% - 48px))}}@media (max-width: 1400px){.add-video-modal{width:min(1000px,calc(100% - 48px))}}@media (max-width: 1200px){.add-video-modal{width:min(900px,calc(100% - 48px))}}@media (max-width: 1024px){.add-video-modal{width:min(800px,calc(100% - 48px))}}@media (min-height: 1080px){.add-video-modal{height:calc(100vh - 80px);max-height:96vh}}@media (min-height: 900px) and (max-height: 1079px){.add-video-modal{height:calc(100vh - 64px);max-height:95vh}}@media (max-height: 700px){.add-video-modal{height:calc(100vh - 32px);max-height:97vh}}@media (max-height: 600px){.add-video-modal{height:calc(100vh - 24px);max-height:98vh}}.add-video-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 28px 16px}.add-video-back-btn{border:none;background:var(--bg-tertiary);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease;flex-shrink:0}.add-video-back-btn:hover{background:var(--accent-primary);color:#fff;transform:scale(1.05)}.add-video-modal-title-group{display:flex;flex-direction:column;gap:6px;flex:1}.add-video-modal-title{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.add-video-modal-subtitle{margin:0;font-size:13px;color:var(--text-secondary)}.add-video-modal-close{border:none;background:var(--bg-tertiary);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease;flex-shrink:0}.add-video-modal-close:hover{background:var(--accent-primary);color:#fff;transform:scale(1.05)}.add-video-modal-body{display:flex;flex-direction:column;gap:18px;padding:0 28px 28px;flex:1;overflow:hidden}.add-video-options-list{display:flex;flex-direction:column;gap:12px;margin-top:4px}.add-video-option-btn{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:16px 18px;background:var(--bg-primary);border:1px solid transparent;border-radius:10px;cursor:pointer;transition:border .15s ease,background .15s ease}.add-video-option-btn:hover:not(:disabled){border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb, 0, 122, 255),.08)}.add-video-option-btn:disabled{opacity:.6;cursor:not-allowed}.option-content-group{display:flex;align-items:center;gap:14px;flex:1}.option-icon-wrapper{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-icon-wrapper.playlist-icon{background:#6366f11f;color:#6366f1}.option-icon-wrapper.category-icon{background:#22c55e1f;color:#22c55e}.option-text-group{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.option-title{font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.3}.option-description{font-size:12px;color:var(--text-secondary);line-height:1.4}.add-video-search{margin-top:4px;display:flex;align-items:center;gap:8px;background:var(--bg-primary);border:1px solid var(--card-border);border-radius:8px;padding:6px 10px}.add-video-search-icon{color:var(--text-tertiary);flex-shrink:0}.add-video-search input{border:none;outline:none;flex:1;background:transparent;font-size:13px;color:var(--text-primary)}.add-video-search input::-moz-placeholder{color:var(--text-tertiary)}.add-video-search input::placeholder{color:var(--text-tertiary)}.add-video-options-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.add-video-option{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:12px 16px;background:var(--bg-primary);border:1px solid transparent;border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:border .15s ease,background .15s ease}.add-video-option-name{flex:1;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-video-option:hover:not(:disabled){border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb, 0, 122, 255),.08)}.add-video-option:disabled{opacity:.6;cursor:not-allowed}.add-video-empty{padding:16px;font-size:13px;color:var(--text-tertiary);text-align:center;background:var(--bg-primary);border-radius:8px}.add-video-error-message{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:13px;font-weight:500}.add-video-modal-actions{display:flex;justify-content:flex-end;margin-top:auto}.add-video-modal-cancel{border:none;background:var(--bg-tertiary);color:var(--text-secondary);padding:10px 18px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease}.add-video-modal-cancel:hover{background:var(--accent-secondary);color:#fff}.add-video-options-scroll::-webkit-scrollbar{width:6px}.add-video-options-scroll::-webkit-scrollbar-track{background:var(--bg-secondary)}.add-video-options-scroll::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:3px}.add-video-options-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}[data-theme=dark] .add-video-modal,[data-theme=github-dark] .add-video-modal{background:var(--bg-secondary);border-color:var(--border-secondary);box-shadow:0 28px 60px #0009}[data-theme=dark] .add-video-option,[data-theme=github-dark] .add-video-option{background:#ffffff0a}[data-theme=dark] .add-video-option:hover:not(:disabled),[data-theme=github-dark] .add-video-option:hover:not(:disabled){background:#ffffff14;border-color:var(--accent-primary)}[data-theme=dark] .add-video-search,[data-theme=github-dark] .add-video-search{background:#ffffff0d;border-color:var(--border-secondary)}[data-theme=dark] .add-video-modal-cancel,[data-theme=github-dark] .add-video-modal-cancel{background:#ffffff0d}@media (max-width: 640px){.add-video-modal-backdrop{padding:16px}.add-video-modal{max-height:min(85vh,600px)}.add-video-modal-header{padding:20px 20px 14px}.add-video-modal-body{padding:0 20px 20px}.add-video-modal-title{font-size:18px}.add-video-modal-subtitle{font-size:12px}.option-title{font-size:14px}.option-description{font-size:11px}}.discovery-channel-card{padding:12px;border-radius:14px;border:2px solid var(--border-primary);background:var(--bg-secondary);overflow:hidden;display:flex;flex-direction:column;height:100%;min-height:0;box-shadow:0 4px 14px #0000001a,0 2px 7px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.discovery-channel-card:hover{transform:translateY(-4px) scale(1.005);border-color:var(--accent-primary);box-shadow:0 12px 32px #00000024,0 6px 16px #0000001a,0 3px 8px #0000000f,inset 0 2px 4px #ffffff26}.discovery-channel-card.added{border-color:var(--success-color, #10B981);background:#10b98114;transform:translateY(-2px) scale(1.005);box-shadow:0 0 0 3px #10b98140,0 10px 28px #10b9814d,0 5px 14px #10b98138,0 2px 7px #10b98126,inset 0 2px 4px #ffffff1f}.discovery-channel-card.added:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 0 0 3px #10b9814d,0 12px 32px #10b98159,0 6px 16px #10b98147,0 3px 8px #10b98133,inset 0 2px 4px #ffffff26}.discovery-card-thumbnail{width:120px;height:120px;position:relative;background:var(--bg-secondary);overflow:hidden;border-radius:50%;margin:16px auto 0;flex-shrink:0;display:flex;align-items:center;justify-content:center}.discovery-channel-card-spacious .discovery-card-thumbnail{width:140px;height:140px}.discovery-channel-card-comfortable .discovery-card-thumbnail{width:120px;height:120px}.discovery-channel-card-compact .discovery-card-thumbnail{width:90px;height:90px}.discovery-thumbnail-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.discovery-channel-card:hover .discovery-thumbnail-img{transform:scale(1.05)}.discovery-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;font-size:48px;font-weight:700}.discovery-channel-card-spacious .discovery-thumbnail-placeholder{font-size:52px}.discovery-channel-card-compact .discovery-thumbnail-placeholder{font-size:36px}.discovery-added-badge{position:absolute;top:12px;right:12px;background:var(--success-color, #10B981);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #10b98166;animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.discovery-card-content{flex:1;display:flex;flex-direction:column;gap:8px;text-align:center;min-height:0;overflow:hidden}.discovery-channel-card-spacious .discovery-card-content{padding:20px 12px;gap:12px}.discovery-channel-card-comfortable .discovery-card-content{padding:16px 12px;gap:10px}.discovery-channel-card-compact .discovery-card-content{padding:12px 8px;gap:7px}.discovery-channel-title{margin:0;font-weight:600;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4;letter-spacing:-.01em;word-break:break-word;min-height:2.8em}.discovery-channel-card-spacious .discovery-channel-title{font-size:17px;min-height:2.8em}.discovery-channel-card-comfortable .discovery-channel-title{font-size:16px;min-height:2.8em}.discovery-channel-card-compact .discovery-channel-title{font-size:14px;-webkit-line-clamp:2;min-height:2.8em}.discovery-channel-handle{margin:0;font-size:13px;color:var(--text-tertiary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discovery-channel-card-compact .discovery-channel-handle{font-size:12px}.discovery-channel-description{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;min-height:3em}.discovery-channel-stats{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:auto;padding-top:8px;flex-shrink:0}.discovery-channel-card-spacious .discovery-channel-stats{gap:18px;padding-top:10px}.discovery-channel-card-compact .discovery-channel-stats{gap:12px;padding-top:6px}.discovery-stat{display:flex;align-items:center;gap:6px;color:var(--text-tertiary);font-size:13px;font-weight:500;white-space:nowrap}.discovery-channel-card-spacious .discovery-stat{font-size:14px}.discovery-channel-card-compact .discovery-stat{font-size:12px;gap:5px}.discovery-stat svg{color:var(--text-tertiary)}.discovery-card-actions{display:flex;gap:8px;border-top:1px solid var(--card-border);margin-top:auto;flex-shrink:0}.discovery-channel-card-spacious .discovery-card-actions{padding:14px 12px}.discovery-channel-card-comfortable .discovery-card-actions{padding:12px}.discovery-channel-card-compact .discovery-card-actions{padding:9px 8px;gap:6px}.discovery-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.discovery-channel-card-spacious .discovery-btn{padding:11px 18px;font-size:15px}.discovery-channel-card-comfortable .discovery-btn{padding:10px 16px}.discovery-channel-card-compact .discovery-btn{padding:7px 12px;font-size:13px;gap:5px}.discovery-preview-btn{background:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-primary);box-shadow:0 2px 6px var(--shadow-light),inset 0 1px 2px #ffffff1a}.discovery-preview-btn:hover{background:var(--bg-quaternary);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 10px var(--shadow-medium),inset 0 1px 2px #ffffff26}.discovery-add-btn{background:var(--accent-primary);border:2px solid var(--accent-primary);color:#fff!important;box-shadow:0 3px 8px rgba(var(--accent-rgb),.35),0 1px 4px rgba(var(--accent-rgb),.25),inset 0 1px 2px #fff3}.discovery-add-btn svg{color:#fff!important;stroke:#fff!important}.discovery-add-btn:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--accent-rgb),.45),0 2px 8px rgba(var(--accent-rgb),.3),inset 0 1px 2px #ffffff40}.discovery-added-btn{background:var(--success-color, #10B981);color:#fff!important;cursor:default;opacity:.8}.discovery-added-btn svg{color:#fff!important;stroke:#fff!important}.discovery-dropdown-overlay{position:fixed;inset:0;background:transparent;z-index:10009}.discovery-category-dropdown{background:var(--bg-primary);border:2px solid var(--card-border);border-radius:12px;box-shadow:0 8px 24px var(--shadow-medium);animation:slideUp .2s cubic-bezier(.16,1,.3,1);max-height:300px;max-width:320px;min-width:280px;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.discovery-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--card-border);font-weight:600;color:var(--text-primary);font-size:14px}.discovery-dropdown-close{background:transparent;border:none;color:var(--text-secondary);font-size:24px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.discovery-dropdown-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.discovery-dropdown-note{padding:16px;font-size:13px;color:var(--text-tertiary);text-align:center}@media (max-width: 768px){.discovery-btn span{display:none}}.discovery-category-option{padding:12px 16px;border-bottom:1px solid var(--card-border);cursor:pointer;transition:all .2s ease;display:flex;align-items:center}.discovery-category-option:last-child{border-bottom:none}.discovery-category-option:hover{background:var(--bg-secondary)}.category-option-content{display:flex;align-items:center;justify-content:space-between;width:100%}.category-option-info{flex:1}.category-option-name{font-weight:500;color:var(--text-primary);font-size:14px;margin-bottom:2px}.category-option-description{font-size:12px;color:var(--text-tertiary)}.category-option-arrow{color:var(--text-tertiary);flex-shrink:0;margin-left:8px}.density-ultra-compact .discovery-channel-card{border-radius:8px}.density-ultra-compact .discovery-card-thumbnail{width:70px;height:70px;margin:10px auto 0}.density-ultra-compact .discovery-thumbnail-placeholder{font-size:28px}.density-ultra-compact .discovery-card-content{padding:8px 6px;gap:4px}.density-ultra-compact .discovery-channel-title{font-size:12px;-webkit-line-clamp:2;min-height:2.4em}.density-ultra-compact .discovery-channel-handle{font-size:10px}.density-ultra-compact .discovery-channel-description{display:none}.density-ultra-compact .discovery-channel-stats{gap:8px;padding-top:4px}.density-ultra-compact .discovery-stat{font-size:10px;gap:3px}.density-ultra-compact .discovery-card-actions{padding:6px;gap:4px}.density-ultra-compact .discovery-btn{padding:5px 8px;font-size:11px;gap:4px;border-radius:6px}.density-compact .discovery-channel-card{border-radius:10px}.density-compact .discovery-card-thumbnail{width:90px;height:90px;margin:12px auto 0}.density-compact .discovery-thumbnail-placeholder{font-size:36px}.density-compact .discovery-card-content{padding:12px 8px;gap:7px}.density-compact .discovery-channel-title{font-size:14px;-webkit-line-clamp:2;min-height:2.8em}.density-compact .discovery-channel-handle{font-size:12px}.density-compact .discovery-channel-description{font-size:12px;-webkit-line-clamp:2;min-height:3em}.density-compact .discovery-channel-stats{gap:12px;padding-top:6px}.density-compact .discovery-stat{font-size:12px;gap:5px}.density-compact .discovery-card-actions{padding:9px 8px;gap:6px}.density-compact .discovery-btn{padding:7px 12px;font-size:13px;gap:5px}.density-comfortable .discovery-channel-card{border-radius:12px}.density-comfortable .discovery-card-thumbnail{width:120px;height:120px;margin:16px auto 0}.density-comfortable .discovery-thumbnail-placeholder{font-size:48px}.density-comfortable .discovery-card-content{padding:16px 12px;gap:10px}.density-comfortable .discovery-channel-title{font-size:16px;-webkit-line-clamp:2;min-height:2.8em}.density-comfortable .discovery-channel-handle{font-size:13px}.density-comfortable .discovery-channel-description{font-size:13px;-webkit-line-clamp:2;min-height:3em}.density-comfortable .discovery-channel-stats{gap:16px;padding-top:8px}.density-comfortable .discovery-stat{font-size:13px;gap:6px}.density-comfortable .discovery-card-actions{padding:12px;gap:8px}.density-comfortable .discovery-btn{padding:10px 16px;font-size:14px;gap:6px}.density-spacious .discovery-channel-card{border-radius:14px}.density-spacious .discovery-card-thumbnail{width:140px;height:140px;margin:18px auto 0}.density-spacious .discovery-thumbnail-placeholder{font-size:52px}.density-spacious .discovery-card-content{padding:20px 12px;gap:12px}.density-spacious .discovery-channel-title{font-size:17px;-webkit-line-clamp:2;min-height:2.8em}.density-spacious .discovery-channel-handle{font-size:14px}.density-spacious .discovery-channel-description{font-size:14px;-webkit-line-clamp:3;min-height:4.5em}.density-spacious .discovery-channel-stats{gap:18px;padding-top:10px}.density-spacious .discovery-stat{font-size:14px;gap:6px}.density-spacious .discovery-card-actions{padding:14px 12px;gap:10px}.density-spacious .discovery-btn{padding:11px 18px;font-size:15px;gap:7px}.discovery-playlist-card{background:var(--card-bg);border:2px solid var(--border-primary);border-radius:14px;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;cursor:pointer;box-shadow:0 6px 20px #0000001f,0 3px 10px #00000014,0 1px 5px #0000000f,inset 0 1px 3px #ffffff1f;position:relative;height:280px}.discovery-playlist-card:hover{transform:translateY(-6px) scale(1.01);border-color:var(--accent-primary);box-shadow:0 16px 48px #00000029,0 8px 24px #0000001f,0 4px 12px #00000014,inset 0 2px 4px #ffffff26}.discovery-playlist-card.imported{opacity:.75;border-color:var(--success-color)}.discovery-playlist-card.imported:hover{transform:translateY(-3px);opacity:.85}.playlist-card-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:var(--bg-quaternary);z-index:0}.playlist-card-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.discovery-playlist-card:hover .playlist-card-thumbnail img{transform:scale(1.08)}.playlist-video-count{position:absolute;bottom:8px;right:8px;background:#000000e6;color:#fff;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0000004d;z-index:3}.playlist-imported-badge{position:absolute;top:8px;left:8px;background:var(--success-color);color:#fff;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #22c55e66;z-index:3}.playlist-card-info{padding:14px;flex:1;display:flex;flex-direction:column;gap:8px;position:relative;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.7) 50%,transparent 100%);justify-content:flex-start;margin-bottom:auto}.playlist-card-title{font-size:15px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;margin:0;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.4)}.playlist-card-channel{font-size:13px;color:#fffc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.3)}.playlist-card-stats{display:flex;align-items:center;gap:6px;font-size:12px;color:#ffffffb3;flex-wrap:wrap;text-shadow:0 1px 3px rgba(0,0,0,.3)}.playlist-card-description{font-size:12px;color:#ffffffbf;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.3)}.playlist-card-actions{padding:10px 14px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:8px;position:relative;z-index:2;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.7) 50%,rgba(0,0,0,.85) 100%);margin-top:auto}.playlist-preview-btn,.playlist-import-btn{flex:1;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease;cursor:pointer;border:2px solid var(--border-primary);background:transparent}.playlist-preview-btn{background:#fff3;color:#fff;border-color:#ffffff4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.playlist-preview-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.playlist-import-btn{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.playlist-import-btn:hover:not(:disabled){background:var(--accent-secondary);border-color:var(--accent-secondary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.playlist-import-btn.imported{background:var(--success-color);border-color:var(--success-color);cursor:not-allowed;opacity:.8}.playlist-import-btn:disabled{cursor:not-allowed;opacity:.7}.discovery-playlist-card.density-compact{border-radius:10px;height:240px}.discovery-playlist-card.density-compact .playlist-card-info{padding:10px 12px;gap:6px}.discovery-playlist-card.density-compact .playlist-card-title{font-size:13px;-webkit-line-clamp:1}.discovery-playlist-card.density-compact .playlist-card-channel{font-size:12px}.discovery-playlist-card.density-compact .playlist-card-stats{font-size:11px}.discovery-playlist-card.density-compact .playlist-card-description{display:none}.discovery-playlist-card.density-compact .playlist-card-actions{padding:8px 10px}.discovery-playlist-card.density-compact .playlist-preview-btn,.discovery-playlist-card.density-compact .playlist-import-btn{padding:6px 10px;font-size:12px}.discovery-playlist-card.density-spacious{border-radius:16px;height:320px}.discovery-playlist-card.density-spacious .playlist-card-info{padding:18px;gap:12px}.discovery-playlist-card.density-spacious .playlist-card-title{font-size:17px;-webkit-line-clamp:3}.discovery-playlist-card.density-spacious .playlist-card-channel{font-size:14px}.discovery-playlist-card.density-spacious .playlist-card-stats{font-size:13px}.discovery-playlist-card.density-spacious .playlist-card-description{font-size:13px;-webkit-line-clamp:3}.discovery-playlist-card.density-spacious .playlist-card-actions{padding:12px 18px}.discovery-playlist-card.density-spacious .playlist-preview-btn,.discovery-playlist-card.density-spacious .playlist-import-btn{padding:10px 16px;font-size:14px}@media (max-width: 768px){.discovery-playlist-card{border-radius:12px;height:260px}.playlist-card-info{padding:12px;gap:6px}.playlist-card-title{font-size:14px}.playlist-card-channel{font-size:12px}.playlist-card-stats,.playlist-card-description{font-size:11px}.playlist-card-actions{padding:10px 12px}.playlist-preview-btn,.playlist-import-btn{padding:8px 12px;font-size:12px}}@media (max-width: 480px){.discovery-playlist-card{height:240px}.playlist-card-actions{flex-direction:column}.playlist-preview-btn,.playlist-import-btn{width:100%}}.simple-video-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10002;display:flex;align-items:center;justify-content:center;padding:40px;animation:fadeIn .2s ease-out}.simple-video-container{position:relative;width:min(90vw,1200px);aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;animation:scaleIn .3s cubic-bezier(.16,1,.3,1);box-shadow:0 32px 96px #3b82f626,0 16px 48px #3b82f61f,0 8px 24px #0000001a,0 4px 12px #0000000f}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.simple-video-close{position:absolute;top:12px;right:12px;z-index:10;width:40px;height:40px;border:2px solid rgba(255,255,255,.2);background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000004d,0 2px 6px #0003}.simple-video-close:hover{background:#ef4444;border-color:#ffffff4d;transform:scale(1.1) rotate(90deg);box-shadow:0 6px 18px #ef444480,0 3px 9px #00000040}.simple-video-close:active{transform:scale(1) rotate(90deg)}.simple-video-wrapper{width:100%;height:100%;position:relative;background:#000}.simple-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:16px}.simple-video-end-overlay{position:absolute;inset:0;background:#000000eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10;animation:fadeIn .3s ease-out;border-radius:16px}.simple-video-end-content{text-align:center;padding:32px;max-width:400px}.end-title{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px;letter-spacing:-.02em}.end-subtitle{color:#ffffffb3;font-size:15px;margin:0 0 32px;font-weight:500}.end-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.end-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;font-size:16px;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0003}.end-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.end-btn:active{transform:translateY(0)}.replay-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.replay-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.close-btn-action{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2)}.close-btn-action:hover{background:#ffffff26;border-color:#ffffff4d}[data-theme=dark] .simple-video-container{box-shadow:0 32px 96px #8b5cf633,0 16px 48px #8b5cf626,0 8px 24px #0006,0 4px 12px #0000004d}[data-theme=github-dark] .simple-video-container{box-shadow:0 32px 96px #58a6ff2e,0 16px 48px #58a6ff24,0 8px 24px #0006,0 4px 12px #0000004d}[data-theme=github-light] .simple-video-container{box-shadow:0 32px 96px #10b98126,0 16px 48px #10b9811f,0 8px 24px #00000014,0 4px 12px #0000000d}[data-theme=notion] .simple-video-container{box-shadow:0 32px 96px #fbbf2426,0 16px 48px #fbbf241f,0 8px 24px #00000014,0 4px 12px #0000000d}[data-theme=minimal] .simple-video-container{box-shadow:0 32px 96px #6b72801f,0 16px 48px #6b72801a,0 8px 24px #0000000f,0 4px 12px #0000000a}@media (min-width: 1920px){.simple-video-container{width:min(85vw,1400px)}}@media (min-width: 1400px) and (max-width: 1919px){.simple-video-container{width:min(88vw,1300px)}}@media (min-width: 1024px) and (max-width: 1399px){.simple-video-overlay{padding:32px}.simple-video-container{width:92vw}}@media (min-width: 768px) and (max-width: 1023px){.simple-video-overlay{padding:24px}.simple-video-container{width:94vw;border-radius:14px}.simple-video-iframe{border-radius:14px}.simple-video-close{top:-14px;right:-14px;width:34px;height:34px}}@media (min-width: 640px) and (max-width: 767px){.simple-video-overlay{padding:20px}.simple-video-container{width:96vw;border-radius:12px}.simple-video-iframe{border-radius:12px}.simple-video-close{top:10px;right:10px;width:36px;height:36px}}@media (min-width: 480px) and (max-width: 639px){.simple-video-overlay{padding:16px}.simple-video-container{width:98vw;border-radius:10px}.simple-video-iframe{border-radius:10px}.simple-video-close{top:10px;right:10px;width:34px;height:34px}}@media (max-width: 479px){.simple-video-overlay{padding:12px}.simple-video-container{width:100%;border-radius:8px}.simple-video-iframe{border-radius:8px}.simple-video-close{top:8px;right:8px;width:32px;height:32px}}@media (max-width: 374px){.simple-video-overlay{padding:8px}.simple-video-close{top:6px;right:6px;width:30px;height:30px}}@media (min-height: 900px){.simple-video-overlay{padding:48px}}@media (max-height: 699px){.simple-video-overlay{padding:24px}.simple-video-container{width:min(95vw,1100px)}}@media (max-height: 599px){.simple-video-overlay{padding:16px}.simple-video-container{width:min(98vw,1000px)}}@media (max-width: 767px) and (orientation: landscape){.simple-video-overlay{padding:12px}.simple-video-container{width:98vw;max-height:96vh}.simple-video-close{top:6px;right:6px;width:32px;height:32px}}.playlist-preview-modal-backdrop{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease}.playlist-preview-modal{background:var(--bg-primary);border-radius:16px;box-shadow:0 25px 70px #00000080;width:100%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.playlist-preview-header{padding:24px;border-bottom:1px solid var(--card-border);display:flex;gap:20px;position:relative}.playlist-preview-thumbnail{width:160px;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;flex-shrink:0;box-shadow:0 4px 12px #0003}.playlist-preview-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;image-rendering:-webkit-optimize-contrast;backface-visibility:hidden;transform:translateZ(0);will-change:transform}.playlist-preview-info{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.playlist-preview-info h2{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.playlist-preview-info .channel-name{font-size:14px;color:var(--text-secondary);margin:0}.playlist-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--text-tertiary)}.playlist-description{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:8px 0 0;max-height:60px;overflow-y:auto}.close-btn{position:absolute;top:16px;right:16px;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .2s ease}.close-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:scale(1.05)}.playlist-preview-actions{padding:16px 24px;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:var(--bg-secondary)}.selection-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.selection-controls button{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;background:var(--bg-tertiary);border:2px solid var(--border-primary);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.selection-controls button:hover:not(:disabled){background:var(--accent-secondary);color:#fff;border-color:var(--accent-secondary)}.selection-controls button:disabled{opacity:.5;cursor:not-allowed}.selection-count{font-size:13px;color:var(--text-secondary);font-weight:600}.import-controls{display:flex;gap:10px;flex-wrap:wrap}.import-all-btn,.import-selected-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.import-all-btn{background:var(--accent-primary);color:#fff}.import-all-btn:hover:not(:disabled){background:var(--accent-secondary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.import-all-btn:disabled{background:var(--success-color);opacity:.8;cursor:not-allowed}.import-selected-btn{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-primary)}.import-selected-btn:hover:not(:disabled){background:var(--accent-primary);color:#fff;transform:translateY(-1px)}.import-selected-btn:disabled{opacity:.5;cursor:not-allowed}.playlist-videos-list{flex:1;overflow-y:auto;padding:16px 24px;display:flex;flex-direction:column;gap:12px}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;text-align:center;color:var(--text-secondary)}.loading-state .spinning{animation:spin 1s linear infinite}.error-state button,.empty-state button{padding:8px 16px;border-radius:8px;background:var(--accent-primary);color:#fff;border:none;font-weight:600;cursor:pointer;transition:all .2s ease}.error-state button:hover{background:var(--accent-secondary);transform:translateY(-1px)}.playlist-video-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;background:var(--card-bg);border:2px solid var(--card-border);transition:all .2s ease}.playlist-video-item:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.playlist-video-item.selected{border-color:var(--accent-primary);background:rgba(var(--accent-rgb),.05)}.video-checkbox{flex-shrink:0}.video-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary)}.video-position{flex-shrink:0;width:32px;text-align:center;font-size:13px;font-weight:600;color:var(--text-tertiary)}.video-thumbnail{position:relative;width:120px;aspect-ratio:16 / 9;border-radius:6px;overflow:hidden;flex-shrink:0;background:var(--bg-quaternary)}.video-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;image-rendering:-webkit-optimize-contrast;backface-visibility:hidden;transform:translateZ(0);will-change:transform}.video-duration{position:absolute;bottom:4px;right:4px;background:#000000e6;color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600}.video-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.video-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.video-channel{font-size:12px;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-meta{font-size:12px;color:var(--text-tertiary)}.video-actions{display:flex;gap:6px;flex-shrink:0}.preview-video-btn,.open-youtube-btn{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:2px solid var(--border-primary);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.preview-video-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:scale(1.05)}.open-youtube-btn:hover{background:red;color:#fff;border-color:red;transform:scale(1.05)}.load-more-section{display:flex;justify-content:center;padding:16px 0}.load-more-videos-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;background:var(--bg-tertiary);border:2px solid var(--border-primary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.load-more-videos-btn:hover:not(:disabled){background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-1px)}.load-more-videos-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.playlist-preview-modal{max-width:100%;max-height:95vh;border-radius:12px 12px 0 0;align-self:flex-end}.playlist-preview-header{padding:20px;flex-direction:column;align-items:flex-start}.playlist-preview-thumbnail{width:100%;max-width:240px}.close-btn{top:12px;right:12px}.playlist-preview-actions{padding:12px 20px;flex-direction:column;align-items:stretch}.selection-controls,.import-controls{width:100%;justify-content:space-between}.playlist-videos-list{padding:12px 20px}.playlist-video-item{flex-wrap:wrap;padding:10px}.video-position{order:-1;width:auto}.video-thumbnail{width:100%;max-width:180px}.video-info{flex:1 1 100%;order:3}.video-actions{order:4;width:100%;justify-content:flex-end}}@media (max-width: 480px){.playlist-preview-header{padding:16px}.playlist-preview-info h2{font-size:18px}.playlist-videos-list{padding:12px 16px}.video-thumbnail{width:100%}.video-actions{gap:4px}.preview-video-btn,.open-youtube-btn{width:32px;height:32px}.import-controls{flex-direction:column}.import-all-btn,.import-selected-btn{width:100%;justify-content:center}}.search-autocomplete-wrapper{position:relative;width:100%}.search-autocomplete-input-wrapper{position:relative;display:flex;align-items:center;gap:14px;padding:0 18px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px 2px #0000001a,0 2px 8px #0000000f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:52px}.search-autocomplete-input-wrapper:focus-within{border-color:#00d9ff80;background:#ffffff14;box-shadow:0 0 0 4px #00d9ff26,0 4px 16px #00d9ff40;transform:translateY(-1px)}.search-autocomplete-icon{width:20px;height:20px;color:#fff6;flex-shrink:0;transition:all .3s ease}.search-autocomplete-input-wrapper:focus-within .search-autocomplete-icon{color:#00d9ff;transform:scale(1.1)}.search-autocomplete-input{flex:1;padding:16px 0;background:transparent;border:none;outline:none;font-size:16px;font-weight:500;color:var(--text-primary);caret-color:#00d9ff;min-width:0}.search-autocomplete-input::-moz-placeholder{color:#ffffff59;font-weight:400}.search-autocomplete-input::placeholder{color:#ffffff59;font-weight:400}.search-autocomplete-clear,.search-autocomplete-loading{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:0;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffff80;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);flex-shrink:0;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.search-autocomplete-clear:hover{background:#ffffff1f;color:#fff;transform:scale(1.05) rotate(90deg);border-color:#fff3}.search-autocomplete-clear:active{transform:scale(.95) rotate(90deg)}.search-autocomplete-loading{cursor:default;color:#00d9ff;background:#00d9ff1a;border-color:#00d9ff33}.search-autocomplete-spinner{width:16px;height:16px;border:2px solid var(--bg-tertiary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .6s linear infinite}.search-autocomplete-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 8px 24px #00000026,0 0 0 1px #ffffff0d;max-height:400px;overflow-y:auto;z-index:1000;animation:slideDown .2s cubic-bezier(.16,1,.3,1)}.suggestion-section{padding:8px 0}.suggestion-section-header{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.suggestion-section-header svg{width:14px;height:14px}.suggestion-items{display:flex;flex-direction:column}.suggestion-item{display:flex;align-items:center;width:100%;padding:12px 16px;background:transparent;border:none;text-align:left;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .15s ease;min-height:44px;-webkit-tap-highlight-color:transparent}.suggestion-item:hover,.suggestion-item.selected{background:var(--bg-secondary);color:var(--accent-primary)}.suggestion-item:active{background:var(--bg-tertiary)}.suggestion-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.search-autocomplete-input-wrapper{padding:0 14px;min-height:48px}.search-autocomplete-input{font-size:16px;padding:12px 0}.search-autocomplete-clear,.search-autocomplete-loading{min-width:44px;min-height:44px}.search-autocomplete-dropdown{max-height:300px;border-radius:10px}.suggestion-item{padding:14px 16px;font-size:15px}}.search-autocomplete-dropdown::-webkit-scrollbar{width:8px}.search-autocomplete-dropdown::-webkit-scrollbar-track{background:transparent}.search-autocomplete-dropdown::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}.search-autocomplete-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (prefers-reduced-motion: reduce){.search-autocomplete-dropdown,.search-autocomplete-spinner{animation:none}}.discovery-skeleton-container{display:grid;gap:12px;padding:12px}.discovery-skeleton-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden;animation:skeletonPulse 1.5s ease-in-out infinite}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.6}}.skeleton-thumbnail{width:100%;aspect-ratio:16 / 9;background:var(--bg-tertiary);position:relative;overflow:hidden}.skeleton-content{padding:12px;display:flex;flex-direction:column;gap:8px}.skeleton-title{width:85%;height:16px;border-radius:4px;overflow:hidden}.skeleton-subtitle{width:60%;height:14px;border-radius:4px;overflow:hidden}.skeleton-stats{display:flex;gap:12px;margin-top:4px}.skeleton-stat{width:80px;height:12px;border-radius:4px;overflow:hidden}.skeleton-meta{display:flex;gap:12px;margin-top:4px}.skeleton-meta-item{width:60px;height:12px;border-radius:4px;overflow:hidden}.skeleton-shimmer{width:100%;height:100%;background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-primary) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 768px){.discovery-skeleton-container{grid-template-columns:repeat(2,1fr);gap:12px;padding:12px}.skeleton-content{padding:10px;gap:6px}.skeleton-title{height:14px}.skeleton-subtitle{height:12px}}@media (max-width: 359px){.discovery-skeleton-container{gap:8px;padding:8px}.skeleton-content{padding:8px}}@media (prefers-reduced-motion: reduce){.discovery-skeleton-card{animation:none}.skeleton-shimmer{animation:none;background:var(--bg-tertiary)}}.video-discovery-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:stretch;justify-content:stretch;z-index:10000;animation:fadeIn .2s ease-out;padding:24px}.video-discovery-modal{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:1px solid var(--card-border);border-radius:20px;box-shadow:0 24px 48px #0006,0 0 0 1px #ffffff0d;width:100%;height:100%;max-width:100%;max-height:100%;display:flex;flex-direction:column;animation:scaleIn .3s cubic-bezier(.16,1,.3,1);overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.discovery-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-radius:10px;border:1.5px solid var(--border-primary);margin:6px 16px;flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #00000014,0 2px 6px #0000000a,inset 0 1px 2px #ffffff1a}.discovery-header-left{display:flex;align-items:center;gap:12px}.discovery-icon{color:var(--accent-primary);flex-shrink:0;filter:drop-shadow(0 0 8px rgba(var(--accent-rgb, 0, 122, 255),.4))}.discovery-header h2{margin:0;font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.2;letter-spacing:-.02em}.discovery-subtitle{margin:2px 0 0;font-size:11px;color:var(--text-tertiary);font-weight:500;line-height:1.3}.discovery-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-tertiary);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);flex-shrink:0}.discovery-close-btn:hover{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary);transform:scale(1.05)}.discovery-close-btn:active{transform:scale(.95)}.discovery-tabs{display:flex;align-items:center;gap:4px;padding:3px;margin:6px 16px 12px;background:var(--bg-tertiary);border:1.5px solid var(--border-primary);border-radius:10px;flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #00000014,0 2px 6px #0000000a,inset 0 1px 2px #ffffff1a}.discovery-tab{display:flex;align-items:center;gap:5px;padding:6px 12px;background:transparent;border:none;border-radius:7px;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;flex:1;justify-content:center}.discovery-tab:hover:not(.active){background:var(--bg-secondary);color:var(--text-primary);transform:translateY(-1px)}.discovery-tab.active{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;box-shadow:0 4px 12px rgba(var(--accent-rgb, 0, 122, 255),.4),0 0 0 1px rgba(var(--accent-rgb, 0, 122, 255),.2);animation:pulseGlow 2s ease-in-out infinite}.discovery-tab.active:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--accent-rgb, 0, 122, 255),.5),0 0 0 1px rgba(var(--accent-rgb, 0, 122, 255),.3)}.discovery-tab svg{flex-shrink:0}@keyframes pulseGlow{0%,to{box-shadow:0 4px 12px rgba(var(--accent-rgb, 0, 122, 255),.4),0 0 0 1px rgba(var(--accent-rgb, 0, 122, 255),.2)}50%{box-shadow:0 4px 12px rgba(var(--accent-rgb, 0, 122, 255),.6),0 0 0 1px rgba(var(--accent-rgb, 0, 122, 255),.3),0 0 20px rgba(var(--accent-rgb, 0, 122, 255),.2)}}.discovery-search-section{padding:0 16px;margin-bottom:16px;flex-shrink:0}.discovery-search-bar{position:relative;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-primary);border:1.5px solid var(--border-primary);border-radius:10px;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 3px #00000014,0 2px 8px #0000000a}.discovery-search-bar:hover{transform:translateY(-1px);box-shadow:inset 0 1px 3px #00000014,0 4px 12px #00000014}.discovery-search-bar:focus-within{border-color:var(--accent-primary);background:var(--bg-secondary);box-shadow:0 0 0 3px rgba(var(--accent-rgb, 0, 122, 255),.1),0 4px 16px rgba(var(--accent-rgb, 0, 122, 255),.2);transform:translateY(-1px)}.discovery-search-icon{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0;transition:color .2s ease}.discovery-search-bar:focus-within .discovery-search-icon{color:var(--accent-primary)}.discovery-search-input{flex:1;padding:2px 0;background:transparent;border:none;outline:none;font-size:13px;font-weight:500;color:var(--text-primary);caret-color:var(--accent-primary)}.discovery-search-input::-moz-placeholder{color:var(--text-tertiary);font-weight:400}.discovery-search-input::placeholder{color:var(--text-tertiary);font-weight:400}.discovery-search-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:5px;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.discovery-search-clear:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:scale(1.1)}.discovery-search-status{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:14px;color:var(--text-secondary);font-weight:500}.spinning{animation:spin 1s linear infinite}.discovery-results{flex:1;overflow-y:auto;overflow-x:hidden;padding:40px 32px 24px;min-height:0}.discovery-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;text-align:center}.discovery-state svg{color:var(--text-tertiary)}.discovery-state h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.discovery-state p{margin:0;font-size:14px;color:var(--text-secondary);max-width:400px}.discovery-error-state svg{color:var(--error-color, #EF4444)}.discovery-retry-btn{background:var(--accent-primary);color:#fff!important;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px}.discovery-retry-btn:hover{background:var(--accent-secondary);transform:translateY(-1px)}.discovery-suggestions{margin-top:16px;display:flex;flex-direction:column;gap:12px;align-items:center}.discovery-recent-searches{margin-top:16px;display:flex;flex-direction:column;gap:12px;align-items:center;width:100%}.discovery-recent-searches>span{font-size:13px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.discovery-recent-search-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:100%;overflow-x:auto;padding-bottom:4px}.discovery-recent-search-chips::-webkit-scrollbar{height:6px}.discovery-recent-search-chips::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.discovery-recent-search-chips::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:3px}.discovery-recent-search-chips::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.discovery-suggestions>span{font-size:13px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.discovery-suggestion-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.discovery-chip{background:var(--bg-secondary);border:1px solid var(--card-border);color:var(--text-primary);padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.discovery-chip:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-1px)}.discovery-results-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px;flex-wrap:wrap}.discovery-results-info{flex:1;min-width:200px}.discovery-results-header h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary)}.discovery-controls-wrapper{display:flex;flex-direction:column;gap:12px;width:100%}.discovery-clear-filters-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);align-self:flex-start;box-shadow:0 4px 12px rgba(var(--accent-rgb, 0, 122, 255),.3),0 0 0 1px rgba(var(--accent-rgb, 0, 122, 255),.2)}.discovery-clear-filters-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px rgba(var(--accent-rgb, 0, 122, 255),.4),0 0 0 1px rgba(var(--accent-rgb, 0, 122, 255),.3)}.discovery-clear-filters-btn:active{transform:translateY(0) scale(1)}.discovery-controls{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}.discovery-sort-control,.discovery-density-control,.discovery-column-control{display:flex;align-items:center;gap:10px;flex-shrink:0}.sort-label,.density-label,.column-label{font-size:13px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.sort-buttons,.density-buttons,.column-buttons{display:flex;align-items:center;gap:6px;padding:4px;background:var(--bg-tertiary);border:1.5px solid var(--border-primary);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sort-btn,.density-btn,.column-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background:transparent;border:1.5px solid transparent;border-radius:10px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sort-btn span{display:inline}.density-btn{padding:8px;min-width:36px}.column-btn{padding:8px 12px;min-width:36px;font-variant-numeric:tabular-nums}.sort-btn:hover:not(.active),.density-btn:hover:not(.active),.column-btn:hover:not(.active){background:var(--bg-secondary);border-color:rgba(var(--accent-rgb, 0, 122, 255),.4);color:var(--text-primary);transform:translateY(-2px) scale(1.02);box-shadow:0 2px 8px #0000001a}.sort-btn.active,.density-btn.active,.column-btn.active{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(var(--accent-rgb, 0, 122, 255),.4),0 0 0 1px rgba(var(--accent-rgb, 0, 122, 255),.2)}.sort-btn.active:hover,.density-btn.active:hover,.column-btn.active:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 16px rgba(var(--accent-rgb, 0, 122, 255),.5),0 0 0 1px rgba(var(--accent-rgb, 0, 122, 255),.3)}.sort-btn.active:active,.density-btn.active:active,.column-btn.active:active{transform:translateY(0) scale(1)}.discovery-load-more-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 20px;margin-top:20px}.discovery-load-more-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;background:var(--bg-secondary);border:2px solid var(--card-border);border-radius:12px;color:var(--text-primary);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.discovery-load-more-btn:hover:not(:disabled){background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--accent-rgb),.3)}.discovery-load-more-btn:disabled{cursor:not-allowed;opacity:.6}.discovery-load-more-btn svg.spinning{animation:spin 1s linear infinite}.load-more-hint{margin:0;font-size:13px;color:var(--text-tertiary);font-weight:500}.discovery-results-grid{display:grid;align-content:start;gap:20px}.discovery-grid-spacious{gap:28px}.discovery-grid-comfortable{gap:20px}.discovery-grid-compact{gap:14px}.discovery-result-wrapper{position:relative;width:100%;min-width:0}.discovery-channel-card{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:1.5px solid var(--card-border);border-radius:14px;overflow:hidden;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;width:100%;height:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #00000014,0 0 0 1px #ffffff0d}.discovery-channel-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 32px #00000026,0 0 0 1px #ffffff1a;border-color:rgba(var(--accent-rgb, 0, 122, 255),.3)}.channel-card-thumbnail{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden}.channel-card-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.channel-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-tertiary)}.channel-card-info{padding:16px;flex:1;display:flex;flex-direction:column}.channel-card-title{margin:0 0 8px;font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.channel-card-description{margin:0 0 12px;font-size:13px;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.channel-card-actions{position:absolute;top:12px;left:12px;display:flex;gap:8px;z-index:2}.video-card-actions{display:flex;gap:8px;padding:0 16px;margin-top:auto;z-index:2;position:relative}.discovery-channel-preview-btn,.discovery-video-watch-btn,.discovery-channel-add-btn,.discovery-video-add-btn,.discovery-video-favorite-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-width:32px;height:36px;padding:0 12px;background:rgba(var(--bg-secondary-rgb, 30, 30, 40),.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid rgba(255,255,255,.18);border-radius:18px;font-size:13px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #0003,0 0 0 1px #ffffff14,inset 0 1px 2px #ffffff1f;opacity:1;transform:translateY(0) scale(1);white-space:nowrap;overflow:hidden}.discovery-channel-card:hover .channel-card-actions button{opacity:1;transform:translateY(0) scale(1)}.video-card-actions .discovery-video-watch-btn,.video-card-actions .discovery-video-add-btn,.video-card-actions .discovery-video-favorite-btn{min-width:44px;height:38px;padding:0 14px;font-size:13px;border-radius:19px;box-shadow:0 6px 20px #00000040,0 0 0 1px #ffffff1a,inset 0 1px 3px #ffffff26}.discovery-channel-preview-btn,.discovery-video-watch-btn{background:rgba(var(--bg-secondary-rgb, 30, 30, 40),.92);border-color:#fff3;color:#fffffff2}.discovery-channel-preview-btn:hover,.discovery-video-watch-btn:hover{background:linear-gradient(135deg,#ffc800f2,#ffa500f2);color:#000000e6;border-color:#ffc80066;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px #ffc80066,0 0 0 2px #ffc8004d,inset 0 1px 3px #ffffff4d}.video-card-actions .discovery-video-watch-btn:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 10px 28px #ffc80073,0 0 0 2px #ffc80059,inset 0 1px 4px #ffffff59}.discovery-channel-add-btn,.discovery-video-add-btn{background:linear-gradient(135deg,#3b82f6f2,#2563ebf2);color:#fff;border-color:#3b82f666}.discovery-channel-add-btn:hover:not(:disabled),.discovery-video-add-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.05);background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f680;box-shadow:0 8px 24px #3b82f680,0 0 0 2px #3b82f659,inset 0 1px 3px #ffffff4d}.video-card-actions .discovery-video-add-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.08);box-shadow:0 10px 28px #3b82f68c,0 0 0 2px #3b82f666,inset 0 1px 4px #ffffff59}.discovery-video-watch-btn:active,.discovery-video-add-btn:active,.discovery-video-favorite-btn:active{transform:translateY(0) scale(1.02);transition:all .1s cubic-bezier(.16,1,.3,1)}.discovery-channel-add-btn.added,.discovery-video-add-btn.added{background:linear-gradient(135deg,#10b981fa,#059669fa);color:#fff;border-color:#10b98166;opacity:1}.discovery-video-favorite-btn{background:rgba(var(--bg-secondary-rgb, 30, 30, 40),.92);border-color:#fff3;color:#fffffff2}.discovery-video-favorite-btn:hover{background:linear-gradient(135deg,#ffd700f2,#ffc800f2);color:#000000e6;border-color:#ffd70066;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px #ffd70066,0 0 0 2px #ffd7004d,inset 0 1px 3px #ffffff4d}.discovery-video-favorite-btn.active{background:linear-gradient(135deg,#ffd700f2,#ffc800f2);color:#000000e6;border-color:#ffd70066;opacity:1}.discovery-video-favorite-btn.active:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 10px 28px #ffd70073,0 0 0 2px #ffd70059,inset 0 1px 4px #ffffff59}.discovery-video-add-btn.added{background:linear-gradient(135deg,#10b981fa,#059669fa);color:#fff;border-color:#10b98166;box-shadow:0 6px 20px #10b98173,0 0 0 2px #10b9814d,inset 0 1px 3px #ffffff4d;cursor:not-allowed;opacity:1}.channel-card-actions svg,.video-card-actions svg{width:16px;height:16px;stroke-width:2.5;flex-shrink:0;color:inherit}.video-card-actions svg{width:17px;height:17px}.discovery-video-watch-btn svg,.discovery-channel-preview-btn svg{color:inherit;stroke:currentColor}.channel-card-actions button:nth-child(1),.video-card-actions button:nth-child(1){transition-delay:50ms}.channel-card-actions button:nth-child(2),.video-card-actions button:nth-child(2){transition-delay:.1s}.discovery-video-card{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:1.5px solid var(--card-border);border-radius:14px;overflow:hidden;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;width:100%;padding-bottom:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #00000014,0 0 0 1px #ffffff0d}.discovery-video-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 32px #00000026,0 0 0 1px #ffffff1a;border-color:rgba(var(--accent-rgb, 0, 122, 255),.3)}.video-card-thumbnail{width:100%;position:relative;overflow:hidden;aspect-ratio:16/9;cursor:pointer}.video-card-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.video-card-duration{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600}.video-card-info{padding:16px;flex:1;display:flex;flex-direction:column}.video-card-title{margin:12px 16px 16px;font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.4;cursor:pointer;flex-shrink:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card-channel{margin:0 0 6px;font-size:13px;color:var(--text-secondary);font-weight:500}.video-card-stats{display:flex;gap:8px;margin:0 0 8px;font-size:12px;color:var(--text-tertiary);font-weight:500}.video-card-description{margin:0 0 12px;font-size:13px;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.category-selector-overlay{position:fixed;inset:0;background:transparent;z-index:999}.category-selector-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:8px;background:var(--bg-primary);border:2px solid var(--card-border);border-radius:12px;box-shadow:0 8px 24px var(--shadow-medium);z-index:1000;animation:slideUpDropdown .2s cubic-bezier(.16,1,.3,1);max-height:320px;overflow:hidden;display:flex;flex-direction:column}@keyframes slideUpDropdown{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.category-selector-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--card-border);font-weight:600;color:var(--text-primary);font-size:14px;flex-shrink:0}.category-selector-close{background:transparent;border:none;color:var(--text-secondary);font-size:24px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.category-selector-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.category-selector-list{overflow-y:auto;max-height:260px}.category-selector-item{width:100%;background:transparent;border:none;color:var(--text-primary);padding:12px 16px;text-align:left;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--card-border)}.category-selector-item:last-child{border-bottom:none}.category-selector-item:hover{background:var(--bg-secondary);color:var(--accent-primary)}.category-selector-item:active{background:var(--bg-tertiary)}.discovery-results::-webkit-scrollbar,.category-selector-list::-webkit-scrollbar{width:10px}.discovery-results::-webkit-scrollbar-track,.category-selector-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:5px;margin:8px 0}.discovery-results::-webkit-scrollbar-thumb,.category-selector-list::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:5px;-webkit-transition:background .2s ease;transition:background .2s ease}.discovery-results::-webkit-scrollbar-thumb:hover,.category-selector-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width: 968px){.discovery-controls{flex-direction:column;align-items:stretch;gap:16px}.discovery-sort-control,.discovery-density-control{width:100%;justify-content:space-between}.sort-btn span{display:inline}}@media (max-width: 768px){.video-discovery-overlay{padding:12px}.video-discovery-modal{border-radius:16px}.discovery-header{padding:16px 20px}.discovery-header h2{font-size:20px}.discovery-subtitle{font-size:13px}.discovery-search-section{padding:16px 20px}.discovery-mobile-grid{gap:12px!important;padding:0 12px}@media (max-width: 359px){.discovery-mobile-grid{gap:8px!important;padding:0 8px}}@media (min-width: 480px) and (max-width: 768px){.discovery-mobile-grid{gap:16px!important;padding:0 16px}}.discovery-results{padding:12px 0}.discovery-mobile-grid .discovery-video-card{border-radius:12px;box-shadow:0 2px 6px #0000001a,0 0 0 1px #ffffff0d}.discovery-mobile-grid .discovery-video-card:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 8px 20px #00000026,0 0 0 1px #ffffff1a}.discovery-mobile-grid .video-card-info{padding:12px}.discovery-mobile-grid .video-card-title{font-size:13px;line-height:1.3;margin-bottom:4px;-webkit-line-clamp:2}.discovery-mobile-grid .video-card-channel{font-size:11px;margin-bottom:4px}.discovery-mobile-grid .video-card-stats{font-size:10px;gap:6px;margin-bottom:6px}.discovery-mobile-grid .video-card-description{font-size:11px;line-height:1.4;margin-bottom:8px;-webkit-line-clamp:2}.discovery-mobile-grid .video-card-actions{position:relative;margin-top:auto;padding:0 12px;gap:6px}.discovery-mobile-grid .discovery-video-watch-btn,.discovery-mobile-grid .discovery-video-add-btn,.discovery-mobile-grid .discovery-video-favorite-btn{min-width:28px;height:28px;padding:0 8px;font-size:10px;border-radius:14px}.discovery-mobile-grid .discovery-video-watch-btn svg,.discovery-mobile-grid .discovery-video-add-btn svg,.discovery-mobile-grid .discovery-video-favorite-btn svg{width:10px;height:10px}.discovery-mobile-grid .video-card-duration{font-size:10px;padding:2px 5px;bottom:6px;right:6px}.discovery-mobile-grid .discovery-channel-card{border-radius:12px}.discovery-mobile-grid .video-card-actions button,.discovery-mobile-grid .channel-card-actions button{opacity:1!important;transform:translateY(0) scale(1)!important}.discovery-results-header{flex-direction:column;gap:16px}}@media (max-width: 640px){.sort-btn span{display:none}.sort-btn{width:36px;height:36px;padding:8px;justify-content:center}.sort-buttons{flex:1}}.discovery-results-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 20px;background:var(--bg-secondary);border-radius:12px;border:2px solid var(--border-primary);margin-bottom:20px;box-shadow:0 8px 24px #0000001f,0 4px 12px #00000014,0 2px 6px #0000000a,inset 0 1px 2px #ffffff1a}.discovery-results-info h3{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--text-primary)}.discovery-hint{font-size:13px;color:var(--text-tertiary);font-weight:500}.discovery-controls{display:flex;align-items:center;gap:20px}.discovery-sort-control,.discovery-density-control,.discovery-column-control{display:flex;align-items:center;gap:10px}.sort-label,.density-label,.column-label{font-size:13px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.sort-buttons,.density-buttons,.column-buttons{display:flex;gap:6px;padding:4px;background:var(--bg-primary);border-radius:10px;border:2px solid var(--border-primary);box-shadow:0 4px 12px #00000014,0 2px 6px #0000000a,inset 0 1px 2px #ffffff14}.sort-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:2px solid transparent;border-radius:8px;color:var(--text-tertiary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.sort-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-secondary);transform:translateY(-1px)}.sort-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 4px 12px rgba(var(--accent-rgb, 0, 122, 255),.3),0 2px 6px rgba(var(--accent-rgb, 0, 122, 255),.2),inset 0 1px 2px #fff3}.sort-btn.active:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--accent-rgb, 0, 122, 255),.4),0 3px 8px rgba(var(--accent-rgb, 0, 122, 255),.25),inset 0 1px 2px #ffffff40}.density-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:2px solid transparent;border-radius:8px;color:var(--text-tertiary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.density-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-secondary);transform:translateY(-1px)}.density-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 4px 12px rgba(var(--accent-rgb, 0, 122, 255),.3),0 2px 6px rgba(var(--accent-rgb, 0, 122, 255),.2),inset 0 1px 2px #fff3}.density-btn.active:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--accent-rgb, 0, 122, 255),.4),0 3px 8px rgba(var(--accent-rgb, 0, 122, 255),.25),inset 0 1px 2px #ffffff40}.column-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;background:transparent;border:2px solid transparent;border-radius:8px;color:var(--text-tertiary);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.column-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-secondary);transform:translateY(-1px)}.column-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 4px 12px rgba(var(--accent-rgb, 0, 122, 255),.3),0 2px 6px rgba(var(--accent-rgb, 0, 122, 255),.2),inset 0 1px 2px #fff3}.column-btn.active:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--accent-rgb, 0, 122, 255),.4),0 3px 8px rgba(var(--accent-rgb, 0, 122, 255),.25),inset 0 1px 2px #ffffff40}@media (max-width: 480px){.video-discovery-overlay{padding:0}.video-discovery-modal{border-radius:0;border:none}.discovery-header-left{gap:12px}.discovery-icon{width:20px;height:20px}.discovery-subtitle{display:none}.discovery-results-grid{gap:12px}.discovery-load-more-section{padding:24px 16px}.discovery-load-more-btn{width:100%;justify-content:center}.discovery-tabs{gap:6px}.discovery-tab{padding:8px 12px;font-size:13px}.discovery-tab svg{width:16px;height:16px}.channel-card-actions button,.video-card-actions button{opacity:1;transform:translateY(0) scale(1)}.discovery-channel-preview-btn,.discovery-video-watch-btn,.discovery-channel-add-btn,.discovery-video-add-btn{min-width:40px;height:38px;padding:0 12px}.video-card-actions .discovery-video-watch-btn,.video-card-actions .discovery-video-add-btn{min-width:48px;height:40px;padding:0 16px}}:root{--accent-rgb: 0, 122, 255}@media (prefers-color-scheme: dark){.video-discovery-modal{box-shadow:0 24px 48px #0009,0 0 0 1px #ffffff14}.discovery-channel-card,.discovery-video-card{box-shadow:0 2px 8px #00000040,0 0 0 1px #ffffff14}.discovery-channel-card:hover,.discovery-video-card:hover{box-shadow:0 12px 32px #0006,0 0 0 1px #ffffff1f}}@media (prefers-contrast: high){.discovery-tab.active,.sort-btn.active,.density-btn.active,.column-btn.active{border:2px solid var(--accent-primary)}.discovery-search-bar:focus-within{border-width:3px}.discovery-channel-card,.discovery-video-card{border-width:2px}}@media (prefers-reduced-motion: reduce){.discovery-tab,.sort-btn,.density-btn,.column-btn,.discovery-close-btn,.discovery-search-bar,.discovery-channel-card,.discovery-video-card,.discovery-channel-preview-btn,.discovery-channel-add-btn,.discovery-video-watch-btn,.discovery-video-add-btn,.discovery-clear-filters-btn,.discovery-load-more-btn{transition:none;animation:none}.video-discovery-modal,.video-discovery-overlay,.discovery-tab.active{animation:none}.discovery-tab:hover,.discovery-channel-card:hover,.discovery-video-card:hover{transform:none}}body>.video-player-modal-overlay{z-index:30000!important;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000000eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:32px}body>.video-player-modal-overlay .video-player-modal-container{max-width:95vw;width:100%;height:90vh;max-height:90vh;display:flex;flex-direction:column;background:var(--bg-primary);border-radius:24px;overflow:hidden;position:relative;box-shadow:0 32px 64px #0009,0 0 0 1px #ffffff0d}body>.video-player-modal-overlay .video-player-modal-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:32px;gap:24px;min-height:0;min-width:0;width:100%}body>.video-player-modal-overlay .video-player-modal-wrapper{width:100%;display:flex;flex-direction:column;gap:20px;min-height:0}body>.video-player-modal-overlay .enhanced-video-player{flex:1;display:flex!important;flex-direction:row;min-height:0;width:100%;max-width:100%}body>.video-player-modal-overlay .enhanced-video-player.variant-theater{display:grid!important;grid-template-columns:1fr!important;width:100%;max-width:100%;gap:0}body>.video-player-modal-overlay .video-player-modal-container .video-player-modal-content .video-player-modal-wrapper .enhanced-video-player.variant-theater{grid-template-columns:1fr!important;gap:0!important;animation:none!important}body>.video-player-modal-overlay .video-player-modal-container .video-player-modal-content .video-player-modal-wrapper .enhanced-video-player{grid-template-columns:1fr!important;gap:0!important;animation:none!important}body>.video-player-modal-overlay .enhanced-video-player{grid-template-columns:1fr!important}body>.video-player-modal-overlay .enhanced-video-player.variant-theater .video-player-main{flex:1;min-width:0;width:100%;max-width:100%}body>.video-player-modal-overlay .video-player-modal-container .video-player-modal-content .video-player-modal-wrapper .enhanced-video-player.variant-theater .video-player-main{width:100%!important;max-width:100%!important;min-width:0!important;flex:1 1 100%!important}body>.video-player-modal-overlay .video-player-main{flex:1;display:flex;flex-direction:column;min-width:0;width:100%}body>.video-player-modal-overlay .video-player-container{width:100%;max-width:100%;flex:1;max-height:75vh;aspect-ratio:16 / 9;position:relative}body>.video-player-modal-overlay .variant-theater .video-player-container{max-height:calc(100vh - 200px)!important;min-height:400px;width:100%!important}body>.video-player-modal-overlay .video-player-modal-container .video-player-modal-content .video-player-modal-wrapper .enhanced-video-player.variant-theater .video-player-container{width:100%!important;max-width:100%!important;max-height:calc(100vh - 200px)!important;min-height:400px!important}body>.video-player-modal-overlay .video-player-modal-container .video-player-modal-content .video-player-modal-wrapper .enhanced-video-player .video-player-container{width:100%!important;max-width:100%!important}body>.video-player-modal-overlay .variant-theater .video-container-wrapper{width:100%;max-width:100%}body>.video-player-modal-overlay .video-player-modal-container .video-player-modal-content .video-player-modal-wrapper .enhanced-video-player.variant-theater .video-container-wrapper{width:100%!important;max-width:100%!important}body>.video-player-modal-overlay .video-player-modal-container .video-player-modal-content .video-player-modal-wrapper .enhanced-video-player .video-player-main{width:100%!important;max-width:100%!important;min-width:0!important}body>.video-player-modal-overlay .video-player-modal-container .video-player-modal-content .video-player-modal-wrapper .enhanced-video-player.variant-theater .video-info-section{width:100%!important;max-width:100%!important}body>.video-player-modal-overlay .video-player-modal-container .video-player-modal-content .video-player-modal-wrapper .enhanced-video-player.variant-theater .video-playlist-sidebar{display:none!important}body>.video-player-modal-overlay .video-iframe{width:100%;height:100%;border-radius:12px}body>.video-player-modal-overlay .video-playlist-sidebar{width:100%;max-width:500px;min-width:350px;flex-shrink:0;display:flex!important;flex-direction:column}body>.video-player-modal-overlay .variant-theater .video-playlist-sidebar{max-width:500px;min-width:350px}@media (max-width: 1200px){body>.video-player-modal-overlay .video-playlist-sidebar{display:none}body>.video-player-modal-overlay .enhanced-video-player{flex-direction:column}}@media (max-width: 768px) and (orientation: landscape){.video-discovery-overlay{padding:12px}.video-discovery-modal{border-radius:16px}.discovery-header{padding:10px 16px;margin:8px 12px}.discovery-header h2{font-size:18px}.discovery-subtitle{font-size:11px}.discovery-close-btn{width:32px;height:32px}.discovery-tabs{gap:4px;padding:4px}.discovery-tab{padding:6px 12px;font-size:12px}.discovery-controls{gap:8px;flex-wrap:nowrap;padding:8px 12px}.discovery-search-bar{padding:6px 10px;font-size:13px;max-width:220px}.discovery-search-bar svg{width:14px;height:14px}.sort-btn,.density-btn,.column-btn,.filter-btn{padding:6px 10px;font-size:11px;min-height:32px}.sort-btn svg,.density-btn svg,.column-btn svg,.filter-btn svg{width:14px;height:14px}.discovery-results{padding:8px 12px}.discovery-results[data-columns="1"]{grid-template-columns:repeat(2,1fr)}.discovery-results[data-columns="2"]{grid-template-columns:repeat(3,1fr)}.discovery-results[data-columns="3"]{grid-template-columns:repeat(4,1fr)}.discovery-results[data-columns="4"]{grid-template-columns:repeat(5,1fr)}.discovery-results[data-columns="5"]{grid-template-columns:repeat(6,1fr)}.discovery-channel-card{padding:8px;gap:8px;border-radius:10px}.discovery-channel-thumbnail{width:48px;height:48px}.discovery-channel-name{font-size:12px;-webkit-line-clamp:1}.discovery-channel-meta{font-size:10px;gap:4px}.discovery-channel-description{font-size:11px;-webkit-line-clamp:2}.discovery-video-card{padding:6px;gap:6px;border-radius:10px}.discovery-video-thumbnail{border-radius:8px}.discovery-video-title{font-size:11px;line-height:1.3;-webkit-line-clamp:2}.discovery-video-meta{font-size:10px;gap:4px}.discovery-video-channel{font-size:10px}.discovery-channel-actions,.discovery-video-actions{gap:4px}.discovery-channel-preview-btn,.discovery-channel-add-btn,.discovery-video-watch-btn,.discovery-video-add-btn{padding:5px 10px;font-size:11px;min-height:28px}.discovery-channel-preview-btn svg,.discovery-channel-add-btn svg,.discovery-video-watch-btn svg,.discovery-video-add-btn svg{width:14px;height:14px}.discovery-load-more-btn{padding:8px 16px;font-size:12px;margin:12px}.discovery-empty{padding:24px 16px}.discovery-empty svg{width:48px;height:48px}.discovery-empty h3{font-size:16px}.discovery-empty p{font-size:13px}}@media (max-width: 768px) and (orientation: landscape) and (max-height: 400px){.video-discovery-overlay{padding:8px}.video-discovery-modal{border-radius:12px}.discovery-header{padding:8px 12px;margin:6px 10px}.discovery-header h2{font-size:16px}.discovery-subtitle{display:none}.discovery-tabs{gap:3px;padding:3px}.discovery-tab{padding:4px 10px;font-size:11px}.discovery-controls{gap:6px;padding:6px 10px}.discovery-search-bar{max-width:180px;padding:5px 8px;font-size:12px}.discovery-results{padding:6px 10px}.discovery-results[data-columns="4"]{grid-template-columns:repeat(7,1fr)}.discovery-results[data-columns="5"]{grid-template-columns:repeat(8,1fr)}.discovery-channel-card,.discovery-video-card{padding:5px;gap:5px}.discovery-channel-thumbnail{width:40px;height:40px}.discovery-channel-name,.discovery-video-title{font-size:10px;-webkit-line-clamp:1}.discovery-channel-meta,.discovery-video-meta,.discovery-video-channel{font-size:9px}.discovery-channel-description,.discovery-channel-add-btn .action-label,.discovery-video-add-btn .action-label{display:none}}@media (max-width: 768px) and (orientation: portrait){.video-discovery-overlay{padding:16px}.discovery-results{padding:12px 16px;padding-bottom:max(60px,calc(env(safe-area-inset-bottom) + 60px))}.discovery-header{margin:12px 16px}.discovery-controls{padding:12px 16px;flex-wrap:wrap}.discovery-search-bar{max-width:100%;min-width:200px}}@media (max-width: 768px) and (orientation: landscape){body>.video-player-modal-overlay{padding:16px}body>.video-player-modal-overlay .video-player-modal-container{border-radius:16px;height:95vh;max-height:95vh}body>.video-player-modal-overlay .video-player-modal-content{padding:16px;gap:12px}body>.video-player-modal-overlay .video-player-container{max-height:85vh}body>.video-player-modal-overlay .variant-theater .video-player-container{max-height:calc(100vh - 120px)!important}}@media (max-width: 768px) and (orientation: landscape) and (max-height: 400px){body>.video-player-modal-overlay{padding:8px}body>.video-player-modal-overlay .video-player-modal-container{height:98vh;max-height:98vh;border-radius:12px}body>.video-player-modal-overlay .video-player-modal-content{padding:12px;gap:8px}body>.video-player-modal-overlay .video-player-container{max-height:92vh}body>.video-player-modal-overlay .variant-theater .video-player-container{max-height:calc(100vh - 80px)!important}}@media (max-width: 768px) and (orientation: landscape){.video-discovery-overlay{padding:12px}.video-discovery-modal{border-radius:16px}.discovery-header{padding:12px 16px;margin:8px 12px}.discovery-header h2{font-size:18px}.discovery-subtitle{font-size:12px}.discovery-tabs{gap:6px;padding:4px}.discovery-tab{padding:6px 12px;font-size:12px;min-height:36px}.discovery-search-wrapper{padding:8px 12px;gap:8px}.discovery-search-bar{padding:6px 10px;font-size:13px}.discovery-filter-bar{gap:8px;padding:8px 12px}.sort-btn,.density-btn,.column-btn{padding:6px 12px;font-size:12px;min-height:36px}.discovery-grid.columns-4{grid-template-columns:repeat(5,1fr)}.discovery-grid.columns-3{grid-template-columns:repeat(4,1fr)}.discovery-grid.columns-2{grid-template-columns:repeat(3,1fr)}.discovery-channel-card,.discovery-video-card{padding:10px;gap:10px}.discovery-channel-thumbnail,.discovery-video-thumbnail{height:100px}.discovery-channel-title,.discovery-video-title{font-size:13px;-webkit-line-clamp:2}.discovery-channel-subscribers,.discovery-video-views{font-size:11px}.discovery-channel-preview-btn,.discovery-channel-add-btn,.discovery-video-watch-btn,.discovery-video-add-btn{padding:6px 12px;font-size:12px;min-height:36px}.discovery-grid.density-compact .discovery-channel-card,.discovery-grid.density-compact .discovery-video-card{padding:8px;gap:8px}.discovery-grid.density-compact .discovery-channel-thumbnail,.discovery-grid.density-compact .discovery-video-thumbnail{height:80px}.discovery-content{padding:8px 12px}.discovery-content-header{padding:8px 0;gap:8px}.discovery-results-info{font-size:12px}.discovery-load-more-btn{padding:10px 20px;font-size:13px}}@media (max-width: 768px) and (orientation: landscape) and (max-height: 400px){.discovery-header{padding:8px 12px;margin:4px 10px}.discovery-header h2{font-size:16px}.discovery-subtitle{display:none}.discovery-tabs{padding:3px;gap:4px}.discovery-tab{padding:4px 10px;font-size:11px;min-height:32px}.discovery-close-btn{width:32px;height:32px;padding:0}.discovery-grid.columns-4{grid-template-columns:repeat(6,1fr)}.discovery-grid.columns-3{grid-template-columns:repeat(5,1fr)}.discovery-grid.columns-2{grid-template-columns:repeat(4,1fr)}.discovery-channel-card,.discovery-video-card{padding:6px;gap:6px}.discovery-channel-thumbnail,.discovery-video-thumbnail{height:70px}.discovery-channel-title,.discovery-video-title{font-size:11px;-webkit-line-clamp:1}.discovery-channel-subscribers,.discovery-video-views{font-size:10px}.discovery-channel-description,.discovery-video-description{display:none}.discovery-channel-preview-btn,.discovery-channel-add-btn,.discovery-video-watch-btn,.discovery-video-add-btn{padding:4px 10px;font-size:11px;min-height:32px}.sort-btn span:not(.icon),.density-btn span:not(.icon),.column-btn span:not(.icon){display:none}.sort-btn,.density-btn,.column-btn{padding:6px;min-width:36px}.discovery-content{padding:6px 10px}.discovery-results-info{display:none}}@media (max-width: 768px) and (orientation: landscape) and (min-height: 401px) and (max-height: 500px){.discovery-grid.columns-4{grid-template-columns:repeat(5,1fr)}.discovery-channel-thumbnail,.discovery-video-thumbnail{height:90px}}@media (max-width: 768px) and (orientation: landscape) and (min-height: 501px){.discovery-grid.columns-4{grid-template-columns:repeat(4,1fr)}.discovery-channel-thumbnail,.discovery-video-thumbnail{height:110px}}@media (max-width: 768px) and (orientation: portrait){.video-discovery-overlay{padding:0}.video-discovery-modal{border-radius:0;border:none;height:100%;max-height:100vh}.discovery-header{padding:12px 16px;margin:0;border-radius:0;border-bottom:2px solid var(--border-primary);position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.discovery-header h2{font-size:18px}.discovery-icon{width:22px;height:22px}.discovery-tabs{margin:0 16px;padding:8px;gap:8px;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:12px;box-shadow:0 4px 12px #00000014}.discovery-tab{padding:10px 16px;font-size:14px;min-height:44px;border-radius:10px;font-weight:600}.discovery-tab.active{box-shadow:0 4px 12px rgba(var(--accent-rgb, 0, 122, 255),.3),0 2px 6px rgba(var(--accent-rgb, 0, 122, 255),.2)}.discovery-search-wrapper{padding:12px 16px}.discovery-search-bar{padding:10px 14px;font-size:15px;border-radius:12px;min-height:48px}.discovery-search-bar svg{width:18px;height:18px}.discovery-results{padding:16px;padding-bottom:max(60px,calc(env(safe-area-inset-bottom) + 60px))}.discovery-results-grid{gap:16px;grid-template-columns:repeat(2,1fr)!important}.discovery-video-card{border-radius:12px;overflow:hidden;padding-bottom:16px;box-shadow:0 4px 12px #0000001a,0 2px 6px #0000000f}.video-card-thumbnail{aspect-ratio:16 / 9;border-radius:0}.video-card-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-card-duration{bottom:6px;right:6px;padding:3px 8px;font-size:11px;font-weight:700;border-radius:6px;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-card-actions{position:relative;margin-top:auto;padding:0 16px;display:flex;gap:8px;justify-content:center;align-items:center;z-index:3}.discovery-video-watch-btn,.discovery-video-add-btn,.discovery-video-favorite-btn{opacity:1;transform:translateY(0) scale(1);min-width:80px;height:40px;padding:0 16px;font-size:13px;font-weight:600;border-radius:20px;background:#000c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,.25);color:#fff;box-shadow:0 4px 12px #0000004d,inset 0 1px 2px #ffffff1a;transition:all .2s ease}.discovery-video-watch-btn:active,.discovery-video-add-btn:active{transform:scale(.95)}.discovery-video-watch-btn{background:linear-gradient(135deg,#ffc800f2,#ffa500f2);color:#000000e6;border-color:#ffc80066;flex:1}.discovery-video-add-btn{background:linear-gradient(135deg,#10b981f2,#059669f2);border-color:#10b98166;flex:1}.discovery-video-add-btn.added{opacity:.7}.discovery-video-favorite-btn{min-width:40px;padding:0 12px}.video-card-actions svg{width:16px;height:16px;stroke-width:2.5}.video-card-info{padding:12px;gap:6px}.video-card-title{font-size:14px;font-weight:600;line-height:1.35;-webkit-line-clamp:2;margin-bottom:4px;color:var(--text-primary)}.video-card-channel{font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.video-card-stats{display:flex;gap:6px;font-size:11px;color:var(--text-tertiary);font-weight:500;flex-wrap:wrap}.video-card-stats span{white-space:nowrap}.video-card-stats span:after{content:"•";margin-left:6px;color:var(--text-tertiary);opacity:.5}.video-card-stats span:last-child:after{content:"";margin:0}.video-card-description{display:none}.discovery-channel-card{border-radius:12px;box-shadow:0 4px 12px #0000001a,0 2px 6px #0000000f}.channel-card-actions{inset:auto 8px 8px;justify-content:center}.discovery-channel-preview-btn,.discovery-channel-add-btn{opacity:1;transform:translateY(0) scale(1);min-width:90px;height:40px;padding:0 16px;font-size:13px;font-weight:600;border-radius:20px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.channel-card-actions svg{width:16px;height:16px;stroke-width:2.5}.channel-card-info{padding:12px;gap:6px}.channel-card-title{font-size:14px;font-weight:600;line-height:1.35;-webkit-line-clamp:2;margin-bottom:4px}.channel-card-description{font-size:12px;line-height:1.4;-webkit-line-clamp:2;margin-bottom:8px}.discovery-controls{padding:12px 16px;gap:8px;flex-wrap:wrap}.discovery-sort-control,.discovery-density-control,.discovery-column-control{flex-wrap:wrap}.sort-btn,.density-btn,.column-btn{min-height:44px;padding:10px 14px;font-size:13px;border-radius:10px}.density-btn,.column-btn{min-width:44px}.discovery-load-more-section{padding:24px 16px 32px;margin-bottom:max(70px,calc(env(safe-area-inset-bottom) + 70px))}.discovery-load-more-btn{width:100%;padding:14px 24px;font-size:15px;font-weight:600;min-height:52px;border-radius:12px}.discovery-empty{padding:60px 24px;text-align:center}.discovery-empty-icon{width:64px;height:64px;margin-bottom:16px}.discovery-empty-title{font-size:18px;font-weight:600;margin-bottom:8px}.discovery-empty-description{font-size:14px;color:var(--text-secondary);line-height:1.5}.discovery-skeleton{padding:16px}.discovery-skeleton-card{border-radius:12px;overflow:hidden}}@media (max-width: 374px) and (orientation: portrait){.discovery-results-grid{grid-template-columns:1fr!important}.video-card-title{font-size:15px;-webkit-line-clamp:2}.video-card-channel{font-size:13px}.video-card-stats{font-size:12px}.video-card-actions{flex-direction:row;gap:8px}.discovery-video-watch-btn,.discovery-video-add-btn{min-width:100px;flex:1}}@media (min-width: 375px) and (max-width: 480px) and (orientation: portrait){.discovery-results-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px}.video-card-title,.channel-card-title{font-size:13px}.video-card-channel{font-size:11px}.video-card-stats{font-size:10px}}@media (min-width: 481px) and (max-width: 768px) and (orientation: portrait){.discovery-results-grid{grid-template-columns:repeat(2,1fr)!important;gap:18px}.video-card-title,.channel-card-title{font-size:15px}.video-card-description{display:-webkit-box;-webkit-line-clamp:2;font-size:13px}}.discovery-modern-header{display:flex;flex-direction:column;gap:12px;padding:20px 24px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0}.discovery-header-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.discovery-header-branding{display:flex;align-items:center;gap:12px}.discovery-icon-modern{width:20px;height:20px;color:var(--accent-primary);flex-shrink:0;filter:drop-shadow(0 0 8px var(--accent-primary-40))}.discovery-header-text{display:flex;flex-direction:column;gap:2px}.discovery-title-modern{margin:0;font-size:20px;font-weight:600;color:var(--text-primary);line-height:1.2;letter-spacing:-.02em}.discovery-subtitle-modern{margin:0;font-size:13px;font-weight:500;color:var(--text-tertiary);line-height:1.3}.discovery-close-btn-modern{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-tertiary);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.discovery-close-btn-modern:hover{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary);transform:scale(1.05)}.discovery-close-btn-modern:active{transform:scale(.95)}.discovery-tabs-modern{display:flex;align-items:center;gap:8px;padding:4px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;width:-moz-fit-content;width:fit-content}.discovery-tab-pill{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.discovery-tab-pill:hover{background:var(--bg-secondary);color:var(--text-primary);transform:translateY(-1px)}.discovery-tab-pill.active{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;box-shadow:0 2px 8px var(--accent-primary-40),0 0 0 1px var(--accent-primary-20)}.discovery-tab-pill.active:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-primary-40),0 0 0 1px var(--accent-primary-20)}.discovery-search-modern{display:flex;flex-direction:column;gap:8px}.discovery-search-wrapper{position:relative;display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:12px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px 3px #00000014,0 1px 2px #0000000a}.discovery-search-wrapper:focus-within{border-color:var(--accent-primary);background:var(--bg-secondary);box-shadow:0 0 0 3px var(--accent-primary-10),0 2px 8px var(--accent-primary-20)}.discovery-search-icon-modern{width:18px;height:18px;color:var(--text-tertiary);flex-shrink:0;transition:color .2s ease}.discovery-search-wrapper:focus-within .discovery-search-icon-modern{color:var(--accent-primary)}.discovery-search-input-modern{flex:1;padding:14px 0;background:transparent;border:none;outline:none;font-size:15px;font-weight:500;color:var(--text-primary);caret-color:var(--accent-primary)}.discovery-search-input-modern::-moz-placeholder{color:var(--text-tertiary);font-weight:400}.discovery-search-input-modern::placeholder{color:var(--text-tertiary);font-weight:400}.discovery-search-clear-modern,.discovery-search-loading{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.discovery-search-clear-modern:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:scale(1.1)}.discovery-search-loading{cursor:default;color:var(--accent-primary)}.discovery-filter-toolbar-compact{display:flex;flex-direction:column;gap:0;padding:0;background:linear-gradient(135deg,var(--bg-secondary-70) 0%,var(--bg-primary-70) 100%);border:1px solid var(--border-primary);border-radius:12px;margin:16px 24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 16px #00000014,0 0 0 1px #ffffff0d;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}.filter-toolbar-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:transparent;border-bottom:1px solid transparent;transition:border-color .2s ease}.discovery-filter-toolbar-compact.expanded .filter-toolbar-header{border-bottom-color:var(--border-primary)}.filter-toolbar-summary{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.filter-toolbar-summary h3{margin:0;font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.filter-summary-text{font-size:12px;font-weight:500;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-toolbar-actions{display:flex;align-items:center;gap:8px}.filter-toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-tertiary);border:1.5px solid var(--border-primary);border-radius:20px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.filter-toggle-btn:hover{background:var(--bg-secondary);border-color:var(--accent-primary-40);color:var(--text-primary);transform:translateY(-1px)}.filter-toggle-btn .chevron{transition:transform .3s cubic-bezier(.16,1,.3,1)}.filter-toggle-btn .chevron.rotated{transform:rotate(180deg)}.filter-clear-btn-compact{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--bg-tertiary);border:1.5px solid var(--border-primary);border-radius:50%;color:var(--text-tertiary);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.filter-clear-btn-compact:hover{background:var(--accent-primary-10);border-color:var(--accent-primary);color:var(--accent-primary);transform:rotate(90deg) scale(1.05)}.filter-toolbar-content{padding:16px 20px 20px;animation:slideDown .3s cubic-bezier(.16,1,.3,1)}.discovery-filters-modern{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.filter-group-modern{display:flex;align-items:center;gap:8px}.filter-label-modern{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.filter-pills{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filter-pill{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background:transparent;border:1.5px solid var(--border-primary);border-radius:20px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filter-pill:hover{background:var(--bg-tertiary);border-color:var(--accent-primary-40);color:var(--text-primary);transform:translateY(-2px) scale(1.02);box-shadow:0 2px 8px #0000001a}.filter-pill.active{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-color:transparent;color:#fff;box-shadow:0 2px 8px var(--accent-primary-40),0 0 0 1px var(--accent-primary-20)}.filter-pill.active:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px var(--accent-primary-50),0 0 0 1px var(--accent-primary-30)}.filter-pill.active:active{transform:translateY(0) scale(1)}.filter-pill.icon-pill{padding:8px;min-width:36px}.filter-pill.number-pill{padding:8px 12px;min-width:36px;font-variant-numeric:tabular-nums}.filter-clear-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--bg-tertiary);border:1.5px solid var(--border-primary);border-radius:50%;color:var(--text-tertiary);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.filter-clear-btn:hover{background:var(--accent-primary-10);border-color:var(--accent-primary);color:var(--accent-primary);transform:rotate(90deg) scale(1.1)}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 var(--accent-primary-40)}50%{box-shadow:0 0 0 8px var(--accent-primary-0)}}.filter-pill.active{animation:pulseGlow 2s ease-in-out infinite}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.discovery-filter-toolbar-modern{animation:fadeSlideIn .3s cubic-bezier(.16,1,.3,1)}@media (max-width: 1400px){.discovery-filters-modern{gap:16px}.filter-group-modern{gap:6px}}@media (max-width: 1200px){.discovery-modern-header{padding:16px 20px;gap:10px}.discovery-title-modern{font-size:18px}.discovery-subtitle-modern{font-size:12px}.discovery-filter-toolbar-compact{margin:12px 20px}.filter-toolbar-header{padding:12px 16px}.filter-toolbar-content{padding:12px 16px 16px}.discovery-filters-modern{gap:12px}}@media (max-width: 768px){.discovery-modern-header{padding:12px 16px;gap:8px}.discovery-tabs-modern{width:100%;justify-content:space-evenly}.discovery-tab-pill{flex:1;justify-content:center}.discovery-filter-toolbar-compact{margin:12px 16px}.filter-toolbar-header{padding:10px 12px;gap:8px}.filter-toolbar-summary h3{font-size:14px}.filter-summary-text{font-size:11px}.filter-toggle-btn{padding:6px 10px;font-size:12px}.filter-toggle-btn span{display:none}.filter-toolbar-content{padding:12px}.discovery-filters-modern{flex-direction:column;align-items:stretch;gap:12px}.filter-group-modern{flex-direction:column;align-items:stretch;gap:6px}.filter-pills{overflow-x:auto;scrollbar-width:thin}.filter-pills::-webkit-scrollbar{height:4px}.filter-pills::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:2px}}:root{--accent-primary-0: color-mix(in srgb, var(--accent-primary) 0%, transparent);--accent-primary-10: color-mix(in srgb, var(--accent-primary) 10%, transparent);--accent-primary-20: color-mix(in srgb, var(--accent-primary) 20%, transparent);--accent-primary-30: color-mix(in srgb, var(--accent-primary) 30%, transparent);--accent-primary-40: color-mix(in srgb, var(--accent-primary) 40%, transparent);--accent-primary-50: color-mix(in srgb, var(--accent-primary) 50%, transparent);--bg-secondary-70: color-mix(in srgb, var(--bg-secondary) 70%, transparent);--bg-primary-70: color-mix(in srgb, var(--bg-primary) 70%, transparent)}@media (prefers-color-scheme: dark){.discovery-filter-toolbar-modern{box-shadow:0 4px 16px #00000040,0 0 0 1px #ffffff14}.filter-pill:hover{box-shadow:0 2px 8px #0000004d}}@media (prefers-contrast: high){.discovery-tab-pill.active,.filter-pill.active{border:2px solid var(--accent-primary)}.discovery-search-wrapper:focus-within{border-width:3px}}@media (prefers-reduced-motion: reduce){.discovery-tab-pill,.filter-pill,.discovery-close-btn-modern,.discovery-search-wrapper,.filter-clear-btn,.filter-clear-btn-compact,.filter-toggle-btn,.discovery-filter-toolbar-compact{transition:none}.discovery-filter-toolbar-modern,.filter-toolbar-content,.filter-pill.active{animation:none}.filter-toggle-btn .chevron{transition:none}}.discovery-mobile-header{display:flex;flex-direction:column;gap:10px;padding:12px 16px;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;position:sticky;top:0;z-index:100;box-shadow:0 4px 16px #00000014;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.discovery-mobile-header-top{display:flex;align-items:center;gap:10px}.discovery-mobile-back-btn{display:flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;width:38px;height:38px;padding:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);flex-shrink:0;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0000000f}.discovery-mobile-back-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translate(-2px);box-shadow:0 4px 12px #0000001a}.discovery-mobile-back-btn:active{transform:translate(-2px) scale(.96)}.discovery-mobile-tabs{display:flex;align-items:center;gap:6px;padding:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;flex:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 2px #0000001a}.discovery-mobile-tab{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;background:transparent;border:none;border-radius:10px;font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);flex:1;white-space:nowrap;min-height:40px;-webkit-tap-highlight-color:transparent;position:relative}.discovery-mobile-tab:hover:not(.active){background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px)}.discovery-mobile-tab:active{transform:translateY(-1px) scale(.98)}.discovery-mobile-tab.active{background:linear-gradient(135deg,#00d9ff,#f0f);color:#fff;box-shadow:0 4px 16px #00d9ff66,0 0 0 1px #fff3;transform:translateY(-2px)}.discovery-mobile-tab.active:before{content:"";position:absolute;inset:0;border-radius:12px;padding:2px;background:linear-gradient(135deg,#00d9ff,#f0f);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6}.discovery-mobile-tab svg{width:18px;height:18px;flex-shrink:0}.discovery-mobile-back-btn svg{width:22px;height:22px;stroke-width:2.5}.discovery-mobile-search{display:flex;flex-direction:column;gap:8px;margin-bottom:8px;width:100%}.discovery-search-autocomplete{width:100%}.discovery-mobile-search-wrapper{position:relative;display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px 3px #00000014,0 1px 2px #0000000a}.discovery-mobile-search-wrapper:focus-within{border-color:var(--accent-primary);background:var(--bg-primary);box-shadow:0 0 0 3px var(--accent-primary-10),0 2px 8px var(--accent-primary-20)}.discovery-mobile-search-icon{width:18px;height:18px;color:var(--text-tertiary);flex-shrink:0;transition:color .2s ease}.discovery-mobile-search-wrapper:focus-within .discovery-mobile-search-icon{color:var(--accent-primary)}.discovery-mobile-search-input{flex:1;padding:14px 0;background:transparent;border:none;outline:none;font-size:15px;font-weight:500;color:var(--text-primary);caret-color:var(--accent-primary)}.discovery-mobile-search-input::-moz-placeholder{color:var(--text-tertiary);font-weight:400}.discovery-mobile-search-input::placeholder{color:var(--text-tertiary);font-weight:400}.discovery-mobile-search-clear,.discovery-mobile-search-loading{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.discovery-mobile-search-clear:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:scale(1.1)}.discovery-mobile-search-loading{cursor:default;color:var(--accent-primary)}@media (max-width: 768px){.discovery-view,.discovery-results{padding-top:0}}@media (max-width: 359px){.discovery-mobile-header{padding:14px 16px;gap:12px}.discovery-mobile-tabs{gap:6px;padding:5px}.discovery-mobile-tab{padding:12px 14px;font-size:14px;gap:6px;min-height:44px}.discovery-mobile-tab span{display:none}.discovery-mobile-tab svg{width:20px;height:20px}.discovery-mobile-back-btn{min-width:42px;min-height:42px;width:42px;height:42px}.discovery-mobile-back-btn svg{width:20px;height:20px}}@media (min-width: 360px) and (max-width: 480px){.discovery-mobile-header{padding:12px 14px}.discovery-mobile-tab{padding:10px 14px}}@media (min-width: 480px) and (max-width: 768px){.discovery-mobile-header{padding:14px 16px;gap:14px}.discovery-mobile-tab{padding:12px 18px;font-size:15px}}.ai-groups-view{padding:24px;max-width:100%;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-groups-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border-color)}.ai-groups-title{display:flex;align-items:center;gap:12px}.ai-groups-title svg{color:var(--accent-color)}.ai-groups-title h2{margin:0;font-size:24px;font-weight:700;color:var(--text-primary)}.groups-count{font-size:14px;font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);padding:4px 12px;border-radius:12px}.ai-groups-controls{display:flex;gap:8px}.btn-control{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.btn-control:hover{background:var(--bg-tertiary);border-color:var(--accent-color);color:var(--accent-color)}.ai-groups-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.empty-state-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-color)15,var(--accent-color)25);border-radius:50%;margin-bottom:24px}.empty-state-icon svg{color:var(--accent-color)}.ai-groups-empty-state h2{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.ai-groups-empty-state p{font-size:16px;color:var(--text-secondary);margin:8px 0;max-width:500px}.empty-state-hint{margin-top:16px!important;padding:16px;background:var(--bg-secondary);border-radius:12px;border-left:4px solid var(--accent-color)}.empty-state-hint strong{color:var(--accent-color)}.ai-groups-list{display:flex;flex-direction:column;gap:16px}.ai-group-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.ai-group-item.expanded{box-shadow:0 4px 12px #00000014}.ai-group-item:hover{border-color:var(--accent-color)}.ai-group-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-left:4px solid transparent;transition:all .2s ease;background:var(--bg-secondary)}.ai-group-header:hover{background:var(--bg-tertiary)}.group-header-left{display:flex;align-items:center;gap:12px;flex:1}.group-expand-icon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:transform .3s cubic-bezier(.4,0,.2,1)}.ai-group-item.expanded .group-expand-icon,.ai-group-item.collapsed .group-expand-icon{transform:rotate(0)}.group-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;transition:all .2s ease}.group-info{display:flex;flex-direction:column;gap:4px}.group-name{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.group-channel-count{font-size:14px;font-weight:500;color:var(--text-secondary)}.group-header-right{display:flex;align-items:center;gap:12px}.btn-view-videos{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--accent-color);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;opacity:0;transform:translate(-10px)}.ai-group-header:hover .btn-view-videos{opacity:1;transform:translate(0)}.btn-view-videos:hover{background:var(--accent-hover);transform:scale(1.05)}.btn-view-videos:active{transform:scale(.98)}.ai-group-content{display:grid;gap:16px;padding:20px;background:var(--bg-primary);animation:expandDown .3s cubic-bezier(.4,0,.2,1)}@keyframes expandDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:2000px;padding-top:20px;padding-bottom:20px}}.ai-group-content.density-compact{gap:12px;padding:16px}.ai-group-content.density-comfortable{gap:16px;padding:20px}.ai-group-content.density-spacious{gap:24px;padding:24px}@media (max-width: 768px){.ai-groups-view{padding:16px}.ai-groups-header{flex-direction:column;align-items:flex-start;gap:16px}.ai-groups-controls{width:100%}.btn-control{flex:1}.ai-group-header{padding:12px 16px}.group-name{font-size:16px}.btn-view-videos{opacity:1;transform:translate(0);font-size:13px;padding:6px 12px}.ai-group-content{padding:16px;gap:12px}}@media (prefers-color-scheme: dark){.ai-group-item{border-color:var(--border-color)}.ai-group-item:hover{border-color:var(--accent-color);box-shadow:0 4px 12px #0000004d}}.pull-to-refresh-container{position:relative;width:100%;height:100%;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.pull-to-refresh-indicator{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(to bottom,var(--bg-primary) 0%,var(--bg-primary) 70%,transparent 100%);z-index:100;transition:height .2s ease-out,opacity .2s ease-out;pointer-events:none;overflow:hidden}.pull-to-refresh-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--bg-secondary);border:2px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-secondary)}.pull-to-refresh-icon.over-threshold{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff;box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.pull-to-refresh-icon.refreshing{animation:pulse 1.5s ease-in-out infinite}.pull-to-refresh-icon .spinning{animation:spin 1s linear infinite}.pull-to-refresh-text{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-align:center;transition:color .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pull-to-refresh-icon.over-threshold+.pull-to-refresh-text{color:var(--accent-color)}.pull-to-refresh-content{position:relative;min-height:100%}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.pull-to-refresh-indicator{will-change:height,opacity}.pull-to-refresh-icon{will-change:transform}@media (prefers-color-scheme: dark){.pull-to-refresh-icon{background-color:var(--bg-tertiary)}}.pull-to-refresh-container:active{-moz-user-select:none;user-select:none;-webkit-user-select:none}.favorites-view{padding:0;max-width:1400px;margin:0 auto;height:100%;overflow-y:auto;background:var(--bg-primary, #ffffff)}.favorites-view.mobile{padding:0 0 80px}.favorites-section{margin-bottom:28px}.favorites-section-header{margin-bottom:16px;padding:16px 20px 12px;position:relative}.favorites-view.mobile .favorites-section-header{padding:12px 16px 10px}.section-title-row{display:flex;align-items:center;gap:10px;position:relative}.section-icon{width:24px;height:24px;padding:4px;background:linear-gradient(135deg,var(--accent-primary, #3b82f6) 0%,color-mix(in srgb,var(--accent-primary, #3b82f6) 85%,black) 100%);border-radius:8px;color:#fff;flex-shrink:0}.favorites-section:nth-child(2) .section-icon{background:linear-gradient(135deg,var(--accent-primary, #3b82f6) 0%,color-mix(in srgb,var(--accent-primary, #3b82f6) 90%,white) 100%)}.favorites-section:nth-child(3) .section-icon{background:linear-gradient(135deg,var(--accent-primary, #3b82f6) 0%,color-mix(in srgb,var(--accent-primary, #3b82f6) 80%,black) 100%)}.favorites-section-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em}.favorites-section:nth-child(2) .favorites-section-title{color:var(--text-primary)}.favorites-section:nth-child(3) .favorites-section-title{color:var(--text-primary)}.favorites-section-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 10px;background:rgba(var(--accent-rgb, 59, 130, 246),.1);color:var(--accent-primary, #3b82f6);border-radius:14px;font-size:13px;font-weight:600;border:1.5px solid rgba(var(--accent-rgb, 59, 130, 246),.2)}.favorites-section:nth-child(2) .favorites-section-count{background:rgba(var(--accent-rgb, 59, 130, 246),.1);color:var(--accent-primary, #3b82f6);border-color:rgba(var(--accent-rgb, 59, 130, 246),.2)}.favorites-section:nth-child(3) .favorites-section-count{background:rgba(var(--accent-rgb, 59, 130, 246),.1);color:var(--accent-primary, #3b82f6);border-color:rgba(var(--accent-rgb, 59, 130, 246),.2)}.favorites-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 40px;text-align:center;min-height:60vh}.favorites-empty-icon{font-size:96px;margin-bottom:32px;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 8px 24px rgba(251,191,36,.3))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.favorites-empty-title{font-size:28px;font-weight:700;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;letter-spacing:-.02em}.favorites-empty-text{font-size:16px;color:var(--text-secondary, #6b7280);max-width:420px;line-height:1.6}.favorites-grid{display:grid;gap:16px;padding:0 20px}.favorites-view.mobile .favorites-grid{padding:0 16px;gap:12px}.favorites-grid.compact{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.favorites-grid.videos{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.favorite-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;background:linear-gradient(135deg,#fff,#f8f9fa);border:1.5px solid rgba(0,0,0,.06);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;box-shadow:0 2px 8px #0000000a;overflow:hidden}.favorite-card:before{content:"";position:absolute;inset:0;background:rgba(var(--accent-rgb, 59, 130, 246),.05);opacity:0;transition:opacity .3s ease;border-radius:inherit}.favorite-card:hover:before{opacity:1}.favorite-card:hover{border-color:rgba(var(--accent-rgb, 59, 130, 246),.3);transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px rgba(var(--accent-rgb, 59, 130, 246),.2)}.favorite-card:active{transform:translateY(-2px) scale(.98)}.favorite-card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary, #3b82f6) 0%,color-mix(in srgb,var(--accent-primary, #3b82f6) 85%,black) 100%);border-radius:14px;color:#fff;flex-shrink:0;box-shadow:0 4px 16px rgba(var(--accent-rgb, 59, 130, 246),.25);transition:all .3s ease;z-index:1}.favorite-card:hover .favorite-card-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 20px rgba(var(--accent-rgb, 59, 130, 246),.35)}.favorites-section:nth-child(2) .favorite-card-icon{background:linear-gradient(135deg,var(--accent-primary, #3b82f6) 0%,color-mix(in srgb,var(--accent-primary, #3b82f6) 90%,white) 100%);box-shadow:0 4px 16px rgba(var(--accent-rgb, 59, 130, 246),.25)}.favorites-section:nth-child(3) .favorite-card-icon{background:linear-gradient(135deg,var(--accent-primary, #3b82f6) 0%,color-mix(in srgb,var(--accent-primary, #3b82f6) 80%,black) 100%);box-shadow:0 4px 16px rgba(var(--accent-rgb, 59, 130, 246),.25)}.favorite-card-content{display:flex;flex-direction:column;gap:4px;text-align:center;width:100%;z-index:1}.favorite-card-title{font-size:15px;font-weight:600;color:var(--text-primary, #111827);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;letter-spacing:-.01em}.favorite-card-title.video-title{font-size:14px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;height:42px;text-align:left;font-weight:500}.favorite-card-meta{font-size:13px;color:var(--text-secondary, #6b7280);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.btn-favorite-star{position:absolute;top:10px;right:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;background:linear-gradient(135deg,#fef3c7,#fbbf24);border:none;border-radius:50%;color:#f59e0b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #fbbf244d;-webkit-tap-highlight-color:transparent;z-index:10}.btn-favorite-star:hover{transform:scale(1.15) rotate(15deg);box-shadow:0 6px 20px #fbbf2466;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.btn-favorite-star:active{transform:scale(.9)}.favorite-card.video-card{padding:0;gap:0;align-items:stretch;overflow:hidden;background:linear-gradient(135deg,#fff,#f8f9fa)}.favorite-video-thumbnail{position:relative;width:100%;aspect-ratio:16 / 9;background:rgba(var(--accent-rgb, 59, 130, 246),.05);overflow:hidden}.favorite-video-thumbnail:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.6) 100%);opacity:0;transition:opacity .3s ease}.favorite-card.video-card:hover .favorite-video-thumbnail:after{opacity:1}.favorite-video-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .3s ease}.favorite-card.video-card:hover .favorite-video-thumbnail img{transform:scale(1.05)}.btn-favorite-star-overlay{position:absolute;top:8px;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;background:linear-gradient(135deg,#fef3c7,#fbbf24);border:none;border-radius:50%;color:#f59e0b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #fbbf244d;-webkit-tap-highlight-color:transparent;z-index:10;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-favorite-star-overlay:hover{transform:scale(1.15) rotate(15deg);box-shadow:0 6px 20px #fbbf2480;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.btn-favorite-star-overlay:active{transform:scale(.9)}.favorite-card.video-card .favorite-card-content{padding:14px 12px;text-align:left;align-items:flex-start;gap:6px;background:linear-gradient(to bottom,#fff,#f8f9fa)}@media (max-width: 768px){.favorites-view{padding:0}.favorites-view.mobile{padding:0 0 80px}.favorites-section{margin-bottom:20px}.favorites-section-header{margin-bottom:12px;padding:12px 16px 8px}.favorites-section-title{font-size:18px}.section-icon{width:22px;height:22px}.favorites-grid.compact{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.favorites-grid.videos{grid-template-columns:repeat(2,1fr);gap:12px}.favorite-card{padding:16px 12px;gap:10px;border-radius:14px}.favorite-card-icon{width:48px;height:48px;border-radius:12px}.favorite-card-title{font-size:14px}.favorite-card-title.video-title{font-size:13px;height:39px;line-height:1.5}.favorite-card-meta{font-size:12px}.btn-favorite-star,.btn-favorite-star-overlay{width:30px;height:30px}.btn-favorite-star svg,.btn-favorite-star-overlay svg{width:15px;height:15px}.favorites-empty-state{padding:80px 24px;min-height:50vh}.favorites-empty-icon{font-size:72px;margin-bottom:24px}.favorites-empty-title{font-size:24px}.favorites-empty-text{font-size:15px}}@media (max-width: 480px){.favorites-grid.compact{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.favorites-grid.videos{grid-template-columns:repeat(2,1fr);gap:10px}.favorite-card{padding:14px 10px;gap:8px}.favorite-card-icon{width:44px;height:44px}.favorite-card-title{font-size:13px}.favorite-card-title.video-title{font-size:12px;height:36px}.favorite-card-meta{font-size:11px}}@media (prefers-color-scheme: dark){.favorite-card{background:linear-gradient(135deg,#1f2937,#111827);border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d}.favorite-card:before{background:rgba(var(--accent-rgb, 59, 130, 246),.08)}.favorite-card:hover{border-color:rgba(var(--accent-rgb, 59, 130, 246),.4);box-shadow:0 12px 32px rgba(var(--accent-rgb, 59, 130, 246),.3)}.favorite-card.video-card .favorite-card-content{background:linear-gradient(to bottom,#1f2937,#111827)}.favorite-card-title{color:#f9fafb}.favorite-card-meta{color:#9ca3af}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.favorite-card{animation:fadeInUp .4s ease-out backwards}.favorite-card:nth-child(1){animation-delay:.05s}.favorite-card:nth-child(2){animation-delay:.1s}.favorite-card:nth-child(3){animation-delay:.15s}.favorite-card:nth-child(4){animation-delay:.2s}.favorite-card:nth-child(5){animation-delay:.25s}.favorite-card:nth-child(6){animation-delay:.3s}.favorite-card:nth-child(n+7){animation-delay:.35s}.category-drawer-backdrop{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;transition:opacity .3s cubic-bezier(.4,0,.2,1);touch-action:none}.category-drawer{position:fixed;top:0;left:0;bottom:0;width:80%;max-width:400px;background:var(--card-bg, #1a1a1a);z-index:999;display:flex;flex-direction:column;box-shadow:4px 0 24px #0000004d;overflow:hidden;touch-action:pan-y}.category-drawer.dragging{transition:none!important}.category-drawer-header{display:flex;align-items:center;gap:12px;padding:16px;background:var(--header-bg, #141414);border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1));flex-shrink:0}.category-drawer-search-wrapper{flex:1;position:relative;display:flex;align-items:center;background:var(--input-bg, rgba(255, 255, 255, .05));border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:12px;padding:0 12px;transition:all .2s ease}.category-drawer-search-wrapper:focus-within{background:var(--input-focus-bg, rgba(255, 255, 255, .08));border-color:var(--primary-color, #4a9eff);box-shadow:0 0 0 3px #4a9eff1a}.category-drawer-search-icon{color:var(--text-secondary, rgba(255, 255, 255, .5));flex-shrink:0;transition:color .2s ease}.category-drawer-search-wrapper:focus-within .category-drawer-search-icon{color:var(--primary-color, #4a9eff)}.category-drawer-search-input{flex:1;background:transparent;border:none;outline:none;padding:10px 8px;font-size:15px;color:var(--text-primary, #ffffff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.category-drawer-search-input::-moz-placeholder{color:var(--text-secondary, rgba(255, 255, 255, .4))}.category-drawer-search-input::placeholder{color:var(--text-secondary, rgba(255, 255, 255, .4))}.category-drawer-search-clear{background:#ffffff1a;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, rgba(255, 255, 255, .6));cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0}.category-drawer-search-clear:hover{background:#ffffff26;color:var(--text-primary, #ffffff)}.category-drawer-search-clear:active{transform:scale(.9)}.category-drawer-close{background:#ffffff0d;border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-primary, #ffffff);cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0}.category-drawer-close:hover{background:#ffffff1a;border-color:var(--primary-color, #4a9eff)}.category-drawer-close:active{transform:scale(.95)}.category-drawer-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0;-webkit-overflow-scrolling:touch}.category-drawer-content::-webkit-scrollbar{width:6px}.category-drawer-content::-webkit-scrollbar-track{background:transparent}.category-drawer-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.category-drawer-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.category-drawer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:var(--text-secondary, rgba(255, 255, 255, .5));text-align:center}.category-drawer-empty svg{margin-bottom:16px;opacity:.3}.category-drawer-empty-text{font-size:16px;font-weight:500;color:var(--text-primary, #ffffff);margin:0 0 8px}.category-drawer-empty-hint{font-size:14px;color:var(--text-secondary, rgba(255, 255, 255, .4));margin:0}.category-drawer-section{margin-bottom:24px}.category-drawer-section:last-child{margin-bottom:8px}.category-drawer-section-header{display:flex;align-items:center;gap:8px;padding:12px 16px 8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, rgba(255, 255, 255, .5))}.category-drawer-section-header svg{flex-shrink:0}.category-drawer-section-header span:first-of-type{flex:1}.category-drawer-section-count{background:#ffffff1a;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;color:var(--text-primary, rgba(255, 255, 255, .7))}.category-drawer-section-content{display:flex;flex-direction:column;gap:2px}.category-drawer-item{position:relative;display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;background:transparent;border:none;border-left:3px solid transparent;transition:all .2s ease;animation:slideInCategory .3s ease forwards;animation-delay:var(--animation-delay, 0s);opacity:0;transform:translate(-20px)}@keyframes slideInCategory{to{opacity:1;transform:translate(0)}}.category-drawer-item:hover{background:#ffffff0d}.category-drawer-item:active{background:#ffffff14}.category-drawer-item.active{background:rgba(var(--category-color-rgb, 74, 158, 255),.1);border-left-color:var(--category-color, #4a9eff)}.category-drawer-item.active .category-drawer-item-icon{color:var(--category-color, #4a9eff)}.category-drawer-item.active .category-drawer-item-name{color:var(--category-color, #4a9eff);font-weight:600}.category-drawer-item.empty{opacity:.4;cursor:not-allowed}.category-drawer-item.empty:hover{background:transparent}.category-drawer-item-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:rgba(var(--category-color-rgb, 74, 158, 255),.1);color:var(--category-color, #4a9eff);flex-shrink:0;transition:all .2s ease}.category-drawer-item:hover .category-drawer-item-icon{background:rgba(var(--category-color-rgb, 74, 158, 255),.15);transform:scale(1.05)}.category-drawer-item:active .category-drawer-item-icon{transform:scale(.98)}.category-drawer-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.category-drawer-item-name{font-size:15px;font-weight:500;color:var(--text-primary, #ffffff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.category-drawer-item-count{font-size:13px;color:var(--text-secondary, rgba(255, 255, 255, .5));transition:color .2s ease}.category-drawer-item-favorite{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:transparent;border:none;color:var(--text-secondary, rgba(255, 255, 255, .4));cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0}.category-drawer-item-favorite:hover{background:#ffffff14;color:var(--text-primary, rgba(255, 255, 255, .7))}.category-drawer-item-favorite:active{transform:scale(.9)}.category-drawer-item-favorite.active{color:gold}.category-drawer-item-favorite.active:hover{color:#ffed4e}.category-drawer-item-ripple{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);pointer-events:none;opacity:0}.category-drawer-item:active .category-drawer-item-ripple{animation:ripple .6s ease-out}@keyframes ripple{0%{width:0;height:0;opacity:.5}to{width:300px;height:300px;opacity:0}}@media (orientation: landscape) and (max-height: 500px){.category-drawer{width:50%;max-width:300px}.category-drawer-header{padding:12px}.category-drawer-item{padding:10px 12px}.category-drawer-item-icon{width:36px;height:36px}.category-drawer-section-header{padding:10px 12px 6px}}@media (min-width: 600px){.category-drawer{max-width:350px}}[data-theme=dark] .category-drawer{background:#1a1a1a;border-right:1px solid rgba(255,255,255,.1)}[data-theme=dark] .category-drawer-header{background:#141414;border-bottom-color:#ffffff1a}[data-theme=light] .category-drawer{background:#fff;border-right:1px solid rgba(0,0,0,.1);box-shadow:4px 0 24px #00000026}[data-theme=light] .category-drawer-header{background:#f8f9fa;border-bottom-color:#0000001a}[data-theme=light] .category-drawer-backdrop{background:#0006}[data-theme=light] .category-drawer-search-wrapper{background:#00000008;border-color:#0000001a}[data-theme=light] .category-drawer-search-wrapper:focus-within{background:#0000000d}[data-theme=light] .category-drawer-search-input{color:#000}[data-theme=light] .category-drawer-search-input::-moz-placeholder{color:#0006}[data-theme=light] .category-drawer-search-input::placeholder{color:#0006}[data-theme=light] .category-drawer-search-icon{color:#00000080}[data-theme=light] .category-drawer-search-clear{background:#0000000d;color:#0009}[data-theme=light] .category-drawer-close{background:#00000008;border-color:#0000001a;color:#000}[data-theme=light] .category-drawer-item-name{color:#000}[data-theme=light] .category-drawer-item-count,[data-theme=light] .category-drawer-section-header{color:#00000080}[data-theme=light] .category-drawer-empty-text{color:#000}[data-theme=light] .category-drawer-empty-hint{color:#0006}[data-theme=light] .category-drawer-item:hover{background:#00000008}[data-theme=light] .category-drawer-item:active{background:#0000000d}.category-drawer-item:focus-visible{outline:2px solid var(--primary-color, #4a9eff);outline-offset:-2px}.category-drawer-close:focus-visible,.category-drawer-search-clear:focus-visible,.category-drawer-item-favorite:focus-visible{outline:2px solid var(--primary-color, #4a9eff);outline-offset:2px}.category-drawer,.category-drawer-backdrop{will-change:transform,opacity}.category-drawer-item{will-change:background-color,transform}.library-video-card{display:flex;flex-direction:column;background:var(--bg-primary);border-radius:12px;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:videoCardFadeIn .4s cubic-bezier(.4,0,.2,1) both;animation-delay:var(--animation-delay, 0s);margin:0 12px 16px;box-shadow:0 2px 8px #00000014,0 4px 16px #0000000f,0 0 0 1px #0000000a;border:1px solid var(--border-primary, rgba(255, 255, 255, .06));transition:all .3s cubic-bezier(.4,0,.2,1)}.library-video-card:active{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f,0 8px 24px #00000014,0 0 0 1px #0000000f}@keyframes videoCardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.library-video-thumbnail-container{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--bg-secondary);overflow:hidden;border-radius:12px 12px 0 0}.library-video-thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .3s cubic-bezier(.4,0,.2,1)}.library-video-card:active .library-video-thumbnail{transform:scale(1.02)}.library-video-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.library-video-card:active .library-video-play-overlay{background:#0000004d;opacity:1}.library-video-play-icon{width:56px;height:56px;border-radius:50%;background:#fffffff2;display:flex;align-items:center;justify-content:center;transform:scale(.9);transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0000004d}.library-video-card:active .library-video-play-icon{transform:scale(1)}.library-video-expand-icon{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;color:#fff;opacity:.7;transition:all .2s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:2}.library-video-card:hover .library-video-expand-icon,.library-video-card:active .library-video-expand-icon{opacity:1;background:#0009}.library-video-duration{position:absolute;bottom:8px;right:8px;padding:3px 6px;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:12px;font-weight:600;border-radius:4px;line-height:1;letter-spacing:.3px;z-index:1}.library-video-info{padding:12px 12px 8px;background:var(--bg-primary)}.library-video-header{display:flex;gap:12px;align-items:flex-start}.library-video-channel-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),color-mix(in srgb,var(--accent-primary) 70%,black));display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:600;box-shadow:0 2px 8px #0000001a}.library-video-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.library-video-title{margin:0;font-size:14px;font-weight:500;line-height:1.4;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.library-video-metadata{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary);line-height:1.3}.library-video-channel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.library-video-separator{color:var(--text-tertiary);font-weight:700}.library-video-date{white-space:nowrap;flex-shrink:0}.library-video-more-btn{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.library-video-more-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.library-video-more-btn:active{transform:scale(.9);background:var(--bg-tertiary)}.library-video-actions{display:flex;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-primary);animation:actionsSlideIn .2s cubic-bezier(.4,0,.2,1)}@keyframes actionsSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.library-video-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.library-video-action-btn:hover{background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--text-primary)}.library-video-action-btn:active{transform:scale(.97)}.library-video-action-btn.active{background:color-mix(in srgb,var(--accent-primary) 10%,transparent);border-color:var(--accent-primary);color:var(--accent-primary)}.library-video-action-btn svg{flex-shrink:0}.library-video-action-btn span{white-space:nowrap}@media (max-width: 480px){.library-video-card{margin-bottom:12px}.library-video-info{padding:10px 10px 6px}.library-video-header{gap:10px}.library-video-channel-avatar{width:32px;height:32px;font-size:14px}.library-video-title{font-size:13px}.library-video-metadata{font-size:11px}.library-video-channel{max-width:120px}.library-video-action-btn{padding:7px 10px;font-size:12px;gap:5px}.library-video-action-btn svg{width:14px;height:14px}.library-video-more-btn{width:28px;height:28px}.library-video-play-icon{width:48px;height:48px}.library-video-duration{bottom:6px;right:6px;padding:2px 5px;font-size:11px}.library-video-expand-icon{top:6px;right:6px;width:26px;height:26px}.library-video-expand-icon svg{width:13px;height:13px}}@media (orientation: landscape) and (max-height: 600px){.library-video-card{margin-bottom:8px}.library-video-info{padding:8px 10px 6px}.library-video-title{font-size:13px;-webkit-line-clamp:1}.library-video-metadata{font-size:11px}.library-video-channel-avatar{width:30px;height:30px;font-size:13px}.library-video-actions{margin-top:6px;padding-top:6px}.library-video-action-btn{padding:6px 10px;font-size:12px}.library-video-expand-icon{top:6px;right:6px;width:24px;height:24px}.library-video-expand-icon svg{width:12px;height:12px}}.app-light .library-video-thumbnail-container{background:#f0f0f0}.app-light .library-video-channel-avatar{box-shadow:0 2px 8px #00000026}.app-light .library-video-expand-icon{background:#ffffffe6;color:#333;opacity:.8}.app-light .library-video-card:hover .library-video-expand-icon,.app-light .library-video-card:active .library-video-expand-icon{opacity:1;background:#fffffff2}.app-light .library-video-card{background:#fff;box-shadow:0 2px 8px #0000000f,0 4px 16px #0000000a,0 0 0 1px #00000014;border:1px solid rgba(0,0,0,.08)}.app-light .library-video-card:active{box-shadow:0 4px 12px #00000014,0 8px 24px #0000000f,0 0 0 1px #0000001a}[data-theme=light] .library-video-card{background:#fff;box-shadow:0 2px 8px #0000000f,0 4px 16px #0000000a,0 0 0 1px #00000014;border:1px solid rgba(0,0,0,.08)}[data-theme=light] .library-video-card:active{box-shadow:0 4px 12px #00000014,0 8px 24px #0000000f,0 0 0 1px #0000001a}[data-theme=light] .library-video-expand-icon{background:#ffffffe6;color:#333;opacity:.8}[data-theme=light] .library-video-card:hover .library-video-expand-icon,[data-theme=light] .library-video-card:active .library-video-expand-icon{opacity:1;background:#fffffff2}@media (prefers-reduced-motion: reduce){.library-video-card,.library-video-actions{animation:none}.library-video-thumbnail,.library-video-play-overlay,.library-video-play-icon{transition:none}}.library-video-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.library-video-more-btn:focus-visible,.library-video-action-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.mobile-video-player-overlay{position:fixed;inset:0;background:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center;padding:0;animation:fadeIn .2s ease-out}.mobile-video-player-container{position:relative;width:100%;height:100%;max-width:100vw;display:flex;flex-direction:column;justify-content:center;background:#000}.mobile-video-player-close{position:absolute;top:12px;right:12px;z-index:1001;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.mobile-video-player-close:active{transform:scale(.9);background:#000000e6}.mobile-video-player-wrapper{flex:1;width:100%;position:relative;display:flex;align-items:center;justify-content:center;background:transparent;padding:16px}.mobile-video-player-iframe{width:100%;height:100%;border:none;border-radius:12px;box-shadow:0 20px 60px #0009,0 10px 30px #0006,0 0 0 1px #ffffff1a}@media (orientation: landscape){.mobile-video-player-wrapper{padding:20px}.mobile-video-player-iframe{max-height:85vh;max-width:90vw;width:auto;height:auto;aspect-ratio:16/9}.mobile-video-player-info,.mobile-video-player-actions{display:none}}@media (orientation: portrait){.mobile-video-player-wrapper{width:100%;flex:0 0 auto;padding:16px}.mobile-video-player-iframe{width:100%;aspect-ratio:16/9;max-height:40vh}}.mobile-video-player-info{padding:16px;background:#000;color:#fff;border-top:1px solid rgba(255,255,255,.1)}.mobile-video-player-title{font-size:16px;font-weight:600;line-height:1.4;margin:0 0 8px;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.mobile-video-player-channel{font-size:14px;color:#ffffffb3;margin:0}.mobile-video-player-actions{display:flex;gap:12px;padding:12px 16px 16px;background:#000;border-top:1px solid rgba(255,255,255,.05)}.mobile-video-player-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.mobile-video-player-action-btn:active{transform:scale(.96);background:#ffffff26}@supports (padding: env(safe-area-inset-bottom)){.mobile-video-player-actions{padding-bottom:max(16px,env(safe-area-inset-bottom))}}.swipe-navigator{position:relative;width:100%;height:100%;overflow:hidden}.swipe-navigator.swiping{-moz-user-select:none;user-select:none;-webkit-user-select:none}.swipe-navigator-content{width:100%;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1)}.swipe-navigator.swiping .swipe-navigator-content{transition:none}.swipe-indicator{position:fixed;left:20px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:9999;pointer-events:none;transition:opacity .15s ease,transform .15s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.swipe-indicator-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:var(--accent-color);color:#fff}.swipe-indicator-text{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.swipe-progress-overlay{position:fixed;inset:0;background:linear-gradient(to right,var(--accent-color) 0%,transparent 100%);pointer-events:none;z-index:9998;transition:opacity .15s ease,transform .15s ease}.swipe-navigator:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60px;background:linear-gradient(to bottom,transparent 0%,var(--accent-color) 50%,transparent 100%);opacity:0;transition:opacity .3s ease;border-radius:0 2px 2px 0;pointer-events:none}.swipe-navigator:active:before{opacity:.3}@keyframes swipe-success{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1.5);opacity:0}}.swipe-indicator.success{animation:swipe-success .3s ease-out}@media (prefers-color-scheme: dark){.swipe-indicator{background:rgba(var(--bg-secondary-rgb),.95);box-shadow:0 4px 20px #0000004d}}@media (min-width: 768px){.swipe-navigator:before{display:none}}.mobile-library-view{display:flex;flex-direction:column;height:100%;width:100%}.mobile-library-header{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:0;background:var(--bg-primary);border:none;border-bottom:1px solid var(--border-primary);border-radius:0;position:sticky;top:0;z-index:10;box-shadow:0 1px 4px #0000000d;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:44px}.mobile-recent-categories{margin:0 16px 16px;animation:recentEnter .5s cubic-bezier(.4,0,.2,1) forwards;opacity:0;transform:translateY(-4px)}@keyframes recentEnter{to{opacity:1;transform:translateY(0)}}.mobile-recent-title{font-size:14px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.8px;margin:0 0 12px 4px;opacity:.9}.mobile-recent-scroll{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:4px 4px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.mobile-recent-scroll::-webkit-scrollbar{display:none}.mobile-recent-category-card{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);scroll-snap-align:start;min-width:200px;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;position:relative;overflow:hidden}.mobile-recent-category-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--category-color);opacity:.8;transition:width .3s ease}.mobile-recent-category-card:hover,.mobile-recent-category-card:active{transform:translateY(-2px);border-color:rgba(var(--accent-rgb, 59, 130, 246),.4);box-shadow:0 6px 16px #0000001a,0 3px 8px #0000000f}.mobile-recent-category-card:hover:before{width:6px}.mobile-recent-category-card:active{transform:translateY(0) scale(.98)}.mobile-recent-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--category-color) 0%,color-mix(in srgb,var(--category-color) 85%,black) 100%);color:#fff;flex-shrink:0;box-shadow:0 3px 10px rgba(var(--accent-rgb, 59, 130, 246),.25),inset 0 1px 2px #ffffff40;transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-recent-category-card:hover .mobile-recent-icon,.mobile-recent-category-card:active .mobile-recent-icon{transform:scale(1.1) rotate(5deg)}.mobile-recent-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.mobile-recent-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.mobile-recent-count{font-size:12px;font-weight:500;color:var(--text-secondary);white-space:nowrap;line-height:1}.mobile-library-search-header{padding:8px 16px;margin:8px 16px 0;background:transparent;border:none;position:sticky;top:8px;z-index:10}.mobile-library-search-wrapper{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;padding:8px 12px;transition:all .2s ease}.mobile-library-search-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.1)}.mobile-library-search-icon{color:var(--text-tertiary);flex-shrink:0;width:16px;height:16px}.mobile-library-search-input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:14px;font-weight:400;outline:none;padding:0}.mobile-library-search-input::-moz-placeholder{color:var(--text-tertiary);font-weight:400}.mobile-library-search-input::placeholder{color:var(--text-tertiary);font-weight:400}.mobile-library-search-clear{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;border-radius:4px;transition:all .2s ease;flex-shrink:0;width:16px;height:16px;-webkit-tap-highlight-color:transparent}.mobile-library-search-clear:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mobile-library-search-clear:active{transform:scale(.95)}.mobile-library-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;margin:8px 16px 0;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;transition:all .2s ease}.mobile-library-sort-controls{display:flex;align-items:center;gap:8px;flex:1;color:var(--text-secondary)}.mobile-library-sort-select{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:13px;font-weight:500;outline:none;cursor:pointer;padding:0;appearance:none;-webkit-appearance:none;-moz-appearance:none}.mobile-library-sort-select::-ms-expand{display:none}.mobile-library-display-controls{display:flex;align-items:center;gap:4px}.mobile-display-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.mobile-display-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--text-primary)}.mobile-display-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.mobile-display-btn:active{transform:scale(.95)}.mobile-library-back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;color:var(--text-primary);cursor:pointer;border-radius:8px;transition:all .2s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent}.mobile-library-back-btn:active{background:var(--bg-tertiary);transform:scale(.98)}.mobile-library-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.mobile-library-header-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}.mobile-library-filter-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;min-height:32px;min-width:32px;-webkit-tap-highlight-color:transparent}.mobile-library-filter-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.mobile-library-filter-btn:active{transform:scale(.98)}.mobile-library-filter-btn .rotated{transform:rotate(180deg)}.mobile-library-view-toggle{display:flex;align-items:center;gap:4px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:2px}.mobile-library-view-toggle .mobile-view-mode-btn{background:transparent;border:none;padding:4px 8px;border-radius:6px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:32px;min-height:32px;-webkit-tap-highlight-color:transparent}.mobile-library-view-toggle .mobile-view-mode-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.mobile-library-view-toggle .mobile-view-mode-btn.active{background:var(--accent-primary);color:#fff}.mobile-library-view-toggle .mobile-view-mode-btn:active{transform:scale(.95)}.mobile-library-videos{flex:1;overflow-y:auto;width:100%;padding:0}.mobile-library-videos .video-feed{padding-top:0}.mobile-library-videos .video-feed-back-button{display:none}.mobile-category-cloud{flex:1;overflow-y:auto;padding:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:start;align-content:start;padding-bottom:max(60px,calc(env(safe-area-inset-bottom) + 60px))}.mobile-category-cloud.compact{grid-template-columns:repeat(3,1fr);gap:12px;padding:12px;padding-bottom:max(60px,calc(env(safe-area-inset-bottom) + 60px))}.mobile-category-cloud.comfortable{grid-template-columns:repeat(2,1fr);gap:16px;padding:16px;padding-bottom:max(60px,calc(env(safe-area-inset-bottom) + 60px))}.mobile-category-cloud.detailed{grid-template-columns:1fr;gap:14px;padding:16px;padding-bottom:max(60px,calc(env(safe-area-inset-bottom) + 60px))}.mobile-category-pill{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:16px;color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;min-height:110px;min-width:0;-webkit-tap-highlight-color:transparent;animation:pill-enter .4s cubic-bezier(.4,0,.2,1) forwards;animation-delay:var(--animation-delay, 0s);box-shadow:0 2px 8px #00000014,0 1px 4px #0000000a;overflow:hidden}.mobile-category-pill:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(var(--accent-rgb, 59, 130, 246),.06) 0%,transparent 100%);border-radius:16px 16px 0 0;opacity:0;transition:opacity .3s ease;pointer-events:none}.mobile-category-pill:not(.empty):hover:before{opacity:1}.mobile-category-pill:not(.empty):hover{transform:translateY(-4px) scale(1.03);border-color:rgba(var(--accent-rgb, 59, 130, 246),.5);box-shadow:0 8px 24px #0000001f,0 4px 12px #00000014,0 2px 6px #0000000f}@keyframes pill-enter{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-category-pill:not(.empty):active{transform:translateY(-2px) scale(.97);border-color:rgba(var(--accent-rgb, 59, 130, 246),.6);box-shadow:0 4px 16px #0000001a,0 2px 8px #0000000f}.mobile-category-pill.empty{opacity:.4;cursor:not-allowed}.mobile-category-pill.size-sm,.mobile-category-pill.size-md,.mobile-category-pill.size-lg,.mobile-category-pill.size-xl{font-size:13px;padding:16px 12px;font-weight:600}.mobile-category-pill-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--category-color) 0%,color-mix(in srgb,var(--category-color) 85%,black) 100%);color:#fff;flex-shrink:0;box-shadow:0 4px 12px rgba(var(--accent-rgb, 59, 130, 246),.25),inset 0 1px 2px #ffffff40;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.mobile-category-pill:not(.empty):hover .mobile-category-pill-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 16px rgba(var(--accent-rgb, 59, 130, 246),.35),inset 0 1px 2px #ffffff4d}.mobile-category-pill:not(.empty):active .mobile-category-pill-icon{transform:scale(1.05) rotate(3deg)}.mobile-category-pill-name{position:relative;z-index:1;white-space:normal;text-align:center;font-size:13px;line-height:1.35;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:100%;word-break:break-word;color:var(--text-primary)}.mobile-category-pill-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 10px;background:var(--category-color);color:#fff;border-radius:12px;font-size:12px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003,inset 0 1px 2px #ffffff40;flex-shrink:0;position:relative;z-index:1;letter-spacing:.3px}.mobile-category-pill:not(.empty):hover .mobile-category-pill-count{transform:scale(1.1);box-shadow:0 3px 10px #00000040,inset 0 1px 2px #ffffff4d}.mobile-category-pill:not(.empty):active .mobile-category-pill-count{transform:scale(1.05)}.mobile-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-tertiary);font-size:16px;gap:8px;width:100%;text-align:center}.mobile-empty-hint{font-size:14px;color:var(--text-tertiary);opacity:.7}@media (max-width: 359px){.mobile-category-cloud{grid-template-columns:repeat(2,1fr);gap:8px;padding:10px}.mobile-category-pill{min-height:100px;padding:12px 8px;gap:6px}.mobile-category-pill-icon{width:38px;height:38px}.mobile-category-pill-icon svg{width:16px;height:16px}.mobile-category-pill-name{font-size:12px}.mobile-category-pill-count{min-width:24px;height:22px;font-size:11px;padding:0 8px}}@media (min-width: 360px) and (max-width: 480px){.mobile-category-cloud{grid-template-columns:repeat(3,1fr);gap:10px;padding:12px}.mobile-category-pill{min-height:105px}}@media (min-width: 480px) and (max-width: 768px){.mobile-category-cloud{grid-template-columns:repeat(3,1fr);gap:12px;padding:16px}.mobile-category-pill{min-height:115px;padding:18px 12px}.mobile-category-pill-icon{width:48px;height:48px}.mobile-category-pill-icon svg{width:20px;height:20px}.mobile-category-pill-name{font-size:14px}.mobile-category-pill-count{min-width:30px;height:26px;font-size:13px}}.mobile-library-search-container-modern{padding:16px;background:var(--bg-primary);border-bottom:1px solid var(--border-primary)}.mobile-library-search-wrapper-modern{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-secondary);border:1.5px solid transparent;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a}.mobile-library-search-wrapper-modern:focus-within{background:var(--bg-primary);border-color:var(--accent-primary);box-shadow:0 4px 16px rgba(var(--accent-rgb, 99, 102, 241),.15);transform:translateY(-1px)}.mobile-library-search-icon-modern{color:var(--text-tertiary);flex-shrink:0;transition:color .2s ease}.mobile-library-search-wrapper-modern:focus-within .mobile-library-search-icon-modern{color:var(--accent-primary)}.mobile-library-search-input-modern{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:15px;font-weight:500;outline:none;padding:0;min-width:0}.mobile-library-search-input-modern::-moz-placeholder{color:var(--text-tertiary);font-weight:400}.mobile-library-search-input-modern::placeholder{color:var(--text-tertiary);font-weight:400}.mobile-library-search-clear-btn-modern{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent}.mobile-library-search-clear-btn-modern:hover{background:var(--bg-quaternary);color:var(--text-primary);transform:scale(1.05)}.mobile-library-search-clear-btn-modern:active{transform:scale(.95)}@media (min-width: 769px){.mobile-library-view{display:none}}@media (max-width: 768px) and (orientation: landscape){.mobile-library-header{padding:6px 12px;min-height:44px;box-shadow:0 1px 4px #00000014}.mobile-library-category-title{font-size:15px}.mobile-library-back-btn{padding:5px 10px;min-height:38px;gap:4px;font-size:13px}.mobile-library-search-header{padding:4px 12px;margin:4px 12px 0}.mobile-library-search-wrapper{padding:6px 10px;border-radius:8px}.mobile-library-search-input{font-size:13px}.mobile-category-cloud{grid-template-columns:repeat(5,1fr);gap:8px;padding:8px 12px;align-content:start}.mobile-category-pill{min-height:85px;padding:8px 10px;gap:6px;border-radius:12px}.mobile-category-pill-icon{width:32px;height:32px;border-radius:8px}.mobile-category-pill-icon svg{width:14px;height:14px}.mobile-category-pill-name{font-size:11px;line-height:1.3;-webkit-line-clamp:2}.mobile-category-pill-count{min-width:22px;height:20px;font-size:10px;padding:0 7px;border-radius:10px}.mobile-recent-categories{margin:0 12px 12px}.mobile-recent-title{font-size:12px;margin:0 0 8px 4px}.mobile-recent-scroll{gap:8px;padding:2px 2px 8px}.mobile-recent-category-card{min-width:160px;padding:8px 12px;gap:8px;border-radius:10px}.mobile-recent-icon{width:32px;height:32px;border-radius:8px}.mobile-recent-icon svg{width:14px;height:14px}.mobile-recent-name{font-size:12px}.mobile-recent-count{font-size:10px}@keyframes pill-enter{0%{opacity:0;transform:translateY(4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-category-pill:not(.empty):hover{transform:translateY(-2px) scale(1.02)}.mobile-category-pill:not(.empty):hover .mobile-category-pill-icon{transform:scale(1.08) rotate(3deg)}.mobile-category-pill:not(.empty):hover .mobile-category-pill-count{transform:scale(1.08)}}@media (max-width: 768px) and (orientation: landscape) and (max-height: 400px){.mobile-category-cloud{grid-template-columns:repeat(6,1fr);gap:6px;padding:6px 10px}.mobile-category-pill{min-height:70px;padding:6px 8px;gap:4px}.mobile-category-pill-icon{width:28px;height:28px}.mobile-category-pill-icon svg{width:12px;height:12px}.mobile-category-pill-name{font-size:10px;line-height:1.2}.mobile-category-pill-count{min-width:20px;height:18px;font-size:9px;padding:0 6px}.mobile-recent-categories{display:none}.mobile-library-header{padding:4px 10px;min-height:40px}.mobile-library-search-header{padding:3px 10px;margin:3px 10px 0}}@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape){.mobile-library-view{display:flex}.mobile-category-cloud{grid-template-columns:repeat(6,1fr);gap:12px;padding:12px 16px}.mobile-category-pill{min-height:95px}}@media (max-width: 768px) and (orientation: portrait){.mobile-category-cloud{padding-bottom:max(60px,calc(env(safe-area-inset-bottom) + 60px))}.mobile-category-pill{min-height:110px;padding:16px 12px}.mobile-library-back-btn{min-height:48px}}.mobile-library-simple{padding:0;overflow-y:auto;overflow-x:hidden;width:100%;max-width:100vw;box-sizing:border-box}.mobile-library-filters{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:0 0 12px;box-sizing:border-box}.mobile-library-filters::-webkit-scrollbar{display:none}.mobile-library-filters-scroll{display:flex;gap:8px;align-items:center;padding:0 8px;width:-moz-max-content;width:max-content;box-sizing:border-box}.mobile-filter-pill{flex-shrink:0;padding:8px 16px;background:var(--bg-secondary);border:1.5px solid var(--border-primary);border-radius:20px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent;outline:none}.mobile-filter-pill:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--text-primary)}.mobile-filter-pill.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;font-weight:600}.mobile-filter-pill:active{transform:scale(.96)}.mobile-library-categories-section{flex:1;overflow-y:auto;padding-bottom:max(60px,calc(env(safe-area-inset-bottom) + 60px))}.mobile-category-row-simple{display:flex;flex-direction:column;gap:12px;padding:16px;width:100%;box-sizing:border-box}.mobile-empty-state-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;gap:12px}.mobile-empty-icon{color:var(--text-tertiary);opacity:.4;margin-bottom:8px}.mobile-empty-text{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.mobile-empty-hint{font-size:14px;color:var(--text-tertiary);margin:0;opacity:.8}.mobile-library-feed-view{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.mobile-library-header-new{display:flex;flex-direction:column;background:var(--bg-primary, #1a1a1a);border-bottom:1px solid var(--border-primary, rgba(255, 255, 255, .1));position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000001a}.mobile-library-header-content{display:flex;align-items:center;gap:8px;padding:8px 12px}.mobile-library-hamburger-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary, #ffffff);cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0}.mobile-library-hamburger-btn svg{width:20px;height:20px}.mobile-library-hamburger-btn:hover{background:#ffffff1a;border-color:var(--primary-color, #4a9eff)}.mobile-library-hamburger-btn:active{transform:scale(.95);background:#ffffff14}.mobile-library-header-title{font-size:18px;font-weight:700;color:var(--text-primary, #ffffff);margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-library-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.mobile-library-clear-filter-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#ff64641a;border:1px solid rgba(255,100,100,.2);color:#ff6464;cursor:pointer;transition:all .2s ease;padding:0}.mobile-library-clear-filter-btn svg{width:18px;height:18px}.mobile-library-clear-filter-btn:hover{background:#ff646426;border-color:#ff64644d}.mobile-library-clear-filter-btn:active{transform:scale(.92)}.mobile-library-filter-badge{padding:8px 16px;background:#4a9eff1a;border-top:1px solid rgba(74,158,255,.2);color:var(--primary-color, #4a9eff);font-size:12px;font-weight:600;text-align:center;letter-spacing:.5px;text-transform:uppercase}.mobile-library-feed-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:0}.mobile-library-feed-content::-webkit-scrollbar{width:6px}.mobile-library-feed-content::-webkit-scrollbar-track{background:transparent}.mobile-library-feed-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.mobile-library-feed-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.mobile-library-video-grid{display:flex;flex-direction:column;gap:0;padding:0}.mobile-library-feed-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:16px}.mobile-library-feed-loading .spinner{color:var(--primary-color, #4a9eff);animation:spin 1s linear infinite}.mobile-library-loading-progress{width:200px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.mobile-library-loading-progress-bar{height:100%;background:linear-gradient(90deg,#4a9eff,#00d4ff);border-radius:2px;transition:width .3s ease}.mobile-library-loading-text{font-size:14px;color:var(--text-secondary, rgba(255, 255, 255, .6));margin:0;text-align:center}.mobile-library-feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;gap:16px;color:var(--text-secondary, rgba(255, 255, 255, .5));text-align:center}.mobile-library-feed-empty svg{opacity:.3;margin-bottom:8px}.mobile-empty-title{font-size:18px;font-weight:600;color:var(--text-primary, #ffffff);margin:0}.mobile-library-retry-btn,.mobile-library-clear-btn{margin-top:16px;padding:12px 24px;border-radius:10px;background:var(--primary-color, #4a9eff);color:#fff;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.mobile-library-retry-btn:hover,.mobile-library-clear-btn:hover{background:var(--primary-color-hover, #3a8eef);transform:translateY(-1px)}.mobile-library-retry-btn:active,.mobile-library-clear-btn:active{transform:translateY(0) scale(.98)}@media (orientation: landscape) and (max-height: 500px){.mobile-library-header-new{position:relative}.mobile-library-header-content{padding:6px 12px}.mobile-library-header-title{font-size:16px}.mobile-library-hamburger-btn{width:32px;height:32px}.mobile-library-hamburger-btn svg{width:18px;height:18px}.mobile-library-clear-filter-btn{width:32px;height:32px}.mobile-library-clear-filter-btn svg{width:16px;height:16px}.mobile-library-feed-loading,.mobile-library-feed-empty{padding:40px 24px}}.mobile-library-loading-more{display:flex;align-items:center;justify-content:center;gap:12px;padding:32px 24px;color:var(--text-secondary, rgba(255, 255, 255, .6));font-size:14px;font-weight:500}.mobile-library-loading-more .spinner{color:var(--primary-color, #4a9eff);animation:spin 1s linear infinite}.mobile-library-end-of-feed{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;gap:8px;text-align:center;color:var(--text-secondary, rgba(255, 255, 255, .6))}.mobile-library-end-of-feed p{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #ffffff)}.mobile-library-end-of-feed .mobile-empty-hint{font-size:13px;color:var(--text-tertiary, rgba(255, 255, 255, .4));margin:0}[data-theme=light] .mobile-library-header-new{background:#fff;border-bottom-color:#0000001a}[data-theme=light] .mobile-library-header-title{color:#000}[data-theme=light] .mobile-library-hamburger-btn{background:#0000000a;border-color:#0000001f;color:#000}[data-theme=light] .mobile-library-hamburger-btn:hover{background:#00000014;border-color:var(--primary-color, #4a9eff)}[data-theme=light] .mobile-library-hamburger-btn:active{transform:scale(.95);background:#0000000f}[data-theme=light] .mobile-library-feed-content::-webkit-scrollbar-thumb{background:#0003}[data-theme=light] .mobile-library-feed-content::-webkit-scrollbar-thumb:hover{background:#0000004d}[data-theme=light] .mobile-empty-title{color:#000}[data-theme=light] .mobile-library-loading-text{color:#0009}[data-theme=light] .mobile-library-loading-progress{background:#0000001a}.mobile-library-retry-text{font-size:12px;color:var(--color-warning, #f59e0b);margin-top:8px;font-weight:600;text-align:center}.mobile-library-channel-progress{margin-top:16px;font-size:12px;color:var(--text-secondary)}.channel-progress-item{padding:4px 0;color:var(--color-success, #10b981);opacity:.9;font-size:11px}.mobile-library-diagnostics{position:absolute;top:100%;left:0;right:0;background:#000000f2;color:#fff;padding:12px;font-size:11px;font-family:Monaco,Courier New,monospace;z-index:1000;border-top:1px solid var(--border-primary);display:flex;flex-wrap:wrap;gap:8px}.diagnostic-item{flex:0 0 calc(50% - 4px);padding:6px 8px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff0d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.diagnostic-item strong{color:#60a5fa;margin-right:4px;font-weight:600}.delete-playlist-modal{max-width:550px;width:90%}.modal-header{display:flex;align-items:center;gap:12px;padding:24px 24px 16px;border-bottom:1px solid var(--border-primary);position:relative}.header-icon-warning{width:40px;height:40px;border-radius:50%;background:#dc26261a;display:flex;align-items:center;justify-content:center;color:#dc3545;flex-shrink:0}[data-theme=Dark] .header-icon-warning{background:#ef444433;color:#f87171}.modal-header h2{flex:1;margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.modal-close-btn{position:absolute;top:20px;right:20px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:24px;display:flex;flex-direction:column;gap:20px;max-height:60vh;overflow-y:auto}.warning-box{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#dc26260d;border:1px solid rgba(220,38,38,.2);border-radius:8px;font-size:13px;color:var(--text-secondary)}[data-theme=Dark] .warning-box{background:#ef44441a;border-color:#ef44444d}.warning-box svg{color:#dc3545;flex-shrink:0;margin-top:2px}[data-theme=Dark] .warning-box svg{color:#f87171}.warning-box strong{color:var(--text-primary)}.special-warning{background:#ffc1070d;border-color:#ffc1074d}[data-theme=Dark] .special-warning{background:#ffc1071a;border-color:#ffc10766}.special-warning svg{color:#f59e0b}.special-warning strong{display:block;margin-bottom:4px;color:var(--text-primary)}.special-warning p{margin:0;line-height:1.5}.playlists-to-delete{display:flex;flex-direction:column;gap:12px}.delete-summary{font-size:14px;color:var(--text-primary);margin:0}.delete-summary strong{color:#dc3545}[data-theme=Dark] .delete-summary strong{color:#f87171}.playlist-list-scrollable{max-height:200px;overflow-y:auto;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary)}.playlist-delete-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-primary);gap:12px}.playlist-delete-item:last-child{border-bottom:none}.playlist-delete-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.playlist-delete-name{font-weight:600;color:var(--text-primary);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-delete-count{font-size:12px;color:var(--text-tertiary)}.youtube-indicator,.special-indicator{padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.youtube-indicator{background:red;color:#fff}.special-indicator{background:var(--accent-primary);color:#fff}.youtube-delete-option{padding:16px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-primary)}.checkbox-label-large{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.checkbox-label-large input[type=checkbox]{margin-top:3px;cursor:pointer;width:18px;height:18px;flex-shrink:0}.checkbox-label-content{display:flex;flex-direction:column;gap:4px;flex:1}.checkbox-label-content strong{font-size:14px;color:var(--text-primary)}.checkbox-description{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;line-height:1.5}.confirmation-input-section{display:flex;flex-direction:column;gap:8px}.confirmation-label{font-size:13px;color:var(--text-secondary)}.confirmation-label strong{color:var(--text-primary);font-weight:600}.confirmation-input{width:100%;padding:10px 12px;border:2px solid var(--border-primary);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;font-family:monospace;font-weight:600;text-transform:uppercase;transition:all .2s ease}.confirmation-input:focus{outline:none;border-color:#dc3545;box-shadow:0 0 0 3px #dc26261a}.confirmation-input::-moz-placeholder{color:var(--text-tertiary);opacity:.5}.confirmation-input::placeholder{color:var(--text-tertiary);opacity:.5}.modal-footer{display:flex;gap:12px;padding:16px 24px 24px;border-top:1px solid var(--border-primary)}.btn-cancel{flex:1;padding:10px 20px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.btn-delete-confirm{flex:1;padding:10px 20px;border:1px solid #dc3545;border-radius:8px;background:#dc3545;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-delete-confirm:hover:not(:disabled){background:#c82333;border-color:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.btn-delete-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none}.playlist-list-scrollable::-webkit-scrollbar{width:6px}.playlist-list-scrollable::-webkit-scrollbar-track{background:transparent}.playlist-list-scrollable::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.playlist-list-scrollable::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width: 768px){.delete-playlist-modal{max-width:95%}.modal-header{padding:20px 20px 12px}.modal-body{padding:20px}.modal-footer{flex-direction:column;padding:12px 20px 20px}}.playlist-preview-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1999;transition:opacity .3s ease;isolation:isolate}.playlist-preview-modal{position:fixed;bottom:0;left:0;right:0;max-height:85vh;background:var(--bg-primary);border-radius:24px 24px 0 0;z-index:2000;display:flex;flex-direction:column;box-shadow:0 -8px 32px #0006;overflow:hidden;touch-action:pan-y}.playlist-preview-modal.dragging{transition:none}.preview-drag-handle{padding:12px 0 8px;display:flex;justify-content:center;align-items:center;cursor:grab;touch-action:none}.preview-drag-handle:active{cursor:grabbing}.preview-drag-bar{width:48px;height:4px;background:var(--border-primary);border-radius:2px;opacity:.6}.preview-close-btn{position:absolute;top:12px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;z-index:10}.preview-close-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary);transform:scale(1.1)}.preview-close-btn:active{transform:scale(.95)}.preview-header{padding:0 20px 16px;border-bottom:1px solid var(--border-primary)}.preview-title{font-size:22px;font-weight:600;color:var(--text-primary);margin:0 0 8px;padding-right:40px;line-height:1.3}.preview-description{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.preview-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.stat-value{font-size:18px;font-weight:600;color:var(--text-primary)}.preview-carousel-container{padding:20px 0;border-bottom:1px solid var(--border-primary)}.preview-carousel-label{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:500;text-align:center;margin-bottom:12px}.preview-carousel{position:relative;display:flex;align-items:center;justify-content:center;padding:0 20px;min-height:240px}.carousel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;z-index:5}.carousel-nav-btn:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.carousel-nav-btn:active{transform:translateY(-50%) scale(.95)}.carousel-prev{left:12px}.carousel-next{right:12px}.preview-video-card{width:100%;max-width:320px;background:var(--bg-secondary);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0003;transition:transform .3s ease}.preview-video-card:active{transform:scale(.98)}.preview-video-thumbnail{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--bg-tertiary);overflow:hidden}.preview-video-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.preview-video-duration{position:absolute;bottom:8px;right:8px;padding:4px 8px;background:#000c;color:#fff;font-size:12px;font-weight:500;border-radius:4px}.preview-video-info{padding:12px}.preview-video-title{font-size:14px;font-weight:500;color:var(--text-primary);margin:0 0 6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-video-channel{font-size:12px;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carousel-dots{display:flex;justify-content:center;gap:8px;padding:12px 0 0}.carousel-dot{width:8px;height:8px;border-radius:50%;background:var(--border-primary);border:none;cursor:pointer;transition:all .2s ease;padding:0}.carousel-dot.active{background:var(--accent-primary);width:24px;border-radius:4px}.carousel-dot:hover{background:var(--text-tertiary)}.preview-empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-tertiary);font-size:14px}.preview-tags{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px;border-bottom:1px solid var(--border-primary)}.preview-tag{padding:6px 12px;background:var(--bg-secondary);color:var(--accent-primary);font-size:12px;font-weight:500;border-radius:16px;border:1px solid var(--border-primary)}.preview-tag-more{padding:6px 12px;background:transparent;color:var(--text-tertiary);font-size:12px;font-weight:500;border-radius:16px;border:1px solid var(--border-primary)}.preview-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:20px}.preview-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.preview-action-btn:active{transform:scale(.96)}.preview-action-btn.primary{background:var(--accent-primary);color:#fff;grid-column:span 2}.preview-action-btn.primary:hover{background:var(--accent-secondary);box-shadow:0 4px 12px #ff00004d}.preview-action-btn.secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.preview-action-btn.secondary:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.preview-action-btn.danger{background:var(--bg-secondary);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.preview-action-btn.danger:hover{background:#ef44441a;border-color:#ef4444}.preview-swipe-hint{padding:12px 20px 20px;text-align:center;font-size:12px;color:var(--text-tertiary);opacity:.6}@keyframes preview-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.playlist-preview-modal{animation:preview-slide-up .4s cubic-bezier(.4,0,.2,1)}.playlist-preview-backdrop{animation:backdrop-fade-in .3s ease}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}.preview-video-card{animation:card-fade-in .3s ease}@keyframes card-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px) and (orientation: landscape){.playlist-preview-modal{max-height:90vh;border-radius:16px 16px 0 0}.preview-header{padding:0 16px 12px}.preview-title{font-size:18px}.preview-stats{padding:12px 16px;gap:8px}.stat-value{font-size:16px}.preview-carousel-container{padding:16px 0}.preview-carousel{min-height:180px}.preview-video-card{max-width:280px}.carousel-nav-btn{width:36px;height:36px}.preview-actions{padding:16px;gap:10px}.preview-action-btn{padding:12px 16px;font-size:14px}.preview-swipe-hint{padding:10px 16px 16px}}@media (max-width: 768px) and (orientation: landscape) and (max-height: 400px){.playlist-preview-modal{max-height:95vh}.preview-header{padding:0 12px 10px}.preview-title{font-size:16px}.preview-stats{padding:10px 12px;gap:6px}.stat-label{font-size:10px}.stat-value{font-size:14px}.preview-carousel-container{padding:12px 0}.preview-carousel{min-height:140px;padding:0 12px}.preview-video-card{max-width:220px}.preview-video-info{padding:8px}.preview-video-title{font-size:12px;-webkit-line-clamp:1}.preview-video-channel{font-size:11px}.carousel-nav-btn{width:32px;height:32px}.carousel-dots{padding:8px 0 0}.preview-tags{padding:12px;gap:6px}.preview-tag,.preview-tag-more{padding:4px 10px;font-size:11px}.preview-actions{padding:12px;gap:8px}.preview-action-btn{padding:10px 14px;font-size:13px}.preview-swipe-hint{display:none}}.preview-action-btn:focus-visible,.preview-close-btn:focus-visible,.carousel-nav-btn:focus-visible,.carousel-dot:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.playlist-preview-modal,.playlist-preview-backdrop,.preview-video-card,.preview-action-btn,.carousel-nav-btn{animation:none;transition:none}.carousel-dot{transition:background .2s ease}}@media (prefers-contrast: high){.playlist-preview-modal{border:2px solid var(--border-primary)}.preview-action-btn.secondary,.preview-action-btn.danger{border-width:2px}.preview-drag-bar{background:var(--text-primary);opacity:1}}[data-theme=Dark] .playlist-preview-backdrop{background:#000000bf}[data-theme=Dark] .preview-video-card{box-shadow:0 4px 12px #00000080}[data-theme=Dark] .carousel-nav-btn{background:#ffffff1a;border-color:#fff3}[data-theme=Dark] .carousel-nav-btn:hover{background:#fff3}.playlist-preview-modal,.preview-video-card{will-change:transform;contain:layout style paint}.playlist-preview-modal,.preview-video-card,.carousel-nav-btn{transform:translateZ(0);backface-visibility:hidden}.mobile-playlists-view{display:flex;flex-direction:column;height:100%;width:100%}.mobile-playlists-list{display:flex;flex-direction:column;padding:0;flex:1;overflow-y:auto;height:100%}.mobile-playlist-search-container{position:sticky;top:0;z-index:10;background:linear-gradient(to bottom,var(--bg-primary) 0%,var(--bg-primary) 80%,transparent 100%);padding:16px;border-bottom:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;gap:12px;box-shadow:0 2px 12px #0000000a}.mobile-playlist-search-wrapper{position:relative;display:flex;align-items:center;background:var(--bg-secondary);border:2px solid transparent;border-radius:16px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);flex:1;box-shadow:0 2px 8px #0000000a}.mobile-playlist-search-wrapper:focus-within{border-color:var(--accent-primary);background:var(--bg-primary);box-shadow:0 4px 16px color-mix(in srgb,var(--accent-primary) 15%,transparent),0 0 0 4px color-mix(in srgb,var(--accent-primary) 8%,transparent);transform:translateY(-1px)}.mobile-playlist-search-icon{color:var(--accent-primary);flex-shrink:0;margin-right:10px;transition:transform .3s ease}.mobile-playlist-search-wrapper:focus-within .mobile-playlist-search-icon{transform:scale(1.1)}.mobile-playlist-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:15px;font-weight:500;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mobile-playlist-search-input::-moz-placeholder{color:var(--text-tertiary);font-weight:400}.mobile-playlist-search-input::placeholder{color:var(--text-tertiary);font-weight:400}.mobile-playlist-search-clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:8px;-webkit-tap-highlight-color:transparent}.mobile-playlist-search-clear:hover{background:var(--accent-primary);color:#fff;transform:rotate(90deg)}.mobile-playlist-search-clear:active{transform:rotate(90deg) scale(.9)}.mobile-playlist-create-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--accent-primary) 0%,color-mix(in srgb,var(--accent-primary) 85%,black) 100%);border:none;border-radius:16px;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 12px color-mix(in srgb,var(--accent-primary) 30%,transparent);position:relative;overflow:hidden}.mobile-playlist-create-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.2) 100%);opacity:0;transition:opacity .3s ease}.mobile-playlist-create-btn:hover:before{opacity:1}.mobile-playlist-create-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px color-mix(in srgb,var(--accent-primary) 40%,transparent)}.mobile-playlist-create-btn:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px color-mix(in srgb,var(--accent-primary) 25%,transparent)}.mobile-playlist-card{display:flex;align-items:stretch;gap:0;margin:12px 16px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;box-shadow:0 2px 8px #0000000a;position:relative}.mobile-playlist-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014;border-color:var(--accent-primary)}.mobile-playlist-card.dragging{opacity:.6;transform:scale(1.02);box-shadow:0 12px 32px #00000026}.mobile-playlist-card.drag-overlay{background:var(--bg-secondary);border:2px solid var(--accent-primary);box-shadow:0 8px 32px #0003}.mobile-playlist-card.selected{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 5%,var(--bg-primary));box-shadow:0 4px 16px color-mix(in srgb,var(--accent-primary) 20%,transparent)}.mobile-playlist-drag-handle{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);cursor:grab;padding:0 12px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border-primary);transition:all .2s ease}.mobile-playlist-drag-handle:active{cursor:grabbing;background:var(--bg-tertiary);color:var(--accent-primary)}.mobile-playlist-card-content{display:flex;align-items:center;gap:12px;flex:1;padding:12px;cursor:pointer;min-height:100px}.mobile-playlist-thumbnail{position:relative;width:100px;height:75px;border-radius:12px;overflow:hidden;flex-shrink:0;background:var(--bg-secondary);box-shadow:0 2px 8px #0000001a}.mobile-playlist-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.mobile-playlist-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);color:var(--text-tertiary)}.mobile-playlist-badge{position:absolute;top:6px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003}.mobile-playlist-badge.pinned{left:6px;background:color-mix(in srgb,var(--accent-primary) 90%,transparent);color:#fff}.mobile-playlist-badge.favorite{right:6px;background:#fbbf24e6;color:#fff}.mobile-playlist-video-count-badge{position:absolute;bottom:6px;right:6px;padding:4px 8px;background:#000000d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:11px;font-weight:700;border-radius:6px;box-shadow:0 2px 8px #0000004d;min-width:24px;text-align:center}.mobile-playlist-card-info{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0;justify-content:center}.mobile-playlist-card-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.mobile-playlist-card-meta{font-size:13px;color:var(--text-secondary);margin:0;font-weight:500}.mobile-playlist-card-more-btn{display:flex;align-items:center;justify-content:center;padding:0 16px;background:transparent;border:none;border-left:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;flex-shrink:0}.mobile-playlist-card-more-btn:hover{background:var(--bg-secondary);color:var(--accent-primary)}.mobile-playlist-card-more-btn:active{transform:scale(.9);background:var(--bg-tertiary)}.mobile-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;color:var(--text-secondary);font-size:16px;gap:12px;text-align:center}.mobile-empty-state p:first-child{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.mobile-empty-hint{font-size:14px;color:var(--text-tertiary);opacity:.8;margin:0}.mobile-playlist-skeleton{display:flex;align-items:stretch;gap:0;margin:12px 16px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;overflow:hidden;min-height:100px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.skeleton-drag{width:40px;background:var(--bg-secondary);border-right:1px solid var(--border-primary)}.skeleton-info{display:flex;flex-direction:column;gap:8px;flex:1;padding:16px;justify-content:center}.skeleton-name{width:60%;height:18px;background:var(--bg-tertiary);border-radius:4px}.skeleton-count{width:30%;height:14px;background:var(--bg-secondary);border-radius:4px}.skeleton-actions{display:flex;align-items:center;gap:8px;padding:0 16px}.skeleton-action{width:32px;height:32px;background:var(--bg-secondary);border-radius:6px}@media (min-width: 769px){.mobile-playlists-view{display:none}}@media (max-width: 768px) and (orientation: landscape){.mobile-playlists-view.landscape-mode{display:grid;grid-template-columns:300px 1fr;gap:0;height:100vh;height:100dvh}.mobile-playlists-list{border-right:1px solid var(--border-primary);overflow-y:auto;background:var(--bg-secondary)}.mobile-playlist-detail-panel{overflow-y:auto;background:var(--bg-primary)}.mobile-playlist-card{margin:8px 12px}.mobile-playlist-card-content{min-height:80px;padding:10px}.mobile-playlist-thumbnail{width:80px;height:60px}.mobile-playlist-card-title{font-size:14px;-webkit-line-clamp:1}.mobile-playlist-card-meta{font-size:12px}.mobile-playlist-drag-handle{padding:2px}.mobile-playlist-name{font-size:13px}.mobile-playlist-count{font-size:11px}.mobile-playlist-action-btn{width:28px;height:28px}.mobile-playlist-actions{gap:6px}.mobile-playlist-quick-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.mobile-playlist-item:hover .mobile-playlist-quick-actions{opacity:1}.mobile-playlist-quick-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s ease;padding:0}.mobile-playlist-quick-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:scale(1.05)}.mobile-playlist-quick-btn:active{transform:scale(.95)}.mobile-playlist-item.selected{background:rgba(var(--accent-rgb),.1);border-left:3px solid var(--accent-primary);padding-left:9px}.mobile-empty-state{padding:40px 16px;font-size:14px}.mobile-empty-hint{font-size:13px}}@media (max-width: 768px) and (orientation: landscape) and (max-height: 400px){.mobile-playlists-view.landscape-mode{grid-template-columns:250px 1fr}.mobile-playlist-item{padding:6px 10px;min-height:44px;gap:8px}.mobile-playlist-name{font-size:12px}.mobile-playlist-count{font-size:10px}.mobile-playlist-action-btn,.mobile-playlist-quick-btn{width:24px;height:24px}.mobile-playlist-drag-handle svg{width:14px;height:14px}.mobile-playlist-drag-handle{display:none}.mobile-empty-state{padding:30px 12px;font-size:13px}}@media (max-width: 768px){.mobile-playlist-drag-handle{display:none!important}}@media (max-width: 768px) and (orientation: landscape) and (min-height: 401px) and (max-height: 500px){.mobile-playlists-view.landscape-mode{grid-template-columns:280px 1fr}.mobile-playlist-item{padding:7px 11px;min-height:48px}.mobile-playlist-name{font-size:13px}}@media (max-width: 768px) and (orientation: landscape) and (min-height: 501px){.mobile-playlists-view.landscape-mode{grid-template-columns:320px 1fr}.mobile-playlist-item{padding:10px 14px;min-height:56px}.mobile-playlist-name{font-size:14px}.mobile-playlist-quick-actions{gap:6px}.mobile-playlist-quick-btn{width:30px;height:30px}}@media (max-width: 768px) and (orientation: portrait){.mobile-playlists-list{padding-bottom:max(60px,calc(env(safe-area-inset-bottom) + 60px))}.mobile-playlist-item{min-height:64px}.mobile-playlist-action-btn{min-width:44px;min-height:44px}}.mobile-playlist-skeleton{display:flex;align-items:center;gap:12px;padding:12px 16px;min-height:60px;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-drag{width:18px;height:18px;background:var(--bg-tertiary);border-radius:4px}.skeleton-info{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-name{height:16px;width:60%;background:var(--bg-tertiary);border-radius:4px}.skeleton-count{height:14px;width:40%;background:var(--bg-tertiary);border-radius:4px}.skeleton-actions{display:flex;gap:8px}.skeleton-action{width:32px;height:32px;background:var(--bg-tertiary);border-radius:6px}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.mobile-playlist-quick-actions{display:flex;gap:6px}.mobile-playlist-quick-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s ease;padding:0;-webkit-tap-highlight-color:transparent}.mobile-playlist-quick-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.mobile-playlist-quick-btn:active{transform:scale(.95)}.mobile-playlist-quick-btn.play-btn:hover{background:var(--success-color);border-color:var(--success-color)}.mobile-playlist-quick-btn.shuffle-btn:hover{background:#8b5cf6;border-color:#8b5cf6}.mobile-playlist-quick-btn.edit-btn:hover{background:#3b82f6;border-color:#3b82f6}.mobile-playlist-quick-btn.favorite-btn{color:var(--text-secondary)}.mobile-playlist-quick-btn.favorite-btn:hover{background:#fbbf24;border-color:#fbbf24;color:#fff}.mobile-playlist-quick-btn.favorite-btn.active{background:#fbbf2426;border-color:#fbbf24;color:#fbbf24}.mobile-playlist-quick-btn.favorite-btn.active:hover{background:#fbbf24;border-color:#fbbf24;color:#fff}.mobile-playlist-quick-btn.delete-btn{color:var(--text-secondary)}.mobile-playlist-quick-btn.delete-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.mobile-playlist-quick-btn.delete-btn:active{background:#dc2626;border-color:#dc2626}.mobile-playlist-item{animation:playlist-slide-in .3s ease-out}@keyframes playlist-slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.mobile-playlist-item.drag-overlay{animation:drag-pulse .5s ease-in-out;box-shadow:0 8px 24px #0003,0 0 0 2px var(--accent-primary)}@keyframes drag-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.mobile-playlist-action-btn.pin-btn{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.mobile-playlist-action-btn.pin-btn:active{transform:rotate(12deg) scale(1.1)}.mobile-playlist-item.haptic-feedback{animation:haptic-bounce .3s ease-out}@keyframes haptic-bounce{0%,to{transform:scale(1)}50%{transform:scale(.98)}}.mobile-playlist-item:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.mobile-playlist-action-btn:focus-visible,.mobile-playlist-quick-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}[data-theme=Dark] .mobile-playlist-item{border-bottom-color:#ffffff0d}[data-theme=Dark] .mobile-playlist-item:hover{background:#ffffff0d}[data-theme=Dark] .mobile-playlist-item.selected{background:rgba(var(--accent-rgb),.15);box-shadow:inset 0 0 20px rgba(var(--accent-rgb),.1)}[data-theme=Dark] .mobile-playlist-drag-overlay{box-shadow:0 8px 24px #0006,0 0 0 2px var(--accent-primary)}.mobile-playlist-item{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}@media (max-width: 768px) and (orientation: landscape){.mobile-playlist-search-container{padding:8px 12px}.mobile-playlist-search-wrapper{padding:8px 10px}.mobile-playlist-search-input{font-size:14px}}@media (max-width: 768px) and (orientation: landscape) and (max-height: 400px){.mobile-playlist-search-container{padding:6px 10px}.mobile-playlist-search-wrapper{padding:6px 8px}.mobile-playlist-search-icon{width:16px;height:16px}.mobile-playlist-search-input{font-size:13px}.mobile-playlist-search-clear{width:20px;height:20px}}.mobile-playlist-search-input:focus{outline:none}.mobile-playlist-search-clear:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}[data-theme=Dark] .mobile-playlist-search-container{background:var(--bg-primary);border-bottom-color:#ffffff0d}[data-theme=Dark] .mobile-playlist-search-wrapper{background:#ffffff0d;border-color:#ffffff1a}[data-theme=Dark] .mobile-playlist-search-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #ff000026}@media (max-width: 480px){.mobile-playlist-card{margin:10px 12px}.mobile-playlist-card-content{min-height:90px;padding:10px;gap:10px}.mobile-playlist-thumbnail{width:90px;height:68px}.mobile-playlist-card-title{font-size:14px}.mobile-playlist-card-meta{font-size:12px}.mobile-playlist-video-count-badge{font-size:10px;padding:3px 6px}.mobile-playlist-search-container{padding:12px;gap:10px}.mobile-playlist-search-wrapper{padding:10px 14px}.mobile-playlist-create-btn{width:44px;height:44px}}@media (max-width: 360px){.mobile-playlist-card-content{min-height:80px;gap:8px}.mobile-playlist-thumbnail{width:80px;height:60px}.mobile-playlist-card-title{font-size:13px}.mobile-playlist-card-meta{font-size:11px}.mobile-playlist-drag-handle{padding:0 10px}.mobile-playlist-card-more-btn{padding:0 12px}}@media (prefers-reduced-motion: reduce){.mobile-playlist-card,.mobile-playlist-search-wrapper,.mobile-playlist-search-clear,.mobile-playlist-create-btn,.mobile-playlist-card-more-btn,.mobile-playlist-drag-handle{animation:none;transition:none}.mobile-playlist-card.drag-overlay,.mobile-playlist-skeleton{animation:none}}.mobile-settings-view{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;background:var(--bg-primary);padding-bottom:60px}.mobile-settings-content{padding:20px 16px;max-width:100%}.mobile-settings-error{display:flex;align-items:center;justify-content:center;height:100%;padding:40px 20px;text-align:center;color:var(--text-secondary)}.mobile-settings-error p{font-size:16px}.mobile-settings-profile{display:flex;flex-direction:column;align-items:center;padding:24px 16px;margin-bottom:32px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-primary)}.mobile-settings-avatar{position:relative;margin-bottom:16px}.mobile-settings-avatar-img{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid var(--border-primary)}.mobile-settings-avatar-placeholder{width:80px;height:80px;border-radius:50%;background:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;color:#fff;border:3px solid var(--border-primary)}.mobile-settings-profile-info{text-align:center;width:100%}.mobile-settings-name{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 8px;word-break:break-word}.mobile-settings-email{font-size:14px;color:var(--text-secondary);margin:0;word-break:break-word}.mobile-settings-theme-section{margin-top:24px}.mobile-settings-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:0 4px}.mobile-settings-section-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.mobile-settings-section-header svg{color:var(--text-secondary);flex-shrink:0}.mobile-settings-theme-list{display:flex;flex-direction:column;gap:8px}.mobile-settings-theme-item{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden;transition:all .2s ease;min-height:64px;cursor:move}.mobile-settings-theme-item:active{opacity:.7}.mobile-settings-theme-item.active{border-color:var(--accent-primary);background:var(--bg-tertiary);box-shadow:0 0 0 2px rgba(var(--accent-rgb, 31, 111, 235),.2)}.mobile-settings-theme-item.dragging{opacity:.5}.mobile-settings-theme-drag-handle{display:flex;align-items:center;justify-content:center;padding:0 12px;background:transparent;border:none;color:var(--text-tertiary);cursor:grab;min-width:44px;min-height:44px;-webkit-tap-highlight-color:transparent}.mobile-settings-theme-drag-handle:active{cursor:grabbing}.mobile-settings-theme-drag-handle svg{flex-shrink:0}.mobile-settings-theme-select-btn{flex:1;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 0;background:transparent;border:none;color:var(--text-primary);cursor:pointer;text-align:left;min-height:44px;-webkit-tap-highlight-color:transparent}.mobile-settings-theme-select-btn:active{opacity:.7}.mobile-settings-theme-color-preview{width:48px;height:48px;border-radius:10px;overflow:hidden;flex-shrink:0;border:2px solid var(--border-primary);box-shadow:0 2px 4px #0000001a}.mobile-settings-theme-color-gradient{width:100%;height:100%}.mobile-settings-theme-number{font-size:14px;font-weight:600;color:var(--text-tertiary);min-width:24px;text-align:center}.mobile-settings-theme-name{flex:1;font-size:16px;font-weight:500;color:var(--text-primary)}.mobile-settings-theme-item.active .mobile-settings-theme-name{color:var(--accent-primary);font-weight:600}.mobile-settings-theme-check{color:var(--accent-primary);flex-shrink:0;margin-left:auto}@media (max-width: 480px){.mobile-settings-content{padding:16px 12px}.mobile-settings-profile{padding:20px 12px;margin-bottom:24px}.mobile-settings-avatar-img,.mobile-settings-avatar-placeholder{width:64px;height:64px;font-size:24px}.mobile-settings-name{font-size:18px}.mobile-settings-email{font-size:13px}.mobile-settings-theme-color-preview{width:40px;height:40px}.mobile-settings-theme-name{font-size:15px}}.view-controls{display:flex;align-items:center;gap:24px;padding:12px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:10px;position:relative}.hide-controls-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid var(--border-primary);border-radius:4px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:4px}.hide-controls-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-primary)}.show-controls-btn{padding:6px 14px;border:2px solid var(--border-primary);border-radius:11px;background:var(--bg-tertiary);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 8px var(--shadow-medium),0 1px 4px var(--shadow-light),inset 0 1px 2px #ffffff1a}.show-controls-btn:hover{background:var(--bg-quaternary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 6px 14px var(--shadow-medium),0 2px 6px var(--shadow-light),inset 0 1px 2px #ffffff26}.control-label{font-size:12px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.multi-select-toggle{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:11px;color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 8px var(--shadow-medium),0 1px 4px var(--shadow-light),inset 0 1px 2px #ffffff1a}.multi-select-toggle:hover{background:var(--bg-quaternary);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 6px 14px var(--shadow-medium),0 2px 6px var(--shadow-light),inset 0 1px 2px #ffffff26}.multi-select-toggle.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 6px 16px rgba(var(--accent-rgb),.45),0 2px 8px rgba(var(--accent-rgb),.3),inset 0 2px 4px #0000001f}.multi-select-toggle svg{width:16px;height:16px}.filters-toggle{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:11px;color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 8px var(--shadow-medium),0 1px 4px var(--shadow-light),inset 0 1px 2px #ffffff1a}.filters-toggle:hover{background:var(--bg-quaternary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 6px 14px var(--shadow-medium),0 2px 6px var(--shadow-light),inset 0 1px 2px #ffffff26}.filters-toggle.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 6px 16px rgba(var(--accent-rgb),.45),0 2px 8px rgba(var(--accent-rgb),.3),inset 0 2px 4px #0000001f}.filters-toggle svg{width:16px;height:16px}.density-buttons,.column-buttons{display:flex;gap:6px;background:var(--bg-secondary);padding:4px;border-radius:14px;border:2px solid var(--border-primary);flex-wrap:wrap;box-shadow:0 4px 14px #0000001a,0 2px 7px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a;transition:all .25s cubic-bezier(.4,0,.2,1)}.density-btn,.column-btn{padding:8px 12px;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;box-shadow:0 3px 8px #00000014,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}.column-btn{padding:8px 14px;min-width:40px}.density-btn:hover,.column-btn:hover{color:var(--text-primary);background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px #0000001f,0 3px 8px #00000014,0 1px 4px #0000000a,inset 0 1px 2px #ffffff26}.density-btn.active,.column-btn.active{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;border-color:var(--accent-primary);transform:translateY(-2px) scale(1.02);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.25),0 8px 24px rgba(var(--accent-rgb),.3),0 4px 12px rgba(var(--accent-rgb),.22),0 2px 6px rgba(var(--accent-rgb),.15),inset 0 1px 2px #fff3}.density-btn.active:hover,.column-btn.active:hover{background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent-primary) 100%);transform:translateY(-3px) scale(1.03);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.3),0 12px 32px rgba(var(--accent-rgb),.35),0 6px 16px rgba(var(--accent-rgb),.28),0 3px 8px rgba(var(--accent-rgb),.2),inset 0 2px 4px #ffffff40}.density-btn svg,.column-btn svg{transition:transform .15s ease}.density-btn.active svg,.column-btn.active svg{transform:scale(1.1)}.sort-select{padding:6px 12px;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:11px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 8px var(--shadow-medium),0 1px 4px var(--shadow-light),inset 0 1px 2px #ffffff1a}.sort-select:hover{background:var(--bg-quaternary);transform:translateY(-1px);box-shadow:0 6px 14px var(--shadow-medium),0 2px 6px var(--shadow-light),inset 0 1px 2px #ffffff26}.sort-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15),0 4px 12px var(--shadow-medium)}.sort-direction-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:11px;color:var(--text-primary);cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 8px var(--shadow-medium),0 1px 4px var(--shadow-light),inset 0 1px 2px #ffffff1a}.sort-direction-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--accent-rgb),.45),0 2px 8px rgba(var(--accent-rgb),.3)}.sort-direction-btn svg{transition:transform .2s ease}.sort-direction-btn svg.rotated{transform:rotate(180deg)}@media (max-width: 768px){.view-controls{flex-direction:column;align-items:stretch;gap:12px}.control-group{justify-content:space-between}}.bulk-actions-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--accent-primary);color:#fff;animation:slideDown .3s ease-out}.bulk-actions-info{display:flex;align-items:center;gap:12px}.selection-count{font-size:14px;font-weight:600}.bulk-actions-buttons{display:flex;align-items:center;gap:8px}.bulk-action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.bulk-action-btn:hover{background:#ffffff4d}.bulk-action-btn.active{background:#ffffff59;box-shadow:0 2px 8px #00000026}.bulk-action-btn.danger{background:#dc2626cc;border-color:#dc2626e6}.bulk-action-btn.danger:hover{background:#dc2626}.bulk-action-btn.secondary{background:#0003;border-color:#0000004d}.bulk-action-btn.secondary:hover{background:#0000004d}.move-dropdown-bulk{position:relative}.bulk-move-dropdown{position:absolute;top:100%;left:0;margin-top:8px;background:var(--bg-primary);border:1px solid var(--card-border);border-radius:8px;box-shadow:0 8px 32px #0003;min-width:250px;max-height:400px;overflow-y:auto;z-index:1000;animation:slideDown .2s ease-out}.bulk-move-dropdown::-webkit-scrollbar{width:8px}.bulk-move-dropdown::-webkit-scrollbar-track{background:transparent}.bulk-move-dropdown::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:4px;opacity:.5}.bulk-move-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-primary);opacity:.7}.bulk-move-option{display:block;width:100%;text-align:left;padding:14px 16px;background:none;border:none;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:1px solid var(--card-border)}.bulk-move-option:last-child{border-bottom:none}.bulk-move-option:hover{background:var(--bg-secondary);padding-left:20px}.bulk-move-option:first-child{border-radius:8px 8px 0 0}.bulk-move-option:last-child{border-radius:0 0 8px 8px}.advanced-filters{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;margin-bottom:20px;animation:slideDown .2s ease}.advanced-filters-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-secondary)}.filters-title{display:flex;align-items:center;gap:10px;color:var(--text-primary)}.filters-title h3{margin:0;font-size:16px;font-weight:600}.active-filters-badge{background:var(--accent-primary);color:#fff;font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center}.filters-actions{display:flex;align-items:center;gap:12px}.clear-filters-btn{background:none;border:1px solid var(--border-primary);color:var(--text-secondary);font-size:13px;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .15s ease}.clear-filters-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.close-filters-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:4px;transition:all .15s ease}.close-filters-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.advanced-filters-content{padding:20px;display:grid;gap:24px}.filter-section{display:flex;flex-direction:column;gap:10px}.filter-section-title{margin:0;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.filter-options{display:flex;flex-wrap:wrap;gap:8px}.filter-option-btn{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary);font-size:14px;padding:8px 14px;border-radius:8px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.filter-option-btn:hover{background:var(--bg-quaternary);border-color:var(--accent-primary);transform:translateY(-1px)}.filter-option-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;font-weight:600}.filter-option-btn.active:hover{background:var(--accent-secondary);border-color:var(--accent-secondary)}@media (max-width: 768px){.advanced-filters-content{padding:16px;gap:20px}.filter-options{gap:6px}.filter-option-btn{font-size:13px;padding:7px 12px}}.main-content{flex:1;overflow-y:auto;padding:32px 28px 32px 0;background:var(--bg-primary);width:100%;max-width:100%}.channels-grid{display:grid;gap:24px;width:100%;padding-top:8px}.channels-grid.density-ultra-compact{gap:10px}.channels-grid.density-compact{gap:16px}.channels-grid.density-comfortable{gap:24px}.channels-grid.density-spacious{gap:36px}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--text-tertiary);font-size:16px}@media (max-width: 1200px){.channels-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.main-content{padding:16px}.channels-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}}.bottom-navigation{display:none;position:fixed;bottom:0;left:0;right:0;width:100%;background:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:8px 0 max(8px,env(safe-area-inset-bottom));z-index:1000;box-shadow:0 -2px 8px #00000014;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media (max-width: 768px){.bottom-navigation{display:flex;align-items:center;justify-content:space-around}}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 12px;min-width:60px;min-height:56px;background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);-webkit-tap-highlight-color:transparent;position:relative}.bottom-nav-item:active{transform:scale(.95);opacity:.8}.bottom-nav-icon{transition:all var(--transition-fast);color:inherit}.bottom-nav-label{font-size:11px;font-weight:var(--font-weight-medium);line-height:1.2;color:inherit;transition:all var(--transition-fast);white-space:nowrap}.bottom-nav-item.active{color:var(--accent-primary)}.bottom-nav-item.active .bottom-nav-icon{transform:scale(1.05)}.bottom-nav-item.active .bottom-nav-label{font-weight:var(--font-weight-semibold)}@media (hover: hover){.bottom-nav-item:hover:not(.active){color:var(--text-primary);background:var(--bg-tertiary);border-radius:var(--radius-md)}}@media (max-width: 480px){.bottom-navigation{padding:6px 0 max(6px,env(safe-area-inset-bottom))}.bottom-nav-item{padding:6px 8px;min-width:56px;min-height:52px;gap:3px}.bottom-nav-icon{width:20px;height:20px}.bottom-nav-label{font-size:10px}}@media (max-width: 375px){.bottom-nav-item{padding:6px;min-width:52px}.bottom-nav-label{font-size:9px}}[data-theme=Dark] .bottom-navigation{background:var(--bg-secondary);border-top-color:var(--border-primary);box-shadow:0 -2px 8px #0000004d}@media (max-width: 768px) and (orientation: landscape){.bottom-navigation{transform:translateY(100%);opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.bottom-navigation.show-nav{transform:translateY(0);opacity:1;pointer-events:auto}.bottom-navigation{padding:4px 0 max(4px,env(safe-area-inset-bottom))}.bottom-nav-item{padding:4px 8px;min-width:54px;min-height:48px;gap:2px}.bottom-nav-icon{width:20px;height:20px}.bottom-nav-label{font-size:9px}}.mobile-nav-toggle{display:none}@media (max-width: 768px) and (orientation: landscape){.mobile-nav-toggle{position:fixed;bottom:12px;right:12px;z-index:999;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--accent-primary);color:#fff;border:none;border-radius:50%;box-shadow:0 4px 12px #0000004d;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.mobile-nav-toggle:hover{transform:scale(1.1);box-shadow:0 6px 16px #0006}.mobile-nav-toggle:active{transform:scale(.95)}.mobile-nav-toggle{animation:nav-toggle-pulse 2s infinite}@keyframes nav-toggle-pulse{0%,to{box-shadow:0 4px 12px #0000004d,0 0 rgba(var(--accent-rgb),.4)}50%{box-shadow:0 4px 12px #0000004d,0 0 0 8px rgba(var(--accent-rgb),0)}}.bottom-navigation.show-nav~.mobile-nav-toggle{animation:none}}@media (max-width: 768px) and (orientation: landscape) and (max-height: 400px){.bottom-nav-item{padding:3px 6px;min-width:48px;min-height:42px}.bottom-nav-icon{width:18px;height:18px}.bottom-nav-label{font-size:8px}.mobile-nav-toggle{width:42px;height:42px;bottom:8px;right:8px}}.app-footer{width:100%;background:var(--bg-secondary);border-top:1px solid var(--border-primary);margin-top:auto;padding:48px 0 24px}.footer-content{max-width:1400px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:48px}.footer-section{display:flex;flex-direction:column;gap:16px}.footer-branding{max-width:280px}.footer-logo{display:flex;align-items:center;gap:8px;margin-bottom:8px}.logo-icon{font-size:28px}.logo-text{font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.footer-tagline{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0}.footer-heading{font-size:14px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.footer-link-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:color .2s ease;display:inline-flex;align-items:center;gap:4px}.footer-link:hover{color:var(--accent-primary)}.youtube-attribution{display:flex;flex-direction:column;gap:12px}.youtube-link{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#ff00001a;border:1px solid rgba(255,0,0,.2);border-radius:6px;color:red;text-decoration:none;font-size:14px;font-weight:600;transition:all .2s ease;width:-moz-fit-content;width:fit-content}.youtube-link:hover{background:#ff000026;border-color:#ff00004d;transform:translateY(-1px)}.youtube-icon{width:20px;height:20px;flex-shrink:0}.attribution-note{font-size:12px;color:var(--text-tertiary);line-height:1.5;margin:0}.tos-link{color:var(--accent-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease;display:inline-flex;align-items:center;gap:2px}.tos-link:hover{border-bottom-color:var(--accent-primary)}.footer-bottom{max-width:1400px;margin:32px auto 0;padding:24px 32px 0;border-top:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.footer-copyright,.footer-version{font-size:13px;color:var(--text-tertiary);margin:0}@media (max-width: 1200px){.footer-content{grid-template-columns:1fr 1fr;gap:40px}.footer-branding{max-width:none}}@media (max-width: 768px){.app-footer{padding:32px 0 16px}.footer-content{grid-template-columns:1fr;gap:32px;padding:0 20px}.footer-section{max-width:none}.footer-bottom{flex-direction:column;align-items:center;text-align:center;padding:20px}}[data-theme=dark] .youtube-link{background:#ff000026;border-color:#ff000040}[data-theme=dark] .youtube-link:hover{background:#f003;border-color:#ff000059}.global-mini-player{position:fixed;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:12px;box-shadow:0 8px 32px #0000004d;overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--bg-primary-rgb, 255, 255, 255),1);opacity:1;z-index:9999}[data-theme=dark] .global-mini-player{background:rgba(var(--bg-primary-rgb, 17, 24, 39),1);border-color:rgba(var(--border-primary-rgb, 55, 65, 81),1)}.global-mini-player.dragging{opacity:.8;cursor:grabbing;transform:scale(.98)}.global-mini-player.minimized{height:auto!important;min-height:48px}.global-mini-player.expanded{box-shadow:0 16px 64px #0006}.mini-player-drag-handle{position:absolute;top:8px;left:8px;width:32px;height:32px;background:rgba(var(--bg-secondary-rgb, 248, 250, 252),.8);border:1px solid var(--border-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:grab;z-index:10;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=dark] .mini-player-drag-handle{background:rgba(var(--bg-secondary-rgb, 31, 41, 55),.8)}.mini-player-drag-handle:hover{background:var(--accent-primary);color:#fff;transform:scale(1.1)}.mini-player-drag-handle:active{cursor:grabbing;transform:scale(.95)}.mini-player-video-container{position:relative;width:100%;height:calc(100% - 48px);background:#000;border-radius:10px;overflow:hidden}.mini-player-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer;border:none;will-change:transform;contain:content;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;position:absolute;top:0;left:0}.mini-player-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000e6,#0000004d);color:#fff;padding:12px;opacity:1;transition:opacity .3s ease;z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom-left-radius:10px;border-bottom-right-radius:10px}.mini-player-controls.hidden{opacity:0;pointer-events:none}.mini-player-controls.visible{opacity:1}.mini-player-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.mini-player-title-text{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.mini-player-actions{display:flex;align-items:center;gap:4px}.mini-player-btn{width:28px;height:28px;background:#ffffff40;border:1px solid rgba(255,255,255,.4);border-radius:6px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 4px #0003}.mini-player-btn:hover{background:#ffffff59;border-color:#fff9;transform:scale(1.05);box-shadow:0 4px 8px #0000004d}.mini-player-btn:active{transform:scale(.95)}.mini-player-btn.close{background:#ef4444b3;border-color:#ef4444cc;box-shadow:0 2px 6px #ef44444d}.mini-player-btn.close:hover{background:#ef4444e6;border-color:#ef4444;box-shadow:0 4px 12px #ef444466}.mini-player-btn.transparency-toggle{background:#3b82f699;border-color:#3b82f6b3;box-shadow:0 2px 6px #3b82f633}.mini-player-btn.transparency-toggle:hover{background:#3b82f6cc;border-color:#3b82f6e6;box-shadow:0 4px 12px #3b82f64d}.mini-player-btn.transparency-toggle:active{background:#3b82f64d;border-color:var(--accent-primary)}.mini-player-volume-slider{display:flex;align-items:center;gap:4px;margin:0 4px}.volume-slider{width:60px;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff6;border-radius:3px;outline:none;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#fff;border:2px solid rgba(59,130,246,.8);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0006;-webkit-transition:all .2s ease;transition:all .2s ease}.volume-slider::-moz-range-thumb{width:14px;height:14px;background:#fff;border:2px solid rgba(59,130,246,.8);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0006;-moz-transition:all .2s ease;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{border-color:#3b82f6;box-shadow:0 3px 8px #00000080}.volume-slider::-moz-range-thumb:hover{border-color:#3b82f6;box-shadow:0 3px 8px #00000080}.mini-player-minimized-controls{display:flex;align-items:center;gap:8px;padding:12px;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mini-player-minimized-controls .mini-player-btn{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.mini-player-minimized-controls .mini-player-title-text{font-size:11px;max-width:120px}.mini-player-resize-handle{position:absolute;background:transparent;z-index:15}.mini-player-resize-handle.se{bottom:0;right:0;width:20px;height:20px;cursor:se-resize}.mini-player-resize-handle.e{top:50%;right:0;width:8px;height:40px;transform:translateY(-50%);cursor:e-resize}.mini-player-resize-handle.s{bottom:0;left:50%;width:40px;height:8px;transform:translate(-50%);cursor:s-resize}.mini-player-resize-handle.se:after{content:"";position:absolute;bottom:4px;right:4px;width:12px;height:12px;border-right:2px solid var(--accent-primary);border-bottom:2px solid var(--accent-primary);opacity:.5;border-radius:0 0 2px}.mini-player-resize-handle.e:after{content:"";position:absolute;top:50%;right:2px;width:2px;height:16px;background:var(--accent-primary);opacity:.5;transform:translateY(-50%)}.mini-player-resize-handle.s:after{content:"";position:absolute;bottom:2px;left:50%;width:16px;height:2px;background:var(--accent-primary);opacity:.5;transform:translate(-50%)}.global-mini-player.expanded .mini-player-drag-handle{background:rgba(var(--bg-secondary-rgb, 248, 250, 252),.9);width:40px;height:40px}.global-mini-player.expanded .mini-player-title-text{font-size:14px;max-width:400px}.global-mini-player.expanded .mini-player-btn{width:32px;height:32px}.global-mini-player.expanded .mini-player-actions{gap:8px}.global-mini-player.expanded .volume-slider{width:100px}@keyframes miniPlayerSlideIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.global-mini-player{animation:miniPlayerSlideIn .3s ease}@media (max-width: 768px){.mini-player-title-text{max-width:120px}.mini-player-volume-slider{display:none}.mini-player-actions{gap:2px}.mini-player-btn{width:24px;height:24px}}.mini-player-btn:focus{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-contrast: high){.global-mini-player{border-width:3px;border-color:var(--text-primary)}.mini-player-btn{border-width:2px;border-color:#fff}}@media (prefers-reduced-motion: reduce){.global-mini-player,.mini-player-btn,.mini-player-controls,.mini-player-drag-handle{transition:none}.global-mini-player{animation:none}}@media print{.global-mini-player{display:none!important}}:root{--cp-item-padding: var(--space-md) var(--space-lg);--cp-gap: var(--space-md);--cp-font-size: var(--font-size-base);--cp-line-height: var(--line-height-normal);--cp-icon-size: 20px}@keyframes slideDown{0%{transform:translateY(-20px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pulseRing{0%{box-shadow:0 0 rgba(var(--accent-rgb, 9, 105, 218),.7)}70%{box-shadow:0 0 0 10px rgba(var(--accent-rgb, 9, 105, 218),0)}to{box-shadow:0 0 rgba(var(--accent-rgb, 9, 105, 218),0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes floatIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 rgba(var(--accent-rgb, 9, 105, 218),.4)}50%{box-shadow:0 0 0 8px rgba(var(--accent-rgb, 9, 105, 218),.1)}}@keyframes iconRotate{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(0)}}.command-palette-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#0009,#000c);backdrop-filter:blur(24px) saturate(200%) brightness(.95);-webkit-backdrop-filter:blur(24px) saturate(200%) brightness(.95);z-index:10000;display:flex;align-items:flex-start;justify-content:center;padding-top:8vh;animation:fadeIn .3s cubic-bezier(.16,1,.3,1)}.command-palette{background:var(--bg-primary);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-primary);border-radius:var(--radius-3xl);width:90%;max-width:720px;max-height:82vh;display:flex;flex-direction:column;overflow:hidden;animation:slideDown .4s cubic-bezier(.16,1,.3,1);position:relative;margin:0 auto;box-shadow:var(--elevation-high)}.command-palette-input-wrapper{position:relative;padding:var(--space-xl) var(--space-xl);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;gap:var(--space-md);background:var(--bg-primary);z-index:3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.command-palette-icon-toolbar{display:flex;flex-direction:column;align-items:center;border-bottom:2px solid var(--border-primary);background:var(--bg-secondary);padding:var(--space-lg) var(--space-xl);position:relative;z-index:2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.icon-toolbar-container{display:flex;justify-content:center;align-items:center;gap:var(--space-lg);width:100%;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.icon-toolbar-container::-webkit-scrollbar{display:none}.icon-toolbar-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);min-width:auto;flex:0 0 auto;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);white-space:nowrap;position:relative;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--elevation-low)}.icon-toolbar-btn:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%) scaleX(0);width:70%;height:3px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);border-radius:var(--radius-xs);transition:transform var(--transition-base);box-shadow:0 0 6px rgba(var(--accent-rgb, 31, 111, 235),.4)}.icon-toolbar-btn.active{color:var(--accent-primary);background:rgba(var(--accent-rgb, 31, 111, 235),.12);border-color:rgba(var(--accent-rgb, 31, 111, 235),.4)}.icon-toolbar-btn.active:after{transform:translate(-50%) scaleX(1);box-shadow:0 0 8px rgba(var(--accent-rgb, 31, 111, 235),.5)}.icon-toolbar-btn:hover{color:var(--accent-primary);background:rgba(var(--accent-rgb, 31, 111, 235),.1);border-color:rgba(var(--accent-rgb, 31, 111, 235),.3);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px rgba(var(--accent-rgb, 31, 111, 235),.2),0 2px 6px #0000001a}.icon-toolbar-btn:focus{outline:none;background:rgba(var(--accent-rgb, 31, 111, 235),.12);border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb, 31, 111, 235),.15)}.icon-toolbar-btn:active{transform:translateY(0) scale(1.02);box-shadow:0 2px 6px #0000001a}.icon-toolbar-btn svg{flex-shrink:0;transition:all .15s cubic-bezier(.4,0,.2,1);stroke-width:2}.icon-toolbar-btn:hover svg,.icon-toolbar-btn.active svg{color:var(--accent-primary)}.icon-toolbar-btn span{font-size:var(--font-size-xs);line-height:var(--line-height-tight);font-weight:var(--font-weight-medium);text-align:center;letter-spacing:.01em;white-space:nowrap}@media (max-width: 768px){.command-palette-icon-toolbar{padding:var(--space-md) var(--space-lg)}.icon-toolbar-container{gap:var(--space-sm);justify-content:flex-start}.icon-toolbar-btn{padding:var(--space-sm) var(--space-sm);gap:3px}.icon-toolbar-btn svg{width:18px;height:18px}.icon-toolbar-btn span{font-size:9px}}.command-palette-search-icon-lucide{width:20px;height:20px;flex-shrink:0;opacity:.7;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.command-palette-search-icon-lucide svg{width:100%;height:100%;stroke-width:2}.command-palette-input-wrapper:focus-within .command-palette-search-icon-lucide{opacity:1;color:var(--accent-primary)}.command-palette-input{flex:1;padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);border:2px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);outline:none;letter-spacing:-.01em;border-radius:var(--radius-pill);transition:all var(--transition-slow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.command-palette-input:focus{background:var(--bg-primary);border-color:var(--accent-primary);box-shadow:0 0 0 4px rgba(var(--accent-rgb, 31, 111, 235),.12),0 4px 12px rgba(var(--accent-rgb, 31, 111, 235),.15);transform:translateY(-1px)}.command-palette-input::-moz-placeholder{color:var(--text-tertiary);font-weight:400}.command-palette-input::placeholder{color:var(--text-tertiary);font-weight:400}.command-palette-clear,.command-palette-toggle-preview,.command-palette-density-toggle{border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);cursor:pointer;transition:all var(--transition-base);flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;gap:var(--space-sm);border:2px solid var(--border-primary);background:var(--bg-secondary);box-shadow:var(--elevation-low)}.command-palette-clear{color:var(--text-secondary)}.command-palette-clear:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.command-palette-toggle-preview{color:var(--accent-primary)}.command-palette-toggle-preview:hover{background:rgba(var(--accent-rgb, 31, 111, 235),.1);border-color:var(--accent-primary)}.command-palette-density-toggle{color:var(--accent-secondary, var(--accent-primary))}.command-palette-density-toggle:hover{background:rgba(var(--accent-rgb, 31, 111, 235),.1);border-color:var(--accent-secondary, var(--accent-primary))}.command-palette-container{display:flex;flex:1;gap:0;overflow:hidden;position:relative;z-index:2}.command-palette-results{flex:1;overflow-y:auto;padding:var(--space-sm) 0;background:var(--bg-primary);scroll-behavior:smooth}.command-palette-results::-webkit-scrollbar{width:var(--space-sm)}.command-palette-results::-webkit-scrollbar-track{background:transparent}.command-palette-results::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-xs);-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}.command-palette-results::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.command-group{margin-bottom:8px;animation:floatIn .3s ease}.group-header{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1.2px;background:var(--bg-primary);border:none;border-bottom:1px solid var(--border-primary);position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;border-radius:0;margin-bottom:0;margin-top:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.group-header:first-of-type{margin-top:0}.group-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);background:linear-gradient(135deg,rgba(var(--accent-rgb),.15),rgba(var(--accent-rgb),.08));padding:3px 8px;border-radius:var(--radius-full);color:var(--accent-primary);border:1px solid rgba(var(--accent-rgb),.2);box-shadow:0 2px 4px rgba(var(--accent-rgb),.1)}.command-palette-item{background:transparent;border:none;border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin:2px var(--space-sm);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--cp-gap, 12px);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:var(--cp-line-height, 1.5);border:1px solid transparent}.command-palette-item:hover{background:var(--bg-tertiary);border:1px solid var(--border-secondary);transform:translate(2px);box-shadow:var(--elevation-low)}.command-palette-item.selected{background:var(--bg-tertiary);border:1px solid var(--accent-primary);box-shadow:0 0 20px rgba(var(--accent-rgb, 31, 111, 235),.2),0 4px 12px rgba(var(--accent-rgb, 31, 111, 235),.15);transform:translate(4px) scale(1.01)}.command-palette-item.selected:before{content:"";position:absolute;left:-2px;top:50%;transform:translateY(-50%);width:4px;height:60%;background:linear-gradient(to bottom,transparent 0%,var(--accent-primary) 50%,transparent 100%);border-radius:var(--radius-full);box-shadow:0 0 8px var(--accent-primary)}.command-icon{width:36px;height:36px;display:flex!important;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-primary);transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;color:var(--text-secondary);box-shadow:var(--elevation-low)}.command-palette-item:hover .command-icon{background:var(--bg-tertiary);border-color:var(--border-secondary);transform:scale(1.05);box-shadow:var(--elevation-medium);color:var(--text-primary)}.command-palette-item.selected .command-icon{background:rgba(var(--accent-rgb, 31, 111, 235),.15);border-color:var(--accent-primary);transform:scale(1.1);box-shadow:0 0 16px rgba(var(--accent-rgb, 31, 111, 235),.3),0 4px 8px rgba(var(--accent-rgb, 31, 111, 235),.15);color:var(--accent-primary)}.command-theme-color-preview{position:relative;width:36px;height:22px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;border:2px solid var(--border-primary);box-shadow:var(--elevation-low);transition:all .2s cubic-bezier(.4,0,.2,1)}.command-theme-color-gradient{width:100%;height:100%;position:relative}.command-palette-item:hover .command-theme-color-preview{transform:scale(1.08);border-color:var(--accent-primary);box-shadow:var(--elevation-medium)}.command-palette-item.selected .command-theme-color-preview{border-color:var(--accent-primary);box-shadow:0 4px 12px rgba(var(--accent-rgb, 31, 111, 235),.35),0 0 0 2px var(--accent-primary);transform:scale(1.05)}.command-icon>svg{width:var(--cp-icon-size, 20px)!important;height:var(--cp-icon-size, 20px)!important;stroke:currentColor!important;stroke-width:2!important;fill:none!important;display:block!important;opacity:1!important;visibility:visible!important;flex-shrink:0}.command-palette-item:hover .command-icon,.command-palette-item.selected .command-icon{background:transparent;border:none;color:var(--text-primary)}.command-palette-item.selected .command-icon>svg{stroke:var(--text-primary)!important}.command-fallback-initial{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:inherit}.command-lucide-icon{width:var(--cp-icon-size, 20px)!important;height:var(--cp-icon-size, 20px)!important;display:inline-flex!important;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-primary)!important;opacity:1!important;visibility:visible!important}.command-lucide-icon svg{width:var(--cp-icon-size, 20px)!important;height:var(--cp-icon-size, 20px)!important;stroke:currentColor!important;stroke-width:2.5!important;fill:none!important;display:block!important;opacity:1!important;visibility:visible!important;color:inherit!important}.command-icon .command-lucide-icon{width:100%;height:100%;display:flex!important;align-items:center;justify-content:center;color:var(--text-secondary);opacity:.85}.command-icon .command-lucide-icon svg{color:inherit}.command-palette-item:hover .command-icon .command-lucide-icon{opacity:1;color:var(--text-primary)}.command-palette-item.selected .command-icon .command-lucide-icon{color:var(--text-primary);opacity:1}.command-emoji-icon{font-size:var(--cp-icon-size, 20px);display:inline-flex;align-items:center;justify-content:center;width:var(--cp-icon-size, 20px);height:var(--cp-icon-size, 20px)}.command-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-xs);align-items:flex-start}.command-main{display:flex;align-items:center;gap:var(--cp-gap, 12px);flex-wrap:wrap;width:100%}.command-label{color:var(--text-primary);font-size:var(--cp-font-size, 14px);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;line-height:var(--cp-line-height, 1.5)}.command-palette-item:hover .command-label{color:var(--text-primary)}.command-tags{display:flex;gap:var(--space-sm);flex-wrap:wrap}.tag-pill{background:rgba(var(--accent-rgb, 31, 111, 235),.1);color:var(--accent-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-xs);border:2px solid rgba(var(--accent-rgb, 31, 111, 235),.2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;transition:all var(--transition-base)}.tag-pill:hover{background:rgba(var(--accent-rgb, 31, 111, 235),.15);border-color:rgba(var(--accent-rgb, 31, 111, 235),.3)}.command-metadata{display:flex;gap:var(--space-md);align-items:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);width:100%;flex-wrap:wrap}.command-category{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-xs);transition:all var(--transition-base)}.command-extra{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--text-tertiary);padding:2px var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-xs)}.command-type-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:var(--radius-xs);flex-shrink:0;white-space:nowrap;transition:all var(--transition-base)}.command-palette-item:hover .command-type-label{background:var(--bg-quaternary);border-color:var(--border-secondary)}.command-palette-item.type-action .command-icon{background:linear-gradient(135deg,#667eea1f,#764ba20f);border-color:#667eea33;color:#667eea}.command-palette-item.type-filter .command-type-label{background:linear-gradient(135deg,#f5576c1f,#f093fb0f);border-color:#f5576c33;color:#f5576c}.command-palette-item.type-help .command-type-label{background:linear-gradient(135deg,#4facfe1f,#00f2fe0f);border-color:#4facfe33;color:#4facfe}.command-palette-item.type-navigation .command-icon{background:linear-gradient(135deg,#667eea26,#764ba214);border-color:#667eea40;color:#667eea}.command-palette-empty{padding:var(--space-4xl) var(--space-2xl);text-align:center;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-tertiary);display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);animation:floatIn .5s cubic-bezier(.34,1.56,.64,1)}.empty-icon{font-size:var(--space-4xl);opacity:.25;animation:floatIn .5s cubic-bezier(.34,1.56,.64,1) .1s both}.command-palette-empty p{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-secondary)}.empty-tips,.popular-searches{margin-top:var(--space-md);padding:var(--space-lg);text-align:left;background:var(--bg-secondary);border-radius:var(--radius-xl);border:2px solid var(--border-primary);animation:floatIn .5s cubic-bezier(.34,1.56,.64,1) .2s both;box-shadow:var(--elevation-low)}.tip-header{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.empty-tips ul{list-style:none;padding:0;margin:0}.empty-tips li{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-secondary);padding:var(--space-sm) 0;margin-left:0;display:flex;align-items:center;gap:var(--space-sm)}.empty-tips li:before{content:"▸";color:var(--accent-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs)}.search-chips{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.search-chips button{background:rgba(var(--accent-rgb, 31, 111, 235),.08);border:2px solid rgba(var(--accent-rgb, 31, 111, 235),.2);color:var(--accent-primary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);cursor:pointer;transition:all var(--transition-slow);box-shadow:var(--elevation-low)}.search-chips button:hover{background:rgba(var(--accent-rgb, 31, 111, 235),.12);border-color:rgba(var(--accent-rgb, 31, 111, 235),.35);transform:translateY(-2px);box-shadow:0 3px 8px rgba(var(--accent-rgb, 31, 111, 235),.15)}.command-group{margin-bottom:4px;animation:floatIn .3s ease}.group-header{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-primary);border:none;border-bottom:none;position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;border-radius:0;margin-bottom:2px;margin-top:8px}.group-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);background:var(--bg-tertiary);padding:2px var(--space-sm);border-radius:var(--radius-xs);color:var(--text-tertiary)}.pin-button{background:var(--bg-secondary);border:1px solid var(--border-primary);font-size:16px;cursor:pointer;padding:6px 10px;opacity:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0;min-width:32px;height:32px;color:var(--text-tertiary);box-shadow:var(--elevation-low)}.command-palette-item:hover .pin-button{opacity:1}.pin-button:hover{background:var(--bg-tertiary);border-color:var(--border-secondary);transform:scale(1.1);box-shadow:var(--elevation-medium)}.pin-button.pinned{opacity:1;color:var(--accent-primary);background:rgba(var(--accent-rgb, 31, 111, 235),.15);border:1px solid var(--accent-primary);box-shadow:0 0 12px rgba(var(--accent-rgb, 31, 111, 235),.3),0 4px 8px rgba(var(--accent-rgb, 31, 111, 235),.2);animation:glow 2s ease-in-out infinite}.pin-button.pinned:hover{transform:scale(1.15);background:rgba(var(--accent-rgb, 31, 111, 235),.2)}.command-palette-footer{padding:var(--space-lg) var(--space-xl);border-top:2px solid var(--border-primary);background:var(--bg-primary);display:flex;flex-direction:column;gap:var(--space-md);position:relative;z-index:2}.command-palette-hints{display:flex;gap:var(--space-xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-secondary);justify-content:center;font-weight:500}.command-palette-hints kbd{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:var(--radius-xs);padding:var(--space-xs) var(--space-sm);font-family:Menlo,Monaco,Courier New,monospace;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary);transition:all .2s ease}.command-palette-hints kbd:hover{background:var(--bg-quaternary);border-color:var(--border-secondary)}.command-palette-prefix-hints{display:flex;gap:var(--space-lg);justify-content:center;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--border-primary)}.prefix-hint{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--text-tertiary);transition:all .2s ease;cursor:pointer}.prefix-hint:hover{color:var(--text-secondary)}.prefix-hint kbd{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:var(--radius-xs);padding:var(--space-xs) var(--space-sm);font-family:Menlo,Monaco,Courier New,monospace;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary);min-width:20px;text-align:center;transition:all .2s ease}.prefix-hint:hover kbd{background:var(--bg-quaternary);border-color:var(--border-secondary)}.prefix-hint-icon{width:14px;height:14px;opacity:.6;transition:all .2s ease}.prefix-hint:hover .prefix-hint-icon{opacity:1}.density-selector-modal{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);z-index:10001;animation:fadeIn .2s cubic-bezier(.34,1.56,.64,1)}.density-selector-content{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-2xl);max-width:400px;width:90%;animation:slideDown .3s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--elevation-high)}.density-selector-header{margin-bottom:24px;text-align:center}.density-selector-header h3{margin:0;font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.density-selector-header p{margin:6px 0 0;font-size:12px;color:var(--text-secondary);font-weight:500}.density-selector-options{display:flex;flex-direction:column;gap:var(--space-md)}.density-option{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-lg);background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-slow);box-shadow:var(--elevation-low);text-align:left}.density-option:hover{background:rgba(var(--accent-rgb, 31, 111, 235),.08);border-color:var(--accent-primary);transform:translate(4px)}.density-option.selected{background:rgba(var(--accent-rgb, 31, 111, 235),.12);border-color:var(--accent-primary);box-shadow:0 4px 12px rgba(var(--accent-rgb, 31, 111, 235),.12)}.density-option-icon{font-size:var(--font-size-xl);flex-shrink:0;width:var(--space-2xl);height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--accent-primary);transition:all var(--transition-slow)}.density-option:hover .density-option-icon{transform:scale(1.12);border-color:var(--accent-primary);background:rgba(var(--accent-rgb, 31, 111, 235),.08)}.density-option-text{flex:1;min-width:0}.density-option-label{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:3px}.density-option-description{font-size:12px;color:var(--text-secondary);font-weight:500}.density-selected-check{font-size:18px;font-weight:700;color:var(--accent-primary);flex-shrink:0;animation:floatIn .3s cubic-bezier(.34,1.56,.64,1)}@media (max-width: 1200px){.command-palette-container>.command-preview-panel{display:none}}@media (max-width: 768px){.command-palette-overlay{padding:0;align-items:stretch}.command-palette{width:100%;max-width:100%;max-height:100vh;height:100vh;border-radius:0;inset:0}.command-palette-input-wrapper{padding:18px 20px;gap:10px}.command-palette-input{font-size:16px}.command-palette-search-icon{font-size:18px}.command-type-label{display:none}.command-palette-hints{gap:16px;font-size:11px}.command-palette-prefix-hints{gap:8px;padding-top:6px}.prefix-hint{font-size:9px}.command-palette-item{border-radius:0;padding:16px 20px;min-height:56px}.command-palette-item .command-shortcut,.command-shortcut{display:none}.command-palette-item:hover{transform:none}.command-icon{width:var(--space-xl);height:var(--space-xl);font-size:var(--font-size-xl);background:transparent;border:none}.command-label{font-size:var(--font-size-base)}.command-metadata{font-size:var(--font-size-xs)}.empty-tips,.popular-searches{padding:var(--space-md)}.group-header{padding:var(--space-md) var(--space-md);font-size:var(--font-size-xs)}}[data-theme=dark] .command-palette-overlay,[data-theme=Dark] .command-palette-overlay,[data-theme=terminal] .command-palette-overlay,[data-theme=obsidian] .command-palette-overlay,[data-theme=midnight] .command-palette-overlay,[data-theme=cyberpunk] .command-palette-overlay,[data-theme=arcade] .command-palette-overlay,[data-theme=aurora] .command-palette-overlay,[data-theme=dracula] .command-palette-overlay,[data-theme=solarizedDark] .command-palette-overlay,[data-theme=neon] .command-palette-overlay,[data-theme=catppuccin] .command-palette-overlay,[data-theme=nord] .command-palette-overlay,[data-theme=monokai] .command-palette-overlay{background:#000000bf}[data-theme=dark] .command-palette,[data-theme=Dark] .command-palette,[data-theme=terminal] .command-palette,[data-theme=obsidian] .command-palette,[data-theme=midnight] .command-palette,[data-theme=cyberpunk] .command-palette,[data-theme=arcade] .command-palette,[data-theme=aurora] .command-palette,[data-theme=dracula] .command-palette,[data-theme=solarizedDark] .command-palette,[data-theme=neon] .command-palette,[data-theme=catppuccin] .command-palette,[data-theme=nord] .command-palette,[data-theme=monokai] .command-palette{box-shadow:var(--elevation-high)}[data-theme=dark] .tag-pill,[data-theme=Dark] .tag-pill,[data-theme=terminal] .tag-pill,[data-theme=obsidian] .tag-pill,[data-theme=midnight] .tag-pill,[data-theme=cyberpunk] .tag-pill,[data-theme=arcade] .tag-pill,[data-theme=aurora] .tag-pill,[data-theme=dracula] .tag-pill,[data-theme=solarizedDark] .tag-pill,[data-theme=neon] .tag-pill,[data-theme=catppuccin] .tag-pill,[data-theme=nord] .tag-pill,[data-theme=monokai] .tag-pill{background:rgba(var(--accent-rgb, 31, 111, 235),.15);color:var(--accent-primary);border-color:rgba(var(--accent-rgb, 31, 111, 235),.3)}[data-theme=dark] .tag-pill:hover,[data-theme=Dark] .tag-pill:hover,[data-theme=terminal] .tag-pill:hover,[data-theme=obsidian] .tag-pill:hover,[data-theme=midnight] .tag-pill:hover,[data-theme=cyberpunk] .tag-pill:hover,[data-theme=arcade] .tag-pill:hover,[data-theme=aurora] .tag-pill:hover,[data-theme=dracula] .tag-pill:hover,[data-theme=solarizedDark] .tag-pill:hover,[data-theme=neon] .tag-pill:hover,[data-theme=catppuccin] .tag-pill:hover,[data-theme=nord] .tag-pill:hover,[data-theme=monokai] .tag-pill:hover{background:rgba(var(--accent-rgb, 31, 111, 235),.2);border-color:rgba(var(--accent-rgb, 31, 111, 235),.4)}[data-theme=dark] .density-selector-modal,[data-theme=Dark] .density-selector-modal,[data-theme=terminal] .density-selector-modal,[data-theme=obsidian] .density-selector-modal,[data-theme=midnight] .density-selector-modal,[data-theme=cyberpunk] .density-selector-modal,[data-theme=arcade] .density-selector-modal,[data-theme=aurora] .density-selector-modal,[data-theme=dracula] .density-selector-modal,[data-theme=solarizedDark] .density-selector-modal,[data-theme=neon] .density-selector-modal,[data-theme=catppuccin] .density-selector-modal,[data-theme=nord] .density-selector-modal,[data-theme=monokai] .density-selector-modal{background:#000000bf}[data-theme=dark] .search-chips button,[data-theme=Dark] .search-chips button,[data-theme=terminal] .search-chips button,[data-theme=obsidian] .search-chips button,[data-theme=midnight] .search-chips button,[data-theme=cyberpunk] .search-chips button,[data-theme=arcade] .search-chips button,[data-theme=aurora] .search-chips button,[data-theme=dracula] .search-chips button,[data-theme=solarizedDark] .search-chips button,[data-theme=neon] .search-chips button,[data-theme=catppuccin] .search-chips button,[data-theme=nord] .search-chips button,[data-theme=monokai] .search-chips button{background:rgba(var(--accent-rgb, 31, 111, 235),.1);border-color:rgba(var(--accent-rgb, 31, 111, 235),.25);color:var(--accent-primary)}[data-theme=dark] .search-chips button:hover,[data-theme=Dark] .search-chips button:hover,[data-theme=terminal] .search-chips button:hover,[data-theme=obsidian] .search-chips button:hover,[data-theme=midnight] .search-chips button:hover,[data-theme=cyberpunk] .search-chips button:hover,[data-theme=arcade] .search-chips button:hover,[data-theme=aurora] .search-chips button:hover,[data-theme=dracula] .search-chips button:hover,[data-theme=solarizedDark] .search-chips button:hover,[data-theme=neon] .search-chips button:hover,[data-theme=catppuccin] .search-chips button:hover,[data-theme=nord] .search-chips button:hover,[data-theme=monokai] .search-chips button:hover{background:rgba(var(--accent-rgb, 31, 111, 235),.18);border-color:rgba(var(--accent-rgb, 31, 111, 235),.4)}.search-highlight{background:rgba(var(--accent-rgb, 31, 111, 235),.25);color:var(--accent-primary);font-weight:700;border-radius:3px;padding:1px 3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.command-label .search-highlight{background:rgba(var(--accent-rgb, 31, 111, 235),.3);padding:2px 4px;border-radius:4px}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{position:relative;background:var(--bg-primary);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:24px 24px 16px;border-bottom:1px solid var(--card-border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;font-size:28px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-form{padding:24px}.form-error{background:#fee;color:#c00;padding:12px;border-radius:6px;margin-bottom:16px;font-size:14px;border:1px solid #fcc}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.form-input{width:100%;padding:10px 12px;font-size:14px;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:6px;outline:none;transition:all .2s;font-family:inherit}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #007aff1a}.form-help{display:block;font-size:12px;color:var(--text-tertiary);margin-top:6px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn{padding:10px 20px;font-size:14px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-family:inherit}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-tertiary)}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #007aff4d}[data-theme=Dark] .form-error{background:#dc26261a;color:#fca5a5;border-color:#dc26264d}.add-channel-modal-large{max-width:900px;max-height:85vh}.modal-body{padding:24px;max-height:calc(85vh - 160px);overflow-y:auto}.modal-footer{padding:16px 24px;border-top:1px solid var(--card-border);display:flex;justify-content:flex-end}.search-form{margin-bottom:20px}.search-input-wrapper{display:flex;gap:12px;align-items:center;background:var(--bg-secondary);border:2px solid var(--card-border);border-radius:8px;padding:8px 12px;transition:all .2s}.search-input-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #007aff1a}.search-icon{color:var(--text-tertiary);flex-shrink:0}.search-input{flex:1;border:none;background:transparent;font-size:15px;color:var(--text-primary);outline:none;font-family:inherit;padding:4px 0}.search-input::-moz-placeholder{color:var(--text-tertiary)}.search-input::placeholder{color:var(--text-tertiary)}.search-input:disabled{opacity:.5;cursor:not-allowed}.search-button{padding:8px 20px;background:var(--accent-primary);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.search-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.search-button:disabled{opacity:.5;cursor:not-allowed}.search-results{margin-top:24px;animation:fadeIn .3s ease}.results-header{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.results-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:8px}.results-list::-webkit-scrollbar{width:8px}.results-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.results-list::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}.results-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.channel-result-item{display:flex;gap:16px;padding:16px;background:var(--bg-secondary);border:2px solid var(--card-border);border-radius:10px;cursor:pointer;transition:all .2s;position:relative}.channel-result-item:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.channel-result-item.selected{border-color:var(--accent-primary);background:#007aff0d;box-shadow:0 0 0 3px #007aff1a}.channel-result-thumbnail{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:2px solid var(--card-border)}.channel-result-info{flex:1;min-width:0}.channel-result-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:6px;display:flex;align-items:center;gap:6px}.verified-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--accent-primary);color:#fff;border-radius:50%;font-size:12px;font-weight:700}.channel-result-stats{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:14px;margin-bottom:8px}.channel-result-description{color:var(--text-tertiary);font-size:13px;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis}.selected-icon{position:absolute;top:16px;right:16px;color:var(--accent-primary);flex-shrink:0}.search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.channel-selection-footer{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:10px;margin-top:24px;animation:slideUp .3s ease}.selected-channel-preview{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.selected-thumbnail{width:50px;height:50px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--accent-primary);flex-shrink:0}.selected-info{flex:1;min-width:0}.selected-name{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-id{font-size:12px;color:var(--text-tertiary);font-family:Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-selector{display:flex;align-items:center;gap:8px;flex-shrink:0}.category-label{font-size:14px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.category-select{padding:8px 12px;font-size:14px;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--card-border);border-radius:6px;outline:none;cursor:pointer;transition:all .2s;font-family:inherit}.category-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #007aff1a}.add-channel-btn{padding:10px 24px;white-space:nowrap;flex-shrink:0}@media (max-width: 768px){.add-channel-modal-large{max-width:95%;width:95%}.channel-selection-footer{flex-direction:column;align-items:stretch}.selected-channel-preview{width:100%}.category-selector{flex-direction:column;align-items:stretch;width:100%}.category-select,.add-channel-btn{width:100%}.channel-result-thumbnail{width:60px;height:60px}.search-input-wrapper{flex-direction:column;gap:8px}.search-button{width:100%}}.no-categories-message{padding:12px;background-color:var(--bg-warning, #fff3cd);border:1px solid var(--border-warning, #ffeaa7);border-radius:4px;color:var(--text-warning, #856404);font-size:14px;text-align:center;margin-top:8px}.channel-result-item.already-subscribed{opacity:.6;background-color:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-muted, #e9ecef)}.channel-result-item.already-subscribed:hover{background-color:var(--bg-secondary, #f8f9fa);transform:none}.already-subscribed-text{color:var(--text-muted, #6c757d);font-size:12px;font-style:italic;margin-top:4px}.subscribed-icon{position:absolute;top:8px;right:8px;background-color:var(--success-color, #28a745);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.add-channel-modern{--accent-primary-10: color-mix(in srgb, var(--accent-primary) 10%, transparent);--accent-primary-20: color-mix(in srgb, var(--accent-primary) 20%, transparent);--accent-primary-40: color-mix(in srgb, var(--accent-primary) 40%, transparent);--bg-secondary-70: color-mix(in srgb, var(--bg-secondary) 70%, transparent);--bg-primary-70: color-mix(in srgb, var(--bg-primary) 70%, transparent)}.add-channel-category-selector-top{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;margin-bottom:16px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;flex-wrap:nowrap}.add-channel-category-selector-top .add-channel-category-label{flex-shrink:0;padding-top:8px}.add-channel-category-selector-top .add-channel-category-pills{flex:1;min-width:0}.add-channel-no-categories-warning{display:flex;align-items:center;gap:8px;padding:12px 16px;margin-bottom:12px;background:#ff98001a;border:1.5px solid rgba(255,152,0,.3);border-radius:12px;color:var(--text-secondary);font-size:13px;font-weight:500}.add-channel-header-modern{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.add-channel-header-branding{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.add-channel-icon-glow{flex-shrink:0;color:var(--accent-primary);filter:drop-shadow(0 0 8px var(--accent-primary-40));transition:all .2s cubic-bezier(.16,1,.3,1)}.add-channel-header-text{display:flex;flex-direction:column;gap:2px;min-width:0}.add-channel-title-modern{margin:0;font-size:20px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}.add-channel-subtitle-modern{margin:0;font-size:13px;font-weight:500;color:var(--text-tertiary);line-height:1.3}.add-channel-close-modern{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;transition:all .2s cubic-bezier(.16,1,.3,1)}.add-channel-close-modern:hover{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary);transform:scale(1.05)}.add-channel-close-modern:active{transform:scale(.98)}.add-channel-search-modern{display:flex;gap:12px;align-items:stretch;margin-bottom:20px}.add-channel-search-wrapper-modern{flex:1;display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:12px;transition:all .2s cubic-bezier(.16,1,.3,1)}.add-channel-search-wrapper-modern:focus-within{border-color:var(--accent-primary);background:var(--bg-secondary);box-shadow:0 0 0 3px var(--accent-primary-10)}.add-channel-search-icon{flex-shrink:0;color:var(--text-tertiary);transition:color .2s ease}.add-channel-search-wrapper-modern:focus-within .add-channel-search-icon{color:var(--accent-primary)}.add-channel-search-input-modern{flex:1;padding:14px 0;background:transparent;border:none;outline:none;font-size:15px;color:var(--text-primary);font-family:inherit}.add-channel-search-input-modern::-moz-placeholder{color:var(--text-tertiary)}.add-channel-search-input-modern::placeholder{color:var(--text-tertiary)}.add-channel-search-input-modern:disabled{opacity:.5;cursor:not-allowed}.add-channel-search-btn-modern{display:flex;align-items:center;gap:6px;padding:12px 20px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s cubic-bezier(.16,1,.3,1)}.add-channel-search-btn-modern:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-primary-40)}.add-channel-search-btn-modern:active:not(:disabled){transform:translateY(0) scale(.98)}.add-channel-search-btn-modern:disabled{opacity:.5;cursor:not-allowed}.add-channel-error-modern{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,color-mix(in srgb,#ff4444 5%,var(--bg-secondary)),color-mix(in srgb,#ff4444 3%,var(--bg-primary)));border:1.5px solid color-mix(in srgb,#ff4444 30%,var(--border-primary));border-radius:10px;margin-bottom:16px;animation:slideDown .3s cubic-bezier(.16,1,.3,1)}.add-channel-error-modern .error-icon{font-size:16px;flex-shrink:0}.add-channel-error-modern span:last-child{font-size:14px;color:var(--text-primary);line-height:1.4}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.add-channel-empty-state,.add-channel-no-results-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center;color:var(--text-secondary);animation:fadeIn .3s ease}.add-channel-empty-state svg,.add-channel-no-results-state svg{color:var(--text-tertiary);margin-bottom:16px;opacity:.6}.add-channel-empty-state h3,.add-channel-no-results-state h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary)}.add-channel-empty-state p,.add-channel-no-results-state p{margin:0 0 24px;font-size:14px;color:var(--text-secondary)}.add-channel-recent-searches{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;width:100%;max-width:500px}.add-channel-recent-searches>span{font-size:13px;font-weight:600;color:var(--text-secondary);text-align:left}.add-channel-recent-search-chips{display:flex;flex-wrap:wrap;gap:8px}.add-channel-suggestions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:500px}.add-channel-suggestions>span{font-size:13px;font-weight:600;color:var(--text-secondary);text-align:left}.add-channel-suggestion-chips{display:flex;flex-wrap:wrap;gap:8px}.add-channel-chip{display:inline-flex;align-items:center;padding:8px 14px;background:var(--bg-secondary);border:1.5px solid var(--border-primary);border-radius:20px;font-size:13px;font-weight:500;color:var(--text-primary);font-family:inherit;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.16,1,.3,1)}.add-channel-chip:hover{background:var(--bg-tertiary);border-color:var(--accent-primary-40);color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.add-channel-chip:active{transform:translateY(0) scale(.98)}.add-channel-results-modern{margin-top:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.results-header-modern{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.results-header-modern h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.results-count{display:inline-flex;align-items:center;padding:4px 10px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;border-radius:20px;font-size:12px;font-weight:600}.add-channel-results-list{display:flex;flex-direction:column;gap:10px;max-height:380px;overflow-y:auto;padding-right:8px}.add-channel-results-list::-webkit-scrollbar{width:8px}.add-channel-results-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.add-channel-results-list::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.add-channel-results-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.add-channel-load-more-container{display:flex;justify-content:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-primary)}.add-channel-load-more-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #0000001a}.add-channel-load-more-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.add-channel-load-more-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #0000001a}.add-channel-load-more-btn:disabled{opacity:.6;cursor:not-allowed}.add-channel-loading-more{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;padding:12px;color:var(--text-secondary);font-size:14px}.add-channel-loading-more .add-channel-loader-spin{animation:spin 1s linear infinite}.add-channel-result-card{display:flex;gap:14px;padding:14px;background:linear-gradient(135deg,var(--bg-secondary-70) 0%,var(--bg-primary-70) 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid var(--border-primary);border-radius:12px;cursor:pointer;position:relative;transition:all .2s cubic-bezier(.16,1,.3,1)}.add-channel-result-card:hover:not(.subscribed){border-color:var(--accent-primary-40);transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.add-channel-result-card:active:not(.subscribed){transform:translateY(0) scale(.99)}.add-channel-result-card.selected{border-color:var(--accent-primary);background:linear-gradient(135deg,var(--accent-primary-10) 0%,var(--accent-primary-10) 100%);box-shadow:0 0 0 3px var(--accent-primary-10)}.add-channel-result-card.subscribed{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.add-channel-result-thumbnail{width:70px;height:70px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:2px solid var(--border-primary);transition:border-color .2s ease}.add-channel-result-card.selected .add-channel-result-thumbnail{border-color:var(--accent-primary)}.add-channel-result-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.add-channel-result-name{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.3}.add-channel-verified-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--accent-primary);color:#fff;border-radius:50%;font-size:11px;font-weight:700;flex-shrink:0}.add-channel-result-stats{display:flex;align-items:center;gap:5px;color:var(--text-secondary);font-size:13px;font-weight:500}.add-channel-result-description{margin:0;font-size:13px;color:var(--text-tertiary);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.add-channel-subscribed-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:linear-gradient(135deg,color-mix(in srgb,#28a745 10%,var(--bg-secondary)),color-mix(in srgb,#28a745 8%,var(--bg-primary)));border:1px solid color-mix(in srgb,#28a745 30%,var(--border-primary));border-radius:20px;font-size:12px;font-weight:600;color:var(--text-secondary);width:-moz-fit-content;width:fit-content}.add-channel-selected-indicator{position:absolute;top:14px;right:14px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;border-radius:50%;flex-shrink:0;box-shadow:0 2px 8px var(--accent-primary-40);animation:scaleIn .2s cubic-bezier(.16,1,.3,1)}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.add-channel-loading-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;color:var(--text-secondary);animation:fadeIn .3s ease}.add-channel-loader-spin{color:var(--accent-primary);animation:spin 1s linear infinite;margin-bottom:16px}.add-channel-loading-modern p{margin:0;font-size:15px;font-weight:500}.add-channel-footer-modern{display:flex;flex-direction:column;gap:16px;padding:18px;background:linear-gradient(135deg,var(--bg-secondary-70) 0%,var(--bg-primary-70) 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--accent-primary);border-radius:12px;margin-top:20px;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.add-channel-selected-preview{display:flex;align-items:center;gap:12px}.add-channel-selected-thumb{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--accent-primary);flex-shrink:0}.add-channel-selected-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.add-channel-selected-name{font-size:15px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-channel-selected-stats{display:flex;align-items:center;gap:5px;color:var(--text-secondary);font-size:12px;font-weight:500}.add-channel-category-selector-modern{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.add-channel-category-label{font-size:13px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.add-channel-category-pills{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1}.add-channel-category-pill{display:inline-flex;align-items:center;padding:8px 14px;background:transparent;border:1.5px solid var(--border-primary);border-radius:20px;font-size:13px;font-weight:600;color:var(--text-secondary);font-family:inherit;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.16,1,.3,1);max-width:150px;overflow:hidden;text-overflow:ellipsis}.add-channel-category-pill:hover:not(.active){background:var(--bg-tertiary);border-color:var(--accent-primary-40);color:var(--text-primary);transform:translateY(-2px)}.add-channel-category-pill.active{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-color:transparent;color:#fff;box-shadow:0 2px 8px var(--accent-primary-40)}.add-channel-category-pill:active{transform:translateY(0) scale(.98)}.add-channel-category-more{padding:8px 12px;background:var(--bg-primary);border:1.5px solid var(--border-primary);border-radius:20px;font-size:13px;font-weight:600;color:var(--text-secondary);font-family:inherit;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);outline:none}.add-channel-category-more:hover{background:var(--bg-tertiary);border-color:var(--accent-primary-40);color:var(--text-primary)}.add-channel-category-more:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-10)}.add-channel-add-btn-modern{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.add-channel-add-btn-modern:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-primary-40)}.add-channel-add-btn-modern:active{transform:translateY(0) scale(.98)}.add-channel-no-categories-modern{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,color-mix(in srgb,#ff9800 5%,var(--bg-secondary)),color-mix(in srgb,#ff9800 3%,var(--bg-primary)));border:1.5px solid color-mix(in srgb,#ff9800 30%,var(--border-primary));border-radius:10px;font-size:14px;color:var(--text-primary)}.add-channel-no-categories-modern span:first-child{font-size:16px;flex-shrink:0}.add-channel-modal-footer-modern{padding:16px 24px;border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end}.add-channel-cancel-btn-modern{padding:10px 20px;background:var(--bg-secondary);color:var(--text-primary);border:1.5px solid var(--border-primary);border-radius:10px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.add-channel-cancel-btn-modern:hover{background:var(--bg-tertiary);border-color:var(--accent-primary-40);transform:translateY(-1px)}.add-channel-cancel-btn-modern:active{transform:translateY(0) scale(.98)}@media (prefers-contrast: high){.add-channel-result-card,.add-channel-category-pill,.add-channel-search-wrapper-modern{border-width:2px}.add-channel-result-card.selected{border-width:3px}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.add-channel-result-card:focus-visible,.add-channel-category-pill:focus-visible,.add-channel-search-btn-modern:focus-visible,.add-channel-add-btn-modern:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (max-width: 768px){.add-channel-header-modern{padding:16px 20px}.add-channel-title-modern{font-size:18px}.add-channel-subtitle-modern{font-size:12px}.add-channel-search-modern{flex-direction:column;gap:10px}.add-channel-search-btn-modern{width:100%;justify-content:center}.add-channel-result-card{padding:12px}.add-channel-result-thumbnail{width:60px;height:60px}.add-channel-footer-modern{padding:16px}.add-channel-category-selector-modern{flex-direction:column;align-items:stretch}.add-channel-category-pills,.add-channel-add-btn-modern{width:100%}}@media (max-width: 480px){.add-channel-header-branding{gap:10px}.add-channel-icon-glow{width:18px;height:18px}.add-channel-title-modern{font-size:17px}.add-channel-subtitle-modern{display:none}.add-channel-result-card{gap:10px;padding:10px}.add-channel-result-thumbnail{width:50px;height:50px}.add-channel-result-name{font-size:14px}.add-channel-result-stats,.add-channel-result-description{font-size:12px}.add-channel-category-pill{flex:1;justify-content:center;min-width:0}}.add-channel-results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0;max-height:600px;overflow-y:auto}.add-channel-grid-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 12px 12px;background:var(--bg-secondary);border:1.5px solid var(--border-primary);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;min-height:160px;height:100%}.add-channel-grid-card:hover{border-color:var(--accent-primary);background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.add-channel-grid-card.selected{border-color:var(--accent-primary);background:var(--accent-primary-10);box-shadow:0 0 0 3px var(--accent-primary-20)}.add-channel-grid-card.subscribed{opacity:.6;cursor:default;background:var(--bg-tertiary)}.add-channel-grid-card.subscribed:hover{transform:none;border-color:var(--border-primary)}.add-channel-grid-thumbnail{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--border-primary);transition:all .2s}.add-channel-grid-card:hover .add-channel-grid-thumbnail{border-color:var(--accent-primary);transform:scale(1.05)}.add-channel-grid-card.selected .add-channel-grid-thumbnail{border-color:var(--accent-primary)}.add-channel-grid-info{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;text-align:center;flex:1;justify-content:flex-start}.add-channel-grid-name{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;width:100%;max-height:36px;min-height:36px}.add-channel-grid-subscribers{font-size:12px;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:4px;white-space:nowrap;margin-top:auto}.add-channel-grid-verified{position:absolute;top:8px;right:8px;width:18px;height:18px;background:#2196f3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700}.add-channel-grid-subscribed-badge{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:var(--accent-primary);color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;display:flex;align-items:center;gap:4px}.add-channel-grid-card.quick-add-mode{border-color:#4caf504d}.add-channel-grid-card.quick-add-mode:after{content:"⚡";position:absolute;top:6px;left:6px;font-size:14px;opacity:.7;animation:pulse-glow 2s ease-in-out infinite}.add-channel-grid-card.quick-add-mode:hover{border-color:#4caf50;background:#4caf500d}.add-channel-grid-selected-indicator{position:absolute;top:6px;right:6px;background:var(--accent-primary);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}@media (max-width: 1200px){.add-channel-results-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.add-channel-results-grid{grid-template-columns:repeat(2,1fr);gap:10px}.add-channel-grid-thumbnail{width:60px;height:60px}}@media (max-width: 480px){.add-channel-results-grid{grid-template-columns:1fr}}.quick-add-toggle{transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.quick-add-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.quick-add-toggle.active:before{left:100%}.quick-add-toggle:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.quick-add-toggle:active{transform:translateY(0) scale(.98)}.add-channel-result-card.quick-add-mode{border-color:#4caf504d;position:relative}.add-channel-result-card.quick-add-mode:after{content:"⚡";position:absolute;top:8px;right:8px;font-size:18px;opacity:.7;animation:pulse-glow 2s ease-in-out infinite}.add-channel-result-card.quick-add-mode:hover{border-color:#4caf50;background:#4caf500d;transform:translateY(-2px) scale(1.01)}.add-channel-result-card.quick-add-mode:active{transform:translateY(0) scale(.99);background:#4caf501a}.search-mode-indicator{animation:slide-in .3s cubic-bezier(.16,1,.3,1)}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.spinner-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.add-channel-result-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px;z-index:10}.add-channel-controls-bar{animation:fade-in .4s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.add-channel-category-more{padding:8px 14px;background:var(--bg-tertiary);border:1.5px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.add-channel-category-more:hover{background:var(--bg-quaternary);border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-1px)}.category-dropdown-overlay{position:absolute;inset:0;background:#0608148c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:flex-start;padding:120px 24px 24px;z-index:40}.category-dropdown-overlay.anchor-footer{align-items:center;padding-top:40px;padding-bottom:140px}.category-dropdown-panel{width:min(420px,calc(100% - 48px));max-height:min(65vh,520px);background:var(--bg-secondary);border:2px solid var(--accent-primary-40);border-radius:16px;box-shadow:0 24px 48px #00000073;overflow:hidden;display:flex;flex-direction:column;animation:dropdown-modal-in .2s ease-out}@keyframes dropdown-modal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.category-dropdown-search{position:sticky;top:0;display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--border-primary);background:var(--bg-primary);z-index:1}.category-dropdown-search>svg{flex-shrink:0;color:var(--text-tertiary)}.category-dropdown-search input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:13px;font-weight:500;padding:0}.category-dropdown-search input::-moz-placeholder{color:var(--text-tertiary)}.category-dropdown-search input::placeholder{color:var(--text-tertiary)}.category-dropdown-close{background:transparent;border:none;color:var(--text-tertiary);padding:4px;border-radius:6px;cursor:pointer;transition:color .2s ease}.category-dropdown-close:hover{color:var(--text-primary)}.category-dropdown-list{flex:1;overflow-y:auto;padding:12px 16px 16px}.category-dropdown-list::-webkit-scrollbar{width:6px}.category-dropdown-list::-webkit-scrollbar-track{background:transparent}.category-dropdown-list::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.category-dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.category-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;background:transparent;border:none;border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-dropdown-item:hover{background:var(--bg-tertiary);transform:translate(2px)}.category-dropdown-item.active{background:var(--accent-primary-10);color:var(--accent-primary)}.category-dropdown-item svg{flex-shrink:0;color:var(--accent-primary)}.category-dropdown-empty{padding:20px 12px;text-align:center;color:var(--text-tertiary);font-size:13px}.legal-document-container{min-height:100vh;background:var(--bg-primary);padding:24px 20px 60px}.back-button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:24px}.back-button:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-primary)}.legal-document{max-width:900px;margin:0 auto;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:48px 64px;box-shadow:0 2px 8px #0000000d}.legal-header{text-align:center;margin-bottom:48px;padding-bottom:24px;border-bottom:2px solid var(--border-primary)}.legal-header h1{font-size:36px;font-weight:700;color:var(--text-primary);margin:0 0 12px;letter-spacing:-.5px}.effective-date{font-size:14px;color:var(--text-tertiary);margin:0;font-style:italic}.legal-section{margin-bottom:40px}.legal-section:last-of-type{margin-bottom:0}.legal-section h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 20px;padding-top:8px}.legal-section h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:24px 0 12px}.legal-section p{font-size:15px;line-height:1.7;color:var(--text-secondary);margin:0 0 16px}.legal-section ul,.legal-section ol{margin:16px 0;padding-left:24px}.legal-section li{font-size:15px;line-height:1.7;color:var(--text-secondary);margin-bottom:10px}.legal-section li strong{color:var(--text-primary);font-weight:600}.legal-section a{color:var(--accent-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.legal-section a:hover{border-bottom-color:var(--accent-primary)}code{background:var(--bg-tertiary);color:var(--accent-primary);padding:2px 6px;border-radius:4px;font-size:13px;font-family:Consolas,Monaco,monospace}.cookie-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}.cookie-table thead{background:var(--bg-tertiary)}.cookie-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-primary)}.cookie-table td{padding:12px 16px;color:var(--text-secondary);border-bottom:1px solid var(--border-primary)}.cookie-table tbody tr:hover{background:var(--bg-tertiary)}.contact-info{background:var(--bg-tertiary);border-left:3px solid var(--accent-primary);padding:20px 24px;border-radius:6px;margin:20px 0}.contact-info p{margin:8px 0;font-size:14px}.data-summary{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:24px;margin:24px 0}.data-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-primary)}.data-item:last-child{border-bottom:none}.data-label{font-weight:600;color:var(--text-primary);font-size:14px}.data-value{color:var(--text-secondary);font-size:14px;text-align:right;max-width:60%}.disclaimer-text{background:#ffc1071a;border-left:3px solid #ffc107;padding:16px 20px;margin:16px 0;font-size:14px;font-weight:500;color:var(--text-primary)}.security-note,.storage-note,.third-party-note{background:var(--bg-tertiary);border-left:3px solid var(--accent-primary);padding:16px 20px;margin:20px 0;font-size:14px;font-style:italic}.legal-footer{margin-top:48px;padding-top:24px;border-top:2px solid var(--border-primary);text-align:center}.legal-footer p{font-size:13px;color:var(--text-tertiary);margin:8px 0}@media (max-width: 968px){.legal-document{padding:36px 40px}.legal-header h1{font-size:30px}.legal-section h2{font-size:21px}.legal-section h3{font-size:17px}.data-item{flex-direction:column;gap:6px}.data-value{text-align:left;max-width:100%}.cookie-table{font-size:13px}.cookie-table th,.cookie-table td{padding:10px 12px}}@media (max-width: 640px){.legal-document-container{padding:16px 12px 40px}.legal-document{padding:24px 20px;border-radius:8px}.legal-header h1{font-size:26px}.legal-section h2{font-size:19px}.legal-section h3{font-size:16px}.legal-section p,.legal-section li{font-size:14px}.cookie-table{display:block;overflow-x:auto;white-space:nowrap}.contact-info,.data-summary,.disclaimer-text,.security-note,.storage-note,.third-party-note{padding:14px 16px}}@media print{.back-button{display:none}.legal-document{border:none;box-shadow:none;padding:0}.legal-section{page-break-inside:avoid}.legal-section h2{page-break-after:avoid}a{color:#000;text-decoration:underline}}[data-theme=dark] .disclaimer-text{background:#ffc10726}[data-theme=dark] code{background:#ffffff1a}.rss-proxy-test-page{padding:2rem;max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.test-header{text-align:center;margin-bottom:2rem;padding:2rem;background:#f8f9fa;border-radius:8px}.test-header h1{margin:0 0 .5rem;color:#333}.test-header p{margin:.5rem 0;color:#666}.test-info{margin-top:1rem!important;font-size:.9rem}.phase-info{margin-top:.75rem!important;font-size:.85rem;padding:.5rem 1rem;background:#e7f3ff;border-left:3px solid #007bff;border-radius:4px;display:inline-block}.test-button{margin-top:1rem;padding:.75rem 2rem;font-size:1rem;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.test-button:hover:not(:disabled){background:#0056b3}.test-button:disabled{background:#ccc;cursor:not-allowed}.progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:2rem}.progress-fill{height:100%;background:#007bff;transition:width .3s ease}.summary{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center}.summary-item{padding:1rem 2rem;border-radius:6px;text-align:center;font-size:1.1rem}.summary-item.success{background:#d4edda;color:#155724}.summary-item.warning{background:#fff3cd;color:#856404}.summary-item.failed{background:#f8d7da;color:#721c24}.results-container{display:flex;flex-direction:column;gap:2rem}.results-section{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.results-section h2{margin:0 0 1rem;color:#333;border-bottom:2px solid #eee;padding-bottom:.5rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.result-card{border:2px solid #ddd;border-radius:6px;padding:1rem;background:#fff;transition:transform .2s,box-shadow .2s}.result-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.result-card.status-success{border-color:#28a745;background:#f8fff9}.result-card.status-warning{border-color:#ffc107;background:#fffef5}.result-card.status-failed{border-color:#dc3545;background:#fff5f5}.result-card.status-testing{border-color:#007bff;background:#f0f8ff;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.result-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.status-icon{font-size:1.2rem}.result-header h3{margin:0;flex:1;font-size:1.1rem;color:#333}.priority{font-size:.75rem;color:#666;background:#f0f0f0;padding:.25rem .5rem;border-radius:4px}.result-details{margin:.75rem 0;font-size:.9rem}.detail-item{margin:.5rem 0;color:#555}.detail-item strong{color:#333}.error-text{color:#dc3545}.result-url{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #eee}.result-url small{color:#888;font-size:.75rem;word-break:break-all;display:block}.recommendations{margin-top:2rem;padding:1.5rem;background:#e7f3ff;border-radius:8px;border-left:4px solid #007bff}.recommendations h2{margin:0 0 1rem;color:#333}.recommendation-content{display:flex;flex-direction:column;gap:1rem}.recommendation-content>p{margin:.5rem 0 0;font-size:1.1rem}.non-working-title{margin-top:1.5rem!important}.recommendation-content ul{margin:.5rem 0;padding-left:1.5rem;list-style-type:none}.recommendation-content ul.working-list li{margin:.75rem 0;padding:.5rem;background:#d4edda;border-left:3px solid #28a745;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.recommendation-content ul.failed-list li{margin:.75rem 0;padding:.5rem;background:#f8d7da;border-left:3px solid #dc3545;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.recommendation-content li{margin:.5rem 0}.priority-badge{font-size:.75rem;color:#666;background:#ffffffb3;padding:.2rem .5rem;border-radius:3px;font-weight:400}.recommendation-content code{background:#f0f0f0;padding:.2rem .4rem;border-radius:3px;font-size:.9rem}.note{margin-top:1rem;font-style:italic;color:#555}.no-results{padding:2rem;text-align:center;color:#888;font-style:italic;background:#f8f9fa;border-radius:6px}@media (max-width: 768px){.rss-proxy-test-page{padding:1rem}.results-grid{grid-template-columns:1fr}.summary{flex-direction:column}}.ai-debug-page{position:fixed;inset:0;background:var(--color-background);z-index:99999;overflow-y:auto;padding:20px}.ai-debug-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid var(--color-border)}.ai-debug-header h1{font-size:24px;font-weight:600;color:var(--color-text);margin:0}.close-btn{padding:8px 16px;background:var(--color-danger);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.close-btn:hover{opacity:.9}.ai-debug-controls{display:flex;gap:20px;align-items:flex-end;margin-bottom:20px;padding:20px;background:var(--color-surface);border-radius:8px;border:1px solid var(--color-border)}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.control-group input{padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-background);color:var(--color-text);font-size:14px;width:150px}.btn-primary{padding:10px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.debug-results{margin-bottom:20px;padding:20px;background:var(--color-surface);border-radius:8px;border:1px solid var(--color-border)}.debug-results h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--color-text)}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.result-item{display:flex;justify-content:space-between;padding:12px;background:var(--color-background);border-radius:6px;border:1px solid var(--color-border)}.result-item .label{font-size:14px;color:var(--color-text-secondary)}.result-item .value{font-size:16px;font-weight:600;color:var(--color-text)}.result-item .value.success{color:var(--color-success)}.result-item .value.error{color:var(--color-danger)}.debug-log{background:var(--color-surface);border-radius:8px;border:1px solid var(--color-border);padding:20px}.debug-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.debug-log h3{margin:0;font-size:18px;font-weight:600;color:var(--color-text)}.btn-copy-logs{padding:8px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:opacity .2s}.btn-copy-logs:hover{opacity:.9}.log-entries{font-family:Courier New,monospace;font-size:13px;max-height:600px;overflow-y:auto;background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;padding:12px;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.log-entry{padding:6px 8px;margin-bottom:4px;border-radius:4px;display:flex;gap:12px;white-space:pre-wrap;word-break:break-word}.log-entry.log-info{background:#3b82f61a;border-left:3px solid #3b82f6}.log-entry.log-success{background:#22c55e1a;border-left:3px solid #22c55e}.log-entry.log-warning{background:#fbbf241a;border-left:3px solid #fbbf24}.log-entry.log-error{background:#ef44441a;border-left:3px solid #ef4444}.log-entry.log-section{background:#8b5cf61a;border-left:3px solid #8b5cf6;font-weight:600;margin-top:12px}.log-timestamp{color:var(--color-text-secondary);font-weight:500;flex-shrink:0}.log-message{color:var(--color-text);flex:1;-moz-user-select:text;user-select:text;-webkit-user-select:text;cursor:text}.log-timestamp{-moz-user-select:text;user-select:text;-webkit-user-select:text;cursor:text}.panel-layout{display:grid;grid-template-columns:var(--primary-width, 76px) var(--secondary-width, 260px) 1fr;height:100vh;width:100%;gap:0;overflow:hidden;transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1)}.panel-container{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:0}.panel-primary{background:var(--bg-primary, #0d1117);border-right:1px solid var(--border-primary, #30363d);overflow:visible}.panel-secondary{background:var(--bg-secondary, #161b22);border-right:1px solid var(--border-primary, #30363d);min-height:0;position:relative;z-index:50;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}.panel-preview{background:var(--bg-secondary, #161b22);border-right:1px solid var(--border-primary, #30363d)}.panel-main{background:var(--bg-primary, #0d1117);overflow-y:auto;overflow-x:hidden}.panel{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.panel-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-primary, #30363d);background:linear-gradient(135deg,var(--bg-secondary, #161b22) 0%,var(--bg-tertiary, #1c2128) 100%);flex-shrink:0}.panel-header h2,.panel-title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #e6edf3);display:flex;align-items:center;gap:8px}.panel-title-icon{display:flex;align-items:center;justify-content:center;color:var(--accent-color, #3b82f6)}.panel-content{flex:1;overflow-y:auto;overflow-x:hidden}.panel-content::-webkit-scrollbar{width:8px}.panel-content::-webkit-scrollbar-track{background:transparent}.panel-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #30363d);border-radius:4px}.panel-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, #3a3f4b)}.collapse-btn,.expand-btn{display:flex;align-items:center;justify-content:center;padding:6px;background:transparent;border:1px solid var(--border-primary, #30363d);border-radius:6px;color:var(--text-secondary, #7d8590);cursor:pointer;transition:all .2s ease}.collapse-btn:hover,.expand-btn:hover{background:var(--hover-bg, #21262d);color:var(--text-primary, #e6edf3);border-color:var(--border-hover, #3a3f4b)}.collapse-btn:active,.expand-btn:active{transform:scale(.95)}.collapsed-bar{width:40px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:16px 0;background:var(--bg-tertiary, #1c2128);border-right:2px solid var(--border-primary, #30363d);gap:12px}.rotated-label{writing-mode:vertical-rl;text-orientation:mixed;font-size:11px;font-weight:600;color:var(--text-tertiary, #6e7681);text-transform:uppercase;letter-spacing:1.5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.collapsed-bar .expand-btn{margin-top:auto;width:28px;height:28px;padding:4px}@keyframes panel-slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.panel[data-animating=true]{animation:panel-slide-in .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 1440px){.panel-layout{grid-template-columns:var(--primary-width, 76px) var(--secondary-width, 260px) 1fr}}@media (max-width: 1024px){.panel-layout{grid-template-columns:var(--primary-width, 76px) var(--secondary-width, 240px) 1fr}}@media (max-width: 768px){.panel-layout{grid-template-columns:1fr;grid-template-rows:1fr}.panel-primary,.panel-secondary{display:none}.panel-main{grid-column:1 / -1;padding-bottom:0}}.panel-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-tertiary, #6e7681);height:100%}.panel-empty-state-icon{width:64px;height:64px;margin-bottom:16px;opacity:.3}.panel-empty-state-title{font-size:16px;font-weight:600;color:var(--text-secondary, #7d8590);margin-bottom:8px}.panel-empty-state-description{font-size:14px;color:var(--text-tertiary, #6e7681);max-width:280px}.panel-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-tertiary, #6e7681)}.panel-spinner{width:24px;height:24px;border:3px solid var(--border-primary, #30363d);border-top-color:var(--accent-color, #3b82f6);border-radius:50%;animation:spin .8s linear infinite}.panel:focus-within{outline:2px solid var(--accent-color, #3b82f6);outline-offset:-2px}@media (prefers-reduced-motion: reduce){.panel-layout,.panel,.collapse-btn,.expand-btn,.resize-handle{transition:none}.panel-spinner{animation:none}}.primary-nav-panel{display:flex;flex-direction:column;height:100%;padding:8px;background:var(--bg-primary);border-right:1px solid var(--border-primary);transition:width .2s cubic-bezier(.2,0,0,1);overflow:visible;position:relative;gap:8px}.primary-nav-panel[data-collapsed=false]{width:170px}.primary-nav-panel[data-collapsed=true]{width:68px;padding:14px 8px 16px;border-right:none;background:transparent;gap:0}.primary-nav-panel[data-collapsed=true] .nav-header,.primary-nav-panel[data-collapsed=true] .nav-items{display:none}.nav-rail{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-radius:28px;background:var(--bg-secondary);border:1px solid var(--border-secondary, var(--border-primary));box-shadow:0 12px 32px #0f172a1f;padding:16px 0 12px;position:relative}.nav-rail-body{display:flex;flex-direction:column;align-items:center;width:100%;flex:1;gap:28px}.nav-rail-group{display:flex;flex-direction:column;align-items:center;width:100%;gap:12px}.nav-rail-group-top{gap:16px}.nav-rail-group-main{flex:1;gap:12px;justify-content:center}.nav-rail-group-bottom{gap:14px;margin-top:auto}.nav-rail-logo{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);box-shadow:inset 0 0 0 1px var(--border-primary)}.nav-rail-item{width:48px;height:48px;border-radius:16px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease;position:relative}.nav-rail-item svg{width:24px;height:24px}.nav-rail-item:hover,.nav-rail-item:focus-visible{background:var(--bg-tertiary);color:var(--text-primary)}.nav-rail-item:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.nav-rail-item:active{transform:translateY(1px)}.nav-rail-item:before{content:"";position:absolute;left:6px;width:4px;border-radius:999px;background:var(--accent-primary);height:0;opacity:0;transition:height .2s ease,opacity .2s ease}.nav-rail-item.active{color:var(--accent-primary);box-shadow:inset 0 0 0 1px var(--accent-primary)}.nav-rail-item.active:before{height:30px;opacity:1}@supports (color: color-mix(in srgb,red,blue)){.nav-rail-item.active{background:color-mix(in srgb,var(--accent-primary) 18%,transparent)}}@supports not (color: color-mix(in srgb,red,blue)){.nav-rail-item.active{background:var(--bg-tertiary)}}.nav-rail-trigger{border-radius:50%}.nav-rail-system{color:var(--text-secondary)}.nav-rail-profile{border-radius:50%;border:2px solid transparent;padding:0}.nav-rail-profile:focus-visible{outline-offset:4px}.nav-rail-profile-pic{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--bg-secondary)}.primary-nav-panel[data-collapsed=true] [data-tooltip]:after,.primary-nav-panel[data-collapsed=true] [data-tooltip]:before{position:absolute;top:50%;transform:translateY(-50%) translate(-4px);opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:10}.primary-nav-panel[data-collapsed=true] [data-tooltip]:after{content:attr(data-tooltip);left:calc(100% + 12px);background:var(--bg-primary);color:var(--text-primary);padding:6px 10px;border-radius:8px;box-shadow:0 8px 20px #0f172a26;white-space:nowrap;font-size:12px;font-weight:500}.primary-nav-panel[data-collapsed=true] [data-tooltip]:before{content:"";left:calc(100% + 6px);width:8px;height:8px;background:var(--bg-primary);transform:translateY(-50%) rotate(45deg);border-radius:2px;box-shadow:0 8px 20px #0f172a26}.primary-nav-panel[data-collapsed=true] [data-tooltip]:hover:after,.primary-nav-panel[data-collapsed=true] [data-tooltip]:hover:before,.primary-nav-panel[data-collapsed=true] [data-tooltip]:focus-visible:after,.primary-nav-panel[data-collapsed=true] [data-tooltip]:focus-visible:before{opacity:1;transform:translateY(-50%) translate(0)}.nav-header{display:flex;align-items:center;gap:8px;flex-shrink:0;min-height:44px;padding:2px}.primary-nav-panel[data-collapsed=true] .nav-header{flex-direction:column;gap:8px;align-items:center}.nav-hamburger-menu{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-primary);transition:all .12s ease;flex-shrink:0}.nav-hamburger-menu:hover{background:var(--bg-tertiary)}.nav-hamburger-menu:active{transform:scale(.95)}.nav-hamburger-menu:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.nav-logo-container{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden;padding-right:4px}.primary-nav-panel[data-collapsed=true] .nav-logo-container{justify-content:center;flex:0}.nav-items{flex:1;display:flex;flex-direction:column;gap:6px;overflow-x:hidden;overflow-y:auto;position:relative;min-height:0;padding:6px;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-primary)}.nav-items-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:3px;min-height:0}.nav-items-separator{height:1px;background:var(--border-primary);margin:6px 0;flex-shrink:0}.nav-item,.nav-bottom-item{display:flex;align-items:center;gap:8px;padding:7px 8px;background:var(--bg-tertiary);border:1px solid transparent;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .12s ease;width:100%;text-align:left;position:relative;min-height:34px;font-size:12px;font-weight:400}.nav-item:hover,.nav-bottom-item:hover{background:var(--bg-quaternary);color:var(--text-primary);border-color:var(--border-secondary)}.nav-item.active,.nav-bottom-item.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.nav-item.active .nav-item-label{color:#fff;font-weight:500}.nav-item:focus-visible,.nav-bottom-item:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.nav-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;color:var(--text-secondary);transition:color .12s ease}.nav-item-icon svg{width:20px;height:20px;stroke-width:2}.nav-item:hover .nav-item-icon,.nav-bottom-item:hover .nav-item-icon{color:var(--text-primary)}.nav-item.active .nav-item-icon{color:#fff}.nav-item-label{font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit;line-height:1.3;flex:1}.nav-quick-actions-inner{display:flex;flex-direction:column;gap:3px;flex-shrink:0;padding-top:0;margin-top:auto}.nav-profile-pic{width:18px;height:18px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.primary-nav-panel[data-collapsed=true] .nav-items{padding:6px 4px;align-items:center}.primary-nav-panel[data-collapsed=true] .nav-items-scrollable{gap:6px;align-items:center;width:100%}.primary-nav-panel[data-collapsed=true] .nav-item,.primary-nav-panel[data-collapsed=true] .nav-bottom-item{justify-content:center;gap:0;padding:7px;min-height:48px;width:48px;border-radius:11px}.primary-nav-panel[data-collapsed=true] .nav-item-icon{width:26px;height:26px;margin:0}.primary-nav-panel[data-collapsed=true] .nav-item-icon svg{width:26px;height:26px;stroke-width:2.5}.primary-nav-panel[data-collapsed=true] .nav-item-label{display:none}.primary-nav-panel[data-collapsed=true] .nav-items-separator{margin:8px 0;width:75%;align-self:center}.primary-nav-panel[data-collapsed=true] .nav-quick-actions-inner{gap:6px;align-items:center;width:100%}.primary-nav-panel[data-collapsed=true] .nav-quick-actions-inner .nav-item{width:48px;min-height:48px;padding:7px}.primary-nav-panel[data-collapsed=true] .nav-quick-actions-inner .nav-item-icon{width:26px;height:26px}.primary-nav-panel[data-collapsed=true] .nav-quick-actions-inner .nav-item-icon svg{width:26px;height:26px;stroke-width:2.5}.primary-nav-panel[data-collapsed=true] .nav-profile-pic{width:26px;height:26px}.nav-theme-container,.nav-profile-container{position:relative}.nav-theme-dropdown-backdrop,.nav-profile-dropdown-backdrop{position:fixed;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000}.nav-theme-dropdown-menu{position:fixed;background:var(--bg-secondary);border-radius:12px;box-shadow:0 8px 32px #0000001f;border:1px solid var(--border-primary);overflow:hidden;z-index:10001;min-width:280px;width:320px;max-height:840px;display:flex;flex-direction:column}.nav-theme-dropdown-header{padding:16px;border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;gap:12px}.nav-theme-dropdown-title{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-weight:600;font-size:14px}.nav-theme-dropdown-title svg{color:var(--accent-primary);flex-shrink:0}.nav-theme-dropdown-actions{display:flex;align-items:center;gap:8px}.nav-theme-dropdown-hint{display:flex;align-items:center;gap:5px;color:var(--text-secondary);font-size:12px;font-weight:500;padding:6px 10px;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-primary)}.nav-theme-dropdown-hint svg{color:var(--accent-primary);flex-shrink:0}.nav-theme-dropdown-list{overflow-y:auto;max-height:760px;padding:8px}.nav-theme-dropdown-item{display:flex;align-items:center;gap:8px;margin-bottom:4px;border-radius:8px;transition:background .12s ease}.nav-theme-dropdown-item:hover{background:var(--bg-tertiary)}.nav-theme-dropdown-item.active{background:var(--bg-quaternary)}.nav-theme-dropdown-item.dragging{opacity:.5}.nav-theme-drag-handle{display:flex;align-items:center;justify-content:center;padding:8px;background:transparent;border:none;color:var(--text-tertiary);cursor:grab;border-radius:4px;transition:all .12s ease}.nav-theme-drag-handle:active{cursor:grabbing}.nav-theme-drag-handle:hover{background:var(--bg-quaternary);color:var(--text-secondary)}.nav-theme-select-btn{flex:1;display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .12s ease;text-align:left}.nav-theme-select-btn:hover{background:var(--bg-quaternary)}.nav-theme-color-preview{width:32px;height:32px;border-radius:6px;overflow:hidden;flex-shrink:0;border:1px solid var(--border-primary)}.nav-theme-color-gradient{width:100%;height:100%}.nav-theme-number{color:var(--text-tertiary);font-size:12px;font-weight:500;min-width:20px}.nav-theme-name{flex:1;font-size:14px;font-weight:500}.nav-theme-select-btn svg{flex-shrink:0;color:var(--accent-primary)}.nav-profile-dropdown-wrapper{position:fixed;z-index:10001}.nav-items-scrollable::-webkit-scrollbar,.nav-theme-dropdown-list::-webkit-scrollbar{width:6px}.nav-items-scrollable::-webkit-scrollbar-track,.nav-theme-dropdown-list::-webkit-scrollbar-track{background:transparent}.nav-items-scrollable::-webkit-scrollbar-thumb,.nav-theme-dropdown-list::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.nav-items-scrollable::-webkit-scrollbar-thumb:hover,.nav-theme-dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}@media (max-width: 1024px){.nav-item,.nav-bottom-item{padding:7px 8px;min-height:32px}.nav-item-label{font-size:12px}}@media (max-width: 768px){.primary-nav-panel{padding:6px}.nav-header{min-height:40px}.nav-item,.nav-bottom-item{padding:6px 7px;gap:7px;min-height:32px}.nav-item-label{font-size:11px}.nav-items{padding:5px}.nav-items-scrollable{gap:3px}}@media (prefers-contrast: high){.nav-item,.nav-bottom-item,.nav-item.active{border-width:2px}.nav-items-separator{height:2px}}@media (prefers-reduced-motion: reduce){.primary-nav-panel,.nav-item,.nav-bottom-item,.nav-item-icon,.nav-item-label,.nav-hamburger-menu,.nav-theme-dropdown-item,.nav-theme-select-btn,.nav-theme-drag-handle{transition:none!important;animation:none!important}}.category-management-view{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary, #161b22);min-height:0;position:relative;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box;margin:0;padding:0}.category-toolbar{display:flex;align-items:center;gap:4px;padding:12px;border-bottom:1px solid var(--border-primary, #30363d);background:var(--bg-tertiary, #1c2128)}.toolbar-btn{display:flex;align-items:center;justify-content:center;padding:8px;background:transparent;border:1px solid var(--border-primary, #30363d);border-radius:6px;color:var(--text-secondary, #7d8590);cursor:pointer;transition:all .2s ease}.toolbar-btn:hover{background:var(--hover-bg, #21262d);color:var(--text-primary, #e6edf3);border-color:var(--border-hover, #3a3f4b)}.toolbar-btn.active{background:var(--accent-color, #3b82f6);color:#fff;border-color:var(--accent-color, #3b82f6)}.toolbar-btn:active{transform:scale(.95)}.toolbar-divider{width:1px;height:24px;background:var(--border-primary, #30363d);margin:0 4px}.category-filter-section{padding:10px 12px;border-bottom:1px solid var(--border-primary, #30363d);flex-shrink:0;box-sizing:border-box}.category-filter-btn{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-tertiary, #1c2128);border:1px solid var(--border-primary, #30363d);border-radius:8px;color:var(--text-primary, #e6edf3);font-size:13px;cursor:pointer;transition:all .2s ease}.category-filter-btn:hover{background:var(--hover-bg, #21262d);border-color:var(--border-hover, #3a3f4b);transform:translateY(-1px)}.category-filter-btn.has-filter{background:var(--accent-color, #3b82f6);border-color:var(--accent-color, #3b82f6);color:#fff}.category-filter-btn.has-filter:hover{background:#3b82f6e6;border-color:#3b82f6e6}.category-filter-btn.has-filter svg{color:#fff}.category-search-section{padding:10px 12px;border-bottom:1px solid var(--border-primary, #30363d);flex-shrink:0;box-sizing:border-box}.search-input-wrapper{position:relative;display:flex;align-items:center;width:100%;margin:0;padding:0}.search-icon{position:absolute;left:12px;color:var(--text-tertiary, #6e7681);pointer-events:none}.search-input{width:100%;padding:8px 12px 8px 36px;background:var(--bg-tertiary, #1c2128);border:1px solid var(--border-primary, #30363d);border-radius:8px;color:var(--text-primary, #e6edf3);font-size:13px;transition:all .2s ease}.search-input::-moz-placeholder{color:var(--text-tertiary, #6e7681)}.search-input::placeholder{color:var(--text-tertiary, #6e7681)}.search-input:focus{outline:none;border-color:var(--accent-color, #3b82f6);background:var(--bg-secondary, #161b22);box-shadow:0 0 0 3px #3b82f61a}.search-input:focus+.search-icon,.search-input-wrapper:focus-within .search-icon{color:var(--accent-color, #3b82f6)}.category-management-view .category-list{flex:1;padding:0;overflow-y:auto;overflow-x:hidden;min-height:0;display:flex;flex-direction:column;gap:0;align-content:flex-start;width:100%;max-width:100%;max-height:none!important;height:auto!important;box-sizing:border-box;background:var(--bg-secondary, #161b22)}.category-management-view .category-list[data-display-mode=list]{display:flex;flex-direction:column;gap:0;max-height:none!important;align-items:stretch;padding:0}.category-management-view .category-list[data-display-mode=grid]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-content:start;padding:12px;padding-left:12px!important;padding-right:12px!important;max-height:none!important;box-sizing:border-box}.category-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:transparent;border:none;border-bottom:1px solid var(--border-primary, #30363d);border-radius:0;color:var(--text-primary, #e6edf3);text-align:left;cursor:pointer;transition:all .15s ease;width:100%;min-height:40px;max-height:none;box-sizing:border-box;position:relative;margin:0;flex-shrink:0}.category-management-view .category-list[data-display-mode=list] .category-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:6px 16px;min-height:32px;height:32px;max-height:none;background:transparent!important;border:none!important;border-bottom:none!important;border-radius:0!important;margin:0;width:100%;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background-color .15s ease,color .15s ease}.category-management-view .category-list[data-display-mode=list] .category-item:hover{background:var(--hover-bg, rgba(255, 255, 255, .05))!important;border:none!important;transform:none;box-shadow:none!important;opacity:1}.category-management-view .category-list[data-display-mode=list] .category-item.active{background:var(--hover-bg, rgba(255, 255, 255, .1))!important;border:none!important;border-radius:0 8px 8px 0!important;color:var(--text-primary)!important;transform:none;box-shadow:none!important;border-left:3px solid var(--accent-primary, #3b82f6)!important;padding-left:13px}.category-management-view .category-list[data-display-mode=list] .category-item:active{transform:none;background:var(--hover-bg, rgba(255, 255, 255, .08))!important}.category-management-view .category-list[data-display-mode=grid] .category-item{overflow:hidden}@keyframes fadeInItem{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.category-management-view .category-list[data-display-mode=grid] .category-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;opacity:.9}.category-management-view .category-list[data-display-mode=grid] .category-item.active{color:#fff;font-weight:600;box-shadow:0 2px 8px #0003}.category-management-view .category-list[data-display-mode=grid] .category-item.active .category-name{color:#fff;font-weight:600}.category-management-view .category-list[data-display-mode=grid] .category-item:active{transform:translateY(-1px) scale(.98)}.category-item-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-height:100%}.category-management-view .category-list[data-display-mode=list] .category-item-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:auto;flex:1}.category-name{font-size:14px;font-weight:500;transition:color .15s ease;text-align:left;flex:1;min-width:0;line-height:1.4;word-break:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.category-management-view .category-list[data-display-mode=list] .category-name{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:400;letter-spacing:normal;color:var(--text-primary);line-height:1.3;transition:color .15s ease}.category-management-view .category-list[data-display-mode=list] .category-item:hover .category-name{color:var(--text-primary)}.category-management-view .category-list[data-display-mode=list] .category-item.active .category-name{color:var(--text-primary);font-weight:500}.category-count{font-size:12px;font-weight:500;color:var(--text-tertiary, #6e7681);opacity:.8;transition:color .15s ease,opacity .15s ease;line-height:1.2;flex-shrink:0;padding:2px 8px;background:var(--bg-tertiary, #1c2128);border-radius:12px;white-space:nowrap}.category-management-view .category-list[data-display-mode=list] .category-count{font-size:11px;font-weight:400;padding:0;background:transparent;border:none;border-radius:0;margin-left:8px;box-shadow:none;color:var(--text-tertiary, #6e7681);opacity:.8;transition:opacity .15s ease,color .15s ease}.category-management-view .category-list[data-display-mode=list] .category-item.active .category-count{color:var(--text-primary);background:transparent;border:none;opacity:1;box-shadow:none}.category-management-view .category-list[data-display-mode=list] .category-item:hover .category-count{opacity:1;color:var(--text-secondary, #7d8590);background:transparent;border:none}.category-management-view .category-list[data-display-mode=list] .category-item.active:hover .category-count{color:var(--text-primary);background:transparent;border:none}.category-management-view .category-list[data-display-mode=grid] .category-item.active .category-count{color:#ffffffe6;opacity:1}.category-management-view .category-list[data-display-mode=grid] .category-item:hover .category-count{opacity:1;color:var(--text-secondary, #7d8590)}.category-management-view .category-list[data-display-mode=grid] .category-item.active:hover .category-count{color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;height:100%;gap:12px}.empty-state-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary, #1c2128);border-radius:12px;color:var(--text-tertiary, #6e7681);opacity:.5}.empty-state-text{font-size:14px;color:var(--text-tertiary, #6e7681);font-weight:500}.empty-state-hint{font-size:12px;color:var(--text-tertiary, #6e7681);opacity:.7;margin-top:4px}.category-management-view .category-list::-webkit-scrollbar{width:6px}.category-management-view .category-list::-webkit-scrollbar-track{background:transparent;margin:4px 0}.category-management-view .category-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #30363d);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.category-management-view .category-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, #3a3f4b)}.category-management-view .category-list{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, #30363d) transparent}.category-management-view .toolbar-btn:focus-visible,.category-management-view .category-filter-btn:focus-visible,.category-management-view .search-input:focus-visible,.category-management-view .category-item:focus-visible{outline:2px solid var(--accent-color, #3b82f6);outline-offset:2px;z-index:1}.category-management-view .category-item:focus-visible{background:var(--hover-bg, #21262d);border-color:var(--accent-color, #3b82f6)}.category-management-view .category-list[data-display-mode=grid] .category-item{min-height:80px;padding:16px 12px}.category-management-view .category-list[data-display-mode=grid] .category-item-content{gap:6px}.category-management-view .category-list[data-display-mode=grid] .category-name{white-space:normal;word-break:break-word;line-height:1.4;font-size:13px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-management-view .category-list[data-display-mode=grid] .category-count{font-size:12px;margin-top:2px}@media (max-width: 1440px){.category-toolbar{padding:10px 12px}.toolbar-btn{padding:7px}.category-filter-section,.category-search-section{padding:10px 12px}.category-management-view .category-list{padding:0}.category-management-view .category-list[data-display-mode=grid]{padding:12px}}@media (max-width: 1024px){.category-toolbar{padding:8px 12px}.toolbar-btn{padding:6px}.category-item{padding:10px 12px}.category-name{font-size:13px}}@media (prefers-reduced-motion: reduce){.toolbar-btn,.category-filter-btn,.search-input,.category-item{transition:none}}.playlist-panel-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.playlist-panel-search{display:flex;align-items:center;padding:12px;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb)}.playlist-panel-search-input{width:100%;border:none;background:transparent;outline:none;font-size:14px;color:var(--text-primary, #111827)}.playlist-panel-search-input::-moz-placeholder{color:var(--text-tertiary, #9ca3af)}.playlist-panel-search-input::placeholder{color:var(--text-tertiary, #9ca3af)}.playlist-panel-header{padding:8px 12px;border-bottom:1px solid var(--border-color, #e5e7eb)}.playlist-panel-count{font-size:12px;font-weight:500;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px}.playlist-panel-list{flex:1;overflow-y:auto;padding:4px 0}.playlist-panel-empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.playlist-panel-empty-text{font-size:14px;color:var(--text-tertiary, #9ca3af);margin:0}.playlist-panel-item{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid var(--border-color, #f3f4f6)}.playlist-panel-item:hover{background-color:var(--bg-hover, #f3f4f6)}.playlist-panel-item-icon{position:relative;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary, #e5e7eb);border-radius:6px;color:var(--text-secondary, #6b7280)}.playlist-panel-favorite-icon{position:absolute;top:-4px;right:-4px}.playlist-panel-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.playlist-panel-item-name{font-size:14px;font-weight:500;color:var(--text-primary, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-panel-item-meta{font-size:12px;color:var(--text-tertiary, #9ca3af)}.playlist-panel-item-menu{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--text-tertiary, #9ca3af);opacity:0;transition:opacity .15s ease,background-color .15s ease}.playlist-panel-item:hover .playlist-panel-item-menu{opacity:1}.playlist-panel-item-menu:hover{background-color:var(--bg-hover, #e5e7eb);color:var(--text-primary, #111827)}.playlist-panel-list::-webkit-scrollbar{width:6px}.playlist-panel-list::-webkit-scrollbar-track{background:transparent}.playlist-panel-list::-webkit-scrollbar-thumb{background:var(--border-color, #d1d5db);border-radius:3px}.playlist-panel-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary, #9ca3af)}.playlist-panel-cards{flex:1;overflow-y:auto;padding:12px;display:grid;grid-template-columns:1fr;gap:8px}.playlist-card{background:var(--bg-secondary, rgba(255, 255, 255, .95));border:1px solid var(--border-primary, rgba(0, 0, 0, .1));border-radius:12px;padding:12px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #0000000f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.playlist-card:hover{background:var(--bg-tertiary, rgba(0, 0, 0, .05));border-color:var(--accent-primary-40, rgba(99, 102, 241, .4));transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.playlist-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.playlist-card-icon{position:relative;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary-10, rgba(99, 102, 241, .1));border-radius:8px;color:var(--accent-primary, #6366f1)}.playlist-card-favorite-icon{position:absolute;top:-3px;right:-3px}.playlist-card-menu{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--text-tertiary, #9ca3af);opacity:0;transition:all .15s cubic-bezier(.16,1,.3,1)}.playlist-card:hover .playlist-card-menu{opacity:1}.playlist-card-menu:hover{background:var(--bg-tertiary, rgba(0, 0, 0, .1));color:var(--text-primary, #1a1a1a)}.playlist-card-content{display:flex;flex-direction:column;gap:2px}.playlist-card-name{font-size:11px;font-weight:600;color:var(--text-primary, #1a1a1a);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.playlist-card-meta{font-size:9px;color:var(--text-tertiary, #9ca3af);font-weight:500}.playlist-panel-cards::-webkit-scrollbar{width:6px}.playlist-panel-cards::-webkit-scrollbar-track{background:transparent}.playlist-panel-cards::-webkit-scrollbar-thumb{background:var(--border-color, #d1d5db);border-radius:3px}.playlist-panel-cards::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary, #9ca3af)}.add-category-modal{background:var(--surface-secondary);border-radius:12px;max-width:500px;width:90%;box-shadow:0 20px 60px #0006;overflow:hidden;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.add-category-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-primary);background:var(--surface-primary)}.add-category-modal .modal-title-wrapper{display:flex;align-items:center;gap:12px}.add-category-modal .modal-icon{color:var(--accent-primary)}.add-category-modal .modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.add-category-modal .modal-close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.add-category-modal .modal-close-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.add-category-modal .modal-body{padding:24px}.add-category-modal .modal-description{margin:0 0 20px;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.add-category-modal .form-group{margin-bottom:0}.add-category-modal .form-label{display:block;font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:8px}.add-category-modal .form-input{width:100%;padding:12px 14px;font-size:1rem;background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);transition:all .15s ease;box-sizing:border-box}.add-category-modal .form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.1)}.add-category-modal .form-input:disabled{opacity:.6;cursor:not-allowed}.add-category-modal .form-input::-moz-placeholder{color:var(--text-tertiary)}.add-category-modal .form-input::placeholder{color:var(--text-tertiary)}.add-category-modal .form-error{margin-top:8px;color:var(--error-color);font-size:.85rem;font-weight:500}.add-category-modal .modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-primary);background:var(--surface-primary)}.add-category-modal .btn-secondary,.add-category-modal .btn-primary{padding:10px 20px;font-size:.95rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;min-width:100px}.add-category-modal .btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary)}.add-category-modal .btn-secondary:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.add-category-modal .btn-primary{background:var(--accent-primary);color:#fff}.add-category-modal .btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-primary-rgb),.3)}.add-category-modal .btn-secondary:disabled,.add-category-modal .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 600px){.add-category-modal{max-width:100%;width:100%;margin:0;border-radius:0;min-height:100vh}.add-category-modal .modal-header,.add-category-modal .modal-body,.add-category-modal .modal-footer{padding:16px 20px}}.date-range-picker{position:absolute;top:calc(100% + 8px);left:0;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:1000;min-width:600px;max-width:700px;animation:slideDown .2s ease-out}.date-range-picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-primary)}.date-range-picker-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.date-range-picker-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s ease}.date-range-picker-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.date-range-picker-content{padding:20px}.date-range-presets{margin-bottom:24px}.date-range-presets-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:12px}.date-range-presets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.date-range-preset-btn{padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.date-range-preset-btn:hover{background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--text-primary)}.date-range-preset-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.date-range-calendar{margin-bottom:20px}.date-range-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.date-range-calendar-month{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:var(--text-primary)}.date-range-calendar-today-btn{padding:4px 8px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.date-range-calendar-today-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.date-range-calendar-nav{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.date-range-calendar-nav:hover{background:var(--bg-tertiary);color:var(--text-primary)}.date-range-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.date-range-calendar-weekday{text-align:center;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;padding:8px 4px}.date-range-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.date-range-calendar-day{aspect-ratio:1;padding:0;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.date-range-calendar-day.empty{cursor:default;pointer-events:none}.date-range-calendar-day:hover:not(.empty){background:var(--bg-secondary);border-color:var(--border-hover)}.date-range-calendar-day.today{font-weight:700;color:var(--accent-primary)}.date-range-calendar-day.today:before{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--accent-primary);border-radius:50%}.date-range-calendar-day.in-range{background:rgba(var(--accent-rgb, 59, 130, 246),.1);border-color:transparent}.date-range-calendar-day.selected{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;font-weight:600}.date-range-calendar-day.selected.today:before{background:#fff}.date-range-calendar-day.past{opacity:.6}.date-range-selected{padding:12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;margin-bottom:16px}.date-range-selected-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:4px}.date-range-selected-dates{font-size:14px;font-weight:500;color:var(--text-primary)}.date-range-picker-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.date-range-picker-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-primary)}.date-range-picker-btn.secondary{background:var(--bg-secondary);color:var(--text-secondary)}.date-range-picker-btn.secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.date-range-picker-btn.primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.date-range-picker-btn.primary:hover:not(:disabled){background:var(--accent-hover, var(--accent-primary));opacity:.9}.date-range-picker-btn.primary:disabled{opacity:.5;cursor:not-allowed}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notes-navigation-panel{display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden;padding:0;background:var(--bg-secondary, #161b22)}.nav-panel-section{border-bottom:1px solid var(--border-primary, #30363d);flex-shrink:0}.nav-panel-section:last-child{border-bottom:none}.nav-panel-section-wrapper{position:relative}.nav-panel-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-tertiary, #1c2128);border-bottom:1px solid var(--border-primary, #30363d);flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-panel-drag-handle{display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;cursor:grab;color:var(--text-secondary, #7d8590);opacity:.5;transition:opacity .2s ease;flex-shrink:0}.nav-panel-drag-handle:hover{opacity:1;color:var(--text-primary, #e6edf3)}.nav-panel-drag-handle:active{cursor:grabbing}.nav-panel-collapse-btn{display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;cursor:pointer;color:var(--text-secondary, #7d8590);transition:color .2s ease;flex-shrink:0}.nav-panel-collapse-btn:hover{color:var(--text-primary, #e6edf3)}.nav-panel-header svg{color:var(--text-secondary, #7d8590);flex-shrink:0}.nav-panel-title{font-size:13px;font-weight:600;color:var(--text-primary, #e6edf3);margin:0;text-transform:uppercase;letter-spacing:.5px}.nav-panel-content{padding:12px;max-height:400px;overflow-y:auto;overflow-x:hidden}.section-navigator{display:flex;flex-direction:column;gap:8px}.section-actions-card{background:var(--bg-secondary, #161b22);border:2px solid var(--border-primary, #30363d);border-radius:14px;padding:14px;margin-bottom:12px;display:flex;flex-direction:column;gap:12px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #0000001a,0 2px 7px #0000000f,0 1px 4px #0000000a,inset 0 1px 2px #ffffff1a}.section-actions-card:hover{transform:translateY(-2px) scale(1.005);border-color:var(--accent-color, #3b82f6);box-shadow:0 12px 32px #00000024,0 6px 16px #0000001a,0 3px 8px #0000000f,inset 0 2px 4px #ffffff26}.section-search-container{display:flex;align-items:center;gap:8px;background:var(--bg-tertiary, #1c2128);border:1px solid var(--border-primary, #30363d);border-radius:8px;padding:8px 12px;transition:all .2s ease}.section-search-container:focus-within{border-color:var(--accent-color, #3b82f6);box-shadow:0 0 0 2px #3b82f61a}.section-search-icon{color:var(--text-tertiary, #6e7681);flex-shrink:0}.section-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary, #e6edf3);font-size:13px;font-family:inherit;min-width:0}.section-search-input::-moz-placeholder{color:var(--text-tertiary, #6e7681)}.section-search-input::placeholder{color:var(--text-tertiary, #6e7681)}.section-search-clear{display:flex;align-items:center;justify-content:center;padding:2px;background:transparent;border:none;color:var(--text-tertiary, #6e7681);cursor:pointer;transition:color .2s ease;flex-shrink:0}.section-search-clear:hover{color:var(--text-primary, #e6edf3)}.section-actions-buttons{display:flex;align-items:center;gap:8px}.section-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--bg-tertiary, #1c2128);border:2px solid var(--border-primary, #30363d);border-radius:8px;color:var(--text-secondary, #7d8590);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 2px 6px #00000014,inset 0 1px 2px #ffffff1a}.section-action-btn:hover{transform:translateY(-2px);background:var(--hover-bg, #21262d);border-color:var(--accent-color, #3b82f6);color:var(--text-primary, #e6edf3);box-shadow:0 4px 12px #0000001f,inset 0 1px 2px #ffffff26}.section-action-btn.active{background:var(--accent-color, #3b82f6);border-color:var(--accent-color, #3b82f6);color:#fff;box-shadow:0 3px 10px #3b82f64d,inset 0 1px 2px #fff3}.section-controls{display:flex;align-items:center;padding:4px 8px}.section-expand-all-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:transparent;border:1px solid var(--border-primary, #30363d);border-radius:6px;color:var(--text-secondary, #7d8590);cursor:pointer;transition:all .2s ease;font-size:12px;font-weight:500}.section-expand-all-btn:hover{background:var(--bg-tertiary, #1c2128);border-color:var(--accent-color, #3b82f6);color:var(--text-primary, #e6edf3)}.section-tree-item-wrapper{position:relative}.section-tree-item{display:flex;flex-direction:column}.section-drag-handle{display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;cursor:grab;color:var(--text-tertiary, #6e7681);opacity:.7;transition:all .2s ease;flex-shrink:0;border-radius:4px}.section-drag-handle:hover{opacity:1;color:var(--text-primary, #e6edf3);background:var(--bg-tertiary, #1c2128)}.section-drag-handle:active{cursor:grabbing;background:var(--bg-quaternary, #21262d)}.section-tree-node{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;cursor:pointer;transition:all .2s ease;background:transparent;border:none;width:100%;text-align:left;color:var(--text-secondary, #7d8590)}.section-tree-node:hover{background:var(--bg-tertiary, #1c2128);color:var(--text-primary, #e6edf3)}.section-tree-node.active{background:var(--accent-primary, #3b82f6);color:#fff}.section-tree-node.active .section-icon{color:#fff}.section-expand-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:transparent;border:none;color:var(--text-tertiary, #6e7681);cursor:pointer;transition:all .2s ease;flex-shrink:0}.section-expand-btn:hover{color:var(--text-primary, #e6edf3);background:var(--bg-quaternary, #21262d);border-radius:3px}.section-expand-spacer{width:18px;flex-shrink:0}.section-icon{flex-shrink:0;color:var(--text-tertiary, #6e7681)}.section-name{flex:1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.section-tree-node.active .section-name{font-weight:600}.section-count{font-size:11px;font-weight:600;padding:2px 6px;background:var(--bg-quaternary, #21262d);border-radius:10px;color:var(--text-secondary, #7d8590);flex-shrink:0}.section-tree-node.active .section-count{background:#fff3;color:#fff}.section-select-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;margin-left:2px;background:transparent;border:none;color:var(--text-tertiary, #6e7681);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;border-radius:3px;opacity:.5}.section-tree-node:hover .section-select-btn{opacity:1;background:var(--bg-quaternary, #21262d);color:var(--text-secondary, #7d8590)}.section-select-btn:hover{opacity:1;background:var(--bg-quaternary, #21262d);color:var(--accent-color, #3b82f6);transform:scale(1.1)}.section-select-btn.active{opacity:1;background:var(--accent-color, #3b82f6);color:#fff;box-shadow:0 2px 8px #3b82f64d}.section-tree-node.active .section-select-btn{opacity:1}.section-tree-node.active .section-select-btn:not(.active){color:#fffc}.section-tree-node.active .section-select-btn.active{background:#fff3;color:#fff;box-shadow:0 2px 8px #fff3}.section-select-icon{width:14px;height:14px;transition:all .2s ease}.section-select-btn.active .section-select-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.section-children{margin-left:8px;border-left:1px solid var(--border-primary, #30363d);padding-left:8px;margin-top:2px}.section-notes-list{margin-top:4px;margin-bottom:4px;display:flex;flex-direction:column;gap:2px}.section-note-item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:4px;background:transparent;border:none;color:var(--text-tertiary, #6e7681);cursor:pointer;transition:all .2s ease;font-size:11px;text-align:left;width:100%}.section-note-item:hover{background:var(--bg-tertiary, #1c2128);color:var(--text-secondary, #7d8590)}.section-note-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.section-note-ai-indicator{flex-shrink:0;color:var(--accent-primary, #3b82f6)}.section-note-more{padding:4px 8px;font-size:10px;color:var(--text-tertiary, #6e7681);font-style:italic;text-align:center}.section-empty-state{padding:16px;text-align:center;color:var(--text-tertiary, #6e7681);font-size:12px}.filters-section{display:flex;flex-direction:column;gap:16px}.filter-group{display:flex;flex-direction:column;gap:6px;position:relative}.filter-group-label{font-size:11px;font-weight:600;color:var(--text-tertiary, #6e7681);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.filter-btn{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;background:transparent;border:1px solid var(--border-primary, #30363d);color:var(--text-secondary, #7d8590);cursor:pointer;transition:all .2s ease;font-size:12px;font-weight:500;text-align:left;width:100%}.filter-btn:hover{background:var(--bg-tertiary, #1c2128);border-color:var(--accent-primary, #3b82f6);color:var(--text-primary, #e6edf3)}.filter-btn.active{background:var(--accent-primary, #3b82f6);border-color:var(--accent-primary, #3b82f6);color:#fff}.filter-btn svg{flex-shrink:0}.filter-btn span:not(.filter-count){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-count{font-size:11px;font-weight:600;padding:2px 6px;background:var(--bg-quaternary, #21262d);border-radius:10px;color:var(--text-secondary, #7d8590);flex-shrink:0}.filter-btn.active .filter-count{background:#fff3;color:#fff}.filter-date-range-wrapper{position:relative}.filter-date-range-btn{width:100%;justify-content:flex-start}.filter-more-btn{color:var(--text-tertiary, #6e7681);border-style:dashed;border-color:var(--border-primary, #30363d)}.filter-more-btn:hover{background:var(--bg-tertiary, #1c2128);border-color:var(--accent-primary, #3b82f6);color:var(--text-primary, #e6edf3)}.filter-more-btn.active{background:var(--bg-tertiary, #1c2128);border-color:var(--accent-primary, #3b82f6);border-style:solid;color:var(--text-primary, #e6edf3)}.categories-expanded-panel{position:absolute;left:100%;top:0;margin-left:8px;width:280px;max-height:min(500px,calc(100vh - 200px));background:var(--bg-secondary, #161b22);border:1px solid var(--border-primary, #30363d);border-radius:8px;box-shadow:0 8px 24px #0003,0 4px 12px #00000026,0 2px 6px #0000001a;z-index:1000;display:flex;flex-direction:column;overflow:hidden;animation:slideInRight .2s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.categories-expanded-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-primary, #30363d);background:var(--bg-tertiary, #1c2128);flex-shrink:0}.categories-expanded-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border-primary, #30363d);background:var(--bg-secondary, #161b22);flex-shrink:0}.categories-search-icon{color:var(--text-tertiary, #6e7681);flex-shrink:0}.categories-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary, #e6edf3);font-size:12px;font-family:inherit;min-width:0}.categories-search-input::-moz-placeholder{color:var(--text-tertiary, #6e7681)}.categories-search-input::placeholder{color:var(--text-tertiary, #6e7681)}.categories-search-clear{display:flex;align-items:center;justify-content:center;padding:2px;background:transparent;border:none;color:var(--text-tertiary, #6e7681);cursor:pointer;transition:color .2s ease;flex-shrink:0;border-radius:4px}.categories-search-clear:hover{background:var(--bg-quaternary, #21262d);color:var(--text-primary, #e6edf3)}.categories-expanded-header h3{margin:0;font-size:13px;font-weight:600;color:var(--text-primary, #e6edf3);text-transform:uppercase;letter-spacing:.5px}.categories-expanded-close{display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;color:var(--text-secondary, #7d8590);cursor:pointer;border-radius:4px;transition:all .2s ease;flex-shrink:0}.categories-expanded-close:hover{background:var(--bg-quaternary, #21262d);color:var(--text-primary, #e6edf3)}.categories-expanded-content{padding:8px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:4px;max-height:450px}.categories-expanded-content .filter-btn{font-size:12px;padding:8px 10px}.categories-expanded-empty{padding:24px 16px;text-align:center;color:var(--text-tertiary, #6e7681);font-size:12px;font-style:italic}.categories-expanded-content::-webkit-scrollbar{width:6px}.categories-expanded-content::-webkit-scrollbar-track{background:var(--bg-secondary, #161b22)}.categories-expanded-content::-webkit-scrollbar-thumb{background:var(--border-primary, #30363d);border-radius:3px}.categories-expanded-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary, #6e7681)}.clear-filters-btn{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:6px;background:var(--bg-tertiary, #1c2128);border:1px solid var(--border-primary, #30363d);color:var(--text-secondary, #7d8590);cursor:pointer;transition:all .2s ease;font-size:12px;font-weight:500;width:100%;margin-top:8px}.clear-filters-btn:hover{background:var(--bg-quaternary, #21262d);border-color:var(--accent-primary, #3b82f6);color:var(--text-primary, #e6edf3)}.stats-section{display:flex;flex-direction:column;gap:10px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:6px;background:var(--bg-tertiary, #1c2128);border:1px solid var(--border-primary, #30363d)}.stat-label{font-size:12px;color:var(--text-secondary, #7d8590);font-weight:500}.stat-value{font-size:14px;font-weight:700;color:var(--accent-primary, #3b82f6)}.stat-divider{height:1px;background:var(--border-primary, #30363d);margin:12px 0}.stat-date{font-size:13px;font-weight:500}.stat-tags-section{flex-direction:column;align-items:flex-start;gap:12px}.stat-tags-visualization{width:100%;display:flex;flex-direction:column;gap:8px}.stat-tag-item{width:100%}.stat-tag-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;font-size:12px}.stat-tag-name{color:var(--text-secondary, #7d8590);font-weight:500}.stat-tag-count{color:var(--text-tertiary, #6e7681);font-size:11px}.stat-tag-bar{width:100%;height:4px;background:var(--bg-tertiary, #1c2128);border-radius:2px;overflow:hidden}.stat-tag-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.recently-viewed-section{display:flex;flex-direction:column;gap:4px}.recent-note-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;background:transparent;border:1px solid transparent;color:var(--text-secondary, #7d8590);cursor:pointer;transition:all .2s ease;font-size:12px;text-align:left;width:100%}.recent-note-item:hover{background:var(--bg-tertiary, #1c2128);border-color:var(--border-primary, #30363d);color:var(--text-primary, #e6edf3)}.recent-note-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.recent-note-ai-indicator{flex-shrink:0;color:var(--accent-primary, #3b82f6)}.tags-section{display:flex;flex-direction:column;gap:6px}.tag-filter-btn{position:relative}.tag-name{display:flex;align-items:center;gap:6px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tag-ai-indicator{flex-shrink:0;color:var(--accent-primary, #3b82f6);opacity:.8}.nav-panel-content::-webkit-scrollbar{width:6px}.nav-panel-content::-webkit-scrollbar-track{background:var(--bg-secondary, #161b22)}.nav-panel-content::-webkit-scrollbar-thumb{background:var(--border-primary, #30363d);border-radius:3px}.nav-panel-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary, #6e7681)}@media (max-width: 768px){.nav-panel-content{max-height:300px}}.secondary-options-panel{display:flex;flex-direction:column;height:100%;max-height:100vh;background:var(--bg-secondary, #161b22);position:relative;min-height:0;overflow:hidden}.secondary-options-panel.expanded{width:100%;max-width:100%;flex:1}.secondary-options-panel.collapsed{width:40px;position:relative;z-index:100}.secondary-options-panel .collapsed-bar{width:40px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px 0;background:var(--bg-tertiary, #1c2128);border-right:2px solid var(--border-primary, #30363d);gap:12px;position:relative;pointer-events:auto}.secondary-options-panel .expand-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:6px;background:transparent;border:1px solid var(--border-primary, #30363d);border-radius:6px;color:var(--text-secondary, #7d8590);cursor:pointer;transition:all .2s ease;flex-shrink:0;position:relative;z-index:10}.secondary-options-panel .rotated-label{writing-mode:vertical-rl;text-orientation:mixed;font-size:11px;font-weight:600;color:var(--text-tertiary, #6e7681);text-transform:uppercase;letter-spacing:1.5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;flex-shrink:0}.secondary-options-panel .expand-btn:hover{background:var(--hover-bg, #21262d);color:var(--text-primary, #e6edf3);border-color:var(--accent-color, #3b82f6)}.secondary-options-panel .panel-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-primary, #30363d);background:linear-gradient(135deg,var(--bg-secondary, #161b22) 0%,var(--bg-tertiary, #1c2128) 100%);flex-shrink:0}.secondary-options-panel .panel-header-inline{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-primary, #30363d);background:var(--bg-secondary, #161b22);flex-shrink:0;gap:16px}.secondary-options-panel .panel-header-left{display:flex;align-items:center;gap:8px;flex:0 0 auto}.secondary-options-panel .panel-header-actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.secondary-options-panel .panel-title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #e6edf3);white-space:nowrap}.secondary-options-panel .toolbar-btn-inline{display:flex;align-items:center;justify-content:center;padding:6px;background:var(--bg-tertiary, #1c2128);border:1px solid var(--border-primary, #30363d);border-radius:6px;color:var(--text-secondary, #7d8590);cursor:pointer;transition:all .2s ease;flex-shrink:0}.secondary-options-panel .toolbar-btn-inline:not(.active){background:#1c2128d9!important}.secondary-options-panel .toolbar-btn-inline:hover{background:var(--hover-bg, #21262d);color:var(--text-primary, #e6edf3);border-color:var(--border-hover, #3a3f4b)}.secondary-options-panel .toolbar-btn-inline.active{background:var(--accent-color, #3b82f6);color:#fff;border-color:var(--accent-color, #3b82f6)}.secondary-options-panel .toolbar-btn-inline:active{transform:scale(.95)}.secondary-options-panel .toolbar-divider-inline{width:1px;height:20px;background:var(--border-primary, #30363d);flex-shrink:0}.secondary-options-panel .collapse-btn{display:flex;align-items:center;justify-content:center;padding:6px;background:transparent;border:1px solid var(--border-primary, #30363d);border-radius:6px;color:var(--text-secondary, #7d8590);cursor:pointer;transition:all .2s ease}.secondary-options-panel .collapse-btn:hover{background:var(--hover-bg, #21262d);color:var(--text-primary, #e6edf3);border-color:var(--border-hover, #3a3f4b)}.secondary-options-panel .collapse-btn:active{transform:scale(.95)}.secondary-options-panel .panel-content{flex:1;overflow:hidden;min-height:0;display:flex;flex-direction:column;position:relative}.secondary-options-panel .panel-content::-webkit-scrollbar{width:8px}.secondary-options-panel .panel-content::-webkit-scrollbar-track{background:transparent}.secondary-options-panel .panel-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #30363d);border-radius:4px}.secondary-options-panel .panel-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, #3a3f4b)}.secondary-options-panel .panel-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;height:100%}.secondary-options-panel .panel-empty-state-title{font-size:16px;font-weight:600;color:var(--text-secondary, #7d8590);margin-bottom:8px}.secondary-options-panel .panel-empty-state-description{font-size:14px;color:var(--text-tertiary, #6e7681);max-width:280px}.explore-sidebar-content{padding:16px 20px;display:flex;flex-direction:column;gap:16px}.explore-sidebar-title{margin-bottom:4px}.explore-sidebar-title h3{font-size:14px;font-weight:600;color:var(--text-primary, #e6edf3);margin:0}.explore-filter-section{display:flex;flex-direction:column;gap:8px}.explore-filter-label{font-size:11px;font-weight:600;color:var(--text-tertiary, #6e7681);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.explore-search{position:relative;display:flex;align-items:center;background:var(--bg-tertiary, #1c2128);border:1px solid var(--border-primary, #30363d);border-radius:6px;padding:8px 10px 8px 32px;transition:all .2s ease}.explore-search:focus-within{border-color:var(--accent-color, #3b82f6);box-shadow:0 0 0 2px #3b82f61a}.explore-search-icon{position:absolute;left:10px;color:var(--text-tertiary, #6e7681);flex-shrink:0;pointer-events:none}.explore-search-input{flex:1;border:none;background:transparent;color:var(--text-primary, #e6edf3);font-size:13px;outline:none;padding:0}.explore-search-input::-moz-placeholder{color:var(--text-tertiary, #6e7681)}.explore-search-input::placeholder{color:var(--text-tertiary, #6e7681)}.explore-search-clear{background:transparent;border:none;color:var(--text-tertiary, #6e7681);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:4px;transition:all .2s ease;margin-left:4px}.explore-search-clear:hover{background:var(--bg-quaternary, #21262d);color:var(--text-primary, #e6edf3)}.explore-stats-minimal{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary, #7d8590)}.explore-stat-minimal{padding:4px 0}.explore-sort-select{width:100%;padding:8px 10px;background:var(--bg-tertiary, #1c2128);border:1px solid var(--border-primary, #30363d);border-radius:6px;color:var(--text-primary, #e6edf3);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none}.explore-sort-select:hover{border-color:var(--accent-color, #3b82f6)}.explore-sort-select:focus{border-color:var(--accent-color, #3b82f6);box-shadow:0 0 0 2px #3b82f61a}.secondary-options-panel .collapse-btn:focus-visible,.secondary-options-panel .expand-btn:focus-visible,.secondary-options-panel .toolbar-btn-inline:focus-visible{outline:2px solid var(--accent-color, #3b82f6);outline-offset:2px}@media (max-width: 1440px){.secondary-options-panel .panel-header,.secondary-options-panel .panel-header-inline{padding:14px 16px}.secondary-options-panel .panel-title{font-size:15px}.secondary-options-panel .toolbar-btn-inline{padding:5px}}@media (max-width: 1024px){.secondary-options-panel .panel-header,.secondary-options-panel .panel-header-inline{padding:12px 14px}.secondary-options-panel .panel-title{font-size:14px}.secondary-options-panel .toolbar-btn-inline{padding:4px}.secondary-options-panel .panel-header-actions{gap:4px}}.favorites-panel-content{padding:16px;display:flex;flex-direction:column;gap:16px}.favorites-panel-header{margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;gap:12px}.favorites-panel-title{font-size:14px;font-weight:600;color:var(--text-secondary, #7d8590);margin:0;flex:1}.favorites-panel-actions{display:flex;gap:4px;align-items:center}.favorites-panel-action-btn{display:flex;align-items:center;justify-content:center;padding:4px 6px;background:transparent;border:1px solid var(--border-primary, #30363d);border-radius:4px;color:var(--text-secondary, #7d8590);cursor:pointer;transition:all .2s ease;flex-shrink:0}.favorites-panel-action-btn:hover:not(:disabled){background:var(--bg-tertiary, #1c2128);border-color:var(--border-hover, #3a3f4b);color:var(--text-primary, #e6edf3)}.favorites-panel-action-btn:active:not(:disabled){transform:scale(.95)}.favorites-panel-action-btn:disabled{opacity:.4;cursor:not-allowed}.favorites-panel-sections{display:flex;flex-direction:column;gap:24px}.favorites-panel-section{display:flex;flex-direction:column;gap:8px}.favorites-panel-section-header{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;margin-bottom:4px;color:var(--text-tertiary, #6e7681)}.favorites-panel-section-header:hover{background:var(--bg-tertiary, #1c2128);color:var(--text-secondary, #7d8590)}.favorites-panel-section-header:active{transform:scale(.98)}.favorites-panel-section-title{font-size:12px;font-weight:600;color:inherit;text-transform:uppercase;letter-spacing:.5px;margin:0;flex:1;text-align:left}.favorites-panel-section-count{font-size:11px;font-weight:500;color:var(--text-tertiary, #6e7681);margin-left:auto}.favorites-categories-list-panel{display:flex;flex-direction:column;gap:6px}.favorite-category-item-panel{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg-tertiary, #1c2128);border:1px solid var(--border-primary, #30363d);border-radius:8px;cursor:pointer;transition:all .2s ease}.favorite-category-item-panel:hover{background:var(--hover-bg, #21262d);border-color:var(--border-hover, #3a3f4b);transform:translate(2px)}.favorite-category-icon-panel{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:2px solid;flex-shrink:0}.favorite-category-info-panel{flex:1;min-width:0}.favorite-category-name-panel{font-size:13px;font-weight:500;color:var(--text-primary, #e6edf3);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-category-meta-panel{font-size:11px;color:var(--text-tertiary, #6e7681)}.favorites-channels-list-panel{display:flex;flex-direction:column;gap:6px}.favorite-channel-item-panel{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg-tertiary, #1c2128);border:1px solid var(--border-primary, #30363d);border-radius:8px;cursor:pointer;transition:all .2s ease}.favorite-channel-item-panel:hover{background:var(--hover-bg, #21262d);border-color:var(--border-hover, #3a3f4b);transform:translate(2px)}.favorite-channel-avatar-panel{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.favorite-channel-info-panel{flex:1;min-width:0}.favorite-channel-name-panel{font-size:13px;font-weight:500;color:var(--text-primary, #e6edf3);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-channel-category-panel{font-size:11px;color:var(--text-tertiary, #6e7681)}.favorites-videos-list-panel{display:flex;flex-direction:column;gap:6px}.favorite-video-item-panel{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg-tertiary, #1c2128);border:1px solid var(--border-primary, #30363d);border-radius:8px;cursor:pointer;transition:all .2s ease}.favorite-video-item-panel:hover{background:var(--hover-bg, #21262d);border-color:var(--border-hover, #3a3f4b);transform:translate(2px)}.favorite-video-thumbnail-panel{width:48px;height:27px;-o-object-fit:cover;object-fit:cover;border-radius:4px;flex-shrink:0;background:var(--bg-secondary, #161b22)}.favorite-video-info-panel{flex:1;min-width:0}.favorite-video-title-panel{font-size:13px;font-weight:500;color:var(--text-primary, #e6edf3);margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.favorite-video-channel-panel{font-size:11px;color:var(--text-tertiary, #6e7681)}.favorites-playlists-list-panel{display:flex;flex-direction:column;gap:8px}.favorite-playlist-item-panel{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-tertiary, #1c2128);border:1px solid var(--border-primary, #30363d);border-radius:8px;cursor:pointer;transition:all .2s ease}.favorite-playlist-item-panel:hover{background:var(--hover-bg, #21262d);border-color:var(--border-hover, #3a3f4b);transform:translate(2px)}.favorite-playlist-icon-panel{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #161b22);border-radius:6px;position:relative;flex-shrink:0;color:var(--text-secondary, #7d8590)}.favorite-playlist-count-panel{position:absolute;bottom:-2px;right:-2px;font-size:9px;font-weight:600;color:var(--text-primary, #e6edf3);background:var(--accent-color, #3b82f6);padding:2px 4px;border-radius:4px;min-width:14px;text-align:center}.favorite-playlist-info-panel{flex:1;min-width:0}.favorite-playlist-name-panel{font-size:14px;font-weight:500;color:var(--text-primary, #e6edf3);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-playlist-meta-panel{font-size:12px;color:var(--text-tertiary, #6e7681)}.favorite-star-panel{color:var(--accent-color, #ef4444);flex-shrink:0;opacity:.8}.notes-search-inline{display:flex;align-items:center;gap:8px;background:var(--bg-tertiary, #1c2128);border:1px solid var(--border-primary, #30363d);border-radius:6px;padding:4px 8px;min-width:200px;position:relative;width:100%}.notes-search-inline:focus-within{border-color:var(--accent-color, #3b82f6);box-shadow:0 0 0 2px #3b82f61a}.notes-search-icon-inline{color:var(--text-tertiary, #6e7681);flex-shrink:0}.notes-search-input-inline{background:transparent;border:none;outline:none;font-size:13px;color:var(--text-primary, #e6edf3);font-family:inherit;flex:1;min-width:0;padding:2px 0}.notes-search-input-inline::-moz-placeholder{color:var(--text-tertiary, #6e7681)}.notes-search-input-inline::placeholder{color:var(--text-tertiary, #6e7681)}.notes-search-clear-inline{display:flex;align-items:center;justify-content:center;padding:2px;background:transparent;border:none;color:var(--text-tertiary, #6e7681);cursor:pointer;border-radius:4px;flex-shrink:0;transition:all .2s ease}.notes-search-clear-inline:hover{background:var(--hover-bg, #21262d);color:var(--text-primary, #e6edf3)}.discovery-sidebar-content{padding:16px 20px;display:flex;flex-direction:column;gap:16px}.discovery-sidebar-title{margin-bottom:4px}.discovery-sidebar-title h3{font-size:14px;font-weight:600;color:var(--text-primary, #e6edf3);margin:0}.discovery-filter-section{display:flex;flex-direction:column;gap:8px}.discovery-filter-label{font-size:11px;font-weight:600;color:var(--text-tertiary, #6e7681);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.discovery-tabs{display:flex;gap:6px;flex-wrap:nowrap;width:-moz-fit-content;width:fit-content}.discovery-tab-pill{padding:6px 12px;background:var(--bg-tertiary, #1c2128);border:1px solid var(--border-primary, #30363d);border-radius:6px;color:var(--text-secondary, #7d8590);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none;white-space:nowrap}.discovery-tab-pill:hover{background:var(--bg-quaternary, #21262d);border-color:var(--accent-color, #3b82f6);color:var(--text-primary, #e6edf3)}.discovery-tab-pill.active{background:var(--accent-color, #3b82f6);border-color:var(--accent-color, #3b82f6);color:#fff}.discovery-search{position:relative;display:flex;align-items:center;background:var(--bg-tertiary, #1c2128);border:1px solid var(--border-primary, #30363d);border-radius:6px;padding:8px 10px 8px 32px;transition:all .2s ease}.discovery-search:focus-within{border-color:var(--accent-color, #3b82f6);box-shadow:0 0 0 2px #3b82f61a}.discovery-search-icon{position:absolute;left:10px;color:var(--text-tertiary, #6e7681);flex-shrink:0;pointer-events:none}.discovery-search-input{flex:1;border:none;background:transparent;color:var(--text-primary, #e6edf3);font-size:13px;outline:none;padding:0}.discovery-search-input::-moz-placeholder{color:var(--text-tertiary, #6e7681)}.discovery-search-input::placeholder{color:var(--text-tertiary, #6e7681)}.discovery-search-clear{background:transparent;border:none;color:var(--text-tertiary, #6e7681);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:4px;transition:all .2s ease;margin-left:4px}.discovery-search-clear:hover{background:var(--bg-quaternary, #21262d);color:var(--text-primary, #e6edf3)}.discovery-sort-select{width:100%;padding:8px 10px;background:var(--bg-tertiary, #1c2128);border:1px solid var(--border-primary, #30363d);border-radius:6px;color:var(--text-primary, #e6edf3);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none}.discovery-sort-select:hover{border-color:var(--accent-color, #3b82f6)}.discovery-sort-select:focus{border-color:var(--accent-color, #3b82f6);box-shadow:0 0 0 2px #3b82f61a}.discovery-filter-pills{display:flex;gap:6px;flex-wrap:wrap}.discovery-filter-pill{padding:6px 12px;background:var(--bg-tertiary, #1c2128);border:1px solid var(--border-primary, #30363d);border-radius:6px;color:var(--text-secondary, #7d8590);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none;white-space:nowrap;display:flex;align-items:center;justify-content:center}.discovery-filter-pill:hover{background:var(--bg-quaternary, #21262d);border-color:var(--accent-color, #3b82f6);color:var(--text-primary, #e6edf3)}.discovery-filter-pill.active{background:var(--accent-color, #3b82f6);border-color:var(--accent-color, #3b82f6);color:#fff}.discovery-filter-pill.icon-pill{padding:6px;min-width:28px;height:28px}.discovery-filter-pill.number-pill{min-width:32px;padding:6px 8px;font-size:12px;font-weight:500}.discovery-filter-pill,.discovery-tab-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none}.discovery-filter-pill:focus,.discovery-tab-pill:focus{outline:2px solid var(--accent-color, #3b82f6);outline-offset:2px}@media (prefers-reduced-motion: reduce){.secondary-options-panel,.secondary-options-panel .collapse-btn,.secondary-options-panel .expand-btn,.secondary-options-panel .toolbar-btn-inline,.favorite-playlist-item-panel,.notes-search-clear-inline,.discovery-tab-pill,.discovery-filter-pill{transition:none}}:root{--bg-primary: #F8F9FA;--bg-secondary: #FFFFFF;--bg-tertiary: #FFFFFF;--bg-quaternary: #F8F9FA;--card-bg: #FFFFFF;--card-border: #E8EAED;--text-primary: #202124;--text-secondary: #5F6368;--text-tertiary: #80868B;--accent-primary: #D93025;--accent-secondary: #EA4335;--accent-rgb: 217, 48, 37;--border-primary: #E8EAED;--border-secondary: #F1F3F4;--shadow-light: rgba(60, 64, 67, .1);--shadow-medium: rgba(60, 64, 67, .15);--shadow-heavy: rgba(60, 64, 67, .2);--gradient-light: linear-gradient(135deg, #F8F9FA 0%, #FFFFFF 100%);--gradient-accent: linear-gradient(135deg, #D93025 0%, #EA4335 100%);--success-color: #3BAF75;--error-color: #E25C5C;--warning-color: #F59E0B;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--elevation-low: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--elevation-medium: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--elevation-high: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--elevation-xl: 0 20px 25px rgba(0, 0, 0, .15), 0 10px 10px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-spring: .5s cubic-bezier(.68, -.55, .265, 1.55)}[data-theme=Dark]{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #1c2128;--bg-quaternary: #23272f;--card-bg: #161b22;--card-border: #30363d;--text-primary: #e6edf3;--text-secondary: #8d96a0;--text-tertiary: #656d76;--accent-primary: #1f6feb;--accent-secondary: #1158c7;--accent-rgb: 31, 111, 235;--border-primary: #30363d;--border-secondary: #21262d;--shadow-light: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .4);--shadow-heavy: rgba(0, 0, 0, .5);--gradient-light: linear-gradient(135deg, #161b22 0%, #1c2128 100%);--gradient-accent: linear-gradient(135deg, #1c2d49 0%, #1a2942 100%);--success-color: #3fb950;--error-color: #f85149;--warning-color: #d29922;--elevation-low: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .4);--elevation-medium: 0 4px 6px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .4);--elevation-high: 0 10px 15px rgba(0, 0, 0, .6), 0 4px 6px rgba(0, 0, 0, .5);--elevation-xl: 0 20px 25px rgba(0, 0, 0, .7), 0 10px 10px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);min-height:100vh;color:var(--text-primary);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}#root{min-height:100vh}.app-shell{position:relative;height:100vh;width:100%;overflow:hidden;display:flex;flex-direction:row}.main-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 768px){.main-wrapper{width:100%}}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all .2s ease}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:#fff;padding:8px 16px;border-radius:6px;font-weight:500;font-size:14px}.btn-primary:hover:not(:disabled){background:var(--accent-secondary)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);padding:8px 16px;border-radius:6px;border:1px solid var(--border-primary);font-weight:500;font-size:14px}.btn-secondary:hover:not(:disabled){background:var(--bg-quaternary)}input,textarea,select{font-family:inherit;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;padding:8px 12px;color:var(--text-primary);font-size:14px;transition:all .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #007aff1a}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-position-wrapper .modal-overlay{position:relative;inset:0 auto auto 0;width:auto;height:auto;padding:0;align-items:flex-start;justify-content:flex-start}.modal-position-center .modal-overlay{align-items:center;justify-content:center;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.modal{background:var(--card-bg);border-radius:12px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px var(--shadow-heavy)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:18px;font-weight:600;color:var(--text-primary)}.modal-close{font-size:24px;color:var(--text-secondary);padding:4px 8px}.modal-close:hover{color:var(--text-primary)}.modal-body{margin-bottom:20px}.modal-footer{display:flex;justify-content:flex-end;gap:12px}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--text-secondary)}.form-input,.form-textarea,.form-select{width:100%}.form-textarea{resize:vertical;min-height:80px}.hidden{display:none!important}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}svg[stroke=currentColor]{color:inherit}svg[stroke=currentColor] *{stroke:currentColor!important}svg[stroke=currentColor] path:not([fill]),svg[stroke=currentColor] circle:not([fill]),svg[stroke=currentColor] rect:not([fill]),svg[stroke=currentColor] line,svg[stroke=currentColor] polyline{fill:none}.loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary)}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-container p{font-size:16px;color:var(--text-secondary);font-weight:500}[data-theme=sunset] .header{background:linear-gradient(90deg,#4a1e70,#6b2d5c,#8b4567);box-shadow:0 2px 12px #ff6b6b26}[data-theme=sunset] .sidebar{background:linear-gradient(180deg,#4a1e70,#6b2d5c)}[data-theme=sunset] .activity-active{background:#fbbf2426;color:#fbbf24}[data-theme=sunset] .activity-active .activity-dot{background:#fbbf24;box-shadow:0 0 0 2px #fbbf244d,0 0 8px #fbbf2466}[data-theme=sunset] .toast.success{border-left-color:#fbbf24}[data-theme=sunset] .toast-icon.success{color:#fbbf24}[data-theme=sunset] .progress-bar.success .progress-fill{background:linear-gradient(90deg,#fbbf24,#ff9500);box-shadow:0 0 12px #fbbf2480}[data-theme=sunset] .confirm-icon.success{color:#fbbf24}[data-theme=sunset] .confirm-btn.success{background:linear-gradient(90deg,#ff9500,#fbbf24)}[data-theme=sunset] .confirm-btn.success:hover{box-shadow:0 4px 16px #ff950066}[data-theme=sunset] .stats-positive{color:#fbbf24}[data-theme=sunset] .stats-glow.positive{background:radial-gradient(circle,rgba(251,191,36,.3),transparent)}[data-theme=sunset] .pricing-card.current{border-color:#ff9500;background:linear-gradient(135deg,#ff95001a,#fbbf241a)}[data-theme=sunset] .tier-badge{background:linear-gradient(90deg,#ff9500,#fbbf24)}[data-theme=sunset] .subscription-test-success{background:#fbbf2426}[data-theme=sunset] .activity-inactive{background:#ff6b6b26;color:#ff6b6b}[data-theme=sunset] .activity-inactive .activity-dot{background:#ff6b6b;box-shadow:0 0 0 2px #ff6b6b4d,0 0 8px #ff6b6b66}[data-theme=sunset] .dropdown-action-btn.delete-action{color:#ff7b72}[data-theme=sunset] .dropdown-action-btn.delete-action:hover{background:#ff6b6b1a}[data-theme=sunset] .dropdown-action-btn.delete-action svg.action-icon{color:#ff7b72}[data-theme=sunset] .channel-action.delete{border-color:#ff6b6b;color:#ff7b72}[data-theme=sunset] .channel-action.delete:hover{background:#ff6b6b1a}[data-theme=sunset] .toast.error{border-left-color:#ff7b72}[data-theme=sunset] .toast-icon.error{color:#ff7b72}[data-theme=sunset] .progress-bar.error .progress-fill{background:linear-gradient(90deg,#ff6b6b,#ff7b72);box-shadow:0 0 12px #ff6b6b80}[data-theme=sunset] .confirm-icon.danger{color:#ff7b72}[data-theme=sunset] .confirm-btn.danger{background:#ff6b6b}[data-theme=sunset] .confirm-btn.danger:hover{background:#ff7b72;box-shadow:0 4px 16px #ff6b6b66}[data-theme=sunset] .onboarding-skip{color:#ff7b72}[data-theme=sunset] .onboarding-skip:hover{background-color:#ff6b6b1a}[data-theme=sunset] .stats-negative{color:#ff7b72}[data-theme=sunset] .stats-glow.negative{background:radial-gradient(circle,rgba(255,107,107,.3),transparent)}[data-theme=sunset] .limit-indicator.exceeded{border-color:#ff6b6b}[data-theme=sunset] .limit-bar.exceeded{border-left-color:#ff6b6b}[data-theme=sunset] .drop-zone.delete{border-left-color:#ff7b72}[data-theme=sunset] .toast.info{border-left-color:#ff9500}[data-theme=sunset] .toast-icon.info,[data-theme=sunset] .confirm-icon.info{color:#ff9500}[data-theme=sunset] .confirm-btn.confirm{background:linear-gradient(90deg,#ff9500,#ff6b6b)}[data-theme=sunset] .confirm-btn.confirm:hover{box-shadow:0 4px 16px #ff950066}[data-theme=sunset] .stats-glow.primary{background:radial-gradient(circle,rgba(255,149,0,.3),transparent)}[data-theme=sunset] .drop-indicator{background:#ff950040}[data-theme=sunset] .drop-zone.active,[data-theme=sunset] .drop-zone.can-drop{border-color:#ff9500}[data-theme=sunset] .dragging-item{border-left-color:#ff9500}[data-theme=sunset] .drag-handle:hover{background:#ff950026}[data-theme=sunset] .add-channel-btn,[data-theme=sunset] .btn-primary,[data-theme=sunset] .sync-button{background:linear-gradient(90deg,#ff9500,#ff6b6b);box-shadow:0 4px 12px #ff6b6b40}[data-theme=sunset] .add-channel-btn:hover,[data-theme=sunset] .btn-primary:hover:not(:disabled),[data-theme=sunset] .sync-button:hover{background:linear-gradient(90deg,#ffa733,#ff8585);box-shadow:0 6px 20px #ff950066;transform:translateY(-2px)}[data-theme=sunset] .channel-card:hover{box-shadow:0 8px 24px #ff6b6b33,0 0 40px #ff95001a}[data-theme=sunset] .category-item.active,[data-theme=sunset] .view-mode-btn.active{box-shadow:0 4px 16px #ff95004d,inset 0 0 20px #ff6b6b1a}[data-theme=sunset] input:focus,[data-theme=sunset] textarea:focus,[data-theme=sunset] select:focus{border-color:#ff9500;box-shadow:0 0 0 3px #ff950033}[data-theme=sunset] .tag,[data-theme=sunset] .pill,[data-theme=sunset] .badge{background:linear-gradient(135deg,#ff9500,#ff8fab);color:#fef3c7;box-shadow:0 2px 8px #ff950040}[data-theme=sunset] .tag:hover,[data-theme=sunset] .pill:hover{box-shadow:0 4px 12px #ff950059;transform:translateY(-1px)}[data-theme=sunset] .channel-card.selected{border-color:#ff6b6b;box-shadow:0 0 0 2px #ff6b6b,0 8px 24px #ff6b6b4d}[data-theme=sunset] ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9d5670,#8b4567)}[data-theme=sunset] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff9500,#ff6b6b)}[data-theme=sunset] .modal,[data-theme=sunset] .theme-dropdown-menu{box-shadow:0 20px 60px #4a1e7066,0 0 40px #ff6b6b26}[data-theme=sunset] .youtube-badge,[data-theme=sunset] .sign-in-youtube,[data-theme=sunset] .playlist-badge.youtube-badge,[data-theme=sunset] .source-badge.youtube{background:linear-gradient(135deg,#ff6b6b,#ff9500);color:#fef3c7;font-weight:600;box-shadow:0 2px 8px #ff6b6b4d}[data-theme=sunset] .youtube-indicator{background:#ff6b6b}[data-theme=sunset] .comparison-col.youtube{border-left-color:#ff6b6b}[data-theme=sunset] .btn-resolve.youtube:hover{border-color:#ff9500;background:#ff6b6b1a}[data-theme=sunset] .loading-spinner{border-top-color:#ff9500;filter:drop-shadow(0 0 8px rgba(255,149,0,.5))}[data-theme=sunset] .theme-dropdown-btn:hover,[data-theme=sunset] .settings-btn-header:hover{box-shadow:0 4px 16px #ff95004d}[data-theme=sunset] .nav-indicator,[data-theme=sunset] .active-tab-indicator{background:linear-gradient(90deg,#ff9500,#ff6b6b);box-shadow:0 0 16px #ff950099}.legal-page-layout{display:flex;flex-direction:column;min-height:100vh}.draggable-channel-wrapper{position:relative;transition:opacity .2s ease;overflow:visible}.drag-handle{position:absolute;top:8px;left:8px;z-index:10;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#0000000d;border-radius:4px;cursor:grab;opacity:0;transition:opacity .2s ease,background .2s ease}.draggable-channel-wrapper:hover .drag-handle{opacity:1}.drag-handle:hover{background:#0000001a}.drag-handle:active{cursor:grabbing;background:#00000026}.drag-handle svg{color:var(--text-secondary, #666)}.multi-drag-enabled{cursor:grab}.multi-drag-enabled:active{cursor:grabbing}.multi-drag-badge{position:absolute;top:-8px;right:-8px;z-index:20;min-width:24px;height:24px;padding:0 6px;display:flex;align-items:center;justify-content:center;background:var(--accent-color, #3b82f6);color:#fff;font-size:12px;font-weight:600;border-radius:12px;box-shadow:0 2px 4px #0003;animation:badgePop .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.drag-overlay{cursor:grabbing}.drag-preview-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-primary, white);border:2px solid var(--accent-color, #3b82f6);border-radius:12px;box-shadow:0 8px 24px #0003;max-width:300px;opacity:.95}.drag-preview-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0}.drag-preview-info{flex:1;min-width:0}.drag-preview-name{font-size:14px;font-weight:600;color:var(--text-primary, #000);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drag-preview-badge{margin-top:4px;font-size:12px;color:var(--text-secondary, #666);font-weight:500}.category-item-wrapper{position:relative;transition:all .2s ease}.category-item-wrapper.drop-over{background:var(--accent-color-light, rgba(59, 130, 246, .1));border-left:3px solid var(--accent-color, #3b82f6);padding-left:13px}.category-item-wrapper.drop-over .category-item{transform:translate(4px)}.drop-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--accent-color, #3b82f6);color:#fff;font-size:11px;font-weight:600;border-radius:4px;box-shadow:0 2px 4px #0000001a;pointer-events:none;animation:dropIndicatorSlide .3s ease;z-index:10}@keyframes dropIndicatorSlide{0%{opacity:0;transform:translateY(-50%) translate(10px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.drop-indicator svg{width:14px;height:14px}.category-item-wrapper.drop-over:before{content:"";position:absolute;inset:0;border:2px solid var(--accent-color, #3b82f6);border-radius:8px;animation:dropZonePulse 1.5s ease-in-out infinite;pointer-events:none}@keyframes dropZonePulse{0%,to{opacity:.5}50%{opacity:0}}.category-item-wrapper.drop-invalid{background:#ef44441a;border-left:3px solid #ef4444;cursor:not-allowed}@media (max-width: 768px){.drag-handle{width:32px;height:32px;opacity:1}.drag-preview-card{padding:10px 14px}.drag-preview-avatar{width:40px;height:40px}.drop-indicator{font-size:10px;padding:3px 6px}}.drag-handle:focus-visible{outline:2px solid var(--accent-color, #3b82f6);outline-offset:2px;opacity:1}.category-item-wrapper:has(.category-item:focus-visible){outline:2px solid var(--accent-color, #3b82f6);outline-offset:2px;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.dragging-loading{position:relative}.dragging-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--accent-color, #3b82f6);border-radius:50%;border-top-color:transparent;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dropSuccess{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.drop-success{animation:dropSuccess .4s ease}[data-theme=dark] .drag-handle{background:#ffffff0d}[data-theme=dark] .drag-handle:hover{background:#ffffff1a}[data-theme=dark] .drag-handle:active{background:#ffffff26}[data-theme=dark] .drag-preview-card{box-shadow:0 8px 24px #0006}.dev-capture-floating-btn{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;border:none;border-radius:28px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #3b82f666,0 2px 4px #3b82f64d;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap}.dev-capture-floating-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #3b82f680,0 4px 8px #3b82f666;background:linear-gradient(135deg,#3b82f6,#2563eb)}.dev-capture-floating-btn:active{transform:translateY(0) scale(.98);transition:all .1s ease}.dev-capture-floating-btn svg{flex-shrink:0;transition:transform .3s ease}.dev-capture-floating-btn:hover svg{transform:rotate(-5deg)}.dev-capture-floating-label{font-weight:600;letter-spacing:.01em}@media (max-width: 768px){.dev-capture-floating-btn{bottom:20px;right:20px;padding:10px 16px;font-size:13px}.dev-capture-floating-label{display:none}.dev-capture-floating-btn{width:48px;height:48px;padding:0;border-radius:50%;justify-content:center}}@media (max-width: 480px){.dev-capture-floating-btn{bottom:16px;right:16px;width:44px;height:44px}.dev-capture-floating-btn svg{width:18px;height:18px}}@media (prefers-reduced-motion: reduce){.dev-capture-floating-btn,.dev-capture-floating-btn svg{transition:none!important;transform:none!important}.dev-capture-floating-btn:hover{transform:none!important}}@media (max-width: 768px) and (orientation: landscape){:root{--mobile-landscape-header-height: 48px;--mobile-landscape-bottom-nav-height: 0px;--mobile-landscape-spacing: 8px;--mobile-landscape-card-padding: 8px 12px}.app-shell{height:100vh;height:100dvh}.main-wrapper{padding-bottom:0}.panel-layout{height:100vh;height:100dvh}.panel-main{overflow-y:auto;overflow-x:hidden;padding-bottom:8px}.bottom-navigation{transform:translateY(100%);opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}body.show-mobile-nav .bottom-navigation,.bottom-navigation:hover,.bottom-navigation:focus-within{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-nav-toggle{position:fixed;bottom:12px;right:12px;z-index:999;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--accent-primary);color:#fff;border-radius:50%;box-shadow:0 4px 12px #0000004d;cursor:pointer;transition:all .3s ease}.mobile-nav-toggle:hover{transform:scale(1.1);box-shadow:0 6px 16px #0006}.mobile-nav-toggle:active{transform:scale(.95)}.mobile-library-header{padding:6px 12px;min-height:44px;box-shadow:0 1px 4px #00000014}.mobile-library-category-title{font-size:16px}.mobile-library-back-btn{padding:6px 10px;min-height:40px;gap:4px}.mobile-library-search-header{padding:4px 12px;margin:4px 12px 0}.mobile-library-search-wrapper{padding:6px 10px;border-radius:8px}.mobile-library-search-input{font-size:13px}.discovery-header{padding:12px 16px;margin:8px 12px}.discovery-header h2{font-size:18px}.discovery-subtitle{font-size:12px}.mobile-category-cloud{grid-template-columns:repeat(5,1fr);gap:8px;padding:8px;align-content:start}.mobile-category-pill{min-height:65px;padding:6px 8px;gap:4px;font-size:11px}.mobile-category-pill-name{font-size:11px;line-height:1.2;-webkit-line-clamp:2}.mobile-category-pill-count{min-width:20px;height:20px;font-size:10px;padding:0 6px}.discovery-tabs{gap:6px;padding:4px}.discovery-tab{padding:6px 12px;font-size:12px}.video-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.enhanced-video-player{gap:12px;grid-template-columns:1fr 280px}.video-player-container{max-height:85vh;aspect-ratio:16 / 9}.video-info-section{padding:8px 12px}.video-title{font-size:16px;line-height:1.3;-webkit-line-clamp:2}.video-metadata{font-size:12px}.video-actions{gap:8px;flex-wrap:nowrap;overflow-x:auto}.video-action-btn{padding:6px 12px;font-size:12px;white-space:nowrap}.video-suggestions-section{width:100%;max-width:280px}.suggestion-card{padding:8px}.video-feed-header{padding:8px 12px;margin-bottom:12px}.video-feed-title{font-size:18px}.video-feed-stats{gap:8px}.video-count-stat,.pagination-stat,.sync-time-stat{font-size:12px}.mobile-category-video-feed{padding:8px}.video-discovery-overlay{padding:12px}.video-discovery-modal{border-radius:16px}.modal-header{padding:12px 16px;margin-bottom:12px}.modal-title{font-size:16px}.panel-main,.mobile-category-cloud,.video-feed,.mobile-category-video-feed{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{border-radius:2px}button,.mobile-category-pill,.bottom-nav-item,.mobile-library-back-btn{min-height:40px;min-width:40px}*{-webkit-tap-highlight-color:transparent}body{font-size:13px}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}h4{font-size:14px}h5{font-size:13px}h6{font-size:12px}.space-xs{margin:2px}.space-sm{margin:4px}.space-md{margin:6px}.space-lg{margin:8px}.space-xl{margin:12px}.space-2xl{margin:16px}.space-3xl{margin:24px}.p-xs{padding:2px}.p-sm{padding:4px}.p-md{padding:6px}.p-lg{padding:8px}.p-xl{padding:12px}.panel-main{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.bottom-navigation{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@keyframes pill-enter{0%{opacity:0;transform:translateY(2px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slide-in-landscape{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.hide-landscape{display:none!important}.show-landscape{display:block!important}.landscape-compact{padding:4px 8px;font-size:12px}.landscape-full-width{width:100%;max-width:100%}@media (max-height: 400px){.mobile-category-cloud{grid-template-columns:repeat(6,1fr);gap:6px;padding:6px}.mobile-category-pill{min-height:55px;padding:4px 6px;font-size:10px}.mobile-category-pill-name{font-size:10px}.mobile-category-pill-count{min-width:18px;height:18px;font-size:9px}.mobile-library-header,.discovery-header{padding:4px 10px;min-height:40px}}}@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape){.mobile-category-cloud{grid-template-columns:repeat(6,1fr);gap:12px}.enhanced-video-player{grid-template-columns:1fr 360px}}@media (max-width: 768px) and (orientation: portrait){.panel-main{padding-bottom:0}.bottom-navigation{padding-bottom:max(8px,env(safe-area-inset-bottom))}.mobile-category-pill{min-height:80px}.mobile-category-pill-name{font-size:12px;line-height:1.3}}@media (prefers-reduced-motion: reduce){@media (max-width: 768px) and (orientation: landscape){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.bottom-navigation{transition:none}}}@media (max-width: 768px) and (orientation: landscape){[data-theme=Dark] .mobile-category-pill{box-shadow:0 3px 10px #0006,0 1px 4px #0000004d,inset 0 1px 1px #ffffff0d}[data-theme=Dark] .discovery-header{box-shadow:0 6px 16px #00000080,0 2px 8px #0006}}