:root{--bg-primary: #2a1225;--bg-secondary: #3a1a33;--bg-tertiary: #1a0a16;--bg-card: transparent;--bg-glass: rgba(233, 84, 32, .05);--bg-glass-hover: rgba(233, 84, 32, .15);--text-primary: #cccccc;--text-secondary: #aaaaaa;--text-muted: #666666;--accent-primary: #E95420;--accent-secondary: #B8431A;--accent-gradient: #E95420;--accent-gradient-reverse: #E95420;--accent-gradient-horizontal: #E95420;--accent-cyan: #E95420;--accent-green: #E95420;--accent-red: #ee1010;--accent-orange: #FFAA00;--accent-yellow: #FFFF00;--border-color: #E95420;--border-glow: #E95420;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-glow: none;--shadow-glow-lg: none;--font-family: "Consolas", "Courier New", Courier, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--radius-full: 0;--transition-fast: 0ms;--transition-base: 0ms;--transition-slow: 0ms;--transition-spring: 0ms;--z-dropdown: 100;--z-modal: 200;--z-toast: 300}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}img{max-width:100%;height:auto;display:block}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-cyan)}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none;background:none}input,textarea,select{font-family:var(--font-family);outline:none;border:none}ul,ol{list-style:none}pre,code{font-family:Consolas,Courier New,Courier,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full);border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}*{scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) var(--bg-primary)}::selection{background:#667eea66;color:#fff}::-moz-selection{background:#667eea66;color:#fff}.container{max-width:1400px;margin:0 auto;padding:0 var(--space-6)}.app-container{max-width:1200px;margin:0 auto;padding:0 var(--space-6);min-height:100vh;position:relative;z-index:1;display:flex;flex-direction:column}.toast-container{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-toast);display:flex;flex-direction:column;gap:0;pointer-events:none;background:#200d1de6;border-top:1px solid var(--border-color);max-height:30vh;overflow-y:auto;padding:var(--space-2)}.toast-item{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:transparent;border:none;pointer-events:auto;font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.2}.toast-item.toast-exit{display:none}.toast-item .toast-icon{flex-shrink:0;color:var(--accent-primary)}.toast-item .toast-icon svg{display:none}.toast-item .toast-message{flex:1;word-break:break-all}.toast-item .toast-close{display:none}.toast-item.toast-info{color:var(--accent-cyan)}.toast-item.toast-success{color:var(--accent-green)}.toast-item.toast-error{color:var(--accent-red)}.toast-item.toast-warning{color:var(--accent-orange)}.footer{margin-top:auto}.footer-links{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--font-size-sm)}.footer-link{color:var(--text-muted);background:none;border:none;font-family:var(--font-family);font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2);cursor:pointer;display:inline-flex;align-items:center;text-decoration:none}.footer-link:hover{color:var(--accent-primary)}#github-link:hover{color:#b7f0b1}.footer-sep{color:var(--text-muted)}.counter-rows{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.counter-row{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px dashed var(--text-muted);padding-bottom:var(--space-2)}.counter-label{color:var(--text-secondary)}.counter-value{color:var(--accent-primary);font-weight:700;font-size:var(--font-size-lg)}.about-panel{position:relative;border:1px solid var(--border-color);background:var(--bg-secondary);padding:var(--space-6);margin:var(--space-4) 0;color:var(--text-secondary);line-height:1.7;text-align:left}.about-panel .about-title{color:var(--accent-primary);margin-bottom:var(--space-4)}.about-panel p{margin-bottom:var(--space-4)}.about-panel p:last-child{margin-bottom:0}.about-panel code{color:var(--accent-primary)}.about-close{position:absolute;top:var(--space-2);right:var(--space-2);color:var(--accent-red);background:none;border:none;font-family:var(--font-family);cursor:pointer}.about-close:hover{color:var(--accent-primary)}.fx-overlay{position:fixed;inset:0;z-index:9999;background:#0a0a0a}.fx-term{position:absolute;inset:0;background:#0a0a0a;color:#5fd877;font:500 14px/1.7 var(--font-family);padding:28px 24px;overflow:hidden;white-space:pre-wrap}.fx-term .cur{display:inline-block;width:8px;height:15px;background:#5fd877;vertical-align:-2px;animation:tblink 1s steps(1) infinite}@keyframes tblink{50%{opacity:0}}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--transition-base)}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-8);max-width:500px;width:90%;box-shadow:var(--shadow-lg);transform:scale(.9) translateY(20px);transition:transform var(--transition-spring)}.modal-overlay.active .modal-content{transform:scale(1) translateY(0)}.skeleton{background:linear-gradient(90deg,var(--bg-glass) 25%,var(--bg-glass-hover) 50%,var(--bg-glass) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-text{height:16px;margin-bottom:var(--space-2);border-radius:var(--radius-sm)}.skeleton-text:last-child{width:70%}.skeleton-title{height:24px;width:60%;margin-bottom:var(--space-4)}.skeleton-card{height:180px;border-radius:var(--radius-md)}.skeleton-thumbnail{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.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}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fade-in{animation:fadeIn .4s ease forwards}.slide-up{animation:slideUp .5s cubic-bezier(.34,1.56,.64,1) forwards}.slide-down{animation:slideDown .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.app-container{padding:0 var(--space-4)}.header-content{flex-direction:column;align-items:center;gap:var(--space-2);padding:0}.header-nav{gap:var(--space-3)}.tabs{gap:var(--space-2)}.tab{flex:1;min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center}.format-tab{min-height:40px;display:inline-flex;align-items:center}.download-btn,.btn-sm,.accordion-toggle,.btn-icon{min-height:40px}.url-input{min-height:42px}.input-group .btn{min-height:42px;display:inline-flex;align-items:center}.format-card{flex-wrap:wrap;gap:var(--space-2)}.format-meta{gap:var(--space-2);flex-wrap:wrap}.playlist-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.playlist-actions .btn{flex:1;min-height:40px}.footer-links{flex-wrap:wrap;gap:var(--space-2);font-size:var(--font-size-base)}.footer-link{min-height:44px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-base)}.about-close{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2)}.toast-container{max-height:40vh}}@media (max-width: 480px){.app-container{padding:0 var(--space-3)}html{font-size:14px}.header{margin-bottom:var(--space-3)}.about-panel{padding:var(--space-4)}.footer-links{flex-direction:column;align-items:stretch;gap:var(--space-2)}.footer-sep{display:none}.footer-link{width:100%;justify-content:center;border:1px solid var(--border-color);padding:var(--space-3)}}.save-btn{text-decoration:none}.dl-files{display:flex;flex-direction:column;gap:var(--space-1);max-width:360px}.dl-file-link{font-size:var(--font-size-sm);color:var(--accent-primary);word-break:break-all}.dl-file-link:before{content:"↓ "}.header{border-bottom:1px solid var(--border-color);padding:var(--space-2) 0;margin-bottom:var(--space-4)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-2)}.logo-text{font-size:clamp(.4rem,2.1vw,1rem);font-weight:700;color:var(--accent-primary);margin:0;line-height:1.2;overflow-x:auto}.header-nav{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-sm)}.input-section{padding:var(--space-4) 0}.input-wrapper{max-width:100%}.input-group{display:flex;align-items:center;border:1px solid var(--border-color);padding:var(--space-2);background:var(--bg-secondary)}.input-group:focus-within{border-color:#fff}.url-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);outline:none;padding:0 var(--space-2)}.url-input::placeholder{color:var(--text-muted)}.btn{background:transparent;color:var(--text-primary);border:none;font-family:var(--font-family);font-size:var(--font-size-base);cursor:pointer;padding:0 var(--space-2);transition:color .1s}.btn:hover,.btn:focus{color:var(--accent-primary);background:var(--bg-glass);outline:none}.btn-primary{color:var(--accent-primary)}.btn-secondary{color:var(--text-secondary)}.btn-danger{color:var(--accent-red)}.tabs{display:flex;gap:var(--space-4);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-4)}.tab{background:transparent;border:none;color:var(--text-muted);font-family:var(--font-family);font-size:var(--font-size-base);padding:var(--space-2) var(--space-2);cursor:pointer}.tab:hover,.tab:focus{color:var(--accent-primary);background:var(--bg-glass);outline:none}.tab.active{color:var(--accent-primary);font-weight:700;border-bottom:2px solid var(--accent-primary)}.tab-content{display:none}.tab-content.active{display:block}.video-info{border:1px solid var(--border-color);padding:var(--space-4);margin-bottom:var(--space-4);background:var(--bg-secondary)}.format-tabs{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.format-tab{background:transparent;border:none;color:var(--text-muted);font-family:var(--font-family);padding:var(--space-1) var(--space-2);cursor:pointer}.format-tab:hover,.format-tab:focus{color:var(--accent-primary);background:var(--bg-glass);outline:none}.format-tab.active{color:var(--accent-cyan);font-weight:700}.format-grid{display:flex;flex-direction:column;gap:var(--space-2)}.format-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2);border:1px solid var(--border-color);background:var(--bg-secondary)}.format-card:hover,.format-card.focused{border-color:#fff;background:var(--bg-glass)}.format-meta{display:flex;align-items:center;gap:var(--space-4)}.resolution-badge{color:#0f0}.rec-badge{color:var(--accent-primary);font-size:var(--font-size-xs);font-weight:700;margin-left:var(--space-2);white-space:nowrap}.accordion-item.tier-recommended{border-left:2px solid var(--accent-primary)}.queue-list{display:flex;flex-direction:column;gap:var(--space-2)}.queue-item{border:1px solid var(--border-color);padding:var(--space-2);background:var(--bg-secondary)}.queue-item-title{color:var(--text-primary);margin-bottom:var(--space-2)}.queue-progress-bar{width:100%;height:10px;background:var(--bg-tertiary);border:1px solid var(--text-muted);margin-bottom:var(--space-1)}.queue-progress-fill{height:100%;background:var(--accent-primary)}.empty-state{text-align:center;padding:var(--space-8)}.confirm-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.confirm-box{border:1px solid var(--border-color);background:var(--bg-secondary);padding:var(--space-6);width:420px;max-width:90%}.confirm-message{color:var(--accent-primary);font-weight:700;margin-bottom:var(--space-2)}.confirm-detail{color:var(--text-secondary);margin-bottom:var(--space-4);word-break:break-all}.confirm-actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-2)}.confirm-actions .btn{border:1px solid var(--border-color);padding:var(--space-1) var(--space-4)}.confirm-options{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-2)}.confirm-opt{border:1px solid var(--border-color);padding:var(--space-2) var(--space-4);text-align:left}.confirm-hint{color:var(--text-muted);font-size:var(--font-size-xs)}.queue-item-sub{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-2);word-break:break-all}.pl-tag{color:var(--accent-cyan);font-size:var(--font-size-xs)}