*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8f9fa;--surface:#fff;--surface-2:#f1f3f4;--surface-3:#e8f5e9;--outline:#dadce0;--outline-var:#e8eaed;--primary:#34a853;--primary-dark:#1e8e3e;--primary-cont:#e6f4ea;--on-primary:#fff;--focus-ring:#34a8533d;--text-1:#202124;--text-2:#5f6368;--text-3:#80868b;--text-on-col:#fff;--error:#d93025;--error-cont:#fce8e6;--success:#34a853;--font:"Roboto", system-ui, sans-serif;--font-display:"Google Sans Flex", system-ui, sans-serif;--font-mono:"Roboto Mono", monospace;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:28px;--r-pill:100px;--elev-1:0 1px 2px #0000001f, 0 1px 3px 1px #00000014;--elev-2:0 1px 2px #00000024, 0 2px 6px 2px #0000001a;--elev-3:0 4px 8px 3px #0000001a, 0 1px 3px #00000024;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#1c1b1f;--surface:#2d2c31;--surface-2:#36343b;--surface-3:#1e3a2a;--outline:#49454f;--outline-var:#3a3840;--primary:#81c995;--primary-dark:#66bb6a;--primary-cont:#1e3a2a;--on-primary:#003912;--focus-ring:#81c99547;--text-1:#e3e3e8;--text-2:#c4c6c9;--text-3:#8e9194;--text-on-col:#003912;--error:#f2877a;--error-cont:#410e0b;--elev-1:0 1px 3px #0006, 0 1px 2px #0000004d;--elev-2:0 2px 6px #00000073, 0 1px 3px #00000059;--elev-3:0 4px 10px #00000080, 0 2px 4px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{height:100%}body{background:var(--bg);color:var(--text-1);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}.md-card{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--elev-1);padding:24px;transition:box-shadow .2s}.md-card+.md-card{margin-top:12px}.section-locked{opacity:.38;pointer-events:none;filter:saturate(0);transition:opacity .25s,filter .25s}.section-unlocked{transition:opacity .25s,filter .25s}.section-active{border:2px solid var(--primary);box-shadow:0 0 0 4px #34a8531a, var(--elev-1)}.md-field{margin-bottom:4px;position:relative}.md-field input[type=text],.md-field input[type=email],.md-field input[type=password]{width:100%;font-family:var(--font);color:var(--text-1);border:1px solid var(--outline);border-radius:var(--r-sm);box-sizing:border-box;background:0 0;outline:none;padding:18px 16px 6px;font-size:16px;transition:border-color .15s,box-shadow .15s}.md-field input:focus{border-color:var(--primary);box-shadow:none;border-width:2px;padding:18px 15px 6px}.md-field input.has-error{border-color:var(--error)}.md-field label{color:var(--text-3);pointer-events:none;background:var(--surface);padding:0;font-size:16px;transition:top .15s,font-size .15s,color .15s,transform .15s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.md-field input:focus~label,.md-field input:not(:placeholder-shown)~label,.md-field.has-value label{color:var(--primary);padding:0 4px;font-size:12px;top:0;transform:translateY(-50%)}.md-field input.has-error~label,.md-field input:focus.has-error~label{color:var(--error)}input[type=text],input[type=email],input[type=password]{font-family:var(--font);background:var(--surface);border:1px solid var(--outline);border-radius:var(--r-sm);color:var(--text-1);outline:none;width:100%;padding:12px 16px;font-size:14px;transition:border-color .15s}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{border-color:var(--primary);border-width:2px;padding:11px 15px}input::placeholder{color:var(--text-3)}input[type=range]{appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-runnable-track{background:var(--outline);border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;margin-top:-8px;transition:transform .1s,box-shadow .1s;box-shadow:0 1px 3px #0000004d}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 10px #34a8531f}input[type=range]::-webkit-slider-thumb:active{box-shadow:0 0 0 14px #34a85329}button{cursor:pointer;font-family:var(--font);border:none;font-size:14px;font-weight:500;transition:background .15s,box-shadow .15s,transform .1s;position:relative;overflow:hidden}button:disabled{opacity:.38;cursor:not-allowed}button:after{content:"";opacity:0;background:radial-gradient(circle,#ffffff59 0%,#0000 60%);transition:transform,opacity .4s;position:absolute;inset:0;transform:scale(0)}button:not(:disabled):active:after{opacity:1;transition:transform .2s ease-out;transform:scale(3)}.btn-filled{background:var(--primary);color:var(--on-primary);border-radius:var(--r-pill);letter-spacing:.01em;padding:10px 24px}.btn-filled:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--elev-1)}.btn-outlined{color:var(--primary);border:1px solid var(--outline);border-radius:var(--r-pill);background:0 0;padding:10px 24px}.btn-outlined:hover:not(:disabled){background:var(--primary-cont);border-color:var(--primary)}.btn-text{color:var(--primary);border-radius:var(--r-pill);background:0 0;padding:10px 12px}.btn-text:hover:not(:disabled){background:var(--primary-cont)}.btn-icon{color:var(--text-2);border:1px solid var(--outline);border-radius:var(--r-pill);background:0 0;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:8px 12px;font-size:14px;display:flex}.btn-icon:hover:not(:disabled){background:var(--surface-2);color:var(--error);border-color:var(--error)}.btn-arrow{color:var(--text-3);border:1px solid var(--outline-var);border-radius:var(--r-pill);background:0 0;justify-content:center;align-items:center;min-width:26px;height:19px;padding:3px 7px;font-size:11px;display:flex}.btn-arrow:hover:not(:disabled){background:var(--surface-2);color:var(--text-1);border-color:var(--outline)}.btn-ghost{color:var(--primary);border:1.5px dashed var(--primary);border-radius:var(--r-pill);font-family:var(--font);letter-spacing:.02em;background:0 0;padding:10px 16px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s}.btn-ghost:hover:not(:disabled){background:var(--primary-cont);border-color:var(--primary-dark);border-style:solid}.btn-ghost:active:not(:disabled){background:var(--surface-3)}.btn-ghost:disabled{color:var(--text-3);border-color:var(--outline);cursor:not-allowed}.btn-cta{background:var(--primary);width:100%;color:var(--on-primary);border-radius:var(--r-pill);letter-spacing:.03em;text-transform:uppercase;box-shadow:var(--elev-1);padding:16px;font-size:14px;font-weight:500}.btn-cta:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--elev-2)}.btn-cta:active:not(:disabled){box-shadow:var(--elev-1)}.seg-group{border:1px solid var(--outline);border-radius:var(--r-pill);background:var(--surface);display:flex;overflow:hidden}.seg-btn{color:var(--text-2);font-family:var(--font);border:none;border-right:1px solid var(--outline);letter-spacing:.01em;background:0 0;flex:1;min-height:40px;padding:10px 16px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.seg-btn:last-child{border-right:none}.seg-btn:hover:not(.seg-btn--active):not(:disabled){background:var(--primary-cont);color:var(--primary-dark)}.seg-btn--active{background:var(--primary-cont);color:var(--primary-dark);font-weight:600}.time-group{background:var(--surface);border:1px solid var(--outline);border-radius:var(--r-sm);align-items:center;gap:0;height:48px;padding:0 16px;transition:border-color .15s,box-shadow .15s;display:flex}.time-group:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--focus-ring);border-width:2px;padding:0 15px}.time-group.has-error{border-color:var(--error)}.time-field{text-align:center;width:36px;font-family:var(--font-mono);color:var(--text-1);outline:none;height:100%;padding:0 2px;font-size:15px;box-shadow:none!important;background:0 0!important;border:none!important}.time-field::placeholder{color:var(--text-3);font-size:13px}.time-sep{color:var(--text-3);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;padding:0 1px;font-size:18px;font-weight:300}.md-stepper{align-items:center;margin-bottom:24px;padding:0 8px;display:flex}.md-step{flex:1;align-items:center;gap:8px;display:flex}.md-step:last-child{flex:0}.md-step-indicator{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;transition:background .2s,color .2s;display:flex}.md-step-indicator--done{background:var(--primary);color:var(--on-primary)}.md-step-indicator--active{background:var(--primary-cont);color:var(--primary-dark);border:2px solid var(--primary)}.md-step-indicator--pending{background:var(--outline-var);color:var(--text-3)}.md-step-label{color:var(--text-3);white-space:nowrap;letter-spacing:.03em;font-size:11px;font-weight:500}.md-step-label--active{color:var(--primary-dark)}.md-step-label--done{color:var(--text-2)}.md-step-line{background:var(--outline);flex:1;height:1px;margin:0 8px}.md-step-line--done{background:var(--primary)}.md-progress-track{background:var(--outline);border-radius:2px;height:4px;overflow:hidden}.md-progress-fill{background:var(--primary);border-radius:2px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.md-progress-fill--error{background:var(--error)}.dl-card{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--elev-1);cursor:default;flex:1;padding:24px;transition:box-shadow .2s,transform .15s}.dl-card:hover{box-shadow:var(--elev-2);transform:translateY(-2px)}.options-grid{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}@media (width<=580px){.options-grid{grid-template-columns:1fr}}@media (width<=480px){.stats-divider{display:none}.url-row{flex-wrap:wrap}.url-row .btn-filled{width:100%}.header-back-btn{display:none!important}}.label-sm{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:500}.error-msg{color:var(--error);align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.error-msg:before{content:"⚠";font-size:11px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;margin-right:8px;animation:.7s linear infinite spin;display:inline-block}.theme-toggle{border:1px solid var(--outline);border-radius:var(--r-pill);color:var(--text-2);font-family:var(--font);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.theme-toggle:hover{background:var(--surface-2)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}
