.stage{box-sizing:border-box;flex-direction:column;flex:auto;width:100%;max-width:860px;min-height:0;margin:0 auto;padding:16px;display:flex;overflow:hidden}@media (width>=640px){.stage{padding:24px}}.stage__title{letter-spacing:normal;color:var(--ink);flex-shrink:0;margin:0 0 8px;font-size:18px}.stage__content{text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:16px;min-height:0;display:flex;overflow-y:auto}.stage__footer{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding-top:16px;display:flex}.stage__alert{border:2px solid var(--danger-border);background:var(--danger-bg);color:var(--ink);text-align:left;border-radius:2px;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.stage__alert p{margin:0;font-size:15px}.brand{font-family:var(--font-peak);letter-spacing:.4px;color:var(--ink);white-space:nowrap;margin:0;font-size:22px;line-height:1;position:relative}@media (width>=640px){.brand{font-size:26px}}.brand__art{display:inline-block}.brand--testo .brand__art{padding-top:1.15em;padding-right:3em}.brand__stack{display:inline-block;position:relative}.brand__peak{display:inline-block}.brand--testo .brand__peak--struck{color:var(--ink-faint)}.brand__peak--struck:before,.brand__peak--struck:after{content:"";background:var(--accent);border-radius:.06em;height:.12em;position:absolute;left:-8%;right:-8%}.brand__peak--struck:before{top:44%;transform:rotate(-7deg)}.brand__peak--struck:after{opacity:.6;top:58%;transform:rotate(-3deg)}.brand__testo{font-family:var(--font-testo);letter-spacing:.5px;text-transform:uppercase;color:var(--accent);-webkit-text-stroke:3px var(--paper);paint-order:stroke fill;font-size:1.55em;line-height:1;position:absolute;bottom:62%;left:50%;transform:translate(-50%)rotate(-4deg)}.brand--testo .brand__maxxing{font-family:var(--font-testo);text-transform:uppercase;letter-spacing:.5px}.brand__new{width:3.6em;height:3.6em;font-family:var(--font-testo);text-transform:uppercase;letter-spacing:.5px;color:var(--paper);background:var(--accent);clip-path:polygon(50% 0%,58.8% 17.2%,75% 6.7%,74% 26%,93.3% 25%,82.8% 41.2%,100% 50%,82.8% 58.8%,93.3% 75%,74% 74%,75% 93.3%,58.8% 82.8%,50% 100%,41.2% 82.8%,25% 93.3%,26% 74%,6.7% 75%,17.2% 58.8%,0% 50%,17.2% 41.2%,6.7% 25%,26% 26%,25% 6.7%,41.2% 17.2%);place-items:center;font-size:.46em;animation:1.6s ease-in-out infinite brand-burst;display:grid;position:absolute;bottom:.15em;right:0;transform:rotate(9deg)}@keyframes brand-burst{0%,to{transform:rotate(9deg)scale(1)}50%{transform:rotate(6deg)scale(1.09)}}@media (prefers-reduced-motion:reduce){.brand__new{animation:none}}.button{border:2px solid var(--ink);background:var(--paper);color:var(--ink);font:inherit;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;box-shadow:3px 3px 0 0 var(--ink);transition:transform 80ms var(--ease), box-shadow 80ms var(--ease), background .2s var(--ease), color .2s var(--ease);border-radius:2px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.button:hover:not([disabled]){box-shadow:2px 2px 0 0 var(--ink);transform:translate(1px,1px)}.button:active:not([disabled]){box-shadow:0 0 0 0 var(--ink);transform:translate(3px,3px)}.button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.button[disabled]{cursor:not-allowed;opacity:.45;box-shadow:3px 3px 0 0 var(--ink-faint)}.button--sm{padding:4px 10px;font-size:13px}.button--md{padding:8px 16px;font-size:15px}.button--lg{padding:12px 24px;font-size:17px}.button--icon{border-radius:999px;padding:0}.button--icon.button--sm{width:30px;height:30px}.button--icon.button--md{width:40px;height:40px}.button--icon.button--lg{width:52px;height:52px}.button--primary{background:var(--accent);color:var(--paper)}.button--primary:hover:not([disabled]){background:color-mix(in srgb, var(--accent) 78%, var(--ink))}.button--secondary{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border);box-shadow:3px 3px 0 0 var(--accent-border)}.button--secondary:hover:not([disabled]){box-shadow:2px 2px 0 0 var(--accent-border);background:0 0}.button--ghost{color:var(--ink-soft);border-color:var(--rule);box-shadow:none;background:0 0}.button--ghost:hover:not([disabled]){color:var(--ink);border-color:var(--ink);box-shadow:none;transform:none}.button--ghost:active:not([disabled]){transform:translate(1px,1px)}.button--danger.button--primary{background:var(--danger)}.button--danger.button--primary:hover:not([disabled]){background:color-mix(in srgb, var(--danger) 78%, var(--ink))}.button--danger.button--secondary{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border);box-shadow:3px 3px 0 0 var(--danger-border)}.button--danger.button--ghost{color:var(--danger)}.button--danger.button--ghost:hover:not([disabled]){color:var(--danger);border-color:var(--danger-border)}@media (prefers-reduced-motion:reduce){.button,.button:hover:not([disabled]),.button:active:not([disabled]){transition:none;transform:none}}.icon{vertical-align:middle;flex-shrink:0;display:inline-block}.progress-ring{flex-shrink:0;display:block}.progress-ring__track{fill:none;stroke:var(--rule)}.progress-ring__fill{fill:none;stroke:var(--accent);stroke-linecap:butt;transition:stroke-dashoffset .25s linear}@media (prefers-reduced-motion:reduce){.progress-ring__fill{transition:none}}.skeleton{border:1px solid var(--rule);background-image:repeating-linear-gradient(45deg, var(--ink-faint) 0 1px, transparent 1px 7px);background-size:200% 100%;animation:1.8s linear infinite skeleton-hatch;display:block}@keyframes skeleton-hatch{0%{background-position:0 0}to{background-position:28px 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.spinner{border:2px dashed var(--accent-border);border-top-color:var(--accent);border-radius:50%;animation:1.4s steps(12,end) infinite spinner-rotate;display:inline-block}.spinner--sm{width:16px;height:16px}.spinner--md{width:24px;height:24px}.spinner--lg{border-width:3px;width:40px;height:40px}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.draw-hint{letter-spacing:.3px;color:var(--ink-soft);text-transform:uppercase;justify-content:center;align-items:center;gap:10px;margin:0;font-size:14px;display:flex}.draw-hint--locked{color:var(--ink-faint)}.draw-hint__clock{font-family:var(--font-mono);color:var(--accent);font-size:15px}.empty{text-align:center;border:1px dashed var(--rule);color:var(--ink-soft);border-radius:12px;padding:32px 16px}.empty__title{color:var(--ink);margin:0 0 4px;font-size:16px;font-weight:600}.empty__message{margin:0;font-size:15px}.error-actions{flex-direction:column;justify-content:center;gap:16px;margin-top:24px;display:flex}@media (width>=640px){.error-actions{flex-direction:row}}.error-details{text-align:left;margin-top:16px}.error-details__summary{cursor:pointer;color:var(--accent);font-size:14px;font-weight:500}.error-details__body{background:var(--paper-2);border-radius:4px;margin-top:8px;padding:12px;font-size:12px}.error-details__row+.error-details__row{margin-top:8px}.error-details__pre{white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);margin:4px 0 0}.mode-switch{border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 0 var(--ink);border-radius:2px;display:inline-flex;overflow:hidden}.mode-switch__option{font:inherit;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-soft);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease);background:0 0;border:0;padding:7px 12px;font-size:12px;font-weight:700}.mode-switch__option+.mode-switch__option{border-left:2px solid var(--ink)}.mode-switch__option:hover:not([disabled]):not([aria-pressed=true]){background:var(--paper-2);color:var(--ink)}.mode-switch__option:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.mode-switch__option[disabled]{cursor:not-allowed;opacity:.5}.mode-switch__option[aria-pressed=true]{color:var(--paper);cursor:default}.mode-switch__option--peak[aria-pressed=true]{background:#2f5d50}.mode-switch__option--testo[aria-pressed=true]{font-family:var(--font-testo);background:#b3341f;font-size:13px}@media (width>=640px){.mode-switch__option{padding:8px 16px;font-size:13px}}.phrase{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:4.5em;padding:0 8px;display:flex}.phrase__placeholder{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.phrase__text{font-family:var(--font-display);color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(22px,6.2vw,44px);line-height:1.1}.phrase--peak .phrase__text{letter-spacing:-.5px}.phrase--testo .phrase__text{letter-spacing:.5px;text-shadow:3px 3px 0 var(--accent-bg);font-size:clamp(26px,7.4vw,56px);transform:rotate(-1deg)}.phrase--speaking .phrase__text{animation:phrase-shout .42s var(--ease) infinite alternate}@keyframes phrase-shout{0%{transform:scale(1)rotate(0)}to{transform:scale(1.025)rotate(-.6deg)}}.phrase--testo.phrase--speaking .phrase__text{animation-name:phrase-shout-testo;animation-duration:.26s}@keyframes phrase-shout-testo{0%{transform:scale(1)rotate(-1deg)}to{transform:scale(1.05)rotate(1deg)}}@media (prefers-reduced-motion:reduce){.phrase--speaking .phrase__text,.phrase--testo.phrase--speaking .phrase__text{animation:none}}.error-page{flex:auto;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex}.error-page__inner{text-align:center;width:100%;max-width:32rem;padding:16px}.error-page__title{color:var(--ink);margin:0 0 8px}.error-page__status{color:var(--accent);margin:0 0 16px;font-size:16px;font-weight:600}.error-page__message{color:var(--ink-soft);margin:0}.app{background:var(--paper);flex-direction:column;min-height:100svh;display:flex;position:relative}.app:before{content:"";z-index:0;pointer-events:none;opacity:.55;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.38'/%3E%3C/svg%3E");position:fixed;inset:0}@media (prefers-color-scheme:dark){.app:before{mix-blend-mode:soft-light;opacity:.35}}.app__content{z-index:1;flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.app-header{z-index:1;border-bottom:2px solid var(--ink);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex;position:relative}.app-header__brand{font-family:var(--font-display);letter-spacing:.5px;color:var(--ink);margin:0;font-size:20px;line-height:1}@media (width>=640px){.app-header{padding:12px 24px}}.art{width:100%;height:auto;max-height:100%;color:var(--ink);display:block;overflow:visible}.art__ink{fill:var(--paper);stroke:var(--ink);stroke-width:3.4px;stroke-linejoin:round;stroke-linecap:round}.art__ink--thin{stroke-width:2.2px}.art__ink--hollow{fill:none}.art__ghost{fill:none;stroke:var(--ink-faint);stroke-width:2px;stroke-linejoin:round}.art__hatch{stroke:var(--ink);stroke-width:1.15px}.art__shade{stroke:none;opacity:.55}.art__accent{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round}.motivation{flex-direction:column;align-items:center;gap:16px;width:100%;min-height:0;display:flex}.motivation__plate{cursor:pointer;width:min(100%,460px);transition:transform .12s var(--ease);background:0 0;border:0;padding:0;display:block;position:relative}.motivation__plate:hover:not([disabled]){transform:translateY(-2px)rotate(-.5deg)}.motivation__plate:active:not([disabled]){transform:translateY(1px)scale(.99)}.motivation__plate:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:4px}.motivation__plate[disabled]{cursor:not-allowed}.motivation__plate[disabled] .art{opacity:.45}.motivation__lock{border:2px solid var(--ink);background:var(--paper);width:34px;height:34px;color:var(--ink-soft);border-radius:999px;place-items:center;display:grid;position:absolute;bottom:4px;right:4px}@media (prefers-reduced-motion:reduce){.motivation__plate,.motivation__plate:hover:not([disabled]),.motivation__plate:active:not([disabled]){transition:none;transform:none}}:root{--paper:#f3ead5;--paper-2:#e8dcbf;--ink:#17150f;--ink-soft:#4a4335;--ink-faint:#17150f61;--rule:#c9b98f;--accent:#2f5d50;--accent-bg:#2f5d501f;--accent-border:#2f5d508c;--danger:#a32b16;--danger-bg:#a32b161f;--danger-border:#a32b168c;--shadow:#17150f38 0 6px 0 -2px, #17150f1f 0 12px 24px -8px;--font-peak:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;--font-testo:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "Helvetica Neue", sans-serif;--font-ui:ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, Consolas, monospace;--font-display:var(--font-peak);--ease:cubic-bezier(.2, .9, .3, 1);font:16px/145% var(--font-ui);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--ink-soft);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width>=1024px){:root{font-size:18px}}:root[data-mode=testo]{--accent:#b3341f;--accent-bg:#b3341f1f;--accent-border:#b3341f99;--font-display:var(--font-testo)}@media (prefers-color-scheme:dark){:root{--paper:#14120d;--paper-2:#1e1b14;--ink:#f0e7d1;--ink-soft:#b3a98f;--ink-faint:#f0e7d152;--rule:#3a3428;--accent:#6fb39c;--accent-bg:#6fb39c29;--accent-border:#6fb39c8c;--danger:#e0674c;--danger-bg:#e0674c29;--danger-border:#e0674c8c;--shadow:#0009 0 6px 0 -2px, #0006 0 12px 24px -8px}:root[data-mode=testo]{--accent:#ef6a4c;--accent-bg:#ef6a4c29;--accent-border:#ef6a4c99}}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;display:flex}body{margin:0}h1,h2{font-family:var(--font-display);color:var(--ink);margin:0 0 8px}h1{letter-spacing:-.8px;font-size:28px}h2{letter-spacing:-.2px;font-size:18px;line-height:118%}p{margin:0}code{font-family:var(--font-mono);color:var(--ink);background:var(--paper-2);border-radius:4px;padding:4px 8px;font-size:15px;line-height:135%;display:inline-flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
