:root{--signal:#ffea00;--personality:#fd109a;--ink:#100f0d;--graphite:#1c1a17;--paper:#f7f6f3;--white:#fff;--chalk:#e7e6e3;--slate:#6e6b64;--ash:#8e8b83;--line-light:#e4e2dc;--line-dark:#2b2825;--signal-08:color-mix(in oklch, var(--signal) 8%, transparent);--signal-18:color-mix(in oklch, var(--signal) 18%, transparent);--signal-32:color-mix(in oklch, var(--signal) 32%, transparent);--signal-press:color-mix(in oklch, var(--signal) 88%, var(--ink));--ink-64:color-mix(in oklch, var(--ink) 64%, var(--paper));--ink-40:color-mix(in oklch, var(--ink) 40%, var(--paper));--ink-30:color-mix(in oklch, var(--ink) 30%, var(--paper));--ghost:#b7b4ad;--strike:#c9c6be;--pill:#eceae4;--alert:#e23d3d;--shadow-1:0 1px 2px #100f0d0a, 0 2px 6px #100f0d0a;--shadow-2:0 2px 4px #100f0d0a, 0 8px 20px #100f0d0f, 0 24px 48px #100f0d0d;--shadow-stage:inset 0 0 0 1px #ffffff0f, 0 24px 64px #100f0d52;--ring:0 0 0 3px color-mix(in oklch, var(--signal) 55%, transparent);--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-sheet:cubic-bezier(.32, .72, 0, 1);--dur-micro:.12s;--dur-base:.18s;--dur-panel:.32s;--font-display:"Poppins", system-ui, sans-serif;--font-body:"Switzer", system-ui, sans-serif;--font-transcript:"Amulya", Georgia, serif;--font-mono:"Geist Mono", ui-monospace, monospace}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.55}::selection{background:var(--signal-32);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}:focus-visible{box-shadow:var(--ring);border-radius:6px;outline:none}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.mono{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.display{font-family:var(--font-display);letter-spacing:-.018em;font-weight:700;line-height:.95}.title{font-family:var(--font-display);letter-spacing:-.02em;font-size:30px;font-weight:700;line-height:1.1}.eyebrow{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--slate);font-size:10px;font-weight:500}.noselect{-webkit-user-select:none;user-select:none}.stage{background:var(--ink);box-shadow:var(--shadow-stage);view-transition-name:stage;border-radius:28px;place-items:center;padding:24px;display:grid}.stage-inner{aspect-ratio:9/16;background:#000;border-radius:6px;width:100%;position:relative;overflow:hidden}.stage-inner video,.stage-inner img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}@keyframes yap-pulse{0%,to{opacity:1}50%{opacity:.55}}.skeleton{background:color-mix(in oklch, var(--ink) 8%, var(--paper));animation:yap-pulse 1.6s var(--ease-out) infinite;border-radius:6px}@keyframes yap-spin{to{transform:rotate(360deg)}}@keyframes yappyCtaIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.spin{animation:.7s linear infinite yap-spin}.scroll{overscroll-behavior:contain;scrollbar-width:thin;overflow-y:auto}.scroll::-webkit-scrollbar{width:10px}.scroll::-webkit-scrollbar-thumb{background:color-mix(in oklch, var(--ink) 14%, transparent);background-clip:content-box;border:3px solid #0000;border-radius:999px}.font-rail{scrollbar-width:thin;scrollbar-color:color-mix(in oklch, var(--ink) 20%, transparent) transparent}.font-rail::-webkit-scrollbar{height:6px}.font-rail::-webkit-scrollbar-thumb{background:color-mix(in oklch, var(--ink) 18%, transparent);border-radius:999px}::view-transition-old(stage){mix-blend-mode:normal;animation:none}::view-transition-new(stage){mix-blend-mode:normal;animation:none}@keyframes wordEditorRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes wordArm{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes wordWash{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes roleColorPop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.keep-motion,.keep-motion *{transition-duration:.24s!important}}.preview-dock{top:var(--dock-top,88px);align-self:start;position:sticky}.preview-stage{transition:max-width .28s var(--ease-out)}@media (width>=901px){.hook-grid,.cta-grid{justify-content:center;grid-template-columns:auto minmax(360px,440px)!important;column-gap:56px!important}.hook-grid .preview-dock{order:-1}.hook-grid .preview-stage,.cta-grid .preview-stage{width:auto!important}.hook-grid .preview-frame,.cta-grid .preview-frame{width:min(315px,56.25svh - 208.125px)!important;height:auto!important}.hook-grid>div:not(.preview-dock),.cta-grid>div:not(.preview-dock){align-self:center;max-width:440px}}@media (width<=900px){.preview-dock{top:var(--app-header-h,92px);z-index:20;margin-left:calc(-1 * var(--dock-bleed,16px));margin-right:calc(-1 * var(--dock-bleed,16px));padding:6px var(--dock-bleed,16px) 8px;background:var(--paper);border-bottom:1px solid var(--line-light);box-shadow:var(--shadow-1);max-height:calc((100svh - var(--app-header-h,92px)) * .52);place-items:center;display:grid}.preview-dock .preview-stage{border-radius:16px!important;width:auto!important;max-width:none!important;padding:10px!important}.preview-dock .preview-frame{width:clamp(112.5px, calc((((100svh - var(--app-header-h,92px)) * .52) - 72px) * 9 / 16), 202.5px)!important;height:auto!important}.preview-dock>:not(.preview-stage){display:none!important}}@media (prefers-reduced-motion:reduce){.preview-stage{transition-duration:0s}}