@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500;700;800&display=swap";:root{--bg: #07080d;--bg-subtle: #0c0e17;--surface-card: #10131f;--surface-input: #090c14;--surface-elevated: #161b2c;--surface-hover: #1f263d;--surface-glass: rgba(16, 19, 31, .85);--text-primary: #ffffff;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--text-dim: #64748b;--brand-youtube: #ff0033;--brand-youtube-glow: rgba(255, 0, 51, .35);--brand-youtube-bg: rgba(255, 0, 51, .08);--brand-tiktok: #1d9bf0;--brand-tiktok-coral: #fe2c55;--brand-tiktok-glow: rgba(29, 155, 240, .35);--brand-tiktok-bg: rgba(29, 155, 240, .08);--brand-instagram: #e1306c;--brand-instagram-glow: rgba(225, 48, 108, .35);--brand-instagram-bg: rgba(225, 48, 108, .08);--brand-instagram-gradient: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045);--brand-x: #b026ff;--brand-x-glow: rgba(176, 38, 255, .38);--brand-x-bg: rgba(176, 38, 255, .09);--neon-emerald: #00ff88;--neon-emerald-glow: rgba(0, 255, 136, .3);--neon-purple: #b026ff;--neon-purple-glow: rgba(176, 38, 255, .3);--neon-amber: #ffaa00;--neon-amber-glow: rgba(255, 170, 0, .3);--neon-cyan: #00f2fe;--neon-cyan-glow: rgba(0, 242, 254, .3);--media-video: #00ff88;--media-video-glow: rgba(0, 255, 136, .3);--media-audio: #b026ff;--media-audio-glow: rgba(176, 38, 255, .3);--media-image: #ffaa00;--media-image-glow: rgba(255, 170, 0, .3);--platform-color: #00f2fe;--platform-glow: rgba(0, 242, 254, .3);--platform-border: #00f2fe;--platform-bg: rgba(0, 242, 254, .08);--error: #ff3344;--error-glow: rgba(255, 51, 68, .3);--status-ok: #00ff88;--status-ok-glow: rgba(0, 255, 136, .35);--border-color: #23293d;--border-color-light: #37415e;--border-color-focus: var(--platform-color);--border: 1px solid var(--border-color);--border-thick: 2px solid var(--border-color);--border-focus: 2px solid var(--border-color-focus);--radius: 0px;--radius-sm: 0px;--radius-md: 0px;--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", monospace;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--tracking-editorial: -.04em;--tracking-mono: .08em;--tracking-wide: .12em;--space-xs: 6px;--space-sm: 12px;--space-md: 20px;--space-lg: 36px;--space-xl: 60px;--max-width: 1200px;--panel-width: 800px;--transition: all .15s cubic-bezier(.16, 1, .3, 1);--transition-fast: .1s ease}[data-platform=youtube]{--platform-color: var(--brand-youtube);--platform-glow: var(--brand-youtube-glow);--platform-border: var(--brand-youtube);--platform-bg: var(--brand-youtube-bg)}[data-platform=tiktok]{--platform-color: var(--brand-tiktok);--platform-glow: var(--brand-tiktok-glow);--platform-border: var(--brand-tiktok);--platform-bg: var(--brand-tiktok-bg)}[data-platform=instagram]{--platform-color: var(--brand-instagram);--platform-glow: var(--brand-instagram-glow);--platform-border: var(--brand-instagram);--platform-bg: var(--brand-instagram-bg)}[data-platform=x]{--platform-color: var(--brand-x);--platform-glow: var(--brand-x-glow);--platform-border: var(--brand-x);--platform-bg: var(--brand-x-bg)}*,*:before,*:after{box-sizing:border-box;border-radius:var(--radius)}html{scroll-behavior:smooth;background-color:var(--bg);color:var(--text-primary)}body{margin:0;background-color:var(--bg);background-image:radial-gradient(circle at 10% 12%,rgba(255,0,51,.09) 0%,transparent 45%),radial-gradient(circle at 90% 14%,rgba(0,242,254,.09) 0%,transparent 45%),radial-gradient(circle at 15% 60%,rgba(225,48,108,.08) 0%,transparent 50%),radial-gradient(circle at 85% 70%,rgba(29,155,240,.08) 0%,transparent 50%),radial-gradient(circle at 50% 35%,rgba(0,255,136,.05) 0%,transparent 55%),linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px);background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,36px 36px,36px 36px;background-attachment:fixed;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-body);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);font-weight:800;line-height:1.1;color:var(--text-primary);letter-spacing:-.02em}p{margin:0;color:var(--text-secondary)}img,video{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit;border-radius:var(--radius)}button{cursor:pointer;border-radius:var(--radius)}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:var(--border-focus);outline-offset:2px}.section{width:100%;padding:var(--space-xl) var(--space-md);border-bottom:var(--border);background-color:var(--bg)}.section-inner{width:100%;max-width:var(--max-width);margin:0 auto}.bg-black{background-color:var(--bg);color:var(--text-primary)}.bg-surface{background-color:var(--surface-card);color:var(--text-primary)}.bg-surface-elevated{background-color:var(--surface-elevated);color:var(--text-primary)}.bg-ink,.bg-yellow,.bg-off-white,.bg-purple{background-color:var(--bg);color:var(--text-primary)}.grid-bg{background-size:32px 32px;background-image:linear-gradient(to right,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.04) 1px,transparent 1px)}.section-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--text-label);font-weight:700;letter-spacing:var(--tracking-mono);text-transform:uppercase;padding:4px 10px;border:var(--border);background:var(--surface-card);color:var(--text-secondary)}.section-label{display:inline-block;font-family:var(--font-mono);font-size:var(--text-label);font-weight:700;letter-spacing:var(--tracking-mono);text-transform:uppercase;padding:4px 10px;border:var(--border);background:var(--surface-card);color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--text-label);font-weight:700;letter-spacing:var(--tracking-mono);text-transform:uppercase;padding:4px 10px;border:var(--border);background:var(--surface-card);color:var(--text-primary)}.badge-outline{background:transparent;border:var(--border);color:var(--text-secondary)}.badge-yellow,.badge-cyan,.badge-pink,.badge-lime,.badge-orange,.badge-purple,.badge-red{background:var(--surface-card);color:var(--text-primary);border:var(--border)}.card{border:var(--border);background:var(--surface-card);color:var(--text-primary);transition:var(--transition-fast)}.card-hover:hover{border-color:var(--text-primary)}.card-cyan,.card-yellow,.card-pink,.card-lime,.card-orange,.card-red{background:var(--surface-card);color:var(--text-primary);border:var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-mono);font-size:var(--text-small);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-mono);padding:12px 20px;border:var(--border-thick);background:transparent;color:var(--text-primary);transition:var(--transition-fast);text-decoration:none;border-radius:0}.btn:hover:not(:disabled){background:var(--text-primary);color:var(--bg);border-color:var(--text-primary)}.btn:active:not(:disabled){opacity:.85}.btn:disabled{opacity:.35;cursor:not-allowed;border-color:var(--border-color)}.btn-primary{background:var(--text-primary);color:var(--bg);border-color:var(--text-primary)}.btn-primary:hover:not(:disabled){background:transparent;color:var(--text-primary);border-color:var(--text-primary)}.btn-yellow{background:var(--text-primary);color:var(--bg);border-color:var(--text-primary)}.btn-yellow:hover:not(:disabled){background:transparent;color:var(--text-primary);border-color:var(--text-primary)}.btn-block{width:100%}.mono{font-family:var(--font-mono)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.heading-hero{font-family:var(--font-display);font-size:var(--text-hero);font-weight:700;letter-spacing:var(--tracking-editorial);line-height:.95;text-transform:uppercase}.heading-xl{font-family:var(--font-display);font-size:var(--text-h1);font-weight:700;letter-spacing:var(--tracking-editorial);line-height:1.05}.heading-lg{font-family:var(--font-display);font-size:var(--text-h2);font-weight:700;letter-spacing:-.02em}.status-dot{display:inline-block;width:8px;height:8px;background-color:var(--text-primary)}.status-dot.is-error{background-color:var(--error)}.grid{display:grid;gap:var(--space-md)}.grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 640px){.grid-2{grid-template-columns:1fr}}@media (min-width: 768px){.grid-3{grid-template-columns:repeat(3,1fr)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{display:flex;flex-direction:column;width:100%;min-height:100vh;background-color:var(--bg);color:var(--text-primary);transition:background-color var(--transition);position:relative}.navbar{width:100%;background-color:#07080de6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--space-md);max-width:var(--max-width);margin:0 auto}.navbar-brand{display:flex;align-items:center;gap:10px}.navbar-logo{font-family:var(--font-display);font-size:1.25rem;font-weight:800;letter-spacing:.06em;color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.navbar-tag{font-size:.68rem;color:var(--platform-color);letter-spacing:var(--tracking-mono);font-weight:800;padding:2px 7px;border:1px solid var(--platform-color);background:var(--platform-bg);box-shadow:0 0 10px var(--platform-glow)}.navbar-links{display:flex;align-items:center;gap:var(--space-md)}.navbar-link{font-size:var(--text-small);color:var(--text-muted);letter-spacing:var(--tracking-mono);font-weight:600;transition:color var(--transition-fast)}.navbar-link:hover{color:#fff}.navbar-status{display:flex;align-items:center;gap:8px;font-size:.72rem;letter-spacing:var(--tracking-mono);color:var(--text-secondary);padding:4px 10px;border:1px solid var(--border-color);background-color:var(--surface-card)}.navbar-status .status-dot{width:7px;height:7px;border-radius:50%;background-color:var(--neon-emerald);box-shadow:0 0 8px var(--neon-emerald);animation:pulse-dot 2s infinite ease-in-out}@keyframes pulse-dot{0%,to{opacity:.6}50%{opacity:1;transform:scale(1.15)}}.navbar-menu-btn{display:none;background:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:6px 10px}.navbar-mobile-drawer{display:flex;flex-direction:column;gap:14px;padding:16px var(--space-md);background-color:var(--surface-card);border-bottom:1px solid var(--border-color)}.navbar-mobile-link{font-size:var(--text-small);color:var(--text-secondary);letter-spacing:var(--tracking-mono)}@media (max-width: 768px){.navbar-links{display:none}.navbar-menu-btn{display:inline-flex;align-items:center;justify-content:center}}.hero{position:relative;padding:var(--space-lg) var(--space-md) var(--space-md);border-bottom:1px solid var(--border-color);overflow:hidden}.hero-inner{display:flex;flex-direction:column;max-width:var(--max-width);margin:0 auto}.hero-meta-bar{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border-color);font-size:.72rem;letter-spacing:var(--tracking-mono);color:var(--text-muted)}.hero-meta-title-wrapper{display:flex;align-items:center;gap:8px}.hero-status-pulse{width:8px;height:8px;border-radius:50%;background-color:var(--platform-color);box-shadow:0 0 12px var(--platform-glow);animation:hero-glow 2s infinite ease-in-out}@keyframes hero-glow{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}.hero-meta-title{font-weight:700;color:var(--text-secondary)}.hero-meta-right{display:flex;align-items:center;gap:12px}.hero-meta-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:1px solid var(--border-color);background:var(--surface-card);color:var(--neon-emerald);font-size:.68rem;font-weight:700}.hero-meta-index{color:var(--text-dim)}.hero-brand-block{display:flex;flex-direction:column;padding-top:var(--space-md);gap:10px}.hero-badge-live{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:4px 10px;background:var(--platform-bg);border:1px solid var(--platform-color);color:var(--platform-color);font-size:.7rem;font-weight:700;letter-spacing:var(--tracking-mono);box-shadow:0 0 14px var(--platform-glow)}.hero-headline{font-family:var(--font-display);font-size:clamp(2.5rem,6.5vw,4.8rem);font-weight:800;letter-spacing:var(--tracking-editorial);line-height:.95;color:#fff;text-transform:uppercase;margin-top:4px}.hero-headline-accent{color:var(--platform-color);text-shadow:0 0 30px var(--platform-glow);transition:color var(--transition),text-shadow var(--transition)}.hero-subheadline{font-size:.92rem;color:var(--text-muted);max-width:720px;line-height:1.5;letter-spacing:.02em}.hero-divider{width:100%;height:1px;background-color:var(--border-color);margin:var(--space-md) 0}.hero-platforms-bar{display:flex;flex-direction:column;gap:12px;font-size:var(--text-label);letter-spacing:var(--tracking-mono)}.hero-channels-header{display:flex;align-items:center;gap:8px}.hero-terminal-icon{color:var(--platform-color)}.hero-platforms-label{color:var(--text-dim);font-weight:700}.hero-channels-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;width:100%}.hero-channel-card{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--border-color);background-color:var(--surface-card);transition:all var(--transition-fast);position:relative;overflow:hidden}.hero-channel-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;transition:width .2s ease}.hero-channel-card:hover{transform:translateY(-2px)}.hero-channel-card:hover:before{width:5px}.hero-channel-logo{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.hero-channel-info{display:flex;flex-direction:column;gap:2px}.hero-channel-name{font-size:.85rem;font-weight:800;color:#fff;letter-spacing:.04em}.hero-channel-badge{font-size:.65rem;letter-spacing:.05em;font-weight:600;color:var(--text-muted)}.channel-yt:before{background-color:var(--brand-youtube)}.channel-yt:hover{border-color:var(--brand-youtube);box-shadow:0 0 16px var(--brand-youtube-glow)}.channel-yt:hover .hero-channel-badge{color:#f66}.channel-tt:before{background-color:var(--brand-tiktok)}.channel-tt:hover{border-color:var(--brand-tiktok);box-shadow:0 0 16px var(--brand-tiktok-glow)}.channel-tt:hover .hero-channel-badge{color:#38bdf8}.channel-ig:before{background-color:var(--brand-instagram)}.channel-ig:hover{border-color:var(--brand-instagram);box-shadow:0 0 16px var(--brand-instagram-glow)}.channel-ig:hover .hero-channel-badge{color:#ff69b4}.channel-x:before{background-color:var(--brand-x)}.channel-x:hover{border-color:var(--brand-x);box-shadow:0 0 16px var(--brand-x-glow)}.channel-x:hover .hero-channel-badge{color:#c084fc}@media (max-width: 640px){.hero{padding:var(--space-md)}.hero-meta-right .hero-meta-chip{display:none}.hero-channels-list{grid-template-columns:1fr}}.downloader-section{border-bottom:1px solid var(--border-color);padding:var(--space-lg) var(--space-md);position:relative}.downloader-inner{display:flex;flex-direction:column;gap:var(--space-sm);max-width:var(--max-width);margin:0 auto}.downloader-tag-bar{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;letter-spacing:var(--tracking-mono)}.downloader-tag-left{display:flex;align-items:center;gap:8px;color:var(--platform-color)}.downloader-tag-icon{color:var(--platform-color);animation:pulse-dot 2s infinite ease-in-out}.downloader-sys-spec{color:var(--text-dim)}.downloader-panel{width:100%;background-color:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color-light);padding:var(--space-lg);box-shadow:0 16px 40px #0009;position:relative;overflow:hidden}.downloader-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--platform-color);box-shadow:0 0 16px var(--platform-glow);transition:background .3s ease,box-shadow .3s ease}.deck-corner{position:absolute;font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--border-color-light);-webkit-user-select:none;user-select:none;pointer-events:none;line-height:1}.deck-corner-tl{top:6px;left:8px}.deck-corner-tr{top:6px;right:8px}.deck-corner-bl{bottom:6px;left:8px}.deck-corner-br{bottom:6px;right:8px}.url-form{display:flex;flex-direction:column;gap:12px}.url-form-header{display:flex;align-items:center;justify-content:space-between}.url-header-left{display:flex;align-items:center;gap:8px}.url-input-status-dot{width:6px;height:6px;border-radius:50%;background-color:var(--platform-color);box-shadow:0 0 8px var(--platform-glow)}.url-input-label{font-size:.72rem;font-weight:800;letter-spacing:var(--tracking-mono);color:var(--text-secondary)}.url-paste-btn{display:inline-flex;align-items:center;gap:6px;background:var(--surface-elevated);border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 10px;font-size:.7rem;letter-spacing:var(--tracking-mono);font-weight:700;cursor:pointer;transition:var(--transition-fast)}.url-paste-btn:hover:not(:disabled){background-color:var(--surface-hover);color:#fff;border-color:var(--platform-color);box-shadow:0 0 12px var(--platform-glow)}.url-paste-kbd{font-size:.65rem;color:var(--platform-color);background:#00f2fe14;padding:1px 4px;border:1px solid rgba(0,242,254,.2)}.url-input-wrapper{display:flex;align-items:stretch;background-color:var(--surface-input);border:2px solid var(--border-color);transition:border-color .2s ease,box-shadow .2s ease}.url-input-wrapper:focus-within{border-color:var(--platform-color);box-shadow:0 0 24px var(--platform-glow)}.url-input-wrapper.detected-youtube{border-color:var(--brand-youtube);box-shadow:0 0 24px var(--brand-youtube-glow)}.url-input-wrapper.detected-tiktok{border-color:var(--brand-tiktok);box-shadow:0 0 24px var(--brand-tiktok-glow)}.url-input-wrapper.detected-instagram{border-color:var(--brand-instagram);box-shadow:0 0 24px var(--brand-instagram-glow)}.url-input-wrapper.detected-x{border-color:var(--brand-x);box-shadow:0 0 24px var(--brand-x-glow)}.url-input-wrapper.has-error{border-color:var(--error);box-shadow:0 0 20px var(--error-glow)}.url-field{flex:1;min-width:0;background:transparent;border:none;color:#fff;padding:15px 18px;font-size:.95rem;letter-spacing:.02em}.url-field:focus{outline:none}.url-field::placeholder{color:var(--text-dim);opacity:.85}.url-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 28px;background-color:var(--platform-color);color:#07080d;border:none;font-size:.8rem;font-weight:800;letter-spacing:var(--tracking-mono);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 0 20px var(--platform-glow);white-space:nowrap}.url-submit-btn:hover:not(:disabled){filter:brightness(1.15);box-shadow:0 0 30px var(--platform-glow);transform:translateY(-1px)}.url-submit-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;background-color:#23293d;color:#64748b}.url-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-top:4px;font-size:.72rem;letter-spacing:var(--tracking-mono)}.url-platforms-row{display:flex;align-items:center;gap:8px}.url-platforms-prefix{color:var(--text-dim);font-weight:700}.url-platform-chips{display:flex;flex-wrap:wrap;gap:6px}.url-platform-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border:1px solid var(--border-color);color:var(--text-secondary);background-color:var(--surface-elevated);font-weight:600;font-size:.7rem;transition:var(--transition-fast)}.chip-logo{display:inline-flex;align-items:center;justify-content:center}.chip-check{margin-left:2px}.url-platform-chip.chip-youtube.is-active{background-color:#ff00332e;border-color:#f03;color:#ff4d66;box-shadow:0 0 12px #f036}.url-platform-chip.chip-tiktok.is-active{background-color:#00f2fe2e;border-color:#00f2fe;color:#00f2fe;box-shadow:0 0 12px #00f2fe66}.url-platform-chip.chip-instagram.is-active{background-color:#e1306c2e;border-color:#e1306c;color:#ff69b4;box-shadow:0 0 12px #e1306c66}.url-platform-chip.chip-x.is-active{background-color:#1d9bf02e;border-color:#1d9bf0;color:#1d9bf0;box-shadow:0 0 12px #1d9bf066}.url-state-indicator{font-size:.72rem}.url-detected-label{color:var(--platform-color);font-weight:800;text-shadow:0 0 12px var(--platform-glow)}.url-idle-label{color:var(--text-dim)}.deck-spec-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:8px;padding-top:12px;border-top:1px solid var(--border-color)}.deck-spec-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;font-size:.68rem;font-weight:700;letter-spacing:var(--tracking-mono);border:1px solid var(--border-color);background-color:#090c1499;transition:var(--transition-fast)}.deck-spec-chip.spec-video{color:var(--neon-emerald);border-color:#00ff8840;background:#00ff880d}.deck-spec-chip.spec-audio{color:var(--neon-purple);border-color:#b026ff40;background:#b026ff0d}.deck-spec-chip.spec-photo{color:var(--neon-amber);border-color:#ffaa0040;background:#ffaa000d}.deck-spec-chip.spec-security{color:var(--neon-cyan);border-color:#00f2fe40;background:#00f2fe0d}.downloader-loading-bar{margin-top:var(--space-md);padding:12px 16px;background-color:var(--surface-input);border:1px solid var(--border-color)}.downloader-loading-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:.72rem;letter-spacing:var(--tracking-mono)}.downloader-loading-title{color:var(--platform-color);font-weight:700}.downloader-loading-timer{color:var(--text-dim)}.downloader-progress-track{position:relative;width:100%;height:3px;background-color:var(--surface-card);overflow:hidden}.downloader-progress-fill{position:absolute;top:0;left:0;height:100%;background-color:var(--platform-color);box-shadow:0 0 12px var(--platform-glow);animation:scanline 1.2s infinite ease-in-out}@keyframes scanline{0%{left:-30%;width:30%}50%{width:50%}to{left:100%;width:30%}}.downloader-error-banner{margin-top:var(--space-md);padding:12px 16px;background-color:#ff334414;border:1px solid var(--error);box-shadow:0 0 16px #f343}.downloader-error-header{display:flex;align-items:center;gap:8px;color:var(--error);font-size:.72rem;font-weight:700;letter-spacing:var(--tracking-mono)}.downloader-error-message{margin-top:6px;font-size:var(--text-small);color:#fff;line-height:1.4}@media (max-width: 640px){.downloader-panel{padding:var(--space-md)}.url-input-wrapper{flex-direction:column}.url-submit-btn{padding:14px 20px;width:100%}.url-footer{flex-direction:column;align-items:flex-start}.deck-spec-bar{grid-template-columns:1fr}}.result-section{border-bottom:1px solid var(--border-color);padding:var(--space-lg) var(--space-md);position:relative}.result-inner{display:flex;flex-direction:column;gap:var(--space-sm);max-width:var(--max-width);margin:0 auto}.result-tag-bar{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;letter-spacing:var(--tracking-mono);color:var(--text-dim)}.result-sys-status{color:var(--platform-color);font-weight:700}.media-result-card{width:100%;background-color:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color-light);display:flex;flex-direction:column;box-shadow:0 16px 40px #0009;position:relative;overflow:hidden}.platform-header-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background-color:var(--surface-input);border-bottom:1px solid var(--border-color);font-size:var(--text-label);letter-spacing:var(--tracking-mono);position:relative}.platform-header-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.platform-hdr-youtube:before{background:var(--brand-youtube);box-shadow:0 0 12px var(--brand-youtube-glow)}.platform-hdr-tiktok:before{background:var(--brand-tiktok);box-shadow:0 0 12px var(--brand-tiktok-glow)}.platform-hdr-instagram:before{background:var(--brand-instagram);box-shadow:0 0 12px var(--brand-instagram-glow)}.platform-hdr-x:before{background:var(--brand-x);box-shadow:0 0 12px var(--brand-x-glow)}.platform-header-left{display:flex;align-items:center;gap:10px}.platform-header-icon{display:inline-flex;align-items:center;justify-content:center}.platform-header-badge{font-weight:800;color:#fff;background-color:var(--surface-card);border:1px solid var(--border-color);padding:3px 8px}.platform-hdr-youtube .platform-header-badge{border-color:#f006;color:#ff4d4d}.platform-hdr-tiktok .platform-header-badge{border-color:#00f2fe66;color:#00f2fe}.platform-hdr-instagram .platform-header-badge{border-color:#e1306c66;color:#ff69b4}.platform-hdr-x .platform-header-badge{border-color:#1d9bf066;color:#1d9bf0}.platform-header-type{color:var(--text-secondary)}.platform-header-right{display:flex;align-items:center;gap:14px}.platform-header-status{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary)}.platform-status-dot{width:7px;height:7px;border-radius:50%;background-color:#10b981;box-shadow:0 0 8px #10b981}.platform-header-reset-btn{display:inline-flex;align-items:center;gap:6px;background:#ffffff0a;border:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--text-label);letter-spacing:var(--tracking-mono);padding:5px 12px;cursor:pointer;transition:var(--transition-fast)}.platform-header-reset-btn:hover{background-color:var(--platform-color);color:#090a0f;border-color:var(--platform-color);box-shadow:0 0 12px var(--platform-glow)}.media-result-grid{display:grid;gap:var(--space-lg);padding:var(--space-lg)}.media-result-grid.layout-landscape{grid-template-columns:minmax(320px,460px) 1fr}.media-result-grid.layout-portrait{grid-template-columns:minmax(280px,340px) 1fr}.media-preview-tabs{display:flex;gap:6px;margin-bottom:10px}.media-preview-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background-color:var(--surface-card);border:1px solid var(--border-color);color:var(--text-muted);font-size:.72rem;letter-spacing:.06em;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.media-preview-tab:hover{color:var(--text-main);border-color:var(--border-hover)}.media-preview-tab.active{background-color:var(--surface-input);border-color:var(--platform-color);color:var(--platform-color);box-shadow:0 0 10px var(--platform-glow)}.media-preview-container{width:100%;border:1px solid var(--border-color);background-color:var(--surface-input);overflow:hidden;box-shadow:0 4px 20px #0000004d}.media-video-box,.media-image-box,.media-slideshow-box{position:relative;width:100%;background-color:#000;display:flex;align-items:center;justify-content:center}.media-video-element{width:100%;max-height:460px;background-color:#000;display:block}.media-image-element,.media-slideshow-img{width:100%;max-height:460px;object-fit:contain;display:block}.media-slideshow-controls{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 10px;pointer-events:none}.media-slide-nav-btn{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background-color:#11131ce6;color:#fff;border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-fast)}.media-slide-nav-btn:hover{background-color:var(--platform-color);color:#090a0f;box-shadow:0 0 10px var(--platform-glow)}.media-slide-badge{position:absolute;bottom:10px;right:10px;display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background-color:#090a0fd9;border:1px solid var(--border-color);color:var(--platform-color);font-size:.75rem;font-weight:700}.media-slideshow-actions{display:flex;flex-direction:column}.media-slide-download-btn{border-top:none;border-left:none;border-right:none;border-bottom:1px solid var(--border-color);background-color:#f59e0b1f;color:#f59e0b;border-color:#f59e0b4d}.media-slide-download-btn:hover{background-color:#f59e0b;color:#000;box-shadow:0 0 15px #f59e0b66}.media-slide-zip-btn{border-top:none;border-left:none;border-right:none;border-bottom:1px solid var(--border-color);background-color:#06b6d41f;color:#06b6d4;border-color:#06b6d44d;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;cursor:pointer;transition:all var(--transition-fast)}.media-slide-zip-btn:hover:not(:disabled){background-color:#06b6d4;color:#000;box-shadow:0 0 15px #06b6d466}.media-slide-zip-btn:disabled{opacity:.6;cursor:not-allowed}.download-zip-banner{margin-bottom:8px}.download-all-zip-btn{background-color:#06b6d426;color:#22d3ee;border:1px solid rgba(6,182,212,.4);display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;cursor:pointer;font-weight:800;transition:all var(--transition-fast)}.download-all-zip-btn:hover:not(:disabled){background-color:#06b6d4;color:#000;box-shadow:0 0 20px #06b6d480;border-color:#06b6d4}.download-all-zip-btn:disabled{opacity:.6;cursor:not-allowed}.slideshow-ux-hint{padding:10px 14px;background:#ffffff05;border:1px dashed var(--border-color);color:var(--text-muted);font-size:.72rem;line-height:1.5;letter-spacing:var(--tracking-mono);margin-top:6px}.media-format-indicator{position:absolute;top:10px;left:10px;font-size:.68rem;letter-spacing:var(--tracking-mono);padding:3px 8px;background-color:#090a0fd9;border:1px solid var(--border-color);color:var(--platform-color);font-weight:700}.media-preview-empty{padding:var(--space-lg);text-align:center;color:var(--text-muted);font-size:var(--text-label);border:1px solid var(--border-color)}.media-result-content-col{display:flex;flex-direction:column;min-width:0}.media-metadata-container{display:flex;flex-direction:column;gap:8px}.media-metadata-header{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-label);letter-spacing:var(--tracking-mono);color:var(--text-muted)}.media-metadata-author{display:inline-flex;align-items:center;gap:6px;color:var(--platform-color);font-weight:600}.media-metadata-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;line-height:1.35;color:#fff;word-break:break-word}.media-metadata-source{display:flex;align-items:center;gap:8px;font-size:var(--text-label);color:var(--text-muted)}.media-source-label{letter-spacing:var(--tracking-mono)}.media-source-link{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:380px;transition:color var(--transition-fast)}.media-source-link:hover{color:var(--platform-color)}.media-result-divider{width:100%;height:1px;background-color:var(--border-color);margin:var(--space-md) 0}.download-options-container{display:flex;flex-direction:column;gap:var(--space-md)}.download-options-title-bar{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--border-color);font-size:var(--text-label);letter-spacing:var(--tracking-mono)}.download-options-main-title{font-weight:800;color:#fff}.download-options-count{color:var(--text-muted)}.download-group{display:flex;flex-direction:column;gap:8px}.download-group-header{display:flex;align-items:center;gap:10px;font-size:.72rem;letter-spacing:var(--tracking-mono)}.download-group-tag{font-weight:700}.download-group:nth-child(2) .download-group-tag{color:var(--media-video)}.download-group:nth-child(3) .download-group-tag{color:var(--media-audio)}.download-group:nth-child(4) .download-group-tag{color:var(--media-image)}.download-group-desc{color:var(--text-muted)}.download-group-list{display:flex;flex-direction:column;gap:8px}.download-option-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;background-color:var(--surface-input);border:1px solid var(--border-color);transition:all var(--transition-fast);text-decoration:none}.download-option-row.category-video{border-left:3px solid var(--media-video)}.download-option-row.category-video .download-row-badge{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.3)}.download-option-row.category-video .download-row-action{background-color:#10b981;color:#064e3b}.download-option-row.category-video:hover{background-color:#10b9810f;border-color:#10b981;box-shadow:0 0 15px #10b98133}.download-option-row.category-audio{border-left:3px solid var(--media-audio)}.download-option-row.category-audio .download-row-badge{background:#a855f71f;color:#a855f7;border:1px solid rgba(168,85,247,.3)}.download-option-row.category-audio .download-row-action{background-color:#a855f7;color:#fff}.download-option-row.category-audio:hover{background-color:#a855f70f;border-color:#a855f7;box-shadow:0 0 15px #a855f733}.download-option-row.category-image{border-left:3px solid var(--media-image)}.download-option-row.category-image .download-row-badge{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.download-option-row.category-image .download-row-action{background-color:#f59e0b;color:#451a03}.download-option-row.category-image:hover{background-color:#f59e0b0f;border-color:#f59e0b;box-shadow:0 0 15px #f59e0b33}.download-row-specs{display:flex;align-items:center;gap:12px;min-width:0}.download-row-badge{font-size:.65rem;font-weight:800;letter-spacing:var(--tracking-mono);padding:2px 6px}.download-row-quality{font-size:var(--text-small);font-weight:800;color:#fff;min-width:50px}.download-row-format{font-size:var(--text-label);color:var(--text-secondary);font-weight:600;min-width:36px}.download-row-size{font-size:var(--text-label);color:var(--text-muted)}.download-row-label{font-size:var(--text-label);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.download-row-action{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;font-size:var(--text-label);font-weight:800;letter-spacing:var(--tracking-mono);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.download-row-action:hover{filter:brightness(1.2);transform:translateY(-1px)}.audio-row-wrapper{display:flex;flex-direction:column;gap:4px}.audio-inline-player{padding:10px 14px;background-color:var(--surface-input);border:1px solid var(--border-color)}.audio-player-label{display:flex;align-items:center;gap:6px;font-size:var(--text-label);letter-spacing:var(--tracking-mono);color:var(--media-audio);font-weight:700;margin-bottom:6px}.audio-player-element{width:100%;height:32px}.download-audio-warning{display:flex;align-items:center;gap:8px;padding:10px 14px;background-color:#ef44441a;border:1px solid var(--error);color:var(--error);font-size:var(--text-label)}@media (max-width: 860px){.media-result-grid.layout-landscape,.media-result-grid.layout-portrait{grid-template-columns:1fr}.download-row-label{display:none}}@media (max-width: 640px){.media-result-grid{padding:var(--space-md)}.platform-header-container{padding:12px 14px;flex-direction:column;align-items:flex-start}.platform-header-right{width:100%;justify-content:space-between}.download-option-row{flex-direction:column;align-items:stretch;gap:10px}.download-row-action{justify-content:center;width:100%}}.section{padding:var(--space-lg) var(--space-md);border-bottom:1px solid var(--border-color);position:relative}.section-inner{max-width:var(--max-width);margin:0 auto}.platform-inner,.bento-inner,.howto-inner,.faq-inner{display:flex;flex-direction:column;gap:var(--space-md)}.platform-header-bar,.bento-header-bar,.howto-header-bar,.faq-header-bar{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;letter-spacing:var(--tracking-mono);color:var(--text-dim)}.platform-header-left,.bento-header-left,.howto-header-left,.faq-header-left{display:flex;align-items:center;gap:8px;color:var(--platform-color)}.platform-header-status,.bento-header-status,.howto-header-status,.faq-header-status{color:var(--platform-color);font-weight:700}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-md);width:100%}.platform-card{display:flex;flex-direction:column;gap:14px;padding:var(--space-md);border:1px solid var(--border-color-light);background-color:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all var(--transition);position:relative;overflow:hidden}.platform-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;transition:height .2s ease}.platform-card:hover{transform:translateY(-3px)}.platform-card:hover:before{height:5px}.card-youtube:before{background:var(--brand-youtube)}.card-youtube:hover{border-color:var(--brand-youtube);box-shadow:0 12px 32px var(--brand-youtube-glow)}.card-youtube .platform-card-scope{color:#ff4d66}.card-youtube .platform-format-pill{border-color:#ff00334d;color:#f67;background:#ff00330f}.card-tiktok:before{background:var(--brand-tiktok)}.card-tiktok:hover{border-color:var(--brand-tiktok);box-shadow:0 12px 32px var(--brand-tiktok-glow)}.card-tiktok .platform-card-scope{color:#38bdf8}.card-tiktok .platform-format-pill{border-color:#1d9bf04d;color:#38bdf8;background:#1d9bf00f}.card-instagram:before{background:var(--brand-instagram)}.card-instagram:hover{border-color:var(--brand-instagram);box-shadow:0 12px 32px var(--brand-instagram-glow)}.card-instagram .platform-card-scope{color:#ff69b4}.card-instagram .platform-format-pill{border-color:#e1306c4d;color:#ff69b4;background:#e1306c0f}.card-x:before{background:var(--brand-x)}.card-x:hover{border-color:var(--brand-x);box-shadow:0 12px 32px var(--brand-x-glow)}.card-x .platform-card-scope{color:#c084fc}.card-x .platform-format-pill{border-color:#b026ff4d;color:#c084fc;background:#b026ff0f}.platform-card-header{display:flex;align-items:center;justify-content:space-between}.platform-card-logo-wrap{display:inline-flex;align-items:center;justify-content:center;padding:8px;background-color:var(--surface-input);border:1px solid var(--border-color)}.platform-card-tag-wrap{display:flex;align-items:center;gap:4px;font-size:.72rem;color:var(--text-dim);font-weight:700}.platform-card-arrow{color:var(--text-dim);transition:transform .2s ease,color .2s ease}.platform-card:hover .platform-card-arrow{transform:translate(2px,-2px);color:#fff}.platform-card-body{display:flex;flex-direction:column;gap:6px}.platform-card-meta{font-size:.68rem;letter-spacing:var(--tracking-mono);font-weight:800}.platform-card-title{font-size:1.2rem;font-weight:800;color:#fff;letter-spacing:.02em}.platform-card-text{font-size:.85rem;color:var(--text-muted);line-height:1.45}.platform-format-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:10px;border-top:1px solid var(--border-color)}.platform-format-pill{font-size:.65rem;font-weight:700;padding:2px 6px;border:1px solid;letter-spacing:.04em}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);width:100%}.bento-card{display:flex;flex-direction:column;gap:12px;padding:var(--space-md);border:1px solid var(--border-color-light);background-color:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all var(--transition);position:relative;overflow:hidden}.bento-card:hover{transform:translateY(-2px)}.bento-wide{grid-column:span 2}.bento-tall{grid-column:span 1}.bento-card-top{display:flex;align-items:center;justify-content:space-between}.bento-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color);background-color:var(--surface-input)}.bento-badge{font-size:.65rem;font-weight:800;letter-spacing:var(--tracking-mono);padding:2px 6px;border:1px solid}.bento-card-content{display:flex;flex-direction:column;gap:8px}.bento-title{font-size:1.05rem;font-weight:800;color:#fff;letter-spacing:.02em}.bento-desc{font-size:.85rem;color:var(--text-muted);line-height:1.45}.bento-desc code{color:var(--platform-color);background:#00f2fe14;padding:1px 4px;font-family:var(--font-mono);font-size:.8em;border:1px solid rgba(0,242,254,.2)}.bento-video:hover{border-color:var(--neon-emerald);box-shadow:0 10px 30px var(--neon-emerald-glow)}.icon-video{color:var(--neon-emerald);border-color:#00ff884d}.badge-video{color:var(--neon-emerald);border-color:var(--neon-emerald);background:#00ff8814}.bento-pipeline-graphic{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;padding:8px 10px;background-color:var(--surface-input);border:1px solid var(--border-color);font-size:.68rem;font-weight:700}.pipeline-node{padding:3px 8px;background-color:var(--surface-card);border:1px solid var(--border-color);color:var(--text-secondary)}.pipeline-node.highlight{border-color:var(--neon-cyan);color:var(--neon-cyan);background:#00f2fe14}.pipeline-node.success{border-color:var(--neon-emerald);color:var(--neon-emerald);background:#00ff881f;box-shadow:0 0 10px var(--neon-emerald-glow)}.pipeline-arrow{color:var(--text-dim)}.bento-audio:hover{border-color:var(--neon-purple);box-shadow:0 10px 30px var(--neon-purple-glow)}.icon-audio{color:var(--neon-purple);border-color:#b026ff4d}.badge-audio{color:var(--neon-purple);border-color:var(--neon-purple);background:#b026ff14}.bento-waveform-graphic{display:flex;align-items:flex-end;gap:5px;height:38px;margin-top:8px;padding:6px 12px;background-color:var(--surface-input);border:1px solid var(--border-color)}.waveform-bar{flex:1;background-color:var(--neon-purple);box-shadow:0 0 8px var(--neon-purple-glow);animation:wave 1.2s infinite ease-in-out alternate}.bar-1{height:35%;animation-delay:.1s}.bar-2{height:80%;animation-delay:.3s}.bar-3{height:50%;animation-delay:.5s}.bar-4{height:100%;animation-delay:.2s}.bar-5{height:65%;animation-delay:.4s}.bar-6{height:85%;animation-delay:.6s}.bar-7{height:40%;animation-delay:.2s}.bar-8{height:60%;animation-delay:.5s}@keyframes wave{0%{transform:scaleY(.4);opacity:.6}to{transform:scaleY(1);opacity:1}}.bento-photo:hover{border-color:var(--neon-amber);box-shadow:0 10px 30px var(--neon-amber-glow)}.icon-photo{color:var(--neon-amber);border-color:#ffaa004d}.badge-photo{color:var(--neon-amber);border-color:var(--neon-amber);background:#ffaa0014}.bento-photo-graphic{display:flex;gap:8px;margin-top:8px}.photo-card-chip{flex:1;padding:8px;font-size:.68rem;font-weight:700;text-align:center;border:1px dashed rgba(255,170,0,.4);background-color:#ffaa000f;color:var(--neon-amber)}.bento-security:hover{border-color:var(--neon-cyan);box-shadow:0 10px 30px var(--neon-cyan-glow)}.icon-security{color:var(--neon-cyan);border-color:#00f2fe4d}.badge-security{color:var(--neon-cyan);border-color:var(--neon-cyan);background:#00f2fe14}.bento-status-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px;padding:8px 12px;background-color:var(--surface-input);border:1px solid var(--border-color);font-size:.72rem;font-weight:700}.status-item{display:flex;align-items:center;gap:6px}.status-label{color:var(--text-dim)}.status-val{color:#fff}.status-val.text-green{color:var(--neon-emerald);text-shadow:0 0 8px var(--neon-emerald-glow)}@media (max-width: 900px){.bento-grid{grid-template-columns:1fr}.bento-wide,.bento-tall{grid-column:span 1}}.howto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);width:100%;position:relative}.howto-step{display:flex;flex-direction:column;gap:10px;padding:var(--space-md);border:1px solid var(--border-color-light);background-color:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all var(--transition);position:relative}.howto-step:hover{transform:translateY(-2px)}.howto-step.step-cyan:hover{border-color:var(--neon-cyan);box-shadow:0 8px 24px var(--neon-cyan-glow)}.howto-step.step-purple:hover{border-color:var(--neon-purple);box-shadow:0 8px 24px var(--neon-purple-glow)}.howto-step.step-green:hover{border-color:var(--neon-emerald);box-shadow:0 8px 24px var(--neon-emerald-glow)}.howto-step-header{display:flex;align-items:center;justify-content:space-between}.howto-number{font-size:1.2rem;font-weight:800;color:var(--platform-color);letter-spacing:-.02em}.howto-step-badge{font-size:.65rem;font-weight:800;padding:1px 6px;border:1px solid var(--border-color);color:var(--text-dim)}.howto-step-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--surface-input);border:1px solid var(--border-color);color:var(--platform-color)}.howto-step-body{display:flex;flex-direction:column;gap:4px}.howto-step-title{font-size:.95rem;font-weight:800;color:#fff;letter-spacing:.02em}.howto-step-text{font-size:.85rem;color:var(--text-muted);line-height:1.45}.howto-connector-arrow{position:absolute;top:50%;right:-14px;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background-color:var(--surface-card);border:1px solid var(--border-color);color:var(--text-dim);display:flex;align-items:center;justify-content:center;z-index:10}@media (max-width: 768px){.howto-grid{grid-template-columns:1fr}.howto-connector-arrow{display:none}}.faq-list{width:100%;border:1px solid var(--border-color-light);background-color:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.faq-item{border-bottom:1px solid var(--border-color)}.faq-item:last-child{border-bottom:none}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);width:100%;padding:16px 20px;background:transparent;border:none;text-align:left;font-size:.92rem;font-weight:700;color:#fff;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.faq-question-text-wrap{display:flex;align-items:center;gap:10px}.faq-index{font-size:.78rem;color:var(--platform-color);font-weight:800}.faq-title{color:#fff}.faq-toggle-icon{color:var(--text-dim);flex-shrink:0;transition:color var(--transition-fast)}.faq-question:hover{background-color:var(--surface-hover)}.faq-question:hover .faq-title,.faq-question:hover .faq-toggle-icon{color:var(--platform-color)}.faq-item.is-open .faq-question{background-color:var(--surface-elevated);border-bottom:1px solid var(--border-color)}.faq-item.is-open .faq-title{color:var(--platform-color)}.faq-answer{padding:16px 20px;font-size:.88rem;color:var(--text-secondary);line-height:1.55;background-color:#090c1466}.footer{padding:var(--space-lg) var(--space-md);border-top:1px solid var(--border-color-light);background-color:var(--surface-input);position:relative}.footer-inner{display:flex;flex-direction:column;gap:var(--space-md);max-width:var(--max-width);margin:0 auto}.footer-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.footer-brand{display:flex;flex-direction:column;gap:6px}.footer-logo{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;letter-spacing:-.04em;color:var(--text-primary);line-height:1}.footer-tagline{font-size:.72rem;letter-spacing:var(--tracking-mono);color:var(--text-muted)}.footer-security-note{border:1px solid var(--border-color);background-color:var(--surface-card);padding:12px 16px;max-width:480px}.footer-security-badge{display:block;font-size:.68rem;font-weight:700;color:var(--platform-color);letter-spacing:var(--tracking-mono);margin-bottom:4px}.footer-security-text{font-size:.8rem;color:var(--text-muted);line-height:1.4}.footer-meta{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center;justify-content:space-between;padding-top:var(--space-sm);border-top:1px solid var(--border-color);font-size:.72rem;letter-spacing:var(--tracking-mono);color:var(--text-dim)}.footer-status{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary)}.footer-legal{color:var(--text-dim)}.footer-version{color:var(--platform-color);font-weight:700}@media (max-width: 768px){.footer-top{flex-direction:column}.footer-meta{flex-direction:column;align-items:flex-start;gap:10px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}