:root{--font-sans: "Inter", "Inter var", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-2xs: .7rem;--text-xs: .775rem;--text-sm: .85rem;--text-base: .94rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: clamp(1.2rem, 1.1rem + .4vw, 1.35rem);--text-2xl: clamp(1.4rem, 1.18rem + 1vw, 1.8rem);--text-3xl: clamp(1.85rem, 1.4rem + 2.1vw, 2.65rem);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--bg: #f7f8fa;--bg-deep: #eef0f4;--surface: #ffffff;--surface-muted: #f4f5f8;--surface-sunken: #eaecf1;--surface-raised: #ffffff;--border: #e5e8ee;--border-strong: #cfd4de;--border-subtle: #eef0f4;--text: #12141a;--text-muted: #59606d;--text-faint: #8a919f;--accent: #e0222b;--accent-strong: #c4151f;--accent-hover: #c4151f;--accent-soft: #fdecec;--accent-tint: #fef5f5;--accent-contrast: #ffffff;--accent-ring: rgba(224, 34, 43, .22);--gradient-brand: linear-gradient(135deg, #f0413a 0%, #d61421 55%, #b00f1c 100%);--gradient-sheen: linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, 0));--ink: #14161c;--ink-hover: #262a33;--ink-contrast: #ffffff;--ok: #157f3d;--ok-soft: #e8f6ed;--ok-line: #b4e0c4;--warn: #a2600a;--warn-soft: #fdf3e2;--warn-line: #f0d3a0;--danger: #c01c26;--danger-soft: #fdecec;--danger-line: #f4c2c4;--info: #1d4ed8;--info-soft: #eaf0fe;--info-line: #c3d3fb;--radius-xs: 6px;--radius-sm: 10px;--radius: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(16, 20, 28, .05);--shadow-sm: 0 1px 2px rgba(16, 20, 28, .06), 0 1px 3px rgba(16, 20, 28, .04);--shadow: 0 2px 4px rgba(16, 20, 28, .04), 0 8px 24px rgba(16, 20, 28, .07);--shadow-lg: 0 4px 8px rgba(16, 20, 28, .05), 0 20px 48px rgba(16, 20, 28, .13);--shadow-accent: 0 1px 2px rgba(176, 15, 28, .24), 0 8px 20px rgba(176, 15, 28, .22);--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur: .18s;--dur-slow: .32s;--header-height: 66px;--page-max: 1180px;--tool-max: 780px;--prose-max: 720px;--gutter: 20px}:root[data-theme=dark]{--bg: #0b0d11;--bg-deep: #07090c;--surface: #14171d;--surface-muted: #1a1e25;--surface-sunken: #22272f;--surface-raised: #191d24;--border: #262b34;--border-strong: #39404c;--border-subtle: #1e232b;--text: #edeff3;--text-muted: #a3abb8;--text-faint: #767e8c;--accent: #ff5a53;--accent-strong: #ff6f68;--accent-hover: #ff6f68;--accent-soft: #2e1618;--accent-tint: #1d1315;--accent-contrast: #ffffff;--accent-ring: rgba(255, 90, 83, .28);--gradient-brand: linear-gradient(135deg, #ff6a5f 0%, #e63946 55%, #c4232f 100%);--gradient-sheen: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0));--ink: #edeff3;--ink-hover: #ffffff;--ink-contrast: #14171d;--ok: #4ade80;--ok-soft: #10251a;--ok-line: #1f4a33;--warn: #fbbf24;--warn-soft: #2a2110;--warn-line: #54421a;--danger: #ff7a7a;--danger-soft: #2c1517;--danger-line: #562427;--info: #84a9ff;--info-soft: #151d2e;--info-line: #27375c;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .35);--shadow: 0 2px 4px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 4px 10px rgba(0, 0, 0, .45), 0 20px 48px rgba(0, 0, 0, .6);--shadow-accent: 0 1px 2px rgba(0, 0, 0, .5), 0 8px 22px rgba(255, 90, 83, .22)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 16px)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11";text-rendering:optimizeLegibility;overflow-wrap:break-word}h1,h2,h3,h4{margin:0 0 .5em;line-height:1.18;letter-spacing:-.021em;font-weight:700;color:var(--text);text-wrap:balance}h1{font-size:var(--text-3xl);letter-spacing:-.03em}h2{font-size:var(--text-2xl);letter-spacing:-.025em}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}p{margin:0 0 1em;text-wrap:pretty}a{color:inherit;text-decoration-color:color-mix(in srgb,currentColor 32%,transparent);text-underline-offset:3px;transition:color var(--dur) var(--ease),text-decoration-color var(--dur) var(--ease)}a:hover{text-decoration-color:currentColor}img,svg,video,canvas{max-width:100%;display:block}code{font-family:var(--font-mono);font-size:.85em;background:var(--surface-sunken);padding:.14em .42em;border-radius:var(--radius-xs);color:var(--text)}hr{border:0;border-top:1px solid var(--border);margin:var(--space-6) 0}::selection{background:color-mix(in srgb,var(--accent) 22%,transparent)}.tabular{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:12px;z-index:100;background:var(--surface);color:var(--text);font-size:var(--text-sm);font-weight:600;padding:10px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg)}.skip-link:focus{top:12px}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid transparent;background-clip:content-box;border-radius:var(--radius-pill)}*::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:content-box}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}.animate-in{animation:fade-in-up var(--dur-slow) var(--ease-out) both}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative}.app:before{content:"";position:fixed;inset-block-start:0;inset-inline:0;height:420px;pointer-events:none;z-index:0;background:radial-gradient(60% 100% at 50% 0%,color-mix(in srgb,var(--accent) 9%,transparent) 0%,transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 70%,transparent),transparent)}.site-header,.site-main,.site-footer{position:relative;z-index:1}.container{width:100%;max-width:var(--page-max);margin:0 auto;padding:0 var(--gutter)}.container--narrow{max-width:var(--tool-max)}.container--prose{max-width:var(--prose-max)}.site-main{flex:1;padding-bottom:var(--space-16)}@media (max-width: 600px){:root{--gutter: 16px}}.site-header{position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:1px solid transparent;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.site-header{background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px)}}.site-header--stuck{border-bottom-color:var(--border);box-shadow:var(--shadow-xs)}.site-header__inner{height:var(--header-height);display:flex;align-items:center;gap:var(--space-3)}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:1.02rem;letter-spacing:-.02em;text-decoration:none;white-space:nowrap;color:var(--text);border-radius:var(--radius-sm)}.brand__mark{width:30px;height:30px;border-radius:9px;background:var(--gradient-brand);color:#fff;display:grid;place-items:center;flex-shrink:0;box-shadow:var(--shadow-accent);position:relative;overflow:hidden;transition:transform var(--dur) var(--ease-out)}.brand__mark:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-sheen)}.brand:hover .brand__mark{transform:translateY(-1px) scale(1.04)}.brand__name{display:inline-block}.brand__suffix{color:var(--text-faint);font-weight:500}.site-nav{margin-inline-start:auto;display:flex;align-items:center;gap:2px}.site-nav__link{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:550;color:var(--text-muted);text-decoration:none;background:none;border:0;cursor:pointer;font-family:inherit;white-space:nowrap;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.site-nav__link:hover,.site-nav__link[aria-current=page],.site-nav__link[aria-expanded=true]{color:var(--text);background:var(--surface-muted)}.site-nav__divider{width:1px;height:22px;background:var(--border);margin:0 6px;flex-shrink:0}.dropdown{position:relative}.dropdown__menu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);min-width:288px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:6px;display:flex;flex-direction:column;max-height:min(70vh,520px);overflow-y:auto;overscroll-behavior:contain;animation:pop-in var(--dur) var(--ease-out) both;transform-origin:top right}.dropdown__item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;color:var(--text-muted);text-decoration:none;background:none;border:0;cursor:pointer;font-family:inherit;text-align:start;width:100%;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.dropdown__item svg{color:var(--text-faint);flex-shrink:0;transition:color var(--dur-fast) var(--ease)}.dropdown__item:hover,.dropdown__item[aria-selected=true]{background:var(--surface-muted);color:var(--text)}.dropdown__item:hover svg,.dropdown__item[aria-selected=true] svg{color:var(--accent)}.dropdown__separator{height:1px;background:var(--border);margin:6px 4px}.dropdown__note{margin:6px 8px 8px;font-size:var(--text-xs);color:var(--text-faint);line-height:1.45}.icon-button{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--radius-sm);border:1px solid transparent;background:none;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.icon-button:hover{background:var(--surface-muted);color:var(--text)}.icon-button:active{background:var(--surface-sunken)}.nav-toggle{display:none}@media (max-width: 900px){.site-nav{display:none}.site-nav--open{display:flex;position:absolute;inset-inline:var(--gutter);top:calc(var(--header-height) - 6px);flex-direction:column;align-items:stretch;gap:2px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:10px;max-height:calc(100dvh - var(--header-height) - 24px);overflow-y:auto;overscroll-behavior:contain;animation:pop-in var(--dur) var(--ease-out) both;transform-origin:top center}.site-nav--open .site-nav__link{padding:11px 12px;font-size:var(--text-base);justify-content:flex-start}.site-nav--open .dropdown__menu{position:static;box-shadow:none;border:0;background:var(--surface-muted);border-radius:var(--radius-sm);padding:4px;margin-top:4px;min-width:0;max-height:46vh;overflow-y:auto;overscroll-behavior:contain;animation:none}.site-nav--open .site-nav__divider{width:auto;height:1px;margin:6px 4px}.nav-toggle{display:grid;margin-inline-start:auto}.site-header__inner{position:relative}}.site-footer{border-top:1px solid var(--border);background:var(--surface);padding:var(--space-12) 0 var(--space-8);font-size:var(--text-sm);color:var(--text-muted);margin-top:auto}.site-footer__grid{display:grid;gap:var(--space-8) var(--space-6);grid-template-columns:1.5fr repeat(3,minmax(0,1fr))}@media (max-width: 800px){.site-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer__brand{grid-column:1 / -1}}.site-footer__brand .brand{font-size:1.05rem}.site-footer__tagline{margin:var(--space-3) 0 0;max-width:34ch;line-height:1.6}.site-footer h3{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--text-faint);margin-bottom:var(--space-3)}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.site-footer a,.site-footer__link-button{text-decoration:none;color:var(--text-muted);transition:color var(--dur) var(--ease)}.site-footer a:hover,.site-footer__link-button:hover{color:var(--accent)}.site-footer__link-button{background:none;border:0;padding:0;font:inherit;cursor:pointer;text-align:start}@media (max-width: 600px){.site-footer ul{gap:0}.site-footer li>a,.site-footer__link-button{display:inline-flex;align-items:center;min-height:40px}.site-footer .brand{min-height:44px}}.site-footer__bottom{margin-top:var(--space-10);padding-top:var(--space-5);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6);justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--text-faint);line-height:1.55}.site-footer__disclaimer{max-width:62ch}.section{padding:var(--space-16) 0}.section--tight{padding:var(--space-10) 0}.section--muted{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,transparent),var(--surface));border-block:1px solid var(--border)}.section__head{text-align:center;max-width:660px;margin:0 auto var(--space-10)}.section__head h2{margin-bottom:var(--space-3)}.section__eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:var(--text-2xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-3);padding:5px 11px;border-radius:var(--radius-pill);background:var(--accent-soft)}.section__lede{color:var(--text-muted);margin:0;font-size:var(--text-base);line-height:1.65}.section__footnote{margin:var(--space-5) 0 0;text-align:center;font-size:var(--text-sm);color:var(--text-muted)}.grid{display:grid;gap:var(--space-4)}.grid--2{grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}@media (max-width: 480px){.grid--2,.grid--3{grid-template-columns:1fr}}.to-top{position:fixed;inset-block-end:20px;inset-inline-end:20px;z-index:35;width:42px;height:42px;display:grid;place-items:center;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-raised);color:var(--text-muted);box-shadow:var(--shadow);cursor:pointer;animation:fade-in var(--dur) var(--ease) both;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease-out)}.to-top:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}@media (max-width: 600px){.to-top{inset-block-end:14px;inset-inline-end:14px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);position:relative}.card--pad-lg{padding:var(--space-6)}.card--shadow{box-shadow:var(--shadow);border-color:var(--border-subtle)}.card--flush{padding:0;overflow:hidden}@media (max-width: 600px){.card{padding:var(--space-4);border-radius:var(--radius)}.card--pad-lg{padding:var(--space-5)}}.card__intro{margin:calc(var(--space-1) * -1) 0 var(--space-5);font-size:var(--text-sm);color:var(--text-muted);line-height:1.6}.panel{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-2xs);font-weight:650;line-height:1.4;padding:5px 11px;border-radius:var(--radius-pill);background:var(--surface-muted);color:var(--text-muted);border:1px solid transparent;white-space:nowrap}.badge--ok{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 22%,transparent)}.badge--warn{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 22%,transparent)}.badge--danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 22%,transparent)}.badge--info{background:var(--info-soft);color:var(--info);border-color:color-mix(in srgb,var(--info) 22%,transparent)}.badge--accent{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 22%,transparent)}.badge__dot{width:6px;height:6px;border-radius:var(--radius-pill);background:currentColor;flex-shrink:0;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 18%,transparent)}.field{display:block;margin-bottom:var(--space-4)}.field:last-child{margin-bottom:0}.field__label{display:block;font-size:var(--text-sm);font-weight:650;color:var(--text);margin-bottom:7px;letter-spacing:-.005em}.field__hint{font-size:var(--text-xs);color:var(--text-faint);margin:7px 0 0;line-height:1.5}.field__hint-inline{font-weight:450;color:var(--text-faint);font-size:var(--text-xs)}.field__row{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr))}.input,.textarea,.select{width:100%;min-width:0;font:inherit;font-size:var(--text-base);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);padding:12px 14px;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.input:hover:not(:disabled),.textarea:hover:not(:disabled),.select:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 40%,var(--border-strong))}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.input:disabled,.textarea:disabled,.select:disabled{background:var(--surface-muted);color:var(--text-faint);cursor:not-allowed;border-color:var(--border)}.input--sm{padding:8px 11px;font-size:var(--text-sm);border-radius:var(--radius-sm)}.input--invalid,.textarea--invalid{border-color:var(--danger)}.input--invalid:focus,.textarea--invalid:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--danger) 18%,transparent)}.textarea{resize:vertical;min-height:104px;line-height:1.55}@media (max-width: 600px){.textarea{min-height:128px}}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% + 1px),calc(100% - 13px) calc(50% + 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-inline-end:34px}:root[dir=rtl] .select{background-position:13px calc(50% + 1px),18px calc(50% + 1px);padding-inline-end:34px}.checkbox{display:inline-flex;align-items:center;gap:9px;font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox:hover{color:var(--text)}.checkbox input{width:17px;height:17px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}details.advanced{border-top:1px solid var(--border);margin-top:var(--space-4);padding-top:var(--space-3)}details.advanced>summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--text-sm);font-weight:600;color:var(--text-muted);list-style:none;padding:6px 0;border-radius:var(--radius-xs);transition:color var(--dur) var(--ease)}details.advanced>summary::-webkit-details-marker{display:none}details.advanced>summary:before{content:"";width:7px;height:7px;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(-45deg);margin-inline-start:2px;transition:transform var(--dur) var(--ease)}details.advanced[open]>summary:before{transform:rotate(45deg)}details.advanced>summary:hover{color:var(--accent)}.advanced__body{padding-top:var(--space-4);display:grid;gap:var(--space-5);animation:fade-in var(--dur) var(--ease) both}.advanced__collapsed{opacity:.9}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:var(--text-base);font-weight:650;letter-spacing:-.005em;padding:12px 20px;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;position:relative;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.button:not(:disabled):active{transform:translateY(1px)}.button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.button--primary{background:var(--gradient-brand);color:var(--accent-contrast);box-shadow:var(--shadow-accent)}.button--primary:not(:disabled):hover{box-shadow:0 2px 4px #b00f1c42,0 12px 26px #b00f1c47;filter:brightness(1.05)}.button--dark{background:var(--ink);color:var(--ink-contrast);box-shadow:var(--shadow-sm)}.button--dark:not(:disabled):hover{background:var(--ink-hover)}.button--ghost{background:var(--surface);border-color:var(--border-strong);color:var(--text);box-shadow:var(--shadow-xs)}.button--ghost:not(:disabled):hover{background:var(--surface-muted);border-color:var(--text-faint)}.button--subtle{background:var(--surface-muted);color:var(--text-muted);font-weight:550}.button--subtle:not(:disabled):hover{color:var(--text);background:var(--surface-sunken)}.button--danger{background:var(--danger);color:#fff}.button--block{width:100%}.button--lg{padding:15px 26px;font-size:var(--text-md);border-radius:var(--radius-lg)}@media (max-width: 600px){.button{white-space:normal}.button--lg{padding:14px 18px}}.button--sm{padding:8px 13px;font-size:var(--text-xs);border-radius:var(--radius-sm);gap:6px}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;padding:4px;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius)}.segmented__option{font:inherit;font-size:var(--text-sm);font-weight:600;padding:9px 8px;border:0;border-radius:var(--radius-sm);background:none;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.segmented__option:hover{color:var(--text)}.segmented__option[aria-pressed=true],.segmented__option[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}@media (max-width: 600px){.segmented{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(min(104px,100%),1fr))}.segmented__option{white-space:normal;overflow-wrap:break-word;padding:10px 6px;font-size:var(--text-xs);min-height:40px}}.chip{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:var(--text-sm);font-weight:550;padding:7px 13px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip:active{transform:scale(.97)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--ink-contrast)}.alert{border-radius:var(--radius);padding:14px 16px;font-size:var(--text-sm);line-height:1.55;border:1px solid;margin-bottom:var(--space-4);animation:pop-in var(--dur) var(--ease-out) both}.alert:last-child{margin-bottom:0}.alert__title{font-weight:700;margin:0 0 5px;font-size:var(--text-base);letter-spacing:-.01em}.alert p:last-child{margin-bottom:0}.alert--danger{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger)}.alert--warn{background:var(--warn-soft);border-color:var(--warn-line);color:var(--warn)}.alert--info{background:var(--info-soft);border-color:var(--info-line);color:var(--info)}.alert--ok{background:var(--ok-soft);border-color:var(--ok-line);color:var(--ok)}.url-examples{margin:var(--space-3) 0 0;padding:13px 15px;background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:var(--radius-sm);color:var(--text-muted)}.url-examples__title{font-size:var(--text-2xs);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint)}.url-examples ul{margin:9px 0 0;padding:0;list-style:none;display:grid;gap:6px;font-size:var(--text-xs)}.url-examples li{display:flex;align-items:center;gap:7px}.url-examples li svg{color:var(--ok);flex-shrink:0}.spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-pill);animation:spin .7s linear infinite;flex-shrink:0}.loading-block{display:flex;align-items:center;justify-content:center;gap:10px;padding:var(--space-8);color:var(--text-muted);font-size:var(--text-base)}.skeleton{position:relative;overflow:hidden;background:var(--surface-muted);border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface) 85%,transparent),transparent);animation:shimmer 1.4s infinite}.skeleton--text{height:12px;margin-bottom:9px}.skeleton--title{height:20px;width:55%;margin-bottom:14px}.skeleton--line-sm{width:40%}.skeleton--hero{height:84px;border-radius:var(--radius);margin-bottom:var(--space-3)}.skeleton-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.skeleton-grid>*{height:62px;border-radius:var(--radius)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:color-mix(in srgb,#05070b 62%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:grid;place-items:center;padding:var(--space-4);overflow-y:auto;animation:fade-in var(--dur) var(--ease) both}.modal{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:min(540px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;padding:var(--space-6);animation:pop-in var(--dur-slow) var(--ease-out) both}@media (max-width: 600px){.modal{padding:var(--space-5);border-radius:var(--radius-lg)}}.modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.modal__title{margin:0 0 5px;font-size:var(--text-xl)}.modal__subtitle{margin:0;font-size:var(--text-sm);color:var(--text-muted);line-height:1.55}.modal__success{display:grid;justify-items:center;text-align:center;gap:var(--space-4);padding:var(--space-4) 0 0}.modal__success-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--ok-soft);color:var(--ok);animation:pop-in var(--dur-slow) var(--ease-out) both}.faq{display:grid;gap:var(--space-2)}.faq__item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.faq__item:hover{border-color:var(--border-strong)}.faq__item:has(.faq__question[aria-expanded=true]){border-color:color-mix(in srgb,var(--accent) 35%,var(--border));box-shadow:var(--shadow-sm)}.faq__question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font:inherit;font-size:var(--text-base);font-weight:650;color:var(--text);text-align:start;padding:16px 18px;border:0;background:none;cursor:pointer;transition:color var(--dur) var(--ease)}.faq__question:hover{color:var(--accent)}.faq__icon{flex-shrink:0;transition:transform var(--dur-slow) var(--ease-out),color var(--dur) var(--ease);color:var(--text-faint)}.faq__question[aria-expanded=true] .faq__icon{transform:rotate(135deg);color:var(--accent)}.faq__answer[hidden]{display:none}.faq__answer{padding:0 18px 17px;font-size:var(--text-base);color:var(--text-muted);line-height:1.65;animation:fade-in var(--dur) var(--ease) both}.faq__answer p:last-child{margin-bottom:0}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-xs)}table.data{width:100%;border-collapse:collapse;font-size:var(--text-sm);min-width:460px;font-variant-numeric:tabular-nums}table.data th,table.data td{padding:12px 15px;text-align:start;border-bottom:1px solid var(--border)}table.data thead th{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--text-faint);background:var(--surface-muted);white-space:nowrap}table.data tbody tr{transition:background var(--dur-fast) var(--ease)}table.data tbody tr:hover{background:var(--surface-muted)}table.data tbody tr:last-child td{border-bottom:0}table.data td:first-child{font-weight:650;color:var(--text)}.tool-hero{text-align:center;padding:var(--space-10) 0 var(--space-6)}.tool-hero h1{margin-bottom:var(--space-3)}.tool-hero__lede{color:var(--text-muted);font-size:var(--text-md);line-height:1.6;max-width:580px;margin:0 auto}.tool-hero__back{display:inline-flex;align-items:center;gap:5px;margin-bottom:var(--space-4);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-decoration:none;padding:5px 11px;border-radius:var(--radius-pill);background:var(--surface-muted);border:1px solid var(--border);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.tool-hero__back:hover{color:var(--accent);border-color:var(--accent)}.tool-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-top:var(--space-5)}.tool-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:var(--text);position:relative;overflow:hidden;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease)}.tool-card:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:2px;background:var(--gradient-brand);opacity:0;transition:opacity var(--dur) var(--ease)}.tool-card:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));transform:translateY(-3px);box-shadow:var(--shadow)}.tool-card:hover:before{opacity:1}.tool-card__icon{width:42px;height:42px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex-shrink:0;margin-bottom:var(--space-2);transition:background var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease-out)}.tool-card:hover .tool-card__icon{background:var(--gradient-brand);color:#fff;transform:scale(1.05)}.tool-card>.badge{align-self:flex-start}.tool-card__title{font-weight:700;font-size:var(--text-md);letter-spacing:-.015em;line-height:1.35}.tool-card__text{font-size:var(--text-sm);color:var(--text-muted);line-height:1.6;margin:0}.tool-card__more{margin-top:auto;padding-top:var(--space-3);display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:700;color:var(--accent)}.tool-card__more svg{transition:transform var(--dur) var(--ease-out)}.tool-card:hover .tool-card__more svg{transform:translate(3px)}:root[dir=rtl] .tool-card:hover .tool-card__more svg{transform:translate(-3px)}.copy-field{display:flex;gap:var(--space-2);align-items:stretch}.copy-field .input{font-family:var(--font-mono);font-size:var(--text-xs)}.stat-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 12px;text-align:center;transition:border-color var(--dur) var(--ease)}.stat:hover{border-color:var(--border-strong)}.stat__label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--text-faint);margin-bottom:5px}.stat__value{font-size:var(--text-md);font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text)}.stat--hero{background:radial-gradient(120% 140% at 50% 0%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 70%),var(--surface-muted);border-color:color-mix(in srgb,var(--accent) 18%,var(--border));padding:var(--space-6) var(--space-4)}.stat--hero .stat__value{font-size:clamp(1.6rem,1.2rem + 2vw,2.4rem);line-height:1.15;letter-spacing:-.03em}.stat--inverse{background:var(--ink);border-color:var(--ink);color:var(--ink-contrast)}.stat--inverse .stat__label{color:color-mix(in srgb,var(--ink-contrast) 62%,transparent)}.stat--inverse .stat__value{color:var(--ink-contrast)}.prose{font-size:var(--text-md);line-height:1.75;color:var(--text-muted)}.prose>h2:first-child,.prose>h3:first-child{margin-top:0}.prose h2{color:var(--text);margin-top:1.8em;font-size:var(--text-xl)}.prose h3{color:var(--text);margin-top:1.5em;font-size:var(--text-lg)}.prose ul,.prose ol{padding-inline-start:22px;margin:0 0 1.1em;display:grid;gap:8px}.prose li::marker{color:var(--accent)}.prose strong{color:var(--text);font-weight:650}.prose a:not([class]){color:var(--accent);font-weight:550;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent)}.prose blockquote{margin:1.4em 0;padding:14px 18px;border-inline-start:3px solid var(--accent);background:var(--surface-muted);border-radius:0 var(--radius) var(--radius) 0;color:var(--text)}.prose blockquote p:last-child{margin-bottom:0}.block-label,.speed-block__label,.planner__heading,.guide__toc-label,.guide-next__label{display:block;font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--text-faint);margin:0 0 var(--space-3);text-align:start}.guide__toc-label,.guide-next__label{margin-bottom:0}.heading-sm,.related-tools__heading,.guides__quick-heading{font-size:var(--text-lg);margin-bottom:var(--space-4)}.guides__quick-head{margin-bottom:var(--space-5)}.guides__quick-head .section__lede{margin:0}.guides__filters{justify-content:center;margin-bottom:var(--space-6)}.section__action{display:flex;justify-content:center;margin-top:var(--space-6)}.faq__heading{margin:0;font-size:inherit}.segmented--compact{max-width:240px}.alert--sm{font-size:var(--text-xs)}.alert__list{margin:0;padding-inline-start:20px;display:grid;gap:4px}.field--stack{display:grid;gap:var(--space-2)}.table-wrap--prose{margin:1.4em 0}.calculator__output>*{margin-top:var(--space-4)}.result-skeleton{animation:fade-in var(--dur) var(--ease) both}.u-m-0{margin:0}.u-mt-0{margin-top:0}.u-mt-2{margin-top:var(--space-2)}.u-mt-3{margin-top:var(--space-3)}.u-mt-4{margin-top:var(--space-4)}.u-mt-5{margin-top:var(--space-5)}.u-mb-0{margin-bottom:0}.u-mb-1{margin-bottom:var(--space-1)}.u-mb-3{margin-bottom:var(--space-3)}.u-mb-4{margin-bottom:var(--space-4)}.speed-block .stat__label{text-transform:none;letter-spacing:0;font-size:var(--text-xs)}.hero{position:relative;padding:var(--space-12) 0 var(--space-10);text-align:center}.hero__badges{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-5)}.hero h1{margin:0 0 var(--space-4);max-width:24ch;margin-inline:auto}.hero__featured{margin-bottom:var(--space-5)}.hero__featured h2{font-size:var(--text-xl);margin:0}.hero__accent{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__lede{color:var(--text-muted);font-size:var(--text-lg);line-height:1.6;max-width:580px;margin:0 auto var(--space-8)}.hero__trust{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-5);margin-top:var(--space-5);font-size:var(--text-xs);color:var(--text-faint)}.hero__trust-item{display:inline-flex;align-items:center;gap:6px}.hero__trust-item svg{color:var(--ok)}@media (max-width: 600px){.hero{padding:var(--space-8) 0 var(--space-6)}.hero__lede{font-size:var(--text-md);margin-bottom:var(--space-6)}}.calculator{text-align:start}.calculator__note{margin:var(--space-3) 0 0;text-align:center;font-size:var(--text-xs);color:var(--text-faint)}.calculator__example{display:flex;width:fit-content;margin-inline:auto;align-items:center;gap:6px;margin-top:var(--space-2);padding:6px 12px;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-pill);font:inherit;font-size:var(--text-xs);font-weight:600;color:var(--text-muted);cursor:pointer;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.calculator__example:hover{color:var(--accent);border-color:var(--accent)}.remaining-panel{margin-top:var(--space-3);padding:var(--space-4);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);background:var(--accent-tint);border-radius:var(--radius);animation:fade-in var(--dur) var(--ease) both}.remaining-panel__row{display:grid;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;align-items:center}@media (max-width: 560px){.remaining-panel__row{grid-template-columns:1fr}}.share-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-6) 0 var(--space-1);justify-content:center}.share-bar__label{font-size:var(--text-xs);font-weight:600;color:var(--text-faint);margin-inline-end:2px}.share-bar__button{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:var(--text-sm);font-weight:600;text-decoration:none;cursor:pointer;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease)}.share-bar__button:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.share-bar__flash{font-size:var(--text-xs);font-weight:600;color:var(--ok);animation:fade-in var(--dur) var(--ease) both}.results{display:grid;gap:var(--space-4)}.result{display:grid;gap:var(--space-4);animation:fade-in-up var(--dur-slow) var(--ease-out) both}.result__head{padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.result__creator{margin:0 0 3px;font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;color:var(--text-muted)}.result__title{display:flex;align-items:center;gap:9px;font-size:var(--text-lg);letter-spacing:-.02em;margin:0 0 6px}.result__title a{text-decoration:none}.result__title a:hover{color:var(--accent)}.result__type-icon{color:var(--accent);flex-shrink:0}.result__counts{margin:0;font-size:var(--text-xs);color:var(--text-faint)}.result__unavailable{color:var(--warn);font-weight:600}.result__sub{margin:6px 0 0;font-size:var(--text-xs);color:var(--text-faint)}.result__stats{margin-top:0}.result__error{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--danger)}.result__actions{padding-top:2px}.result__actions .button{flex:1;min-width:150px}.speed-block{display:block}.error-panel__fallback{margin-top:var(--space-3);padding:var(--space-4);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 65%,transparent);border:1px solid color-mix(in srgb,currentColor 22%,transparent)}.error-panel__fallback-title{font-weight:700;margin:0 0 5px;font-size:var(--text-sm)}.error-panel__fallback p{font-size:var(--text-xs);margin-bottom:var(--space-3)}.segment-loader{margin-bottom:0}.segment-loader__row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between;margin-top:var(--space-3);font-size:var(--text-xs);font-weight:600}.planner{padding:var(--space-4);border-radius:var(--radius);background:var(--surface-muted);border:1px solid var(--border)}.planner__controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.planner__select{width:auto;min-width:112px;background:var(--surface)}.planner__custom{display:inline-flex;align-items:center;gap:5px}.planner__custom .input{width:66px;background:var(--surface)}.planner__result{margin:var(--space-4) 0 0;padding-top:var(--space-3);border-top:1px dashed var(--border-strong);font-size:var(--text-sm);color:var(--text-muted)}.planner__result strong{color:var(--accent);font-size:var(--text-md);font-weight:700;font-variant-numeric:tabular-nums}.video-list{border-top:1px solid var(--border);padding-top:var(--space-3)}.video-list__summary{display:flex;align-items:center;gap:var(--space-2);width:100%;font:inherit;font-size:var(--text-sm);font-weight:600;color:var(--text-muted);background:none;border:0;padding:7px 0;cursor:pointer;text-align:start;transition:color var(--dur) var(--ease)}.video-list__summary:hover{color:var(--accent)}.video-list__chevron{transition:transform var(--dur) var(--ease);flex-shrink:0}.video-list__chevron.is-open{transform:rotate(90deg)}:root[dir=rtl] .video-list__chevron{transform:rotate(180deg)}:root[dir=rtl] .video-list__chevron.is-open{transform:rotate(90deg)}.video-list__body{margin-top:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);animation:fade-in var(--dur) var(--ease) both}.video-list__scroll{max-height:380px;overflow-y:auto;overscroll-behavior:contain}.video-row{display:flex;align-items:center;gap:var(--space-3);padding:9px 11px;text-decoration:none;border-bottom:1px solid var(--border-subtle);transition:background var(--dur-fast) var(--ease)}.video-row:last-child{border-bottom:0}.video-row:hover{background:var(--surface-muted)}.video-row--unavailable{opacity:.5}.video-row__index{width:28px;flex-shrink:0;text-align:center;font-size:var(--text-2xs);font-variant-numeric:tabular-nums;color:var(--text-faint)}.video-row__thumb{width:64px;height:36px;flex-shrink:0;object-fit:cover;border-radius:var(--radius-xs);background:var(--surface-sunken)}.video-row__thumb--empty{display:grid;place-items:center;color:var(--text-faint)}.video-row__text{flex:1;min-width:0;display:grid}.video-row__title{font-size:var(--text-sm);font-weight:550;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--dur-fast) var(--ease)}.video-row:hover .video-row__title{color:var(--accent)}.video-row__channel{font-size:var(--text-2xs);color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-row__duration{flex-shrink:0;font-size:var(--text-xs);font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}.video-list__more,.video-list__complete{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;margin:0;padding:12px;font:inherit;font-size:var(--text-sm);font-weight:600;border:0;border-top:1px solid var(--border);background:var(--surface-muted);color:var(--text-muted);cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.video-list__complete{cursor:default;font-size:var(--text-xs);color:var(--ok)}.video-list__more:hover{background:var(--surface-sunken);color:var(--accent)}.video-list__status{font-size:var(--text-2xs);font-weight:500;color:var(--text-faint)}.video-head{display:flex;gap:var(--space-4);align-items:flex-start}.video-head__thumb{width:160px;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius);flex-shrink:0;background:var(--surface-sunken);box-shadow:var(--shadow-sm)}.video-head__avatar{width:58px;height:58px;border-radius:var(--radius-pill);object-fit:cover;flex-shrink:0;background:var(--surface-sunken)}@media (max-width: 560px){.video-head{flex-direction:column}.video-head__thumb{width:100%}}.copy-summary{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border)}.copy-summary__text{margin:0 0 var(--space-3);padding:var(--space-4);background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.7;white-space:pre-wrap;word-break:break-word;color:var(--text-muted)}.tag-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin:var(--space-5) 0 var(--space-3)}.tag-toolbar__format{display:inline-flex;align-items:center;gap:var(--space-2);margin-inline-start:auto;font-size:var(--text-sm);color:var(--text-muted)}.tag-toolbar__format .select{width:auto}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted);max-height:280px;overflow-y:auto;overscroll-behavior:contain}.thumb-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));margin-top:var(--space-4)}.thumb-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease-out)}.thumb-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.thumb-card--missing{opacity:.72}.thumb-card--missing:hover{transform:none}.thumb-card__preview{aspect-ratio:16 / 9;background:var(--surface-sunken);display:grid;place-items:center;overflow:hidden}.thumb-card__preview img{width:100%;height:100%;object-fit:cover}.thumb-card__placeholder{display:grid;justify-items:center;gap:7px;color:var(--text-faint);font-size:var(--text-xs);text-align:center;padding:var(--space-3)}.thumb-card__body{padding:var(--space-4);display:grid;gap:7px}.thumb-card__title{display:flex;align-items:center;gap:var(--space-2);justify-content:space-between;font-weight:650;font-size:var(--text-base)}.thumb-card__meta{margin:0;font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.thumb-card__use{margin:0 0 7px;font-size:var(--text-2xs);color:var(--text-faint);line-height:1.5}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-muted);padding:var(--space-10) var(--space-5);text-align:center;color:var(--text-muted);cursor:pointer;display:grid;justify-items:center;gap:7px;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease)}.dropzone svg{color:var(--text-faint);transition:color var(--dur) var(--ease),transform var(--dur) var(--ease-out)}.dropzone:hover,.dropzone--active{border-color:var(--accent);background:var(--accent-tint);color:var(--accent)}.dropzone:hover svg,.dropzone--active svg{color:var(--accent);transform:translateY(-3px)}.dropzone__label{margin:0;font-weight:650;font-size:var(--text-md);color:inherit}.dropzone__hint{margin:0;font-size:var(--text-xs);color:var(--text-faint)}.preview-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between;padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--border)}.check-summary{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-bottom:var(--space-3)}.check-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(195px,100%),1fr));margin-bottom:var(--space-4)}.check{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);background:var(--surface-muted)}.check--ok{border-color:var(--ok-line);background:var(--ok-soft)}.check--warn{border-color:var(--warn-line);background:var(--warn-soft)}.check--bad{border-color:var(--danger-line);background:var(--danger-soft)}.check__head{display:flex;align-items:center;gap:7px;font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}.check--ok .check__head{color:var(--ok)}.check--warn .check__head{color:var(--warn)}.check--bad .check__head{color:var(--danger)}.check__value{margin:0;font-size:var(--text-md);font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.check__target{margin:3px 0 0;font-size:var(--text-2xs);color:var(--text-faint)}.check__note{margin:7px 0 0;font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}.yt-preview{background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);display:grid;justify-items:center}.yt-card{width:100%;max-width:360px}.yt-preview--mobile .yt-card{max-width:300px}.yt-preview--suggested .yt-card{max-width:100%;display:grid;grid-template-columns:168px minmax(0,1fr);gap:var(--space-3);align-items:start}.yt-card__thumb{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-sm);overflow:hidden;background:#000}.yt-card__thumb img{width:100%;height:100%;object-fit:cover}.yt-card__duration{position:absolute;inset-inline-end:6px;inset-block-end:6px;background:#000c;color:#fff;font-size:var(--text-2xs);font-weight:600;padding:1px 5px;border-radius:4px}.yt-card__meta{display:flex;gap:var(--space-3);padding-top:var(--space-3)}.yt-preview--suggested .yt-card__meta{padding-top:0}.yt-card__avatar{width:36px;height:36px;border-radius:var(--radius-pill);object-fit:cover;flex-shrink:0;background:var(--border-strong)}.yt-card__avatar--empty{background:var(--border-strong)}.yt-card__text{min-width:0}.yt-card__title{margin:0 0 4px;font-size:var(--text-base);font-weight:650;line-height:1.35;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yt-preview--suggested .yt-card__title{font-size:var(--text-sm)}.yt-card__channel,.yt-card__stats{margin:0;font-size:var(--text-xs);color:var(--text-faint)}@media (max-width: 560px){.yt-preview--suggested .yt-card{grid-template-columns:120px minmax(0,1fr)}}.resizer-stage{position:relative;margin-bottom:var(--space-5);border-radius:var(--radius);overflow:hidden;background:#000;aspect-ratio:16 / 9;cursor:grab;touch-action:none;display:grid;place-items:center;box-shadow:var(--shadow-sm)}.resizer-stage:active{cursor:grabbing}.resizer-stage img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.resizer-stage__hint{position:absolute;inset-block-end:10px;inset-inline-start:10px;font-size:var(--text-2xs);font-weight:600;color:#fff;background:#0000009e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 10px;border-radius:var(--radius-pill);pointer-events:none}.resizer-controls{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));margin-bottom:var(--space-5)}.range{width:100%;accent-color:var(--accent);cursor:pointer}.colour-input{margin-top:var(--space-2);width:56px;height:36px;padding:2px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer}.resizer-result{width:100%;border-radius:var(--radius);border:1px solid var(--border)}.time-input{display:grid;gap:5px}.time-input span{font-size:var(--text-2xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);text-align:center}.chapter-preview{margin:var(--space-4) 0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.chapter-row{display:flex;align-items:center;gap:var(--space-3);padding:11px 14px;border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);transition:background var(--dur-fast) var(--ease)}.chapter-row:last-child{border-bottom:0}.chapter-row:hover{background:var(--surface-muted)}.chapter-row__time{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--accent);min-width:58px}.chapter-row__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-row__link{color:var(--text-faint);transition:color var(--dur) var(--ease)}.chapter-row__link:hover{color:var(--accent)}.step{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);text-align:center;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease)}.step:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));transform:translateY(-3px);box-shadow:var(--shadow)}.step__number{display:grid;place-items:center;width:40px;height:40px;margin:0 auto var(--space-4);border-radius:var(--radius-pill);background:var(--gradient-brand);color:#fff;font-weight:700;font-size:var(--text-md);box-shadow:var(--shadow-accent)}.step h3{margin-bottom:var(--space-2)}.feature-card{display:flex;flex-direction:column;gap:var(--space-2)}.feature-card h3{margin:var(--space-3) 0 0;font-size:var(--text-md)}.audience__quote{margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4);border-inline-start:3px solid var(--accent);background:var(--surface-muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--text-sm);font-style:italic;line-height:1.6;color:var(--text-muted)}.cta{text-align:center}.cta__card{position:relative;overflow:hidden;padding:var(--space-12) var(--space-6);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));background:radial-gradient(90% 140% at 50% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%),var(--surface);box-shadow:var(--shadow)}.cta__card h2{margin-bottom:var(--space-3)}.cta__card .button{margin-top:var(--space-6)}@media (max-width: 600px){.cta__card{padding:var(--space-8) var(--space-4)}}.guide{padding-top:var(--space-10)}.guide__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin:var(--space-3) 0 0;font-size:var(--text-xs);color:var(--text-faint)}.guide__description{font-size:var(--text-lg);line-height:1.6;color:var(--text-muted);margin-top:var(--space-4)}.guide__toc{margin:var(--space-6) 0;padding:var(--space-4) var(--space-5);background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius)}.guide__toc ul{margin:var(--space-3) 0 0;padding-inline-start:18px;display:grid;gap:7px;font-size:var(--text-sm)}.guide__toc a{color:var(--text-muted);text-decoration:none}.guide__toc a:hover{color:var(--accent);text-decoration:underline}.guide-tool{display:flex;align-items:center;gap:var(--space-3);margin:1.6em 0;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-decoration:none;color:var(--text);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.guide-tool:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.guide-tool>svg:last-child{color:var(--accent);flex-shrink:0}.guide-next{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-8);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);text-decoration:none;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.guide-next:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.guide-next strong{flex:1;font-size:var(--text-base);letter-spacing:-.015em}.guide-next svg{color:var(--accent);flex-shrink:0}.feedback__categories{border:0;margin:0 0 var(--space-5);padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.feedback__categories legend{padding:0;margin-bottom:var(--space-2)}.not-found{text-align:center;padding:var(--space-16) 0 var(--space-10)}.not-found__code{font-size:clamp(3.5rem,2rem + 8vw,6rem);font-weight:800;line-height:1;letter-spacing:-.05em;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:var(--space-4)}.not-found__grid{margin-top:var(--space-8);text-align:start}.calculator__presets{margin-top:var(--space-3)}.dl-form .field+.field{margin-top:var(--space-4)}.dl-result{display:grid;gap:var(--space-4)}.dl-summary{display:grid;grid-template-columns:172px 1fr;gap:var(--space-4);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);animation:fade-in var(--dur) var(--ease) both}.dl-summary__thumb{position:relative;display:block;overflow:hidden;border-radius:var(--radius-sm);background:var(--surface-sunken);aspect-ratio:16 / 9}.dl-summary__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--dur) var(--ease)}.dl-summary__thumb:hover img{transform:scale(1.04)}.dl-summary__duration{position:absolute;inset-inline-end:6px;inset-block-end:6px;padding:2px 6px;border-radius:var(--radius-xs);background:#000000c7;color:#fff;font-size:var(--text-2xs);font-weight:600;font-variant-numeric:tabular-nums}.dl-summary__body{min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.dl-summary__title{margin:0;font-size:var(--text-md);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dl-summary__channel{margin:0;display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--text-muted)}.dl-summary__channel a{color:inherit;text-decoration:none}.dl-summary__channel a:hover{color:var(--accent)}.dl-summary__meta{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.dl-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-pill);background:var(--surface-muted);border:1px solid var(--border);font-size:var(--text-2xs);font-weight:600;color:var(--text-muted);white-space:nowrap}.dl-chip--locked{background:var(--warn-soft);border-color:var(--warn-line);color:var(--warn)}.dl-chip--ok{background:var(--ok-soft);border-color:var(--ok-line);color:var(--ok)}@media (max-width: 560px){.dl-summary{grid-template-columns:1fr}}.dl-formats__tabs{width:100%;margin-bottom:var(--space-3)}.dl-formats__notice{margin-bottom:var(--space-3)}.dl-formats__empty{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);margin:0;justify-content:center;color:var(--text-faint);font-size:var(--text-sm);background:var(--surface-muted);border:1px dashed var(--border-strong);border-radius:var(--radius)}.dl-formats__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.dl-formats__group{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.dl-formats__group:has(.dl-format--selected){border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.dl-format{display:grid;grid-template-columns:auto minmax(84px,auto) 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--dur) var(--ease)}.dl-format:hover:not(.dl-format--disabled){background:var(--surface-muted)}.dl-format--alt{border-top:1px dashed var(--border);padding-inline-start:var(--space-6);background:var(--surface-muted)}.dl-format--selected{background:var(--accent-tint)}.dl-format--disabled{cursor:not-allowed;opacity:.55}.dl-format__radio{width:17px;height:17px;accent-color:var(--accent);margin:0;flex:none}.dl-format__quality{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:var(--text-base);font-variant-numeric:tabular-nums}.dl-format__hdr{padding:1px 5px;border-radius:var(--radius-xs);background:var(--ink);color:var(--ink-contrast);font-size:.6rem;letter-spacing:.04em}.dl-format__detail{display:flex;flex-direction:column;min-width:0;gap:1px}.dl-format__codec{font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.dl-format__note{font-size:var(--text-2xs);color:var(--text-faint)}.dl-format__size{font-size:var(--text-sm);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text)}.dl-format__size-unknown{font-weight:500;color:var(--text-faint)}.dl-format__blocked{grid-column:1 / -1;font-size:var(--text-2xs);font-weight:600;color:var(--warn)}.dl-formats__more{display:flex;align-items:center;gap:6px;width:100%;padding:8px var(--space-4) 8px var(--space-6);background:var(--surface-muted);border:0;border-top:1px dashed var(--border);font:inherit;font-size:var(--text-2xs);font-weight:600;color:var(--text-muted);cursor:pointer}.dl-formats__more:hover{color:var(--accent)}.dl-formats__more[aria-expanded=true] svg{transform:rotate(180deg)}.dl-formats__more svg{transition:transform var(--dur) var(--ease)}@media (max-width: 520px){.dl-format{grid-template-columns:auto 1fr auto;row-gap:2px}.dl-format__detail{grid-column:2 / -1;grid-row:2}}.dl-actions{display:grid;gap:var(--space-2);justify-items:center}.dl-actions .button--block{width:100%}.dl-progress{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-xs);animation:fade-in var(--dur) var(--ease) both}.dl-progress--done{border-color:var(--ok-line);background:var(--ok-soft)}.dl-progress__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.dl-progress__stage{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:650;font-size:var(--text-sm)}.dl-progress--done .dl-progress__stage{color:var(--ok)}.dl-progress__percent{font-size:var(--text-lg);font-weight:700;font-variant-numeric:tabular-nums}.dl-progress__track{position:relative;height:9px;border-radius:var(--radius-pill);background:var(--surface-sunken);overflow:hidden}.dl-progress__bar{height:100%;border-radius:inherit;background:var(--gradient-brand);transition:width .4s var(--ease)}.dl-progress--done .dl-progress__bar{background:var(--ok)}.dl-progress__track--indeterminate:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 45%,transparent),transparent);animation:dl-sweep 1.2s linear infinite}@keyframes dl-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.dl-progress__stats{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-top:var(--space-3);font-size:var(--text-2xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.dl-progress__filename{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text-faint)}.dl-progress__cancel{margin-top:var(--space-3)}.dl-progress__done{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}.dl-progress__done-text{margin:0;display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:600;color:var(--ok)}.dl-progress__expiry{flex-basis:100%;margin:0;font-size:var(--text-2xs);color:var(--text-muted)}.dl-retry{justify-self:start}.dl-legal{margin:0;font-size:var(--text-2xs);line-height:1.6;color:var(--text-faint)}.dl-crosslink{display:flex;align-items:center;gap:6px;margin:var(--space-3) 0 0;font-size:var(--text-xs);color:var(--text-muted)}.dl-skeleton{display:grid;grid-template-columns:172px 1fr;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.dl-skeleton__thumb{aspect-ratio:16 / 9;border-radius:var(--radius-sm)}.dl-skeleton__lines{display:grid;align-content:center;gap:var(--space-3)}.dl-skeleton__lines span{height:11px;border-radius:var(--radius-pill)}.dl-skeleton__lines span:nth-child(1){width:90%}.dl-skeleton__lines span:nth-child(2){width:55%}.dl-skeleton__lines span:nth-child(3){width:70%}.dl-skeleton__thumb,.dl-skeleton__lines span{background:linear-gradient(90deg,var(--surface-sunken) 25%,var(--surface-muted) 50%,var(--surface-sunken) 75%);background-size:200% 100%;animation:dl-shimmer 1.4s linear infinite}@keyframes dl-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 560px){.dl-skeleton{grid-template-columns:1fr}}.dl-session{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted)}.dl-session .field__label{display:inline-flex;align-items:center;gap:6px}.dl-session__drop{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-6) var(--space-4);border:1.5px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;text-align:center;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.dl-session__drop:hover,.dl-session__drop:focus-within{border-color:var(--accent);background:var(--accent-tint)}.dl-session__drop svg{color:var(--text-faint)}.dl-session__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.dl-session__drop-title{font-size:var(--text-sm);font-weight:650}.dl-session__drop-hint{font-size:var(--text-2xs);color:var(--text-faint)}.dl-session__loaded{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--ok-line);border-radius:var(--radius-sm);background:var(--ok-soft);color:var(--ok);font-size:var(--text-sm);font-weight:600}.dl-session__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-session__clear{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);font:inherit;font-size:var(--text-2xs);font-weight:600;color:var(--text-muted);cursor:pointer}.dl-session__clear:hover{color:var(--danger);border-color:var(--danger-line)}.dl-session__help-toggle{display:inline-flex;align-items:center;gap:6px;margin-top:var(--space-2);padding:0;border:0;background:none;font:inherit;font-size:var(--text-2xs);font-weight:600;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.dl-session__steps{margin:var(--space-3) 0 0;padding-inline-start:var(--space-5);display:grid;gap:6px;font-size:var(--text-xs);line-height:1.6;color:var(--text-muted);animation:fade-in var(--dur) var(--ease) both}@media (prefers-reduced-motion: reduce){.dl-progress__track--indeterminate:after,.dl-skeleton__thumb,.dl-skeleton__lines span{animation:none}.dl-progress__bar{transition:none}}.tone--green{--tone: #15803d;--tone-soft: #e8f6ed}.tone--blue{--tone: #1d4ed8;--tone-soft: #eaf0fe}.tone--violet{--tone: #7c3aed;--tone-soft: #f1ebfe}.tone--amber{--tone: #b45309;--tone-soft: #fdf3e2}.tone--teal{--tone: #0f766e;--tone-soft: #e3f5f3}.tone--red{--tone: #c01c26;--tone-soft: #fdecec}.tone--indigo{--tone: #4338ca;--tone-soft: #ecebfd}.tone--slate{--tone: #475569;--tone-soft: #eef1f5}.tone--rose{--tone: #be185d;--tone-soft: #fdebf3}:root[data-theme=dark] .tone--green{--tone: #4ade80;--tone-soft: #10251a}:root[data-theme=dark] .tone--blue{--tone: #84a9ff;--tone-soft: #151d2e}:root[data-theme=dark] .tone--violet{--tone: #b794f6;--tone-soft: #1f1730}:root[data-theme=dark] .tone--amber{--tone: #fbbf24;--tone-soft: #2a2110}:root[data-theme=dark] .tone--teal{--tone: #5eead4;--tone-soft: #0f2522}:root[data-theme=dark] .tone--red{--tone: #ff7a7a;--tone-soft: #2c1517}:root[data-theme=dark] .tone--indigo{--tone: #a5b4fc;--tone-soft: #1a1a33}:root[data-theme=dark] .tone--slate{--tone: #cbd5e1;--tone-soft: #1c222b}:root[data-theme=dark] .tone--rose{--tone: #f9a8d4;--tone-soft: #2b1522}.mega-menu{position:fixed;top:calc(var(--header-height) - 4px);left:0;right:0;margin-inline:auto;width:min(960px,calc(100vw - 32px));padding:var(--space-4);max-height:min(78vh,720px);overflow-y:auto;animation:fade-in var(--dur) var(--ease-out) both}.mega-menu__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:1px solid var(--border)}.mega-menu__all{font-weight:700}.mega-menu__hint{font-size:var(--text-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;font-weight:650}.mega-menu__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4) var(--space-5)}.mega-menu__group{display:flex;flex-direction:column;min-width:0}.mega-menu__heading{display:inline-flex;align-items:center;gap:7px;font-size:var(--text-xs);font-weight:750;text-transform:uppercase;letter-spacing:.05em;color:var(--tone);padding:4px 10px 6px;text-decoration:none}.mega-menu__heading:hover{text-decoration:underline}.mega-menu__item{padding:6px 10px;font-size:var(--text-sm)}@media (max-width: 900px){.mega-menu{position:static;margin:0;width:100%;max-height:46vh;overflow-y:auto;overscroll-behavior:contain;box-shadow:none;border:0;padding:var(--space-2) 0}.mega-menu__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.mega-menu__grid{grid-template-columns:1fr}}.tool-hero__crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}.tool-hero__crumbs .tool-hero__back{margin-bottom:0}.tool-hero__category{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:650;color:var(--tone);background:var(--tone-soft);border-radius:var(--radius-pill);padding:4px 11px;text-decoration:none}.tool-hero__category:hover{filter:brightness(.97)}@media (max-width: 600px){.tool-hero__category{min-height:36px;padding:6px 14px}}.tool-hero--directory{text-align:center}.tool-hero--directory .tool-hero__lede{margin-inline:auto}.directory-search{position:relative;max-width:560px;margin:var(--space-5) auto var(--space-4);color:var(--text-faint)}.directory-search>svg{position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);pointer-events:none}.directory-search .input{padding-inline-start:46px;border-radius:var(--radius-pill);box-shadow:var(--shadow-sm)}.directory-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.category-hero~* .directory-filters,.section .directory-filters{justify-content:flex-start}a.chip{text-decoration:none}.chip--static{cursor:default}.chip--static:hover{border-color:var(--border-strong);color:var(--text-muted)}.chip--static b{color:var(--accent);font-weight:700}.tools-directory{display:flex;flex-direction:column;gap:var(--space-10);padding-bottom:var(--space-8)}.directory-group__head{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-4);align-items:center;margin-bottom:var(--space-4)}.directory-group__head h2{font-size:var(--text-xl);margin:0 0 2px}.directory-group__head p{margin:0;color:var(--text-muted);font-size:var(--text-sm)}.directory-group__icon,.category-hero__icon,.category-card__icon,.audience-card__icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:var(--radius);color:var(--tone, var(--accent));background:var(--tone-soft, var(--accent-soft));flex-shrink:0}.directory-group__link{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:650;white-space:nowrap}.directory-empty{text-align:center;color:var(--text-muted);padding:var(--space-10) 0}@media (max-width: 640px){.directory-group__head{grid-template-columns:auto 1fr}.directory-group__link{grid-column:1 / -1;min-height:40px}}.category-hero__icon{width:54px;height:54px;border-radius:var(--radius-lg);margin:var(--space-2) 0 var(--space-3)}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:var(--space-4)}.category-card{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon name" "icon count" "tools tools";gap:2px var(--space-3);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:var(--text);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.category-card:hover{border-color:var(--tone);transform:translateY(-2px);box-shadow:var(--shadow)}.category-card__icon{grid-area:icon}.category-card__name{grid-area:name;font-weight:700;align-self:end}.category-card__count{grid-area:count;font-size:var(--text-xs);color:var(--tone);font-weight:650}.category-card__tools{grid-area:tools;margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-muted);line-height:1.5}.audience-card{display:flex;flex-direction:column;gap:var(--space-2)}.audience-card h3{margin:var(--space-2) 0 0}.audience-card__tools{list-style:none;padding:0;margin:auto 0 0;display:flex;flex-wrap:wrap;gap:6px;padding-top:var(--space-3)}.audience-card__tools a{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);font-weight:600;padding:5px 10px;border-radius:var(--radius-pill);background:var(--surface-muted);color:var(--text);text-decoration:none}.audience-card__tools a:hover{color:var(--accent)}.testimonials{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:var(--space-4)}.testimonial{margin:0;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.testimonial__mark{color:var(--accent);opacity:.7}.testimonial blockquote{margin:0;font-size:var(--text-md);line-height:1.6;color:var(--text)}.testimonial figcaption{display:flex;align-items:center;gap:var(--space-3);margin-top:auto}.testimonial figcaption strong{display:block;font-size:var(--text-sm)}.testimonial figcaption small{color:var(--text-muted);font-size:var(--text-xs)}.testimonial__avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--gradient-brand);color:#fff;font-weight:700;font-size:var(--text-sm)}.testimonial__tools{display:flex;flex-wrap:wrap;gap:6px}.testimonial__tools .badge{text-decoration:none}.tk-form{display:flex;flex-direction:column;gap:var(--space-1)}.tk-inline{display:flex;gap:var(--space-2)}.tk-inline .input{flex:1;min-width:0}.tk-submit{flex-shrink:0;white-space:nowrap}@media (max-width: 600px){.tk-inline{flex-direction:column}.tk-submit{width:100%}}.tk-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:0 var(--space-4);align-items:start}.tk-row>.field,.tk-row>.field:last-child{margin-bottom:var(--space-4)}.tk-form>.button--block{margin-top:var(--space-3)}.tool-card[class*=tone--] .tool-card__icon{color:var(--tone);background:var(--tone-soft)}.tk-row--3{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.tk-affix{display:flex;align-items:stretch}.tk-affix .input{min-width:0}.tk-affix__label{display:grid;place-items:center;padding:0 12px;background:var(--surface-muted);border:1px solid var(--border-strong);color:var(--text-muted);font-weight:600;font-size:var(--text-sm)}.tk-affix--prefix .tk-affix__label:first-child{border-radius:var(--radius) 0 0 var(--radius);border-inline-end:0}.tk-affix--prefix .input{border-start-start-radius:0;border-end-start-radius:0}.tk-affix--suffix .tk-affix__label:last-child{border-radius:0 var(--radius) var(--radius) 0;border-inline-start:0}.tk-affix--suffix .input{border-start-end-radius:0;border-end-end-radius:0}.tk-presets{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.tk-advanced{margin-top:var(--space-3);border-top:1px dashed var(--border);padding-top:var(--space-3);font-size:var(--text-sm)}.tk-advanced summary{cursor:pointer;color:var(--text-muted);font-weight:600}.tk-advanced summary:hover{color:var(--text)}.tk-advanced__body{margin-top:var(--space-3)}.tk-input-error{margin:var(--space-3) 0 0}.tk-hints{list-style:none;padding:0;margin:var(--space-2) 0 0;display:grid;gap:4px}.tk-hints li{display:flex;align-items:center;gap:6px}.tk-field-error{color:var(--danger);font-size:var(--text-xs);font-weight:600;margin:6px 0 0}.tk-radios{border:0;padding:0;margin:var(--space-2) 0 0;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.tk-radios legend{width:100%}.tk-radio,.tk-inline-field{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-sm);cursor:pointer}.tk-inline-field .input{width:90px}.tk-checkbox-field{align-self:center;margin-top:var(--space-3)}.tk-result{margin-top:var(--space-4)}.tk-result__heading{font-size:var(--text-lg);margin:0 0 var(--space-4)}.tk-subheading{font-size:var(--text-md);margin:var(--space-6) 0 var(--space-3)}.tk-section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-5)}.tk-section-head .tk-subheading{margin:0}.tk-section-head+*{margin-top:var(--space-3)}.tk-muted{color:var(--text-muted);font-size:var(--text-sm)}.tk-footnote{margin-top:var(--space-5);font-size:var(--text-xs);color:var(--text-faint);line-height:1.6}.tk-formula{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--surface-muted);border-radius:var(--radius-sm);padding:8px 12px;display:inline-block;margin:0 0 var(--space-4)}.tk-stat-grid{margin:var(--space-4) 0}.tk-stat__sub{font-size:var(--text-xs);color:var(--text-muted);margin-top:4px}.tk-stat--hero{background:var(--accent-tint);border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.tk-stat--hero .stat__value{color:var(--accent)}.tk-kv{margin:var(--space-3) 0 0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.tk-kv__row{display:grid;grid-template-columns:minmax(140px,32%) 1fr;gap:var(--space-3);padding:10px 14px;font-size:var(--text-sm)}.tk-kv__row:nth-child(odd){background:var(--surface-muted)}.tk-kv dt{color:var(--text-muted);font-weight:600}.tk-kv dd{margin:0;min-width:0;overflow-wrap:anywhere}.tk-kv--code dt code{color:var(--accent);font-size:var(--text-xs)}@media (max-width: 560px){.tk-kv__row{grid-template-columns:1fr;gap:2px}}.tk-pre{font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);margin:var(--space-2) 0 0;max-height:520px;overflow:auto}.tk-pre--sm{font-size:var(--text-xs);padding:var(--space-3);max-height:280px}.tk-description{color:var(--text-muted);font-size:var(--text-sm);white-space:pre-line;max-height:9.5em;overflow:hidden}.tk-external{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-sm);overflow-wrap:anywhere}.tk-video-head{margin-bottom:var(--space-3)}.tk-video-head__text{min-width:0}.tk-list{list-style:none;padding:0;margin:0;border:1px solid var(--border);border-radius:var(--radius)}.tk-list__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3);padding:10px 14px;font-size:var(--text-sm);border-bottom:1px solid var(--border);overflow-wrap:anywhere}.tk-list__row:last-child{border-bottom:0}.tk-list__row--link{display:grid;grid-template-columns:130px 1fr auto}@media (max-width: 560px){.tk-list__row--link{grid-template-columns:1fr}}.tk-plain-list{margin:0;padding-inline-start:18px}.tk-verdict{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid;margin:var(--space-4) 0}.tk-verdict--ok{background:var(--ok-soft);border-color:var(--ok-line);color:var(--ok)}.tk-verdict--warn{background:var(--warn-soft);border-color:var(--warn-line);color:var(--warn)}.tk-verdict--danger{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger)}.tk-verdict--neutral{background:var(--surface-muted);border-color:var(--border);color:var(--text-muted)}.tk-verdict__title{font-weight:750;font-size:var(--text-md);margin:0}.tk-verdict__text{margin:4px 0 0;color:var(--text);font-size:var(--text-sm)}.tk-signals{list-style:none;padding:0;margin:var(--space-3) 0 0;display:grid;gap:8px}.tk-signal{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;font-size:var(--text-sm);padding:9px 12px;border-radius:var(--radius-sm);background:var(--surface-muted)}.tk-signal>svg{margin-top:2px}.tk-signal--success>svg{color:var(--ok)}.tk-signal--warning>svg{color:var(--warn)}.tk-signal--info>svg{color:var(--info)}.tk-signal__penalty{color:var(--danger);font-size:var(--text-xs)}.tk-meter{height:9px;border-radius:var(--radius-pill);background:var(--surface-sunken);overflow:hidden}.tk-meter span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width var(--dur-slow) var(--ease-out)}.tk-meter--ok span{background:var(--ok)}.tk-meter--amber span{background:#f59e0b}.tk-meter--violet span{background:#8b5cf6}.tk-meter--danger span{background:var(--danger)}.tk-bars{display:grid;gap:var(--space-4);margin:var(--space-5) 0}.tk-bars__head{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);margin-bottom:6px}.tk-score-bar{display:inline-block;width:60px;height:6px;border-radius:var(--radius-pill);background:var(--surface-sunken);margin-inline-end:8px;vertical-align:middle;overflow:hidden}.tk-score-bar span{display:block;height:100%;background:var(--accent)}.tk-score-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5);margin:var(--space-4) 0}.tk-ring{position:relative;width:132px;height:132px;flex-shrink:0}.tk-ring svg{transform:rotate(-90deg)}.tk-ring__track{fill:none;stroke:var(--surface-sunken);stroke-width:11}.tk-ring__value{fill:none;stroke-width:11;stroke-linecap:round;transition:stroke-dashoffset var(--dur-slow) var(--ease-out)}.tk-ring--ok .tk-ring__value{stroke:var(--ok)}.tk-ring--warn .tk-ring__value{stroke:#f59e0b}.tk-ring--danger .tk-ring__value{stroke:var(--danger)}.tk-ring__label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center}.tk-ring__label strong{font-size:2.1rem;line-height:1}.tk-ring__label span{font-size:var(--text-xs);color:var(--text-muted)}.tk-tabs{display:flex;gap:4px;padding:4px;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--space-4)}.tk-tabs__tab{flex:1;font:inherit;font-size:var(--text-sm);font-weight:650;padding:9px 12px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer}.tk-tabs__tab[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.tk-tabs__tab:disabled{opacity:.45;cursor:not-allowed}.tk-table td,.tk-table th{white-space:normal}.tk-table__muted td{color:var(--text-muted);font-size:var(--text-sm)}.tk-table__highlight td{background:var(--accent-tint);font-weight:600}.tk-table .badge{margin-inline:3px}.tk-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin:var(--space-3) 0 var(--space-4)}@media (max-width: 600px){.tk-tiers{grid-template-columns:1fr}}.tk-tier{display:flex;flex-direction:column;gap:4px;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.tk-tier--featured{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--accent-tint);box-shadow:var(--shadow-sm)}.tk-tier__label{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--text-muted)}.tk-tier__amount{font-size:var(--text-2xl);letter-spacing:-.02em}.tk-tier__rate{font-size:var(--text-xs);color:var(--text-muted)}.tk-breakdown{list-style:none;padding:0;margin:0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.tk-breakdown li{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border)}.tk-breakdown li:last-child{border-bottom:0}.tk-breakdown small{display:block;color:var(--text-muted);font-size:var(--text-xs)}.tk-breakdown__total{background:var(--accent-tint)}.tk-breakdown__total b{color:var(--accent);font-size:var(--text-lg)}.tk-milestones{list-style:none;padding:0;margin:0 0 var(--space-3);display:grid;gap:6px}.tk-milestones li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-size:var(--text-sm);color:var(--text-muted);padding:8px 12px;border-radius:var(--radius-sm);background:var(--surface-muted)}.tk-milestones li.is-done{color:var(--ok);background:var(--ok-soft)}.tk-progress-head{margin-bottom:var(--space-2)}.tk-id-box{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-4);margin:var(--space-4) 0;border-radius:var(--radius-lg);background:var(--surface-muted);border:1px dashed var(--border-strong)}.tk-id-box__label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.tk-id-box__value{font-size:var(--text-lg);font-weight:700;overflow-wrap:anywhere;flex:1}.tk-inline-copy{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}.tk-channel-head{margin-bottom:var(--space-3)}.tk-channel-head__banner{height:110px;border-radius:var(--radius);background-size:cover;background-position:center;background-color:var(--surface-muted);margin-bottom:var(--space-3)}.tk-channel-head__row{display:flex;align-items:center;gap:var(--space-4)}.tk-channel-head__avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid var(--surface);box-shadow:var(--shadow-sm)}.tk-channel-head__avatar--empty{display:grid;place-items:center;background:var(--surface-muted);color:var(--text-faint)}.tk-channel-head__text{min-width:0}.tk-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:var(--space-3)}.tk-mini-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.tk-mini-card h3{font-size:var(--text-base);margin:0;display:flex;gap:6px;align-items:center}.tk-mini-card__head{display:flex;gap:var(--space-3);align-items:center}.tk-mini-card__head img{border-radius:var(--radius);object-fit:cover}.tk-mini-card__text{margin:0;font-size:var(--text-sm);color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tk-mini-card__stats{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-muted)}.tk-mini-card__stats span{display:inline-flex;align-items:center;gap:4px}.tk-mini-card .button{margin-top:auto;align-self:flex-start}.tk-timeline{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-3)}.tk-timeline__item{display:grid;grid-template-columns:160px 1fr;gap:var(--space-4);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius)}.tk-timeline__thumb{display:grid;place-items:center;aspect-ratio:16 / 9;background:var(--surface-muted);border-radius:var(--radius-sm);overflow:hidden;color:var(--text-faint)}.tk-timeline__thumb img{width:100%;height:100%;object-fit:cover}.tk-timeline__body p{margin:0 0 4px}.tk-timeline__title{font-weight:650;color:var(--text)}.tk-link-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2);font-size:var(--text-xs)}@media (max-width: 560px){.tk-timeline__item{grid-template-columns:1fr}}.tk-live__counter{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:var(--space-3);margin:var(--space-5) 0 var(--space-2);text-align:center}.tk-live__counter strong{font-size:clamp(2.4rem,1.6rem + 4vw,4.2rem);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.tk-live__counter span{color:var(--text-muted)}.tk-live__dot{width:12px;height:12px;border-radius:50%;background:var(--danger);align-self:center;animation:tk-pulse 1.6s infinite}.tk-live__dot[data-paused]{background:var(--text-faint);animation:none}@keyframes tk-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--danger) 55%,transparent)}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}@media (prefers-reduced-motion: reduce){.tk-live__dot{animation:none}}.tk-live__controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-4)}.tk-sparkline{margin:var(--space-4) 0 0}.tk-sparkline svg{width:100%;height:120px;display:block;background:var(--surface-muted);border-radius:var(--radius)}.tk-sparkline__line{fill:none;stroke:var(--accent);stroke-width:2.5;vector-effect:non-scaling-stroke}.tk-sparkline__area{fill:color-mix(in srgb,var(--accent) 12%,transparent)}.tk-sparkline figcaption,.tk-sparkline-empty{font-size:var(--text-xs);color:var(--text-muted);margin-top:6px}.tk-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:0 var(--space-3);margin-top:var(--space-4)}.tk-comments{display:grid;gap:var(--space-3);margin-top:var(--space-3)}.tk-comment{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius)}.tk-comment__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px var(--space-3);font-size:var(--text-sm)}.tk-comment__likes{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-size:var(--text-xs);font-weight:650}.tk-comment__text{margin:var(--space-2) 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-base)}.tk-comment__replies{margin-top:var(--space-3);padding-inline-start:var(--space-4);border-inline-start:2px solid var(--border);display:grid;gap:var(--space-2);font-size:var(--text-sm)}.tk-comment__reply p{margin:2px 0 0;white-space:pre-wrap}.tk-comment mark,.tk-comment__reply mark{background:color-mix(in srgb,#f59e0b 35%,transparent);color:inherit;border-radius:3px;padding:0 2px}.tk-mini-comment{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-muted);margin-bottom:var(--space-2);font-size:var(--text-sm)}.tk-mini-comment p{margin:0}.tk-mini-comment p+p{margin-top:4px}.tk-sentiment{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6);margin:var(--space-4) 0}.tk-donut{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;position:relative;flex-shrink:0}.tk-donut:after{content:"";position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:50%;background:var(--surface)}.tk-donut span{position:relative;z-index:1;font-weight:750;font-size:var(--text-xl)}.tk-sentiment__legend p{margin:6px 0;display:flex;align-items:center;gap:8px;font-size:var(--text-sm)}.tk-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.tk-dot--ok{background:var(--ok)}.tk-dot--neutral{background:var(--text-faint)}.tk-dot--danger{background:var(--danger)}.tk-ratio{margin:var(--space-4) 0}.tk-ratio__labels{display:flex;justify-content:space-between;font-weight:700;margin-bottom:6px}.tk-ratio__labels span{display:inline-flex;align-items:center;gap:5px}.tk-ratio__labels span:first-child{color:var(--ok)}.tk-ratio__labels span:last-child{color:var(--danger)}.tk-embed{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:#000;margin-top:var(--space-3)}.tk-embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.tk-embed-options{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);align-items:center}.tk-url-list{list-style:none;padding:0;margin:var(--space-3) 0 0;display:grid;gap:var(--space-2)}.tk-url-list__row{display:grid;grid-template-columns:72px 1fr auto auto;gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius)}.tk-url-list__row img{border-radius:var(--radius-xs);object-fit:cover}.tk-url-list__text{min-width:0}.tk-url-list__text p{margin:0}.tk-url-list__title{font-weight:650;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tk-url-list__url{display:block;font-size:var(--text-xs);color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 560px){.tk-url-list__row{grid-template-columns:1fr auto auto}.tk-url-list__row img{display:none}}.tk-generated{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-3);counter-reset:generated}.tk-generated__item{display:flex;justify-content:space-between;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius)}.tk-generated__text{margin:0 0 var(--space-2);font-weight:600;font-size:var(--text-md)}.tk-hashtags{font-family:var(--font-mono);font-size:var(--text-md);padding:var(--space-3) var(--space-4);background:var(--accent-tint);border-radius:var(--radius);margin:var(--space-2) 0 0;overflow-wrap:anywhere}.tk-fixes{margin:0;padding-inline-start:20px;display:grid;gap:6px;font-size:var(--text-sm)}.tk-recommendation{font-size:var(--text-md);padding:var(--space-3) var(--space-4);border-inline-start:3px solid var(--accent);background:var(--surface-muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.tk-rank{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);margin:var(--space-4) 0}.tk-rank strong{display:block;font-size:var(--text-2xl)}.tk-rank span{color:var(--text-muted);font-size:var(--text-sm)}.tk-rank--top{background:var(--ok-soft);color:var(--ok)}.tk-rank--found{background:var(--warn-soft);color:var(--warn)}.tk-rank--missing{background:var(--danger-soft);color:var(--danger)}.tk-date-hero,.tk-bpm{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--accent-tint);border-radius:var(--radius-lg);margin:var(--space-4) 0;color:var(--accent)}.tk-date-hero strong,.tk-bpm strong{display:block;font-size:var(--text-xl);color:var(--text)}.tk-date-hero span,.tk-bpm span{color:var(--text-muted);font-size:var(--text-sm)}.tk-bpm{flex-direction:column;align-items:flex-start;gap:2px}.tk-bpm strong{font-size:clamp(2.2rem,1.6rem + 3vw,3.4rem);line-height:1}.tk-bpm--estimate{background:var(--surface-muted)}.tk-tap{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;font:inherit;font-weight:800;font-size:var(--text-xl);letter-spacing:.2em;padding:var(--space-6);margin:var(--space-4) 0;border-radius:var(--radius-lg);border:2px dashed color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--accent-tint);color:var(--accent);cursor:pointer;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease);-webkit-user-select:none;user-select:none}.tk-tap.is-tapped,.tk-tap:active{transform:scale(.98);background:var(--accent-soft)}.tk-tap__result{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3)}.tk-tap__result strong{font-size:var(--text-2xl)}.tk-tracks{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:var(--space-3)}@media (max-width: 400px){.tk-tracks{grid-template-columns:1fr}}.tk-track{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg)}.tk-track__head{display:flex;justify-content:space-between;gap:var(--space-2)}.tk-track h3{font-size:var(--text-base);margin:0;display:flex;align-items:center;gap:6px}.tk-track h3+p{margin:2px 0 0}.tk-track__audio{width:100%;height:36px}.tk-track__attribution p{margin:0}.tk-track__attribution .button-row{margin-top:var(--space-2)}.tk-pager{display:flex;justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-5)}.tk-steps{margin:0 0 var(--space-4);padding-inline-start:22px;display:grid;gap:var(--space-3)}.tk-steps p{margin:2px 0 0;color:var(--text-muted);font-size:var(--text-sm)}.tk-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:var(--space-8) var(--space-4);color:var(--text-faint);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);margin-top:var(--space-3)}.tk-empty__title{margin:0;font-weight:650;color:var(--text)}.tk-empty__text{margin:0;font-size:var(--text-sm);color:var(--text-muted)}.tk-notice{margin:var(--space-4) 0 0}.post-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:var(--text);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.post-card__image{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.post-card__image--empty{display:grid;place-items:center;background:linear-gradient(135deg,var(--accent-tint),var(--surface-muted));color:var(--accent)}.post-card__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5) var(--space-5);align-items:flex-start}.post-card__title{font-weight:700;font-size:var(--text-md);line-height:1.35}.post-card__summary{color:var(--text-muted);font-size:var(--text-sm);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card__meta{font-size:var(--text-xs);color:var(--text-faint)}.post-card--skeleton .post-card__image{border-radius:0}.blog-index{padding-bottom:var(--space-12)}.blog-post .tool-hero__back{display:inline-block;margin:var(--space-6) 0 var(--space-4)}.blog-post__cover{width:100%;border-radius:var(--radius-lg);margin:var(--space-4) 0 var(--space-6)}.blog-post .prose img{max-width:100%;height:auto;border-radius:var(--radius)}.contact-form,.contact-success{margin:var(--space-5) 0 var(--space-8)}.link-button{font:inherit;background:none;border:0;padding:0;color:var(--accent);text-decoration:underline;cursor:pointer}.site-footer__tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr));gap:var(--space-6) var(--space-5);padding:var(--space-8) 0 var(--space-6);margin-top:var(--space-6);border-top:1px solid var(--border)}.site-footer__tools h3{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-3)}.site-footer__tools h3 a{color:var(--text);text-decoration:none}.site-footer__tools ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.site-footer__tools li a{color:var(--text-muted);font-size:var(--text-sm);text-decoration:none}.site-footer__tools li a:hover{color:var(--accent)}.tk-stat--ok{background:var(--ok-soft);border-color:var(--ok-line)}.tk-stat--ok .stat__value{color:var(--ok)}.tk-stat--danger{background:var(--danger-soft);border-color:var(--danger-line)}.tk-stat--danger .stat__value{color:var(--danger)}.tk-stat--warn{background:var(--warn-soft);border-color:var(--warn-line)}.tk-stat--warn .stat__value{color:var(--warn)}.tk-stat--info{background:var(--info-soft);border-color:var(--info-line)}.tk-stat--info .stat__value{color:var(--info)}.tk-handle-verdict{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);border:1px solid;border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.tk-handle-verdict>div{flex:1 1 auto;min-width:0}.tk-handle-verdict--ok{background:var(--ok-soft);border-color:var(--ok-line)}.tk-handle-verdict--danger{background:var(--danger-soft);border-color:var(--danger-line)}.tk-handle-verdict--warn{background:var(--warn-soft);border-color:var(--warn-line)}.tk-handle-verdict--info{background:var(--surface-muted);border-color:var(--border)}.tk-handle-verdict__icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 auto;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-xs)}.tk-handle-verdict--ok .tk-handle-verdict__icon{color:var(--ok)}.tk-handle-verdict--danger .tk-handle-verdict__icon{color:var(--danger)}.tk-handle-verdict--warn .tk-handle-verdict__icon{color:var(--warn)}.tk-handle-verdict--info .tk-handle-verdict__icon{color:var(--text-muted)}.tk-handle-verdict__handle{margin:0;font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;word-break:break-all}.tk-handle-verdict__status{margin:2px 0 0;font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.tk-handle-verdict--ok .tk-handle-verdict__status{color:var(--ok)}.tk-handle-verdict--danger .tk-handle-verdict__status{color:var(--danger)}.tk-handle-verdict--warn .tk-handle-verdict__status{color:var(--warn)}.tk-handle-verdict__message{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--text-muted)}.tk-handle-list{list-style:none;margin:var(--space-4) 0 0;padding:0;display:grid;gap:6px}.tk-handle-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.tk-handle-row--ok{border-inline-start:3px solid var(--ok)}.tk-handle-row--danger{border-inline-start:3px solid var(--danger)}.tk-handle-row--warn{border-inline-start:3px solid var(--warn)}.tk-handle-row--info{border-inline-start:3px solid var(--border-strong)}.tk-handle-row__name{display:grid;gap:2px;min-width:0}.tk-handle-row__name strong{font-family:var(--font-mono);word-break:break-all}.tk-handle-row__name span{font-size:var(--text-xs)}.tk-handle-row__owner{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-muted);text-decoration:none;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tk-handle-row__owner img{border-radius:50%;flex:0 0 auto}.tk-handle-row__owner:hover{color:var(--accent)}.tk-handle-dupe{margin-inline-end:6px}.tk-suggestions{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:var(--space-2);margin-top:var(--space-3)}.tk-suggestion{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px dashed var(--ok-line);border-radius:var(--radius);background:var(--ok-soft)}.tk-suggestion>div{display:grid;gap:2px;min-width:0}.tk-suggestion strong{font-family:var(--font-mono);word-break:break-all}.tk-suggestion span{font-size:var(--text-2xs)}@media (max-width: 560px){.tk-handle-verdict{flex-wrap:wrap}.tk-handle-row{grid-template-columns:10px minmax(0,1fr) auto}.tk-handle-row__owner{grid-column:2 / -1;max-width:none}}.tk-versus{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:var(--space-3)}.tk-versus .field{margin:0}.tk-versus__mark{padding-bottom:12px;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.tk-versus-head{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.tk-versus-card{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.tk-versus-card--leader{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:var(--shadow-accent)}.tk-versus-card__badge{position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);z-index:1;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--ink-contrast);font-size:var(--text-xs);font-weight:700}.tk-versus-card__thumb{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;background:var(--surface-sunken)}.tk-versus-card__body{padding:var(--space-4);display:grid;gap:6px}.tk-versus-card__body .result__title{font-size:var(--text-base);margin:0}.tk-versus-card__stats{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}.tk-versus-card__stats span{display:inline-flex;align-items:center;gap:5px}.tk-versus-reasons{list-style:none;margin:var(--space-3) 0 0;padding:0;display:grid;gap:4px;font-size:var(--text-sm);color:var(--text)}.tk-compare{margin-top:var(--space-6)}.tk-compare__group{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.tk-compare__table{width:100%;border-collapse:collapse;margin-top:var(--space-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.tk-compare__table th,.tk-compare__table td{padding:10px var(--space-3);text-align:start;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.tk-compare__table thead th{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);border-bottom:1px solid var(--border)}.tk-compare__table tbody th{font-weight:500;color:var(--text-muted);width:34%}.tk-compare__table td{font-weight:600}.tk-compare__win{color:var(--ok)}.tk-compare__win svg{margin-inline-start:4px;vertical-align:-1px}.tk-compare__gap{display:block;font-size:var(--text-xs);font-weight:500;color:var(--text-muted)}.tk-compare__bar{display:flex;height:5px;margin-top:4px;min-width:70px;border-radius:var(--radius-pill);overflow:hidden;background:var(--surface-sunken)}.tk-compare__bar-a{background:var(--accent)}.tk-compare__bar-b{background:var(--info)}@media (max-width: 720px){.tk-versus{grid-template-columns:minmax(0,1fr)}.tk-versus__mark{padding:0;text-align:center}.tk-versus-head{grid-template-columns:minmax(0,1fr)}.tk-compare__table tbody th{width:auto}.tk-compare__bar{min-width:46px}}.tk-trends{display:grid;gap:var(--space-4);margin:var(--space-4) 0}.tk-trend{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-5)}.tk-trend__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:var(--space-3)}.tk-trend__rank{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--text-muted);font-size:var(--text-xs);font-weight:700}.tk-trend__title h3{margin:0 0 6px;font-size:var(--text-lg);line-height:1.25}.tk-trend__title .button-row{gap:var(--space-2);align-items:center;font-size:var(--text-xs)}.tk-trend__score{display:grid;justify-items:center;gap:0;padding:6px var(--space-3);border-radius:var(--radius);background:var(--accent-tint);text-align:center}.tk-trend__score strong{font-size:var(--text-xl);color:var(--accent);font-variant-numeric:tabular-nums}.tk-trend__score span{font-size:var(--text-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.tk-trend__detail{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--text-muted)}.tk-trend__meters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}.tk-signal-meter{display:grid;gap:6px;padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface-muted)}.tk-signal-meter__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.tk-signal-meter .tk-plain-list{font-size:var(--text-xs);color:var(--text-muted);display:grid;gap:2px}.tk-trend__facts{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px dashed var(--border);font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}.tk-trend__facts span{display:inline-flex;align-items:center;gap:6px}.tk-trend__toggle{display:inline-flex;align-items:center;gap:5px;margin-top:var(--space-3);font-size:var(--text-sm)}.tk-trend__toggle[aria-expanded=true] svg{transform:rotate(180deg)}.tk-trend__body{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.tk-trend__subheading{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint)}.tk-trend__subheading:first-child{margin-top:0}.tk-trend__body .tk-plain-list{display:grid;gap:4px;font-size:var(--text-sm);list-style:none;padding:0}.tk-trend__body .tk-plain-list svg{color:var(--ok);margin-inline-end:4px;vertical-align:-1px}.tk-ideas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:var(--space-3)}.tk-idea{display:grid;gap:6px;align-content:start;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted)}.tk-idea .badge{justify-self:start}.tk-idea__title{margin:0;font-weight:600;line-height:1.3}.tk-idea__text{margin:0;font-size:var(--text-sm);color:var(--text-muted)}.tk-idea .button-row{margin-top:2px;align-items:center;justify-content:space-between;font-size:var(--text-2xs)}.tk-sources{list-style:none;margin:var(--space-3) 0 0;padding:0;display:grid;gap:var(--space-2)}.tk-source{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.tk-source>svg{margin-top:2px;color:var(--ok)}.tk-source>div{display:grid;gap:2px;min-width:0}.tk-source strong{font-size:var(--text-sm)}.tk-source span{font-size:var(--text-xs);color:var(--text-muted)}.tk-source--missing{background:var(--surface-muted);border-style:dashed}.tk-source--missing>svg{color:var(--text-faint)}.tk-freshness{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--info-soft);border:1px solid var(--info-line);font-size:var(--text-xs);color:var(--text-muted)}.tk-freshness>svg{flex:0 0 auto;margin-top:1px;color:var(--info)}@media (max-width: 620px){.tk-trend{padding:var(--space-4)}.tk-trend__head{grid-template-columns:auto minmax(0,1fr)}.tk-trend__score{grid-column:2;justify-self:start}.tk-trend__meters{grid-template-columns:minmax(0,1fr)}}