@import"https://fonts.googleapis.com/css2?family=Karantina:wght@400;700&family=Heebo:wght@400;500;700;900&display=swap";html[data-brand=loud]{color-scheme:dark;--paper: oklch(.165 .012 290);--paper-deep: oklch(.21 .014 290);--paper-sunk: oklch(.26 .016 290);--paper-page: oklch(.19 .013 290);--ink: oklch(.965 .02 100);--ink-soft: oklch(.85 .018 100);--ink-mute: oklch(.72 .015 100);--rule: oklch(.33 .012 290);--rule-strong: oklch(.46 .012 290);--coral: oklch(.78 .2 25);--coral-txt: oklch(.78 .2 25);--coral-glow: oklch(.78 .2 25 / .17);--coral-tint: oklch(.78 .2 25 / .08);--violet: oklch(.8 .19 305);--violet-txt: oklch(.8 .19 305);--violet-glow: oklch(.8 .19 305 / .15);--violet-tint: oklch(.8 .19 305 / .08);--lime: oklch(.91 .23 127);--lime-txt: oklch(.91 .23 127);--lime-glow: oklch(.91 .23 127 / .14);--lime-tint: oklch(.91 .23 127 / .07);--accent-ink: oklch(.165 .012 290);--accent-ink-soft: oklch(.26 .02 290);--code-key: oklch(.82 .1 70);--code-str: oklch(.82 .1 150);--warn: oklch(.83 .14 80);--crit: oklch(.74 .19 25);--good: oklch(.85 .16 150);--font-display: "Karantina", "Arial Narrow", "Frank Ruhl Libre", sans-serif;--font-body: "Heebo", "Assistant", -apple-system, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--lift-1: 0 1px 2px oklch(0 0 0 / .4);--lift-2: 0 1px 2px oklch(0 0 0 / .4), 0 14px 36px oklch(0 0 0 / .5);--lift-3: 0 2px 4px oklch(0 0 0 / .45), 0 28px 64px oklch(0 0 0 / .6);--sp-1: 4px;--sp-2: 8px;--sp-3: 14px;--sp-4: 22px;--sp-5: 36px;--sp-6: 56px;--sp-7: 92px;--sp-8: 148px;--ease-out-q: cubic-bezier(.165, .84, .44, 1);--ease-out-x: cubic-bezier(.19, 1, .22, 1);--dur-fast: .18s;--dur-base: .28s;--dur-slow: .46s;--col: min(72ch, 100% - 48px);--col-wide: min(86rem, 100% - 48px);--bg: var(--paper);--surface: var(--paper-deep);--surface-alt: var(--paper-sunk);--paper-edge: var(--rule);--text: var(--ink);--muted: var(--ink-mute);--border: var(--rule);--border-strong: var(--rule-strong);--gold: var(--pop);--gold-deep: var(--pop-txt);--gold-glow: var(--pop-glow);--wine: var(--crit);--moss: var(--good);--sky: var(--violet-txt);--danger: var(--crit);--success: var(--good);--primary: var(--ink);--primary-dark: var(--pop);--accent: var(--pop);--shadow-sm: var(--lift-1);--shadow-md: var(--lift-2);--shadow-lg: var(--lift-3);--shadow-gold: 0 0 0 4px var(--pop-glow);--code-bg: var(--paper-sunk);--code-fg: var(--ink)}html[data-brand=loud][data-theme=light]{color-scheme:light;--paper: oklch(.965 .014 90);--paper-deep: oklch(.935 .016 90);--paper-sunk: oklch(.905 .018 90);--paper-page: oklch(.95 .015 90);--ink: oklch(.2 .02 290);--ink-soft: oklch(.3 .02 290);--ink-mute: oklch(.44 .018 290);--rule: oklch(.84 .015 90);--rule-strong: oklch(.68 .015 90);--coral: oklch(.72 .17 25);--coral-txt: oklch(.52 .19 25);--coral-glow: oklch(.72 .17 25 / .15);--coral-tint: oklch(.72 .17 25 / .1);--violet: oklch(.72 .16 305);--violet-txt: oklch(.47 .18 305);--violet-glow: oklch(.72 .16 305 / .14);--violet-tint: oklch(.72 .16 305 / .1);--lime: oklch(.87 .2 127);--lime-txt: oklch(.48 .13 127);--lime-glow: oklch(.87 .2 127 / .2);--lime-tint: oklch(.87 .2 127 / .13);--code-key: oklch(.47 .1 70);--code-str: oklch(.45 .1 150);--warn: oklch(.55 .12 80);--crit: oklch(.52 .19 25);--good: oklch(.5 .14 150);--lift-1: 0 1px 2px oklch(.2 .02 290 / .1);--lift-2: 0 1px 2px oklch(.2 .02 290 / .1), 0 14px 36px oklch(.2 .02 290 / .14);--lift-3: 0 2px 4px oklch(.2 .02 290 / .12), 0 28px 64px oklch(.2 .02 290 / .18)}html[data-brand=loud],[data-brand=loud] [data-accent=coral]{--pop: var(--coral);--pop-txt: var(--coral-txt);--pop-glow: var(--coral-glow);--pop-tint: var(--coral-tint)}[data-brand=loud] [data-accent=violet]{--pop: var(--violet);--pop-txt: var(--violet-txt);--pop-glow: var(--violet-glow);--pop-tint: var(--violet-tint)}[data-brand=loud] [data-accent=lime]{--pop: var(--lime);--pop-txt: var(--lime-txt);--pop-glow: var(--lime-glow);--pop-tint: var(--lime-tint)}html[data-brand=loud]{--pop-deep: var(--pop-txt)}html[data-brand=loud],[data-brand=loud] body{overflow-x:clip}[data-brand=loud] body{background:var(--paper);color:var(--ink);font-family:var(--font-body);background-image:none}[data-brand=loud] .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[data-brand=loud] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}[data-brand=loud][data-theme=light] body:before{opacity:.07;mix-blend-mode:multiply}[data-brand=loud] ::selection{background:var(--coral);color:var(--accent-ink)}[data-brand=loud] a:focus-visible,[data-brand=loud] button:focus-visible,[data-brand=loud] input:focus-visible,[data-brand=loud] select:focus-visible,[data-brand=loud] textarea:focus-visible,[data-brand=loud] summary:focus-visible{outline:3px solid var(--pop-txt);outline-offset:3px}[data-brand=loud] .chrome-nav{background:color-mix(in oklab,var(--paper) 88%,transparent);border-block-end-color:var(--rule)}[data-brand=loud] .wm-glyph{font-style:normal;font-weight:700}[data-brand=loud] .b-primary:hover,[data-brand=loud] .b:hover,[data-brand=loud] .b-pop,[data-brand=loud] .b-primary{color:var(--accent-ink)}[data-brand=loud] .b-ghost{min-height:44px;padding-block:10px}[data-brand=loud] .nav-toggle{width:44px;height:44px}[data-brand=loud] .chrome-foot{margin-block-start:var(--sp-7)}[data-brand=loud] .nav{background:color-mix(in oklab,var(--paper) 88%,transparent);border-bottom:1px solid var(--rule)}[data-brand=loud] .nav a{color:var(--ink)}[data-brand=loud] .nav a[aria-current=page]{color:var(--pop-txt)}[data-brand=loud] .nav a:not(.brand):after{background:var(--pop);height:2px}[data-brand=loud] .nav .brand{font-family:var(--font-display);font-style:normal;font-weight:700;letter-spacing:.02em;font-size:26px}[data-brand=loud] .nav .brand:hover{color:var(--pop-txt)}[data-brand=loud] .nav a{padding-block:10px;min-height:44px;display:inline-flex;align-items:center}[data-brand=loud] .btn{--btn-bg: var(--pop);--btn-fg: var(--accent-ink);--btn-border: var(--pop);font-weight:700;border-radius:4px}[data-brand=loud] .btn:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}[data-brand=loud] .btn.secondary{--btn-bg: transparent;--btn-fg: var(--ink);--btn-border: var(--rule-strong)}[data-brand=loud] .btn.secondary:hover{background:var(--paper-deep);color:var(--ink);border-color:var(--pop)}[data-brand=loud] .btn.gold{--btn-bg: var(--pop);--btn-fg: var(--accent-ink);--btn-border: var(--pop)}[data-brand=loud] .btn:focus-visible{outline:3px solid var(--pop-txt);outline-offset:3px;box-shadow:none}[data-brand=loud] a{background-image:none}[data-brand=loud] main a:not(.btn):not(.b):not(.brand):not(.chip):not(.price-cta):not(.hero-btn):not(.badge){color:var(--pop-txt);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}[data-brand=loud] main a:not(.btn):not(.b):not(.brand):not(.chip):not(.price-cta):not(.hero-btn):not(.badge):hover{color:var(--ink)}[data-brand=loud] .notice{background:var(--paper-deep);color:var(--ink)}[data-brand=loud] .notice.error{background:var(--coral-tint);color:var(--ink);border-color:var(--crit)}[data-brand=loud] .notice.success{background:var(--lime-tint);color:var(--ink);border-color:var(--good)}[data-brand=loud] .notice.info{background:var(--violet-tint);color:var(--ink);border-color:var(--violet-txt)}[data-brand=loud] .card{background:var(--paper-deep);border-color:var(--rule);border-radius:10px}[data-brand=loud] .card:hover{border-color:var(--rule-strong)}[data-brand=loud] .form input,[data-brand=loud] .form select,[data-brand=loud] .form textarea{background:var(--paper-sunk);color:var(--ink);border-color:var(--rule-strong);min-height:44px}[data-brand=loud] .form input:focus,[data-brand=loud] .form input:focus-visible,[data-brand=loud] .form select:focus,[data-brand=loud] .form textarea:focus{border-color:var(--pop);box-shadow:0 0 0 4px var(--pop-glow);outline:none}[data-brand=loud] .form label{color:var(--ink-mute)}[data-brand=loud] .form label span:first-child{color:var(--ink)}[data-brand=loud] .form input[type=checkbox]{width:20px;height:20px;accent-color:var(--pop)}[data-brand=loud] pre,[data-brand=loud] .code{background:var(--paper-sunk);color:var(--ink);border:1px solid var(--rule-strong);border-inline-start:1px solid var(--rule-strong);border-radius:8px;position:relative}[data-brand=loud] code:not(pre code){background:var(--paper-sunk);color:var(--pop-txt);border:1px solid var(--rule)}[data-brand=loud] pre:before,[data-brand=loud] .code:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:3px;border-radius:8px 8px 0 0;background:linear-gradient(to left,var(--coral) 0 33.4%,var(--violet) 33.4% 66.7%,var(--lime) 66.7% 100%)}[data-brand=loud] th{background:var(--paper-deep);color:var(--ink-mute);border-bottom-color:var(--rule-strong)}[data-brand=loud] th,[data-brand=loud] td{border-bottom-color:var(--rule)}[data-brand=loud] tbody tr:hover{background:var(--paper-deep)}[data-brand=loud] .pill{background:var(--paper-deep);border-color:var(--rule-strong);color:var(--ink)}[data-brand=loud] .pill.ok{background:var(--lime-tint);color:var(--good);border-color:var(--good)}[data-brand=loud] .skip-link{background:var(--ink);color:var(--paper)}[data-brand=loud] ::-webkit-scrollbar-track{background:var(--paper-deep)}[data-brand=loud] ::-webkit-scrollbar-thumb{background:var(--rule-strong)}.theme-toggle{position:fixed;inset-block-end:18px;inset-inline-end:18px;z-index:80;inline-size:48px;block-size:48px;border-radius:50%;display:grid;place-items:center;background:var(--paper-deep);color:var(--ink);border:2px solid var(--rule-strong);cursor:pointer;box-shadow:var(--lift-2);transition:transform var(--dur-base, .18s) var(--ease-out-q, ease-out),border-color var(--dur-base, .18s) var(--ease-out-q, ease-out)}.theme-toggle:hover{border-color:var(--pop);transform:scale(1.07)}.theme-toggle:focus-visible{outline:3px solid var(--pop-txt);outline-offset:3px}.theme-toggle svg{inline-size:22px;block-size:22px;display:block}.theme-toggle .icon-moon,[data-theme=light] .theme-toggle .icon-sun{display:none}[data-theme=light] .theme-toggle .icon-moon{display:block}@media (prefers-reduced-motion: reduce){.theme-toggle{transition:none}.theme-toggle:hover{transform:none}}@media (max-width: 768px){.theme-toggle{inset-block-end:92px;inset-inline-end:14px}}[data-brand=loud] .t-display{font-weight:700;letter-spacing:0;font-size:clamp(38px,6.5vw,84px);line-height:.98}.shout-mark{display:inline-block;background:var(--pop);color:var(--accent-ink);padding:.02em .18em .08em;border-radius:6px 18px 8px 14px/14px 6px 16px 8px;transform:rotate(-1.2deg);font-style:normal}.voicebars{display:inline-flex;align-items:flex-end;gap:5px;height:.9em}.voicebars i{width:7px;border-radius:3px;background:var(--coral);animation:shout 1.1s ease-in-out infinite alternate;transform-origin:bottom}.voicebars i:nth-child(3n+2){background:var(--violet)}.voicebars i:nth-child(3n){background:var(--lime)}.voicebars i:nth-child(1){height:45%;animation-delay:0s}.voicebars i:nth-child(2){height:90%;animation-delay:.15s}.voicebars i:nth-child(3){height:60%;animation-delay:.3s}.voicebars i:nth-child(4){height:100%;animation-delay:.45s}.voicebars i:nth-child(5){height:70%;animation-delay:.6s}@keyframes shout{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){.voicebars i{animation:none}}[data-brand=loud] .kicker{display:inline-flex;align-items:center;gap:10px;font:700 12px var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--pop-txt)}[data-brand=loud] .kicker:before{content:"";width:28px;height:2px;background:var(--pop-txt)}[data-brand=loud] .section-num{font:700 clamp(64px,11vw,170px)/.8 var(--font-display);color:transparent;-webkit-text-stroke:1.5px var(--pop-txt);font-feature-settings:"tnum"}.rise{animation:rise .7s var(--ease-out-x, cubic-bezier(.19,1,.22,1)) both}.rise-2{animation-delay:.12s}.rise-3{animation-delay:.24s}.rise-4{animation-delay:.36s}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.rise,.rise-2,.rise-3,.rise-4{animation:none}}[data-brand=loud] .article h1{font-family:var(--font-display);font-weight:700;font-size:clamp(48px,10vw,104px);line-height:.94;letter-spacing:.005em;color:var(--ink);text-wrap:balance;overflow-wrap:break-word}[data-brand=loud] .article header.meta:after{background:linear-gradient(to var(--lg-dir, right),var(--pop) 0%,var(--pop) 64px,var(--rule) 64px,var(--rule) 100%);height:2px}[data-brand=loud] .article .deck{font-family:var(--font-body);font-style:normal;font-weight:500;color:var(--ink-soft)}[data-brand=loud] .article .breadcrumb a{color:var(--ink-mute)}[data-brand=loud] .article .breadcrumb a:hover{color:var(--pop-txt)}[data-brand=loud] .article h2{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,4.5vw,46px);line-height:1.02}[data-brand=loud] .article h2:before{background:var(--pop);height:4px;width:44px;border-radius:2px}[data-brand=loud] .article h3{font-family:var(--font-body);font-weight:700;font-size:1.25rem}[data-brand=loud] .article h4{color:var(--pop-txt)}[data-brand=loud] .article h2+p:first-letter{color:var(--pop-txt);font-family:var(--font-display);font-weight:700}[data-brand=loud] .article li::marker{color:var(--pop-txt)}[data-brand=loud] .article a{color:var(--pop-txt)}[data-brand=loud] .article a:hover{color:var(--ink)}[data-brand=loud] .article em{color:var(--ink-soft)}[data-brand=loud] .article .tag{background:var(--pop);color:var(--accent-ink);transform:rotate(-1.2deg)}[data-brand=loud] .article blockquote{border-inline-start:6px solid var(--pop);border-radius:3px;font-family:var(--font-body);font-style:normal;font-weight:500;color:var(--ink)}[data-brand=loud] .article blockquote:before{color:var(--pop);opacity:.55}[data-brand=loud] .article .callout{background:var(--paper-deep);border-color:var(--rule);border-inline-start-width:4px;border-inline-start-color:var(--ink);border-radius:6px}[data-brand=loud] .article .callout.info{border-inline-start-color:var(--violet-txt);background:var(--violet-tint)}[data-brand=loud] .article .callout.warn{border-inline-start-color:var(--warn);background:var(--coral-tint)}[data-brand=loud] .article .callout.danger{border-inline-start-color:var(--crit);background:var(--coral-tint)}[data-brand=loud] .article .callout.success{border-inline-start-color:var(--good);background:var(--lime-tint)}[data-brand=loud] .article .toc{background:var(--paper-deep);border-color:var(--rule);border-radius:8px}[data-brand=loud] .article .toc:before{background:var(--pop)}[data-brand=loud] .article .toc li:before{color:var(--pop-txt);font-weight:700;font-size:13px}[data-brand=loud] .article .toc a{color:var(--ink)}[data-brand=loud] .article .stat-grid{background:var(--rule);border-color:var(--rule);border-radius:8px;overflow:hidden}[data-brand=loud] .article .stat{background:var(--paper-deep)}[data-brand=loud] .article .stat-num{color:var(--pop-txt);font-family:var(--font-display);font-weight:700;font-size:clamp(2.6rem,5vw,3.6rem)}[data-brand=loud] .article .stat:nth-child(3n+1) .stat-num{color:var(--coral-txt)}[data-brand=loud] .article .stat:nth-child(3n+2) .stat-num{color:var(--violet-txt)}[data-brand=loud] .article .stat:nth-child(3n) .stat-num{color:var(--lime-txt)}[data-brand=loud] .article figure img,[data-brand=loud] .article figure svg{background:var(--paper-deep);border-color:var(--rule)}[data-brand=loud] .article figcaption{font-family:var(--font-body);font-style:normal}[data-brand=loud] .article pre{border-inline-start:1px solid var(--rule-strong)}[data-brand=loud] .article .cta-card{background:var(--pop);color:var(--accent-ink);border:0;border-block-start:6px solid var(--violet);border-block-end:6px solid var(--lime);border-radius:8px;transform:rotate(-.6deg);box-shadow:var(--lift-3)}[data-brand=loud] .article .cta-card:before,[data-brand=loud] .article .cta-card:after{display:none}[data-brand=loud] .article .cta-card h3{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,4.5vw,46px);color:var(--accent-ink);line-height:.98}[data-brand=loud] .article .cta-card p{color:var(--accent-ink-soft)}[data-brand=loud] .article .cta-card .btn{--btn-bg: var(--accent-ink);--btn-fg: var(--pop);--btn-border: var(--accent-ink)}[data-brand=loud] .article .cta-card .btn:hover{background:var(--ink);color:var(--accent-ink);border-color:var(--ink)}[data-brand=loud][data-theme=light] .article .cta-card .btn:hover{color:var(--paper)}[data-brand=loud] .article .cta-card a:focus-visible{outline-color:var(--accent-ink)}[data-brand=loud] .article footer.article-foot{border-top:2px solid var(--ink);color:var(--ink-mute)}[data-brand=loud] .article .related a{background:var(--paper-deep);border:1px solid var(--rule);border-radius:8px;color:var(--ink);font-family:var(--font-body);font-weight:700;text-decoration:none;min-height:44px;display:flex;align-items:center}[data-brand=loud] .article .related a:hover{border-color:var(--pop);color:var(--pop-txt);box-shadow:inset 4px 0 0 var(--pop)}@media (prefers-reduced-motion: reduce){[data-brand=loud] *,[data-brand=loud] *:before,[data-brand=loud] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}