@font-face{font-family:Thmanyah Sans;src:url(/fonts/thmanyahsans-Light.woff2)format("woff2");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Thmanyah Sans;src:url(/fonts/thmanyahsans-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Thmanyah Sans;src:url(/fonts/thmanyahsans-Medium.woff2)format("woff2");font-style:normal;font-weight:500 600;font-display:swap}@font-face{font-family:Thmanyah Sans;src:url(/fonts/thmanyahsans-Bold.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Thmanyah Sans;src:url(/fonts/thmanyahsans-Black.woff2)format("woff2");font-style:normal;font-weight:800 900;font-display:swap}:root{--ink:#221d1b;--muted:#726966;--red:#e83f4d;--red-dark:#cb2635;--cream:#fffaf6;--line:#eadfd8;--card:#ffffffd1;--surface:#fff;--page-glow:#fff;font-synthesis:none;color:var(--ink);background:var(--cream);font-family:Thmanyah Sans,system-ui,sans-serif}:root[data-theme=dark]{--ink:#f7efeb;--muted:#b8aaa4;--cream:#171311;--line:#3b312d;--card:#251f1ce0;--surface:#29221f;--page-glow:#2b211f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{background:radial-gradient(circle at 50% -10%, var(--page-glow) 0, transparent 42%), var(--cream);min-height:100vh;margin:0;transition:background-color .25s,color .25s;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}:focus-visible{outline-offset:3px;outline:3px solid #e83f4d59}.glow{filter:blur(3px);pointer-events:none;opacity:.35;z-index:-1;border-radius:50%;width:380px;height:380px;position:fixed}.glow-one{background:radial-gradient(circle,#ffd8d9,#0000 68%);top:8%;right:-220px}.glow-two{background:radial-gradient(circle,#ffe7c7,#0000 68%);bottom:0;left:-220px}.site-header{justify-content:space-between;align-items:center;max-width:1120px;margin:auto;padding:28px 24px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;font-size:17px;font-weight:800;text-decoration:none;display:flex}.brand-mark{color:#fff;background:var(--red);border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 7px 18px #e83f4d40}.brand-mark svg{width:25px}.theme-toggle{border:1px solid var(--line);width:42px;height:42px;color:var(--ink);background:var(--surface);border-radius:13px;place-items:center;transition:transform .2s,background .2s;display:grid;box-shadow:0 6px 20px #3f2a2114}.theme-toggle:hover{transform:translateY(-1px)}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;grid-area:1/1;width:19px;transition:opacity .2s,transform .25s}.theme-toggle .sun-icon{opacity:0;transform:rotate(-35deg)scale(.7)}:root[data-theme=dark] .theme-toggle .moon-icon{opacity:0;transform:rotate(35deg)scale(.7)}:root[data-theme=dark] .theme-toggle .sun-icon{opacity:1;transform:rotate(0)scale(1)}main{padding:52px 20px 0}.hero{text-align:center;max-width:720px;margin:auto}h1{letter-spacing:-2.6px;margin:0;font-size:clamp(38px,6vw,64px);font-weight:800;line-height:1.45}h1 em{color:var(--red);white-space:nowrap;font-style:normal;position:relative}h1 em:after{content:"";z-index:-1;background:#ffd5d8;border-radius:50%;height:7px;position:absolute;bottom:-2px;left:3%;right:4%;transform:rotate(-1.5deg)}.hero-copy{color:var(--muted);margin:18px auto 30px;font-size:15px;line-height:2}.calculator{background:var(--card);border:1px solid var(--line);text-align:right;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:26px;padding:24px;box-shadow:0 20px 70px #58342417}.calculator label{margin:0 4px 10px;font-size:12px;font-weight:700;display:block}.input-wrap{background:var(--surface);border:1.5px solid var(--line);direction:ltr;border-radius:16px;align-items:center;height:62px;transition:border .2s,box-shadow .2s;display:flex;position:relative}.input-wrap:focus-within{border-color:#f0848e;box-shadow:0 0 0 4px #e83f4d17}.input-wrap:has(input[aria-invalid=true]){border-color:var(--red-dark)}.input-icon{color:#a69a95;flex:none;place-items:center;width:54px;display:grid}.input-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:22px}input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-family:system-ui,sans-serif;font-size:15px}input::placeholder{color:#b5aaa4}.field-error{color:var(--red-dark);margin:8px 4px 0;font-size:11px;display:none}.field-error.visible{display:block}.submit-button{color:#fff;background:linear-gradient(135deg,#ed4b58,#dc3240);border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;height:59px;margin-top:14px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 24px #dc32403d}.submit-button:hover{transform:translateY(-2px);box-shadow:0 14px 28px #dc32404d}.submit-button:active{transform:translateY(0)}.submit-button.loading{background:#332c29;box-shadow:0 8px 20px #231b172e}.submit-button svg{fill:none;stroke:currentColor;stroke-width:2px;width:20px;transform:rotate(180deg)}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.75s linear infinite spin;display:none}.submit-button.loading .spinner{display:block}.submit-button.loading svg{display:none}@keyframes spin{to{transform:rotate(360deg)}}.calculation-status{min-height:17px;color:var(--muted);text-align:center;margin:8px 4px 0;font-size:10px}.privacy-note{text-align:center;color:#9a8e88;justify-content:center;align-items:center;gap:6px;margin:5px 0 0;font-size:10px;display:flex}.privacy-note svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:14px}.result{color:#fff;background:linear-gradient(145deg,#27211f,#1e1a18);border:1px solid #3b322e;border-radius:28px;max-width:720px;margin:22px auto 0;padding:26px;animation:.4s both rise;position:relative;overflow:hidden;box-shadow:0 24px 60px #231b173d}.result:before{content:"";filter:blur(4px);pointer-events:none;background:#e83f4d29;border-radius:50%;width:260px;height:260px;position:absolute;top:-170px;left:-90px}.result:focus{outline:none}.result:focus-visible{box-shadow:0 0 0 4px #e83f4d33,0 20px 50px #231b1733}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.result-head{justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.playlist-identity{align-items:center;gap:14px;min-width:0;display:flex}.playlist-identity img{object-fit:cover;background:#342d29;border:1px solid #443a36;border-radius:12px;flex:none;width:112px;height:64px}.playlist-identity img[hidden]{display:none}.result-kicker{color:#ddcbc3;font-size:10px}.result h2{overflow-wrap:anywhere;max-width:460px;margin:5px 0 0;font-size:15px;font-weight:700;line-height:1.65}.close-result{color:#d9ccc6;background:#302a27;border:1px solid #4c4440;border-radius:9px;width:34px;height:34px;font-size:22px;line-height:1}.close-result:hover{color:#fff;background:#443b37}.total-panel{background:#ffffff09;border:1px solid #403632;border-radius:19px;margin-top:20px;padding:20px 21px 18px;position:relative}.total-panel>span{color:#a99b95;font-size:10px}.total-time{align-items:baseline;gap:9px;margin:9px 0 0;display:flex}.total-time strong{color:#ff6673;letter-spacing:-3px;font-family:system-ui,sans-serif;font-size:clamp(52px,10vw,76px);line-height:1}.total-time span{font-size:16px;font-weight:700}.pretty-time{color:#c9bbb4;margin:8px 0 0;font-size:12px}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.stats div{background:#ffffff06;border:1px solid #3d3531;border-radius:14px;flex-direction:column;gap:5px;padding:13px 15px;display:flex}.stats span{color:#9f928c;font-size:10px}.stats strong{font-size:15px}.speed-section{border-top:1px solid #3c3532;margin-top:20px;padding-top:18px}.speed-title{color:#c9bbb4;margin-bottom:10px;font-size:11px;display:block}.speed-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.speed-grid div{background:#302926;border:1px solid #403733;border-radius:13px;flex-direction:column;gap:6px;min-width:0;padding:13px 12px;display:flex}.speed-grid span{color:#ff7a85;text-align:right;direction:ltr;font-family:system-ui,sans-serif;font-size:12px;font-weight:700}.speed-grid strong{font-size:11px;line-height:1.6}.unavailable-note{color:#e6b9b9;margin:16px 0 0;font-size:10px;line-height:1.8}.how-it-works{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:24px;max-width:820px;margin:70px auto 0;padding:28px 0 44px;display:flex}.step{align-items:center;gap:11px;display:flex}.step>span{border:1px solid var(--line);width:30px;height:30px;color:var(--red);background:var(--surface);border-radius:10px;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.step strong{font-size:11px;display:block}.step p{color:#938680;white-space:nowrap;margin:4px 0 0;font-size:9px}.how-it-works i{background:#e2d7d1;width:34px;height:1px}#youtube-probe-zone{opacity:.01;pointer-events:none;width:200px;height:200px;position:fixed;top:-10000px;left:-10000px;overflow:hidden}@media (width<=650px){.site-header{padding:20px 18px}main{padding:45px 15px 0}h1{letter-spacing:-1.8px;font-size:36px;line-height:1.55}.hero-copy{max-width:330px;margin-top:12px;font-size:13px}.calculator{border-radius:22px;padding:16px}.input-wrap{height:58px}.input-icon{width:43px}input{font-size:13px}.result{border-radius:22px;padding:17px}.playlist-identity{gap:10px}.playlist-identity img{border-radius:9px;width:86px;height:50px}.result h2{font-size:13px;line-height:1.5}.close-result{flex:none;width:32px;height:32px}.total-panel{padding:17px}.speed-grid{gap:6px}.speed-grid div{padding:11px 8px}.speed-grid strong{font-size:9px}.how-it-works{flex-direction:column;align-items:stretch;gap:14px;margin-top:48px;padding:28px 6px 40px}.how-it-works i{width:1px;height:12px;margin-right:15px}.step p{white-space:normal}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}