*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #030305;--surface: rgba(255,255,255,.025);--surface-border: rgba(255,255,255,.06);--surface-hover: rgba(255,255,255,.045);--text: #f4f4f5;--text-2: #b4b4bd;--text-3: #71717a;--pitch-text: #a855f7;--accent: #a855f7;--accent-rgb: 168, 85, 247;--accent-2: #c084fc;--accent-glow: rgba(168,85,247,.3);--cyan: #22d3ee;--cyan-2: #67e8f9;--page-glow-top: 168, 85, 247;--page-glow-bottom: 34, 211, 238;--success: #34d399;--success-2: #059669;--error: #f87171;--error-bg: rgba(248,113,113,.06);--radius: 14px;--radius-lg: 20px;--radius-sm: 6px;--radius-md: 8px;--radius-xl: 20px;--radius-btn: 14px;--radius-pill: 8px;--font-body: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Clash Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Consolas", "Courier New", monospace;--ease: cubic-bezier(.4,0,.2,1);--sp-card-pad: 18px;--sp-col-gap: 6px;--sp-item-gap: 4px;--fs-body: 13px;--fs-body-lg: 14px;--fs-small: 12px;--fs-tiny: 11px;--fs-cta: 20px;--fs-drop-title: 16px;--fs-info-icon: 18px}html{font-size:16px}@media(prefers-reduced-motion:no-preference){@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}nav{animation:fadeInUp .8s ease-out 0s both}.hero h1{animation:fadeInUp .8s ease-out .1s both,hue-flow 6s ease infinite}.pitch{animation:fadeInUp .8s ease-out .2s both}.hero-description{animation:fadeInUp .8s ease-out .3s both}.flow>.step-header:nth-child(1){animation:fadeInUp .8s ease-out .3s both}.drop-zone{animation:fadeInUp .8s ease-out .4s both}[data-reveal]:not(.is-visible){opacity:0;transform:translateY(20px)}[data-reveal].is-visible{animation:fadeInUp var(--reveal-dur, .6s) ease-out both}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.feedback-dock:not(.hidden)>*:not(.hidden){animation:fadeSlideUp .4s cubic-bezier(.16,1,.3,1) backwards}.feedback-dock:not(.hidden)>*:nth-child(1){animation-delay:0ms}.feedback-dock:not(.hidden)>*:nth-child(2){animation-delay:60ms}.feedback-dock:not(.hidden)>*:nth-child(3){animation-delay:.12s}.feedback-dock:not(.hidden)>*:nth-child(4){animation-delay:.18s}.feedback-dock:not(.hidden)>*:nth-child(5){animation-delay:.24s}.feedback-dock:not(.hidden)>*:nth-child(6){animation-delay:.3s}.feedback-dock:not(.hidden)>*:nth-child(7){animation-delay:.36s}.summary-card:not(.hidden){animation:fadeSlideUp .45s cubic-bezier(.16,1,.3,1) backwards}.config-card .mode-option,.options-grid .toggle-label,.options-grid .option-input-label{animation:fadeSlideUp .35s cubic-bezier(.16,1,.3,1) backwards}.config-card .mode-option:nth-child(1),.options-grid>*:nth-child(1){animation-delay:0ms}.config-card .mode-option:nth-child(2),.options-grid>*:nth-child(2){animation-delay:40ms}.config-card .mode-option:nth-child(3),.options-grid>*:nth-child(3){animation-delay:80ms}.config-card .mode-option:nth-child(4),.options-grid>*:nth-child(4){animation-delay:.12s}.config-card .mode-option:nth-child(5),.options-grid>*:nth-child(5){animation-delay:.16s}.config-card .mode-option:nth-child(6),.options-grid>*:nth-child(6){animation-delay:.2s}.config-card .mode-option:nth-child(7),.options-grid>*:nth-child(7){animation-delay:.24s}.config-card .mode-option:nth-child(8),.options-grid>*:nth-child(8){animation-delay:.28s}}::selection{background:#a855f7;color:#fff}::-moz-selection{background:#a855f7;color:#fff}body{font-family:var(--font-body)!important;background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;-webkit-font-smoothing:antialiased}.stars{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.stars canvas{display:block;width:100%;height:100%}.glow{position:fixed;pointer-events:none;z-index:3;border-radius:50%;filter:blur(145px);mix-blend-mode:screen}.glow-1{width:620px;height:620px;top:-18%;left:-2%;background:radial-gradient(circle,rgba(var(--page-glow-top),.38) 0%,rgba(var(--page-glow-top),.2) 30%,transparent 72%),radial-gradient(circle,rgba(var(--page-glow-top),.22) 0%,transparent 62%);animation:drift1 22s ease-in-out infinite alternate}.glow-2{width:580px;height:580px;bottom:-8%;right:-4%;background:radial-gradient(circle,rgba(var(--page-glow-bottom),.34) 0%,rgba(var(--page-glow-bottom),.18) 28%,transparent 72%),radial-gradient(circle,rgba(var(--page-glow-bottom),.2) 0%,transparent 60%);animation:drift2 28s ease-in-out infinite alternate}@keyframes drift1{0%{transform:translate(0)}to{transform:translate(50px,30px)}}@keyframes drift2{0%{transform:translate(0)}to{transform:translate(-35px,-25px)}}nav{position:relative;z-index:2;width:100%;max-width:820px;margin:0 auto;padding:1.25rem 1.5rem 0;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:1.07rem;font-weight:600;letter-spacing:.06em;color:var(--text-2);text-decoration:none;transition:color .2s}.nav-brand:hover{color:var(--text)}.nav-pills{display:flex;gap:.35rem}.nav-pill{font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;padding:.35rem .8rem;border-radius:8px;color:var(--text-3);transition:color .2s,background .2s}.nav-pill:hover{color:var(--text-2);background:#ffffff0a}.nav-pill.active{color:var(--accent);background:#a855f714}.beta-badge{font-size:.52rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.12rem .35rem;border-radius:4px;background:#eab30826;color:#eab308;margin-left:.3rem;vertical-align:super;line-height:1}.nav-hamburger{display:none;background:none;border:none;cursor:pointer;padding:.4rem;margin-right:-.4rem;flex-direction:column;gap:4px}.nav-hamburger span{display:block;width:20px;height:2px;background:var(--text-2);border-radius:2px;transition:transform .25s,opacity .25s}.nav-hamburger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}main{position:relative;z-index:1;width:100%;max-width:820px;margin:0 auto;padding:0 1.5rem 2rem;flex:1}.hero{text-align:center;padding:2.5rem 0 2rem}.hero h1{font-family:var(--font-display);font-size:clamp(3.64rem,9.1vw,5.85rem);font-weight:800;letter-spacing:-.02em;line-height:1;background:linear-gradient(135deg,#fff 0%,var(--accent) 40%,var(--cyan) 70%,#fff 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes hue-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.pitch{font-family:var(--font-display);margin-top:.75rem;font-size:1.21rem;line-height:1.6;letter-spacing:.15em;color:var(--accent);font-weight:500;text-transform:uppercase}.hero-description{max-width:42rem;margin:1rem auto 0;font-size:1.01rem;color:var(--text-2);line-height:1.6;letter-spacing:.01em}.beta-pill{display:inline-block;margin-top:1rem;font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .9rem;border-radius:var(--radius-pill);background:#a855f71f;color:var(--accent);border:1px solid rgba(168,85,247,.25)}.flow{display:flex;flex-direction:column;gap:1rem}.step-header{display:flex;align-items:center;gap:.65rem;margin-top:.25rem}.step-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:.88rem;font-weight:700;color:var(--accent-2);border:1.5px solid rgba(168,85,247,.25);border-radius:50%;flex-shrink:0}.step-title{font-family:var(--font-display);font-size:1.01rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3)}.drop-zone{background:var(--surface);border:1.5px dashed var(--surface-border);border-radius:var(--radius-lg);padding:1.5rem 1.25rem;text-align:center;cursor:pointer;transition:all .25s var(--ease);display:flex;flex-direction:column;align-items:center;gap:.3rem;min-height:120px;justify-content:center;position:relative;overflow:hidden}.drop-zone:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(var(--accent-rgb),.03) 0%,transparent 70%);opacity:0;transition:opacity .3s var(--ease);pointer-events:none}.drop-zone:hover:before{opacity:1}.drop-zone:hover{border-color:rgba(var(--accent-rgb),.2);background:var(--surface-hover);transform:translateY(-2px);box-shadow:0 8px 40px #0000004d,0 0 0 1px rgba(var(--accent-rgb),.08)}.drop-zone.drag-over{border-color:var(--accent);border-style:solid;background:rgba(var(--accent-rgb),.03);transform:scale(1.015);box-shadow:0 0 50px var(--accent-glow)}.drop-zone.has-file{border-style:solid;border-color:#34d39959;background:#34d39908}.drop-zone-icon{color:var(--text-3);margin-bottom:.35rem;transition:color .25s var(--ease)}.drop-zone:hover .drop-zone-icon{color:var(--accent-2)}.drop-zone.has-file .drop-zone-icon{color:var(--success)}.drop-zone-label{font-family:var(--font-display);font-size:1.17rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.drop-zone-hint{font-size:1.07rem;color:var(--text-3);line-height:1.4;word-break:break-all}.drop-zone-hint.has-file{color:var(--success);font-weight:600;font-size:1.04rem}.drop-zone-action{margin-top:.5rem;display:flex;gap:.5rem}.browse-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:var(--cyan);cursor:pointer;font-size:.82rem;font-family:inherit;font-weight:600;padding:.35rem .85rem;height:32px;width:90px;transition:background .2s,border-color .2s,color .2s}.browse-btn:hover{background:rgba(var(--accent-rgb),.15);border-color:var(--cyan);color:var(--cyan-2)}.clear-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:var(--text-3);cursor:pointer;font-size:.82rem;font-family:inherit;font-weight:600;padding:.35rem .85rem;height:32px;width:74px;transition:background .2s,border-color .2s}.clear-btn:hover{background:#ffffff14;border-color:#ffffff26}.config-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:1rem 1.25rem}.toggle-label{display:flex;align-items:center;gap:.7rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.4rem .5rem;border-radius:var(--radius);transition:background .2s var(--ease)}.toggle-label:hover{background:#ffffff05}.toggle-label input[type=checkbox]{display:none}.toggle-switch{position:relative;width:38px;height:22px;background:#ffffff14;border-radius:11px;transition:background .25s var(--ease),box-shadow .25s var(--ease);flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .25s var(--ease);box-shadow:0 1px 4px #0000004d}.toggle-label input:checked+.toggle-switch{background:var(--accent);box-shadow:0 0 14px var(--accent-glow)}.toggle-label input:checked+.toggle-switch:after{transform:translate(16px)}.toggle-text{display:flex;flex-direction:column;gap:.05rem}.toggle-name{font-family:var(--font-display);font-size:1.14rem;font-weight:600;color:var(--text)}.toggle-desc{font-size:.98rem;color:var(--text-3)}.mode-option{display:flex;align-items:flex-start;gap:.7rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.55rem .5rem;border-radius:var(--radius);transition:background .2s var(--ease)}.mode-option:hover{background:#ffffff05}.mode-option.selected{background:rgba(var(--accent-rgb),.04)}.mode-radio{margin-top:.2rem;flex-shrink:0;accent-color:var(--accent);width:18px;height:18px}.mode-text{display:flex;flex-direction:column;gap:.05rem;flex:1}.mode-text .title{font-family:var(--font-display);font-size:1.14rem;font-weight:600;color:var(--text)}.mode-text .description{font-size:.98rem;color:var(--text-3);line-height:1.4}.info-button{margin-left:auto;color:var(--text-3);background:none;border:none;cursor:help;font-size:1.1rem;padding:4px 6px;border-radius:50%;transition:color .2s,background .2s;flex-shrink:0;position:relative}.info-button:hover{color:var(--accent);background:var(--accent-glow)}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);right:-50px;width:220px;background:var(--accent);color:#fff;padding:10px 12px;border-radius:var(--radius-sm);font-size:.78rem;font-family:var(--font-body);font-weight:500;white-space:pre-wrap;word-wrap:break-word;pointer-events:none;z-index:10;box-shadow:0 4px 12px #0000004d;line-height:1.4}.info-button[data-tooltip]:hover:after{width:380px;max-height:60vh;overflow-y:auto;right:-10px}.super-lossy-toggle{font-family:var(--font-display);font-size:1.14rem;font-weight:600;color:var(--accent);background:transparent;border:none;cursor:pointer;padding:.4rem .5rem;border-radius:var(--radius);transition:background .2s}.super-lossy-toggle:hover{background:#ffffff05}.super-lossy-modes{padding-left:1rem;border-left:2px solid var(--surface-border);margin-top:.25rem}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.option-input-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;padding:1rem}.option-input-label .toggle-text{display:flex;flex-direction:column;gap:.25rem}.option-input-label .toggle-name{font-weight:600;color:var(--text)}.option-input-label .toggle-desc{font-size:.875rem;color:var(--text-secondary)}.option-input-label input[type=number]{align-self:flex-start;width:70px;height:30px;background:var(--bg);border:1px solid var(--surface-border);border-radius:var(--radius);color:var(--text);font-size:.92rem;font-family:var(--font-body);padding:0 .5rem;text-align:center}.options-grid .toggle-label{flex-direction:row;align-items:center;justify-content:space-between;padding:1rem;border-radius:0;background:none;gap:1rem}.options-grid .toggle-switch{order:2;flex-shrink:0}.options-grid .toggle-label .toggle-text{order:1;flex:1}.options-grid .toggle-label:hover{background:#ffffff03}.options-grid .toggle-text{display:flex;flex-direction:column;gap:.25rem}.options-grid .toggle-name{font-weight:600;color:var(--text)}.options-grid .toggle-desc{font-size:.875rem;color:var(--text-secondary)}.min-duration-input{width:70px;height:30px;background:var(--bg);border:1px solid var(--surface-border);border-radius:var(--radius);color:var(--text);font-size:.92rem;font-family:var(--font-body);padding:0 .5rem;text-align:center}.folder-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:.75rem 1.25rem;cursor:pointer;transition:background .2s}.folder-card:hover{background:var(--surface-hover)}.folder-card .toggle-label{padding:.3rem 0;display:flex;justify-content:space-between;align-items:center}.folder-card .toggle-label .toggle-text{order:1;flex:1}.folder-card .toggle-label .toggle-switch{order:2;flex-shrink:0}.folder-arrow{font-size:.72rem;color:var(--text);display:inline-flex;align-items:center;margin-right:.35rem;transition:transform .2s}.folder-details{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:.5rem .75rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:0}.folder-row{display:flex;align-items:center;justify-content:space-between;padding:.4rem .5rem;border-radius:var(--radius);transition:background .2s;gap:8px;cursor:pointer}.folder-row:hover{background:var(--surface-hover)}.folder-info{display:flex;flex-direction:column;gap:2px}.folder-label{font-family:var(--font-display);font-size:.92rem;font-weight:700;color:var(--text)}.folder-path{font-size:.72rem;color:var(--text-3);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-btn{width:100%;padding:.85rem 2rem;font-size:1.24rem;font-family:var(--font-display);font-weight:700;border:none;border-radius:var(--radius);cursor:pointer;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .25s var(--ease);box-shadow:0 4px 20px var(--accent-glow);position:relative;overflow:hidden}.run-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);opacity:0;transition:opacity .3s}.run-btn:hover:not(:disabled):before{opacity:1}.run-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px var(--accent-glow),0 0 0 1px rgba(var(--accent-rgb),.3)}.run-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 12px var(--accent-glow)}.run-btn:disabled{opacity:.2;cursor:not-allowed;box-shadow:none}.feedback-dock{width:100%;display:flex;flex-direction:column;gap:.75rem}.status-area{width:100%;text-align:center}.progress-bar-track{width:100%;height:3px;background:#ffffff0a;border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--cyan));border-radius:2px;transition:width .3s}.progress-bar-fill.indeterminate{width:30%;animation:indeterminate 1.4s ease-in-out infinite}@keyframes indeterminate{0%{transform:translate(-100%);width:30%}50%{transform:translate(100%);width:60%}to{transform:translate(300%);width:30%}}.progress-bar-fill.done{animation:none;width:100%;background:var(--success);transition:width .4s,background .4s}.status-text{margin-top:.6rem;font-size:1.11rem;color:var(--text-3)}.log-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:.75rem 1.25rem}.log-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.log-toggle-btn{font-family:var(--font-display);font-size:1.14rem;font-weight:600;color:var(--accent);background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.log-clear-btn{font-size:.78rem;font-weight:500;color:var(--text-3);background:#ffffff0a;border:1px solid var(--surface-border);border-radius:999px;padding:.25rem .65rem;cursor:pointer;transition:background .2s}.log-clear-btn:hover{background:#ffffff14}.log-expand-btn{font-size:.78rem;font-weight:500;color:var(--text-3);background:#ffffff0a;border:1px solid var(--surface-border);border-radius:999px;padding:.25rem .65rem;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.log-expand-btn:hover{color:var(--accent);border-color:var(--accent);background:#ffffff05}.log-content{background:var(--bg);border-radius:var(--radius);max-height:280px;padding:.65rem .85rem;overflow-y:auto;font-family:var(--font-mono);font-size:.82rem;line-height:1.6;color:var(--text-2);white-space:pre-wrap;margin-top:.65rem}.log-fullscreen-overlay{position:fixed;inset:0;z-index:10000;background:var(--bg);display:flex;flex-direction:column}.log-fullscreen-overlay.hidden{display:none}.log-fullscreen-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem;border-bottom:1px solid var(--surface-border);background:var(--surface);flex-shrink:0;gap:.75rem}.log-fullscreen-title{font-family:var(--font-display);font-size:1.14rem;font-weight:600;color:var(--accent)}.log-fullscreen-actions{display:flex;align-items:center;gap:.5rem}.log-fullscreen-body{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:1rem 1.5rem}.log-fullscreen-body .log-content{max-height:100%;flex:1;margin-top:0;border-radius:var(--radius-lg);font-size:.88rem}.log-fullscreen-open footer{display:none}.summary-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:.75rem 1.25rem}.summary-header{display:flex;align-items:center;-webkit-user-select:none;user-select:none}.summary-content{overflow-x:auto;margin-top:.65rem}.summary-table{width:100%;border-collapse:collapse;table-layout:fixed;font-family:var(--font-mono);font-size:.82rem;line-height:1.6}.summary-table th{font-family:var(--font-display);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);text-align:left;padding:6px 8px;border-bottom:1px solid var(--surface-border);white-space:nowrap}.summary-th-num{text-align:right;width:100px}.summary-td-num{text-align:right}.summary-th-status{text-align:center;width:56px}.summary-table td{padding:4px 8px;color:var(--text-2);border-bottom:1px solid rgba(255,255,255,.03)}.summary-td-file{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-td-status{text-align:center}.summary-status-ok{color:var(--success)}.summary-status-error{color:var(--error)}.summary-table tbody tr:hover{background:var(--surface-hover)}.summary-totals{padding:10px 8px 2px;border-top:2px solid var(--surface-border);margin-top:4px}.summary-total-row{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:600;font-size:.92rem;color:var(--text)}.summary-total-label{min-width:44px;color:var(--text-3);text-transform:uppercase;font-size:.72rem;letter-spacing:.04em}.summary-total-value{text-align:right;margin-left:auto}.summary-total-saved{color:var(--success)}.results-section{margin-bottom:1rem}.results-section:last-child{margin-bottom:0}.results-section-title{font-family:var(--font-display);font-size:.88rem;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.04em;padding:8px 8px 4px;border-bottom:1px solid var(--surface-border);margin-bottom:4px}.results-group-header td{font-family:var(--font-display);font-weight:600;font-size:.78rem;color:var(--accent);letter-spacing:.02em;padding-top:8px!important}.results-group-description td{font-size:.72rem;color:var(--text-2);padding:2px 8px 6px!important;line-height:1.45;font-style:italic}.summary-table tfoot td{padding:6px 8px;border-top:1px solid var(--surface-border);border-bottom:none;color:var(--text);font-weight:600}.download-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem 2rem;font-size:1.15rem;font-weight:700;font-family:inherit;background:var(--cyan, #22d3ee);color:#030305;border:none;border-radius:var(--radius, 12px);cursor:pointer;text-decoration:none;box-shadow:0 4px 20px #22d3ee33;transition:background .15s,box-shadow .15s}.download-btn:hover{background:#67e8f9;box-shadow:0 6px 28px #22d3ee59}.download-btn.hidden{display:none}.bottom-bar{display:flex;align-items:center;justify-content:center;padding:.75rem 0 .35rem;gap:12px}.bottom-bar-left{flex:1;display:flex;justify-content:center}.bottom-bar .status-text{text-align:center}footer{position:relative;z-index:1;text-align:center;padding:2rem 1.5rem 7rem;color:var(--text-3);font-size:.78rem;letter-spacing:.02em;line-height:1.7}footer a{color:var(--text-3);text-decoration:none;transition:color .2s}footer a:hover{color:var(--accent)}.footer-music{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.footer-music span{color:var(--text-3);font-size:.82rem;letter-spacing:.02em}.footer-socials{display:flex;gap:.6rem}.footer-socials a{color:var(--text-3);transition:color .2s,transform .2s;display:inline-flex;align-items:center}.footer-socials svg{display:block;overflow:visible}.footer-socials a{overflow:visible}.footer-socials a[aria-label=SoundCloud]{padding-right:2px}.footer-socials a:hover{color:var(--accent);transform:scale(1.15)}::-webkit-scrollbar{width:13px;height:13px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#a855f740;border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#a855f773;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:auto;scrollbar-color:rgba(168,85,247,.25) transparent}.hidden{display:none!important}@media(max-width:768px){.options-grid{grid-template-columns:1fr}nav{padding:1rem 1rem 0}main{padding:0 1rem 2rem}.nav-pills{display:none}.nav-pills.show{display:flex;flex-direction:column;position:absolute;top:100%;right:1rem;background:#030305f2;border:1px solid var(--surface-border);border-radius:var(--radius);padding:.5rem;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-hamburger{display:flex}}@media(max-width:620px){.support-grid{grid-template-columns:1fr;gap:10px}.support-qr{display:none}.support-top{flex-direction:column;align-items:flex-start;gap:10px}.support-links{gap:6px;row-gap:10px;flex-wrap:wrap}.link-pill{font-size:.72rem;padding:.35rem .85rem}.social-link{width:36px;height:36px}.social-link svg{width:20px;height:20px}}.toast-container{position:fixed;top:4.75rem;right:1.25rem;z-index:999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none;max-width:min(420px,calc(100vw - 2.5rem))}.toast{pointer-events:auto;padding:.75rem 1rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:slideInRight .3s ease-out;font-size:.82rem;line-height:1.45}.toast.exiting{animation:slideOutRight .25s ease-in forwards}.toast--warning{background:#281e0aeb;border-color:#fbbf244d;color:#fcd34d}.toast--error{background:#280e0eeb;border-color:#f871714d;color:#f87171}.toast--info{background:#160e24eb;border-color:rgba(var(--accent-rgb),.3);color:#e9d5ff}.toast--success{background:#0a1e1eeb;border-color:#06b6d466;color:#a5f3fc}.toast__content{display:flex;align-items:flex-start;gap:.5rem}.toast__message{flex:1}.toast__close{flex-shrink:0;background:#ffffff14;border:none;color:inherit;font-size:1.1rem;width:1.4rem;height:1.4rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;opacity:.7;transition:opacity .15s}.toast__close:hover{opacity:1}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}
