.brand-frame{--brand-ink:#000;--brand-muted:rgb(0 0 0/60%);--brand-subtle:rgb(0 0 0/40%);--brand-primary-hover:#44403b;--brand-elevated-hover:#fdfcfc;--brand-inset:28px;--brand-left-inset:max(var(--brand-inset),env(safe-area-inset-left));--brand-right-inset:max(var(--brand-inset),env(safe-area-inset-right));--brand-top-inset:max(12px,env(safe-area-inset-top));--brand-bottom-inset:max(var(--brand-inset),env(safe-area-inset-bottom));position:fixed;inset:0;z-index:5;pointer-events:none;color:var(--brand-ink);font-family:var(--font-sans,Inter,sans-serif);font-weight:400}.brand-logo{position:fixed;top:var(--brand-top-inset);left:var(--brand-left-inset);display:flex;align-items:center;width:114px;height:36px;pointer-events:auto}.brand-logo svg{width:114px;height:auto}.brand-copy{position:absolute;display:flex;flex-direction:column;gap:20px;left:var(--brand-left-inset);bottom:var(--brand-bottom-inset);width:min(345px,34vw);pointer-events:auto;-webkit-user-select:text;-moz-user-select:text;user-select:text}.brand-frame[data-side=right] :is(.brand-logo,.brand-copy){left:auto;right:var(--brand-right-inset)}.brand-copy h1{--brand-trim-top:6px;--brand-trim-bottom:6px;margin:0;font-size:20px;line-height:27px;font-weight:400;letter-spacing:-.01em}.brand-copy :is(h1,p):before{content:"";display:table;margin-bottom:calc(-1 * var(--brand-trim-top))}.brand-copy :is(h1,p):after{content:"";display:table;margin-top:calc(-1 * var(--brand-trim-bottom))}.brand-copy h1 span{display:block;color:var(--brand-subtle)}.brand-copy p{--brand-trim-top:4.5px;--brand-trim-bottom:4.5px;margin:0;color:var(--brand-muted);font-size:13px;line-height:18px;letter-spacing:.01em}@supports (text-box-trim:trim-both){.brand-copy :is(h1,p){text-box-trim:trim-both;text-box-edge:cap alphabetic}.brand-copy :is(h1,p):after,.brand-copy :is(h1,p):before{content:none}}.brand-actions{display:flex;flex-wrap:wrap;gap:8px}.brand-button{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;border-radius:9999px;font-size:14px;line-height:21px;font-weight:400;letter-spacing:.01em;white-space:nowrap;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1)}.brand-button:active{transform:scale(.98)}.brand-button-primary{background:#000;color:#fdfcfc;box-shadow:0 0 0 1px rgb(0 0 0/6%),0 1px 2px rgb(0 0 0/4%),0 2px 4px rgb(0 0 0/4%)}.brand-button-primary:hover{background:var(--brand-primary-hover)}.brand-button-secondary{background:#fff;color:#0c0a09;backdrop-filter:blur(5px);box-shadow:0 0 0 .5px rgb(0 0 0/12%),0 1px 1px rgb(0 0 0/4%),0 2px 4px rgb(0 0 0/4%)}.brand-button-secondary:hover{background:var(--brand-elevated-hover)}.brand-button:focus-visible{outline:1.5px solid #2b7fff;outline-offset:2px}.brand-logo:focus-visible{outline:2px solid var(--brand-muted);outline-offset:5px}.brand-frame[data-compact=true]{--brand-inset:20px;--brand-top-inset:max(20px,env(safe-area-inset-top))}.brand-frame[data-compact=true]>.brand-actions{position:fixed;top:var(--brand-top-inset);right:var(--brand-right-inset);pointer-events:auto}.brand-mobile-copy{position:fixed;bottom:calc(clamp(28px, 4.717dvh, 40px) + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(395px,calc(100% - 40px));margin:0;color:#000;font-size:14px;line-height:21px;letter-spacing:.01em;text-align:center;text-box-trim:trim-both;text-box-edge:cap alphabetic;pointer-events:auto;-webkit-user-select:text;-moz-user-select:text;user-select:text}.brand-mobile-copy span{color:rgb(0 0 0/60%)}@media (max-width:359px){.brand-frame[data-compact=true] .brand-logo,.brand-frame[data-compact=true] .brand-logo svg{width:92px}.brand-frame[data-compact=true] .brand-button{padding-inline:10px;font-size:13px}}@media (prefers-reduced-motion:reduce){.brand-button{transition:none}}.intro-copy-position{position:absolute;inset:0;display:grid;place-items:center;padding:24px;pointer-events:none}.intro-copy{text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#202020;letter-spacing:.25px}.intro-copy,.intro-final-step,.intro-step{position:absolute;inset:0}.intro-step{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:24px}.intro-story{display:flex;align-items:center;gap:.45em;width:-moz-max-content;width:max-content;min-width:0;max-width:100%;line-height:1.5;text-align:left}.intro-sentence-slot{position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%}.intro-sentence{grid-area:1/1;align-self:center;min-width:0}.intro-tag-anchor{display:block;flex-shrink:0}@media (max-width:600px){.intro-story{flex-direction:column;width:100%;gap:.6em;text-align:center}.intro-sentence-slot{width:100%}}.intro-invitation{position:absolute;inset:0;z-index:5;pointer-events:none;text-align:center}.intro-invitation-hint,.intro-invitation-question{position:absolute;left:24px;right:24px;font-family:var(--font-sans,Inter,sans-serif);font-size:14px;font-weight:400;line-height:21px}.intro-invitation-question{bottom:calc(50% + 64px);color:#555}.intro-invitation-hint{top:calc(50% + 64px);color:#999}.intro-invitation-target{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(320px,85vw);height:72px;border-radius:12px;pointer-events:auto;touch-action:none;cursor:grab}.intro-invitation-target:active{cursor:grabbing}.intro-invitation-target:focus-visible{outline:1px solid #999;outline-offset:4px}.intro-question-copy,.intro-scroll-hint{position:absolute;left:24px;right:24px;font-family:var(--font-sans,Inter,sans-serif);font-size:14px;font-weight:400;line-height:21px;letter-spacing:.01em}.intro-scroll-hint{color:#aaa}.intro-timed-word{position:relative;display:inline-block;white-space:nowrap}.intro-timed-measure{visibility:hidden}.intro-timed-ink{position:absolute;inset:0;text-align:center;transform-origin:center}.emotion-wheel-scene[data-compact=true] .intro-story{flex-direction:column;width:100%;gap:.6em;max-width:min(100%,32ch);text-align:center}.emotion-wheel-scene[data-compact=true] .intro-sentence-slot{width:100%}.intro-tag-measure{grid-area:1/1;visibility:hidden;white-space:nowrap}.intro-story-measure{visibility:hidden;pointer-events:none}.prompt-arrow{color:#969696;cursor:pointer;outline:none;transition:color .16s ease}.prompt-arrow-surface{fill:transparent;stroke:transparent;transition:fill .16s ease,stroke .16s ease}.prompt-arrow:focus-visible,.prompt-arrow:hover{color:#252525}.prompt-arrow:hover .prompt-arrow-surface{fill:#00000006}.prompt-arrow:focus-visible .prompt-arrow-surface{stroke:#999}.emotion-wheel-scene[data-compact=false] .prompt-arrow{opacity:.5;transition:color .16s ease,opacity .16s ease}.emotion-wheel-scene[data-compact=false]:has(.prompt-arrow:hover,.prompt-arrow:focus-visible) .prompt-arrow,.emotion-wheel-scene[data-compact=false][data-prompt-row-hover] .prompt-arrow{color:#252525;opacity:1}.emotion-wheel-scene[data-compact=true] .prompt-arrow-surface{x:-24px;y:-22px;width:48px;height:44px}.emotion-wheel-scene[data-compact=true] .prompt-arrow{color:#777}.emotion-wheel-scene[data-compact=true]{overscroll-behavior-y:none;background:#fdfcfc}