@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-xs:.8125rem;--text-sm:.875rem;--text-lg:1.1875rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:clamp(2rem, 2.4vw + 1.2rem, 3rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--text-md:1rem;--text-display:clamp(3rem, 7vw + .5rem, 6.5rem);--text-section:clamp(2rem, 3.4vw + .9rem, 3.75rem);--text-title:clamp(1.25rem, .6vw + 1rem, 1.5rem);--text-lead:clamp(1.0625rem, .4vw + .95rem, 1.25rem);--ease-snap:cubic-bezier(.34, 1.56, .64, 1);--color-paper:#f3eee3;--color-paper-2:#e8e1d2;--color-sheet:#fffdf7;--color-ink:#16130f;--color-ink-2:#3b362f;--color-muted:#5f594f;--color-red:#c4161c;--color-red-deep:#9e1015;--color-focus:#c4161c;--font-display:var(--font-dela), "Arial Black", Impact, sans-serif;--font-body:var(--font-zen), "Segoe UI", system-ui, sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scrollbar-color:var(--color-ink-2) var(--color-paper);scroll-padding-top:var(--space-3xl);-webkit-text-size-adjust:100%}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;caret-color:var(--color-red);margin:0;font-weight:500;line-height:1.6}::selection{background:var(--color-ink);color:var(--color-paper)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:2px}h1,h2,h3{font-family:var(--font-display);font-synthesis:none;letter-spacing:0;overflow-wrap:break-word;text-wrap:balance;min-width:0;margin:0;font-weight:400;line-height:1.08}h1{font-size:var(--text-display)}h2{font-size:var(--text-section)}h3{font-size:var(--text-title);line-height:1.2}p{text-wrap:pretty;margin:0}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit;color:inherit}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--dur-micro:.12s;--dur-short:.22s;--dur-long:.48s;--container:1280px;--gutter:48px;--panel-gap:14px;--stroke:3px;--stroke-thin:2px;--shadow-hard:5px 5px 0 var(--color-ink);--shadow-hard-s:3px 3px 0 var(--color-ink);--section-gap:120px;--tone-dot:#16130f38}@supports (color:color-mix(in lab, red, red)){:root{--tone-dot:color-mix(in srgb, var(--color-ink) 22%, transparent)}}:root{--tone:radial-gradient(circle, var(--tone-dot) 0 1.15px, transparent 1.45px) 0 0 / 6px 6px;--tone-dense:radial-gradient(circle, #16130f73 0 1.6px, transparent 1.9px) 0 0 / 6px 6px}@supports (color:color-mix(in lab, red, red)){:root{--tone-dense:radial-gradient(circle, color-mix(in srgb, var(--color-ink) 45%, transparent) 0 1.6px, transparent 1.9px) 0 0 / 6px 6px}}:root{--tone-red:radial-gradient(circle, #c4161c66 0 1.3px, transparent 1.6px) 0 0 / 6px 6px}@supports (color:color-mix(in lab, red, red)){:root{--tone-red:radial-gradient(circle, color-mix(in srgb, var(--color-red) 40%, transparent) 0 1.3px, transparent 1.6px) 0 0 / 6px 6px}}:root{--header-h:71px;--chapter-head-h:44px;--z-raised:10;--z-sticky:200;--z-toast:500}@media (max-width:60rem){:root{--gutter:24px;--section-gap:88px;--panel-gap:12px}}@media (max-width:40rem){:root{--gutter:16px;--section-gap:64px;--panel-gap:10px;--shadow-hard:4px 4px 0 var(--color-ink)}}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.lead{font-size:var(--text-lead);font-weight:700;line-height:1.45}.muted{color:var(--color-muted)}.small{font-size:var(--text-sm)}.kicker{background:var(--color-ink);color:var(--color-paper);font:700 var(--text-xs)/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;margin:0;padding:7px 11px 6px;display:inline-block}.tilt{transform-origin:0;transform:rotate(-1.5deg)}.fig{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:0;line-height:.9}.panel{isolation:isolate;background:var(--color-sheet);border:var(--stroke) solid var(--color-ink);padding:var(--space-lg);position:relative}.focus-lines{z-index:-1;pointer-events:none;--fl:var(--color-ink);background:repeating-conic-gradient(from 0deg at var(--fx,50%) var(--fy,50%), var(--fl) 0deg .45deg, transparent .45deg 2.9deg), repeating-conic-gradient(from 1.2deg at var(--fx,50%) var(--fy,50%), var(--fl) 0deg .9deg, transparent .9deg 6.7deg);-webkit-mask-image:radial-gradient(ellipse 72% 70% at var(--fx,50%) var(--fy,50%), transparent 42%, #000 96%);-webkit-mask-image:radial-gradient(ellipse 72% 70% at var(--fx,50%) var(--fy,50%), transparent 42%, #000 96%);-webkit-mask-image:radial-gradient(ellipse 72% 70% at var(--fx,50%) var(--fy,50%), transparent 42%, #000 96%);-webkit-mask-image:radial-gradient(ellipse 72% 70% at var(--fx,50%) var(--fy,50%), transparent 42%, #000 96%);mask-image:radial-gradient(ellipse 72% 70% at var(--fx,50%) var(--fy,50%), transparent 42%, #000 96%);opacity:.85;position:absolute;inset:0}.focus-lines--paper{--fl:#fffdf78c}@supports (color:color-mix(in lab, red, red)){.focus-lines--paper{--fl:color-mix(in srgb, var(--color-sheet) 55%, transparent)}}.focus-lines--paper{opacity:.6}.caption-box{top:calc(-1 * var(--stroke));left:calc(-1 * var(--stroke));z-index:2;background:var(--color-ink);color:var(--color-paper);font:700 var(--text-xs)/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;margin:0;padding:8px 12px 7px;position:absolute}.caption-box--num{font:400 1.375rem/1 var(--font-display);letter-spacing:0;padding:8px 14px}.bubble{z-index:1;background:var(--color-sheet);border:var(--stroke) solid var(--color-ink);text-align:center;border-radius:50%;padding:1.5em 2.1em;position:relative}.bubble:after{content:"";background:var(--color-sheet);border-right:var(--stroke) solid var(--color-ink);border-bottom:var(--stroke) solid var(--color-ink);width:22px;height:22px;position:absolute}.bubble--tail-right:after{bottom:-12px;right:22%;transform:rotate(20deg)skew(14deg,14deg)}.bubble--tail-left:after{bottom:30%;left:-12px;transform:rotate(120deg)skew(14deg,14deg)}.bubble--tail-down:after{bottom:-12px;right:26%;transform:rotate(45deg)skew(12deg,12deg)}.stamp{color:var(--color-red);border:3px solid var(--color-red);box-shadow:inset 0 0 0 3px var(--color-sheet), inset 0 0 0 5px var(--color-red);font:400 1rem/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;background:0 0;place-items:center;margin:0;padding:.6em .9em .55em;display:inline-grid}.btn{justify-content:center;align-items:center;gap:var(--space-xs);min-height:50px;padding:0 var(--space-lg);border:var(--stroke) solid var(--color-ink);background:var(--color-sheet);color:var(--color-ink);font:700 var(--text-md)/1 var(--font-body);letter-spacing:.01em;white-space:nowrap;cursor:pointer;box-shadow:var(--shadow-hard-s);transition:transform var(--dur-micro) var(--ease-out), box-shadow var(--dur-micro) var(--ease-out), background-color var(--dur-short) var(--ease-out);border-radius:0;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:5px 5px 0 var(--color-ink);transform:translate(-1px,-1px)}.btn:active{box-shadow:0 0 0 var(--color-ink);transform:translate(3px,3px)}.btn--primary{background:var(--color-red);color:var(--color-sheet)}.btn--primary:hover{background:var(--color-red-deep)}.btn--secondary:hover,.btn--paper:hover{background:var(--color-paper-2)}.btn--paper{background:var(--color-sheet);color:var(--color-ink)}.btn--danger{color:var(--color-red)}.btn--danger:hover{background:#faebe5}@supports (color:color-mix(in lab, red, red)){.btn--danger:hover{background:color-mix(in srgb, var(--color-red) 8%, var(--color-sheet))}}.btn--small{min-height:40px;font-size:var(--text-sm);border-width:var(--stroke-thin);box-shadow:2px 2px 0 var(--color-ink);padding:0 14px}.btn--small:hover{box-shadow:3px 3px 0 var(--color-ink)}.btn--block{width:100%}.btn:disabled,.btn[aria-disabled=true]{background:var(--tone), var(--color-paper-2);color:var(--color-muted);border-color:var(--color-muted);box-shadow:none;cursor:not-allowed;transform:none}.btn[aria-busy=true]{cursor:progress}.field{gap:var(--space-xs);display:grid}.field__label,.fieldset legend{font:700 var(--text-xs)/1.2 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink);padding:0}.field__hint{font-size:var(--text-sm);color:var(--color-muted)}.input{width:100%;min-height:50px;padding:0 var(--space-md);background:var(--color-sheet);color:var(--color-ink);border:var(--stroke-thin) solid var(--color-ink);box-shadow:inset 3px 3px 0 var(--color-paper-2);transition:box-shadow var(--dur-short) var(--ease-out);border-radius:0}.input::placeholder{color:var(--color-muted);opacity:1}.input:hover{box-shadow:inset 3px 3px 0 var(--color-paper-2), 3px 3px 0 var(--color-ink)}.input:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.input:disabled{background:var(--color-paper-2);color:var(--color-muted);cursor:not-allowed}.input[aria-invalid=true]{border-color:var(--color-red)}select.input{appearance:none;padding-right:var(--space-2xl);cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--color-ink) 50%), linear-gradient(135deg, var(--color-ink) 50%, transparent 50%);background-position:calc(100% - 24px) 52%,calc(100% - 17px) 52%;background-repeat:no-repeat;background-size:7px 7px}.form-error{border-left:4px solid var(--color-red);color:var(--color-red);font-size:var(--text-sm);padding:4px 0 4px 12px;font-weight:700}.meter{background:var(--color-sheet);border:var(--stroke-thin) solid var(--color-ink);height:10px;position:relative;overflow:hidden}.meter>span,.meter>div{background:var(--color-ink);transform-origin:0;height:100%;transition:transform var(--dur-long) var(--ease-out);display:block}.site{flex-direction:column;min-height:100dvh;display:flex}.site-main{flex:1}.skip{left:var(--space-md);top:calc(-1 * var(--space-3xl));z-index:var(--z-toast);padding:var(--space-xs) var(--space-md);background:var(--color-ink);color:var(--color-paper);font-weight:700;position:absolute}.skip:focus-visible{top:var(--space-md)}.site-header{z-index:var(--z-sticky);background:var(--color-paper);border-bottom:var(--stroke) solid var(--color-ink);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-md);height:calc(var(--header-h) - var(--stroke));display:flex}.wordmark{min-height:44px;font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;color:var(--color-ink);white-space:nowrap;align-items:center;gap:10px;margin:0;font-size:1.125rem;text-decoration:none;display:inline-flex}.logo-mark{width:34px;height:34px;transition:transform var(--dur-short) var(--ease-snap);flex:none}.wordmark:hover .logo-mark{transform:rotate(-10deg)scale(1.08)}.site-nav{align-items:center;gap:var(--space-xs) var(--space-lg);display:flex}.nav-link{min-height:44px;color:var(--color-ink);font-size:var(--text-sm);white-space:nowrap;align-items:center;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.nav-link:after{content:"";background:var(--color-red);transform-origin:0;height:3px;transition:transform var(--dur-short) var(--ease-out);position:absolute;bottom:7px;left:0;right:0;transform:scaleX(0)}.nav-link:hover:after{transform:scaleX(1)}.site-footer{margin-top:var(--section-gap);background:var(--color-ink);color:var(--color-paper);--color-focus:var(--color-sheet);position:relative}.site-footer:before{content:"";background:radial-gradient(circle, var(--color-ink) 0 1.7px, transparent 2px) 0 0 / 7px 7px;height:36px;position:absolute;bottom:100%;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.site-footer__inner{align-items:center;gap:var(--space-md) var(--space-xl);padding-block:var(--space-xl);grid-template-columns:minmax(0,1fr) auto;display:grid}.wordmark--footer{color:var(--color-sheet);font-size:1.375rem}.site-footer__links{gap:var(--space-lg);flex-wrap:wrap;display:flex}.site-footer__links a{min-height:44px;color:var(--color-sheet);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.site-footer__links a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--color-red);-webkit-text-decoration-color:var(--color-red);-webkit-text-decoration-color:var(--color-red);text-decoration-color:var(--color-red);text-decoration-thickness:3px}.site-footer__note{padding-top:var(--space-md);color:#cfc8ba;font-size:var(--text-sm);border-top:1px solid #3b362f;grid-column:1/-1}.site-main:has(.landing)+.site-footer{margin-top:0}.hero{padding-block:var(--space-lg) var(--space-md)}.spread{gap:var(--panel-gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.panel--title{align-items:flex-start;gap:var(--space-lg);min-height:460px;padding:var(--space-xl);--fx:34%;--fy:40%;flex-direction:column;grid-area:1/1/auto/7;display:flex;overflow:hidden}.hero__title{--halo:var(--color-sheet);text-shadow:3px 0 0 var(--halo), -3px 0 0 var(--halo), 0 3px 0 var(--halo), 0 -3px 0 var(--halo), 2px 2px 0 var(--halo), -2px -2px 0 var(--halo), 2px -2px 0 var(--halo), -2px 2px 0 var(--halo);font-size:clamp(3rem,5.6vw + .4rem,6rem);line-height:.98}.hero__title .ink-in{display:inline-block}.hero__red{width:max-content;color:var(--color-red);transform-origin:0 60%;text-shadow:5px 5px 0 var(--color-ink), 3px 0 0 var(--halo), -3px 0 0 var(--halo), 0 3px 0 var(--halo), 0 -3px 0 var(--halo), 2px -2px 0 var(--halo), -2px 2px 0 var(--halo), -2px -2px 0 var(--halo);margin-top:.04em;font-size:1.32em;display:block;transform:rotate(-4deg)}.hero__talk{align-items:flex-end;gap:var(--space-xs);padding-top:var(--space-md);justify-content:flex-end;width:100%;margin-top:auto;display:flex}.hero__talk .bubble{max-width:23rem;margin-bottom:44px}.hero__mascot{flex:none;width:118px;margin-bottom:-10px;margin-right:-6px}.panel--demo{padding:52px var(--space-lg) var(--space-lg);grid-area:1/7/3/13}.panel-pair{--split:60%;isolation:isolate;grid-area:2/1/auto/7;grid-template-columns:var(--split) minmax(0, 1fr);background:var(--color-sheet);border:var(--stroke) solid var(--color-ink);min-height:210px;display:grid;position:relative}.panel-pair:after{content:"";z-index:2;top:calc(-1 * var(--stroke) - 1px);bottom:calc(-1 * var(--stroke) - 1px);left:calc(var(--split) - var(--panel-gap) / 2 - var(--stroke));width:calc(var(--panel-gap) + 2 * var(--stroke));background:var(--color-paper);border-inline:var(--stroke) solid var(--color-ink);position:absolute;transform:skew(-14deg)}.panel-pair__a{padding:var(--space-lg) var(--space-xl) var(--space-lg) var(--space-lg);background:var(--tone);background-color:var(--color-sheet);align-content:center;display:grid}.hero__actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.panel-pair__b{padding:var(--space-md) var(--space-md) var(--space-md) var(--space-xl);place-items:center;display:grid}.stamp--hero{aspect-ratio:1;width:148px;box-shadow:inset 0 0 0 4px var(--color-sheet), inset 0 0 0 6px var(--color-red);text-align:center;border-width:4px;border-radius:50%;align-content:center;gap:2px;padding:0;transform:rotate(-10deg)}.stamp__big{letter-spacing:0;font-size:3.4rem;line-height:.9}.stamp__small{max-width:8.5em;font:700 .6875rem/1.15 var(--font-body);letter-spacing:.1em}.demo{gap:var(--space-md);min-width:0;margin:0;display:grid}.demo__stage{aspect-ratio:16/10;border:var(--stroke) solid var(--color-ink);background:radial-gradient(circle,#fffdf712 0 1px,#0000 1.4px) 0 0/7px 7px,#1d1915;position:relative;overflow:hidden}.demo__frame{transform-origin:0 0;width:100%;transition:transform .9s var(--ease-in-out);position:absolute;top:0;left:0}.demo__frame img{-webkit-user-select:none;user-select:none;width:100%;height:auto;box-shadow:calc(8px * var(--inv,1)) calc(8px * var(--inv,1)) 0 #000}.demo__spot{pointer-events:none;position:absolute;box-shadow:0 0 0 9999px #16130f99}@supports (color:color-mix(in lab, red, red)){.demo__spot{box-shadow:0 0 0 9999px color-mix(in srgb, var(--color-ink) 60%, transparent)}}.demo__spot{transition:opacity var(--dur-long) var(--ease-out)}.demo__spot:not([data-on]){opacity:0}.demo__ring{pointer-events:none;border:calc(3.5px * var(--inv,1)) solid var(--color-red);transition:opacity var(--dur-short) var(--ease-out);border-radius:50%;position:absolute;transform:scale(1.14)}.demo__ring:not([data-on]){opacity:0}.demo__sub{align-content:center;align-items:center;column-gap:var(--space-sm);min-height:112px;padding:var(--space-md) var(--space-lg);background:var(--color-sheet);border:var(--stroke) solid var(--color-ink);border-radius:26px;flex-wrap:wrap;row-gap:6px;display:flex;position:relative}.demo__sub:after{content:"";background:var(--color-sheet);border-right:var(--stroke) solid var(--color-ink);border-bottom:var(--stroke) solid var(--color-ink);width:20px;height:20px;position:absolute;top:-13px;left:44px;transform:rotate(-135deg)skew(10deg,10deg)}.demo__who{background:var(--color-ink);color:var(--color-paper);font:400 var(--text-xs)/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;padding:5px 9px 4px}.demo__mood{color:var(--color-red);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:700}.demo__line{font-size:var(--text-lg);flex-basis:100%;font-weight:700;line-height:1.35}.demo__line--quiet{color:var(--color-muted)}.demo__bar{align-items:center;gap:var(--space-md);display:flex}.demo__bar .meter{flex:1}.demo figcaption{font-size:var(--text-sm);color:var(--color-muted);max-width:62ch}.demo figcaption a{color:var(--color-ink)}.section{padding-top:var(--section-gap)}.section-head{align-items:center;column-gap:var(--space-md);row-gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:auto minmax(0,1fr);display:grid}.section-head h2{grid-column:1/-1;max-width:22ch}.section-head:after{content:"";background:repeating-linear-gradient(to bottom, var(--color-ink) 0 2px, transparent 2px 6px, var(--color-ink) 6px 7px, transparent 7px 11px);grid-area:1/2;height:24px;-webkit-mask-image:linear-gradient(90deg,#000 10%,#0000 85%);mask-image:linear-gradient(90deg,#000 10%,#0000 85%)}.strip{gap:var(--panel-gap);grid-template-columns:repeat(12,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.strip__panel{align-content:start;gap:var(--space-sm);padding:var(--space-xl) var(--space-lg) var(--space-lg);grid-column:span 5;grid-template-rows:auto auto 1fr;display:grid}.strip__panel:nth-child(2),.strip__panel:nth-child(3){grid-column:span 7}.strip__art{height:190px;padding:var(--space-md);margin-bottom:var(--space-xs);background:var(--color-paper);border:var(--stroke-thin) solid var(--color-ink);place-items:center;display:grid;overflow:hidden}.strip__art .art{width:auto;max-width:100%;height:100%}.strip__panel h3{font-size:var(--text-xl)}.strip__panel p{color:var(--color-ink-2);max-width:46ch}.modes{gap:var(--panel-gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));margin:0;padding:0;list-style:none;display:grid}.mode{align-items:center;gap:var(--space-lg);grid-template-columns:128px minmax(0,1fr);display:grid}.art--mode{width:100%;height:auto}.mode__text{gap:6px;display:grid}.mode h3{font-size:var(--text-2xl)}.mode__how{color:var(--color-red);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:700}.mode p:last-child{color:var(--color-ink-2);font-size:var(--text-sm)}.formats{align-items:center;gap:var(--space-md) var(--space-xl);margin-top:var(--panel-gap);padding:var(--space-lg);border:var(--stroke) solid var(--color-ink);background:var(--tone), var(--color-paper);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.formats__head{background:var(--color-paper);font-size:var(--text-lg);padding:6px 10px}.formats__list{gap:var(--space-md) var(--space-xl);flex-wrap:wrap;margin:0;display:flex}.formats__list>div{background:var(--color-paper);gap:6px;padding:8px 10px;display:grid}.formats__list dt{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);font-weight:700}.formats__list dd{flex-wrap:wrap;gap:6px;margin:0;display:flex}.file-tag{background:var(--color-ink);color:var(--color-sheet);font:400 var(--text-sm)/1 var(--font-display);letter-spacing:.04em;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%);padding:7px 16px 6px 10px;display:inline-block}.formats__limit{background:var(--color-sheet);border:var(--stroke-thin) solid var(--color-ink);font-weight:700;font-size:var(--text-sm);padding:8px 12px}.cast-demo__grid{gap:var(--space-xl) var(--space-2xl);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;display:grid}.cast-demo__intro{justify-items:start;gap:var(--space-md);display:grid}.cast-demo__intro h2{max-width:11ch}.cast-demo__talk{align-items:center;gap:var(--space-md);margin-top:var(--space-lg);display:flex}.cast-demo__mascot{flex:none;width:104px;transform:scaleX(-1)}.cast-demo__talk .bubble{border-radius:42% 46% 44% 48%/50%;padding:1.4em 1.8em;font-weight:700}.cast-demo__talk .bubble p{max-width:26ch}.panel--table{padding:4px var(--space-lg) var(--space-md);box-shadow:var(--shadow-hard)}.table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.table caption{caption-side:bottom;text-align:left;padding-top:var(--space-md);font-size:var(--text-sm);color:var(--color-muted)}.table th,.table td{padding:var(--space-md) var(--space-md) var(--space-md) 0;border-bottom:var(--stroke-thin) solid var(--color-ink);text-align:left;vertical-align:middle}.table thead th{padding-block:var(--space-md) var(--space-sm);border-bottom-width:var(--stroke);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);font-weight:700}.table tbody tr:last-child>*{border-bottom:0}.table tbody th{font-family:var(--font-display);font-weight:400;font-size:var(--text-lg);line-height:1.2}.table td{color:var(--color-ink-2)}.avatar{vertical-align:middle;border:var(--stroke-thin) solid var(--color-ink);background:var(--tone), var(--color-sheet);width:38px;height:38px;font:400 1rem/1 var(--font-display);color:var(--color-ink);text-shadow:2px 0 0 var(--color-sheet), -2px 0 0 var(--color-sheet), 0 2px 0 var(--color-sheet), 0 -2px 0 var(--color-sheet);border-radius:50%;place-items:center;margin-right:12px;display:inline-grid}.voice-tag{border:var(--stroke-thin) solid var(--color-red);background:var(--color-sheet);color:var(--color-red);white-space:nowrap;border-radius:999px;padding:5px 14px 4px;font-weight:700;display:inline-block;position:relative}.voice-tag:after{content:"";background:var(--color-sheet);border-right:var(--stroke-thin) solid var(--color-red);border-bottom:var(--stroke-thin) solid var(--color-red);width:9px;height:9px;position:absolute;bottom:-6px;left:10px;transform:rotate(60deg)skew(10deg,10deg)}.finale__grid{gap:var(--panel-gap);grid-template-columns:minmax(0,7fr) minmax(0,5fr);display:grid}.panel--red{align-items:center;gap:var(--space-lg) var(--space-xl);padding:var(--space-xl) var(--space-xl);background:var(--color-red);color:var(--color-sheet);--color-focus:var(--color-ink);--fx:18%;--fy:50%;grid-template-columns:auto minmax(0,1fr);display:grid;overflow:hidden}.finale__fig{font:400 clamp(7rem, 13vw, 11.5rem)/.8 var(--font-display);color:var(--color-sheet);-webkit-text-stroke:4px var(--color-ink);paint-order:stroke fill;text-shadow:7px 7px 0 var(--color-ink);transform:rotate(-6deg)}.finale__text{justify-items:start;gap:var(--space-md);display:grid}.finale__text h2{max-width:12ch;font-size:clamp(1.75rem,2.2vw + 1rem,2.75rem)}.panel--private{align-content:end;justify-items:start;gap:var(--space-md);min-height:340px;padding:var(--space-xl);display:grid;overflow:hidden}.panel--private:before{content:"";z-index:-1;background:var(--tone-dense);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.stamp--private{background:var(--color-sheet);padding:.55em .8em .5em;font-size:1.5rem;position:absolute;top:28px;right:26px;transform:rotate(9deg)}.finale__line{font:400 clamp(1.5rem, 1.4vw + 1rem, 2.125rem)/1.15 var(--font-display);text-wrap:balance;max-width:15ch}.finale__note{color:var(--color-ink-2);font-weight:700}.credits{padding-block:var(--space-xl) var(--space-2xl);font-size:var(--text-sm);color:var(--color-muted)}.credits a{color:var(--color-ink)}.page{width:100%;max-width:var(--container);padding:var(--space-xl) var(--gutter) 0;margin-inline:auto}.page h1{font-size:var(--text-3xl);max-width:22ch}.crumbs{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-md);font-size:var(--text-sm);color:var(--color-muted);flex-wrap:wrap;font-weight:700;display:flex}.crumbs a{min-height:32px;color:var(--color-ink);border-bottom:3px solid #0000;align-items:center;text-decoration:none;display:inline-flex}.crumbs a:hover{border-bottom-color:var(--color-red)}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--space-lg);padding-bottom:var(--space-lg);margin-bottom:var(--space-xl);border-bottom:var(--stroke) solid var(--color-ink);box-shadow:0 5px 0 -3px var(--color-paper), 0 7px 0 -3px var(--color-ink);flex-wrap:wrap;display:flex}.page-head__text{justify-items:start;gap:var(--space-md);min-width:0;display:grid}.page-head__side{align-items:flex-end;gap:var(--space-md) var(--space-lg);flex-wrap:wrap;display:flex}.usage{gap:var(--space-xs);min-width:min(100%,260px);display:grid}.usage p{font-size:var(--text-sm);color:var(--color-muted)}.usage strong{color:var(--color-ink);font-weight:700}.usage .meter{height:14px}.usage .meter>span{background:var(--color-red)}.series+.series{margin-top:var(--space-2xl)}.series-head{justify-content:space-between;align-items:center;gap:var(--space-sm) var(--space-lg);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:var(--stroke-thin) solid var(--color-ink);flex-wrap:wrap;display:flex}.series-head h2{font-size:var(--text-2xl)}.series-head h2 a{background:linear-gradient(var(--color-red), var(--color-red)) 0 100% / 0 4px no-repeat;transition:background-size var(--dur-short) var(--ease-out);text-decoration:none}.series-head h2 a:hover{background-size:100% 4px}.series-meta{align-items:center;gap:var(--space-xs) var(--space-md);font-size:var(--text-sm);color:var(--color-muted);flex-wrap:wrap;font-weight:700;display:flex}.direction-tag{border:var(--stroke-thin) solid var(--color-ink);color:var(--color-ink);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:4px 11px 3px;display:inline-block}.shelf{gap:var(--space-xl) var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(min(100%,11.5rem),1fr));margin:0;padding:0;list-style:none;display:grid}.volume{color:inherit;align-content:start;gap:4px;text-decoration:none;display:grid}.volume__cover{order:-1}.volume:focus-visible{outline:none}.volume__cover{aspect-ratio:5/7;margin-bottom:var(--space-sm);background:var(--color-sheet);border:var(--stroke) solid var(--color-ink);box-shadow:var(--shadow-hard);transition:transform var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out);display:block;position:relative}.volume__cover img{object-fit:cover;object-position:top;filter:grayscale()contrast(1.12);width:100%;height:100%;transition:filter var(--dur-long) var(--ease-out);position:absolute;inset:0}.volume__blank{background:var(--tone);border:var(--stroke-thin) solid var(--color-ink);box-shadow:inset 0 0 0 6px var(--color-sheet), inset 0 0 0 8px var(--color-ink);position:absolute;inset:10px}.volume:hover .volume__cover,.volume:focus-visible .volume__cover{box-shadow:9px 9px 0 var(--color-ink);transform:translate(-2px,-4px)rotate(-1.2deg)}.volume:hover img,.volume:focus-visible img{filter:none}.volume:focus-visible .volume__cover{outline:3px solid var(--color-focus);outline-offset:5px}.volume__stamp{z-index:1;position:absolute;top:12px;right:-12px}.volume__title{font:400 1.0625rem/1.25 var(--font-display);overflow-wrap:anywhere}.volume:hover .volume__title{text-decoration:underline;-webkit-text-decoration-color:var(--color-red);-webkit-text-decoration-color:var(--color-red);-webkit-text-decoration-color:var(--color-red);text-decoration-color:var(--color-red);text-decoration-thickness:3px}.volume__meta{font-size:var(--text-sm);color:var(--color-muted);font-variant-numeric:tabular-nums;font-weight:700}.status{background:var(--color-sheet);border:var(--stroke-thin) solid currentColor;font:400 var(--text-xs)/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums;white-space:nowrap;gap:5px;padding:7px 10px 6px;display:inline-grid;transform:rotate(-5deg)}.status .meter{border-width:1.5px;width:6.5rem;height:6px}.status-ready{color:var(--color-red);box-shadow:inset 0 0 0 2px var(--color-sheet), inset 0 0 0 3.5px var(--color-red);border-width:3px;padding:8px 12px 7px}.status-failed{background:var(--color-red);color:var(--color-sheet);border-color:var(--color-ink);box-shadow:3px 3px 0 var(--color-ink);transform:rotate(4deg)}.status-queued{color:var(--color-muted);border-style:dashed;transform:rotate(-2deg)}.status-analyzing,.status-voicing{color:var(--color-ink);box-shadow:3px 3px 0 var(--color-ink);transform:skew(-10deg)rotate(-3deg)}.status-analyzing .status__label:before,.status-voicing .status__label:before{content:"";vertical-align:1px;background:var(--color-red);border-radius:50%;width:7px;height:7px;margin-right:6px;animation:1.1s steps(2,jump-none) infinite blink;display:inline-block}.empty{align-items:center;gap:var(--space-xl);padding:var(--space-xl);box-shadow:var(--shadow-hard);grid-template-columns:150px minmax(0,1fr);display:grid;overflow:hidden}.empty:before{content:"";z-index:-1;background:var(--tone);position:absolute;inset:0;-webkit-mask-image:linear-gradient(100deg,#000 0,#0000 40%);mask-image:linear-gradient(100deg,#000 0,#0000 40%)}.empty__text{justify-items:start;gap:var(--space-md);display:grid}.empty__text h2{font-size:var(--text-2xl)}.empty__text p{color:var(--color-ink-2);max-width:52ch}.series-section+.series-section{margin-top:var(--space-2xl)}.section-title{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);font-size:var(--text-2xl);display:flex}.section-title:after{content:"";height:var(--stroke);background:var(--color-ink);flex:1}.table-scroll{overflow-x:auto}.table--cast{min-width:640px}.table--cast td.appearance{font-size:var(--text-sm);max-width:48ch}.upload-grid{gap:var(--space-xl) var(--space-2xl);grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start;display:grid}.upload-panel{padding:var(--space-xl);box-shadow:var(--shadow-hard)}.upload-aside{justify-items:end;gap:var(--space-md);display:grid;position:sticky;top:96px}.upload-aside .bubble{gap:var(--space-sm);text-align:left;padding:var(--space-lg) var(--space-lg) var(--space-lg);border-radius:34px;justify-items:start;width:100%;display:grid}.upload-aside h2{font-size:var(--text-lg)}.upload-aside p{color:var(--color-ink-2);font-size:var(--text-sm)}.upload-aside__mascot{width:104px;margin-right:8%}.upload-form{gap:var(--space-lg);display:grid}.fieldset{gap:var(--space-xs);border:0;min-width:0;margin:0;padding:0;display:grid;container-type:inline-size}.fieldset legend{margin-bottom:var(--space-xs)}.choices{gap:var(--space-sm);grid-template-columns:minmax(0,1fr);display:grid}@container (min-width:30rem){.choices{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}}.choice{padding:var(--space-md);cursor:pointer;background:var(--color-sheet);border:var(--stroke-thin) solid var(--color-ink);transition:background-color var(--dur-micro) var(--ease-out), box-shadow var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);align-content:start;gap:4px;display:grid;position:relative}.choice input{opacity:0;width:1px;height:1px;position:absolute}.choice:hover{background:var(--color-paper-2)}.choice:has(input:checked){background:var(--color-ink);color:var(--color-sheet);box-shadow:4px 4px 0 var(--color-red);transform:translate(-2px,-2px)}.choice:has(input:checked) .choice__hint{color:#d9d2c4}.choice:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:3px}.choice__title{font:400 1rem/1.25 var(--font-display)}.choice__hint{font-size:var(--text-sm);color:var(--color-muted)}.dropzone{place-items:center;gap:var(--space-xs);min-height:230px;padding:var(--space-xl);text-align:center;cursor:pointer;background:var(--color-sheet);border:var(--stroke) dashed var(--color-ink);transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);display:grid;position:relative}.dropzone input{opacity:0;width:1px;height:1px;position:absolute}.dropzone:hover{background:var(--tone), var(--color-sheet)}.dropzone:focus-within{outline:3px solid var(--color-focus);outline-offset:3px}.dropzone[data-dragging]{border-style:solid;border-color:var(--color-red);background:var(--tone-red), var(--color-sheet)}.dropzone[data-filled]{box-shadow:var(--shadow-hard-s);border-style:solid}.dropzone__title{background:var(--color-sheet);font:400 var(--text-lg)/1.3 var(--font-display);padding:2px 8px}.dropzone__hint{background:var(--color-sheet);font-size:var(--text-sm);color:var(--color-muted);padding:2px 8px}.dropzone svg{width:40px;height:40px;color:var(--color-ink)}.dropzone[data-dragging] svg{color:var(--color-red)}.file-list{font-size:var(--text-sm);color:var(--color-ink-2);gap:2px;margin:0;padding:0;list-style:none;display:grid}.file-list li{overflow-wrap:anywhere;padding-left:18px;position:relative}.file-list li:before{content:"";border:2px solid var(--color-ink);background:var(--color-sheet);width:8px;height:10px;position:absolute;top:.5em;left:0}.notice{padding:var(--space-lg);background:var(--color-sheet);border:var(--stroke) solid var(--color-ink);box-shadow:var(--shadow-hard-s);max-width:60ch;font-weight:700}.auth{isolation:isolate;padding:var(--space-3xl) var(--gutter) var(--space-2xl);--fx:50%;--fy:52%;place-items:center;display:grid;position:relative;overflow:hidden}.auth>.focus-lines{opacity:.3;-webkit-mask-image:radial-gradient(closest-side,#0000 45%,#000 75%,#0000 100%);mask-image:radial-gradient(closest-side,#0000 45%,#000 75%,#0000 100%)}.auth-form{gap:var(--space-lg);width:100%;max-width:28rem;padding:var(--space-xl);box-shadow:var(--shadow-hard);display:grid}.auth-form__head{gap:var(--space-xs);padding-right:96px;display:grid}.auth-form__mascot{width:104px;position:absolute;top:-62px;right:20px}.auth-form h1{font-size:var(--text-3xl)}.form-switch{font-size:var(--text-sm);color:var(--color-muted)}.form-switch a{color:var(--color-red);font-weight:700}.page.chapter{max-width:1640px;padding:var(--space-sm) var(--space-md) 0}.chapter-head{align-items:center;gap:4px var(--space-sm);min-height:var(--chapter-head-h);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.chapter-head .crumbs{margin:0}.chapter-head__sep{color:var(--color-muted);font-size:var(--text-sm);font-weight:700}.page.chapter h1.chapter-title-head{max-width:none;font-size:var(--text-xl);line-height:1.2}.chapter .processing{margin:var(--space-md) auto 0}.processing{justify-items:start;gap:var(--space-md);max-width:780px;padding:var(--space-xl);box-shadow:var(--shadow-hard);display:grid;overflow:hidden}.processing>*{max-width:100%}.processing__tone{z-index:-1;background:var(--tone);animation:4s linear infinite tone-drift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(120deg,#000,#0000 55%);mask-image:linear-gradient(120deg,#000,#0000 55%)}.processing__mascot{top:var(--space-lg);right:var(--space-lg);width:108px;position:absolute}.processing h2{font-size:var(--text-2xl);padding-right:120px}.processing .fig{text-shadow:5px 5px 0 var(--color-paper-2);font-size:clamp(4.5rem,9vw,7.5rem)}.fig__unit{color:var(--color-red);margin-left:.06em;font-size:.45em}.meter.progress{border-width:var(--stroke);background:var(--tone), var(--color-sheet);justify-self:stretch;height:30px;animation:1.6s linear infinite tone-drift}.meter.progress>div{background:repeating-linear-gradient(to bottom, var(--color-ink) 0 4px, #2e2a24 4px 5px)}.processing__text{background:var(--color-ink);color:var(--color-paper);padding:8px 14px 7px;font-weight:700}.processing--failed .stamp--failed{margin-bottom:var(--space-xs);font-size:1.25rem;transform:rotate(-6deg)}.processing__error{border-left:4px solid var(--color-red);max-width:60ch;color:var(--color-ink-2);overflow-wrap:anywhere;padding:4px 0 4px 14px}.actions{gap:var(--space-sm);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.player-frame{border:var(--stroke) solid var(--color-ink);background:var(--color-ink)}.player-frame iframe{background:var(--color-ink);width:100%;height:calc(100dvh - var(--header-h) - var(--chapter-head-h) - 2 * var(--space-sm) - var(--space-md) - 2 * var(--stroke) - var(--note-h,0px));border:0;min-height:480px;display:block}.player-frame--noted{--note-h:34px}.player-note{align-items:center;gap:var(--space-sm);height:var(--note-h);padding:0 var(--space-sm);color:var(--color-paper);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;display:flex;overflow:hidden}.player-note>span{font-weight:700}.player-note--failed>span{color:var(--color-red)}.player-note__retry{border:var(--stroke-thin) solid var(--color-paper);color:var(--color-paper);font:inherit;cursor:pointer;background:0 0;margin-left:auto;padding:2px 10px;font-weight:700}.lost{padding-top:var(--space-2xl);place-items:center;display:grid}.lost__panel{justify-items:center;gap:var(--space-md);width:100%;max-width:40rem;padding:var(--space-2xl) var(--space-xl);text-align:center;box-shadow:var(--shadow-hard);display:grid;overflow:hidden}.lost__sfx{font:400 4.5rem/1 var(--font-display);color:var(--color-red);text-shadow:4px 4px 0 var(--color-ink);position:absolute;top:14px;left:26px;transform:rotate(-12deg)}.lost__mascot{width:140px}.lost h1{font-size:var(--text-3xl)}.mascot__body{transform-box:fill-box;transform-origin:50% 100%;animation:bob 3s var(--ease-in-out) infinite}.mascot__marks{animation:.9s steps(2,jump-none) infinite blink}.ink-in{animation:ink-in .62s var(--ease-out) both;animation-delay:calc(var(--i,0) * 90ms + 80ms)}.slam{animation:slam .56s var(--ease-snap) .36s both}.stamp--hero{animation:stamp-hero .46s var(--ease-snap) .9s both}@keyframes ink-in{0%{opacity:0;transform:translateY(14px)}}@keyframes slam{0%{opacity:0;transform:scale(1.7)rotate(-4deg)}to{opacity:1;transform:rotate(-4deg)}}@keyframes stamp-hero{0%{opacity:0;transform:scale(1.9)rotate(-10deg)}to{opacity:1;transform:rotate(-10deg)}}@keyframes bob{50%{transform:translateY(-3px)rotate(-2deg)}}@keyframes blink{50%{opacity:.25}}@keyframes tone-drift{to{background-position:12px 12px,0 0}}@keyframes panel-in{0%{opacity:0;transform:translateY(28px)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.strip__panel,.mode,.finale__grid>.panel{animation:linear both panel-in;animation-timeline:view();animation-range:entry entry 55%}}}@media (prefers-reduced-motion:reduce){.demo__frame,.btn,.meter>span,.meter>div,.volume__cover,.choice{transition:none}.mascot__body,.mascot__marks,.processing__tone,.meter.progress,.status-analyzing .status__label:before,.status-voicing .status__label:before{animation:none}}@media (max-width:60rem){.panel--title,.panel--demo,.panel-pair{grid-area:auto/1/auto/-1}.panel--title{min-height:0;padding:var(--space-xl) var(--space-lg) var(--space-lg)}.panel--demo{order:3}.strip__panel,.strip__panel:nth-child(2),.strip__panel:nth-child(3){grid-column:span 6}.cast-demo__grid,.finale__grid,.upload-grid{grid-template-columns:minmax(0,1fr)}.formats{grid-template-columns:minmax(0,1fr);justify-items:start}.upload-aside{grid-template-columns:minmax(0,1fr) auto;place-items:end stretch;position:static}.upload-aside .bubble--tail-down:after{bottom:30%;right:-12px;transform:rotate(-30deg)skew(12deg,12deg)}.upload-aside__mascot{margin:0}}@media (max-width:40rem){.site-nav{gap:2px var(--space-sm)}.panel{padding:var(--space-md)}.panel--title{padding:var(--space-lg) var(--space-md) var(--space-md);gap:var(--space-md)}.hero__talk .bubble{margin-bottom:36px;padding:1.2em 1.5em}.hero__mascot{width:84px}.panel--demo{padding:48px var(--space-sm) var(--space-md)}.panel-pair{--split:62%;min-height:168px}.panel-pair__a{padding:var(--space-md) var(--space-lg) var(--space-md) var(--space-md)}.hero__actions{flex-direction:column;align-items:stretch}.hero__actions .btn{padding-inline:12px}.panel-pair__b{padding:var(--space-sm) var(--space-xs) var(--space-sm) var(--space-md)}.stamp--hero{border-width:3px;width:108px}.stamp__big{font-size:2.4rem}.stamp__small{font-size:.5625rem}.demo__sub{padding:var(--space-sm) var(--space-md);min-height:100px}.demo__line{font-size:var(--text-md)}.strip__panel,.strip__panel:nth-child(2),.strip__panel:nth-child(3){padding:var(--space-xl) var(--space-md) var(--space-md);grid-column:1/-1}.mode{gap:var(--space-md);grid-template-columns:84px minmax(0,1fr)}.formats{padding:var(--space-md)}.cast-demo__mascot{width:76px}.panel--table{padding:0 var(--space-md)}.panel--red{padding:var(--space-xl) var(--space-lg);grid-template-columns:minmax(0,1fr)}.finale__fig{font-size:7rem}.panel--private{min-height:300px;padding:var(--space-lg)}.stamp--private{font-size:1.125rem;top:20px;right:16px}.site-footer__inner{grid-template-columns:minmax(0,1fr)}.shelf{gap:var(--space-xl) var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr))}.volume__stamp{top:8px;right:-6px}.status{padding:6px 8px 5px;font-size:.6875rem}.status .meter{width:5rem}.empty{grid-template-columns:minmax(0,1fr);justify-items:start}.empty__mascot{width:110px}.upload-panel{padding:var(--space-lg) var(--space-md)}.auth-form{padding:var(--space-lg)}.processing{padding:var(--space-lg) var(--space-md)}.processing__mascot{width:76px;top:var(--space-md);right:var(--space-md)}.processing h2{padding-right:84px}.page.chapter{padding-inline:0}.chapter-head{padding-inline:var(--gutter)}.chapter .processing{margin-inline:var(--gutter)}.player-frame{border-inline:0}.player-frame iframe{min-height:420px}.table--cast,.table--cast-demo{min-width:0}.table--cast thead,.table--cast-demo thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.table--cast tr,.table--cast-demo tr{align-items:center;column-gap:var(--space-md);row-gap:var(--space-xs);padding-block:var(--space-md);border-bottom:var(--stroke-thin) solid var(--color-ink);grid-template-columns:minmax(0,1fr) auto;display:grid}.table--cast tbody tr:last-child,.table--cast-demo tbody tr:last-child{border-bottom:0}.table--cast th,.table--cast td,.table--cast-demo th,.table--cast-demo td{border:0;padding:0}.table--cast tbody th,.table--cast td.appearance,.table--cast-demo tbody th{grid-column:1/-1}.table--cast-demo td{font-size:var(--text-sm)}}@media (max-width:26rem){.wordmark__text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.series-actions,.chapter-actions{align-items:center;gap:var(--space-xs) var(--space-sm);flex-wrap:wrap;max-width:100%;display:flex}.series-actions{justify-content:flex-end}.chapter-actions{margin-left:auto}.series-actions__form,.chapter-actions__form{align-items:center;gap:var(--space-xs) var(--space-sm);flex-wrap:wrap;min-width:0;max-width:100%;display:flex}.series-actions__form .input,.chapter-actions__form .input{flex:12rem;width:auto;min-width:0;max-width:22rem}.series-actions .form-error,.chapter-actions .form-error{flex-basis:100%;margin:0}.chapter-head h1.chapter-title-head{overflow-wrap:anywhere;min-width:0}@media (max-width:40rem){.series-actions{justify-content:flex-start;width:100%}.chapter-actions{width:100%;margin-left:0}.series-actions__form,.chapter-actions__form{width:100%}.series-actions__form .input,.chapter-actions__form .input{flex-basis:100%;max-width:none}}.upload-previews{gap:var(--space-xs);min-width:0;display:grid}.upload-previews__head{justify-content:space-between;align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.page-previews{gap:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.page-preview{align-content:start;gap:4px;min-width:0;display:grid;position:relative}.page-preview img,.page-preview__file{aspect-ratio:2/3;object-fit:cover;background:var(--color-paper-2);border:var(--stroke-thin) solid var(--color-ink);width:100%;display:block}.page-preview__file{text-align:center;font-size:var(--text-xs);overflow-wrap:anywhere;place-items:center;padding:6px;line-height:1.2;display:grid}.page-preview__label{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);overflow-wrap:anywhere;font-weight:700;line-height:1.1}.page-preview__remove{cursor:pointer;background:var(--color-sheet);width:24px;height:24px;color:var(--color-ink);border:var(--stroke-thin) solid var(--color-ink);box-shadow:1px 1px 0 var(--color-ink);font:700 1rem/1 var(--font-body);place-items:center;padding:0;display:grid;position:absolute;top:2px;right:2px}.page-preview__remove:hover{background:var(--color-red);border-color:var(--color-red);color:var(--color-sheet)}.page-preview__remove:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.page-preview__more{font-size:var(--text-sm);color:var(--color-muted);grid-column:1/-1}@media (min-width:30rem){.page-previews{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}}.reading-progress{gap:4px;min-width:0;margin-top:2px;display:grid}.reading-progress__bar{background:var(--color-paper-2);height:4px;display:block;position:relative;overflow:hidden}.reading-progress__bar>span{background:var(--color-red);display:block;position:absolute;top:0;bottom:0;left:0}.reading-progress__label{font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-muted);font-variant-numeric:tabular-nums;font-weight:700}.continue-shelf{gap:var(--space-md);margin-bottom:var(--space-2xl);padding:var(--space-lg);background:var(--color-sheet);border:var(--stroke) solid var(--color-ink);display:grid}.continue-shelf__heading{font-size:var(--text-xl)}.continue-shelf__body{align-items:center;gap:var(--space-md);flex-wrap:wrap;min-width:0;display:flex}.continue-shelf__cover{aspect-ratio:5/7;object-fit:cover;object-position:top;background:var(--color-paper-2);border:var(--stroke-thin) solid var(--color-ink);flex:none;width:84px}.continue-shelf__text{flex:12rem;gap:2px;min-width:0;display:grid}.continue-shelf__series{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);overflow-wrap:anywhere;margin:0;font-weight:700}.continue-shelf__title{font:400 var(--text-lg)/1.25 var(--font-display);overflow-wrap:anywhere;margin:0}.continue-shelf__percent{font-size:var(--text-sm);color:var(--color-red);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.continue-shelf .btn{margin-left:auto}.page.chapter:has(.player-frame){height:calc(100dvh - var(--header-h));flex-direction:column;display:flex}.page.chapter .player-frame{flex-direction:column;flex:auto;min-height:420px;display:flex}.page.chapter .player-frame iframe{flex:auto;height:auto;min-height:0}.legal{max-width:52rem;padding-bottom:var(--space-2xl)}.legal h1{margin-block:var(--space-md) var(--space-lg)}.prose{gap:var(--space-md);display:grid}.prose h2{margin-top:var(--space-md);font-size:var(--text-xl)}.prose p,.prose li{max-width:65ch;color:var(--color-ink-2)}.prose ul{gap:var(--space-xs);margin:0;padding-left:1.25rem;display:grid}.admin-summary{justify-content:space-between;align-items:baseline;gap:var(--space-xs) var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.admin-invite{margin-bottom:var(--space-xl)}.admin-invite h2{margin-bottom:var(--space-md);font-size:var(--text-xl)}.admin-invite__form{align-items:end;gap:var(--space-md);flex-wrap:wrap;display:flex}.admin-invite__form .field{flex:18rem}.admin-list{gap:var(--space-md);display:grid}.admin-list h2{font-size:var(--text-2xl)}.admin-actions{gap:var(--space-xs);flex-wrap:wrap;display:flex}.admin .form-error{margin-top:var(--space-md)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}