.tc{--ink:#0d0c16;--surface:#14131f;--line:#262438;--fg:#f1ebe2;--muted:#a8a3b8;--accent:#f2a65a;--accent-ink:#1f1206;--display:"Bodoni Moda","Bodoni 72",Didot,Georgia,serif;--body:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.tc [hidden]{display:none!important}.tc,.tc *,.tc :before,.tc :after{box-sizing:border-box}.tc{font-family:var(--body);padding-block:0 56px;padding-inline:16px;font-size:16px;line-height:1.5}.tc .app{flex-direction:column;gap:22px;max-width:480px;margin:0 auto;display:flex}.tc .bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-block:18px 10px;display:flex}.tc .wordmark{font-family:var(--display);font-size:21px;font-style:italic}.tc .eyebrow{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px}.tc .screen{flex-direction:column;gap:20px;display:flex}.tc .intro{flex-direction:column;gap:10px;display:flex}.tc h1{font-family:var(--display);text-wrap:balance;margin:0;font-size:clamp(28px,7.4vw,36px);font-weight:400;line-height:1.12}.tc h1 em{color:var(--accent);font-style:italic}.tc p{margin:0}.tc .lede{color:var(--muted);max-width:60ch}.tc .stage{aspect-ratio:1;background:#08070f;border-radius:3px;width:100%;max-width:100%;position:relative;overflow:hidden}.tc .stage canvas{z-index:1;width:100%;height:100%;display:block;position:relative}.tc .immersive{z-index:40;background:#08070f;display:block;position:fixed;inset:0;overflow:hidden}.tc .immersive.scrolls{height:100dvh;position:absolute;inset:0 0 auto}.tc .immersive video,.tc .immersive canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.tc .immersive video{object-fit:cover;z-index:0}.tc .immersive canvas{z-index:1}.tc .im-top{z-index:3;padding:calc(14px + env(safe-area-inset-top,0px)) 18px 14px;background:linear-gradient(#08070fb3,#08070f00);justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.tc .im-btn{font:inherit;color:var(--fg);border:1px solid var(--line);cursor:pointer;background:#14131f99;border-radius:999px;padding:7px 14px;font-size:13px}.tc .stage-toggle{z-index:2;position:absolute;top:10px;right:10px}.tc .stage-sound{z-index:2;position:absolute;top:10px;left:10px}.tc .im-tools{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.tc .im-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tc .icon-btn{justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.tc .icon-btn svg{display:block}.tc .stage .icon-btn.stage-sound{top:8px;left:8px}.tc .im-hint{text-shadow:0 0 18px #08070f,0 0 6px #08070f;z-index:3;text-align:center;width:min(34rem,100% - 48px);font-family:var(--display);color:var(--fg);pointer-events:none;text-wrap:balance;margin:0;font-size:clamp(20px,3.2vw,30px);font-style:italic;line-height:1.25;transition:opacity .6s;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.tc .im-bottom{z-index:3;padding:72px 18px calc(18px + env(safe-area-inset-bottom,0px));background:linear-gradient(#08070f00,#08070ff5 55%);flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.tc .im-bottom .small{text-align:center;max-width:46ch}.tc .im-about{color:var(--muted);text-underline-offset:4px;align-items:center;min-height:44px;display:inline-flex}.tc .im-about:hover{color:var(--fg)}.tc .im-row{flex-wrap:wrap;justify-content:center;gap:10px;width:min(100%,480px);display:flex}.tc .im-row .btn{flex:180px}.tc .stage .pad-hint,.tc .stage .caption{z-index:2}.tc .pad-hint{padding-inline:18px}.tc .caption{font-family:var(--mono);letter-spacing:.06em;color:var(--fg);opacity:0;pointer-events:none;font-size:12px;transition:opacity .7s;position:absolute;bottom:12px;left:14px}.tc .caption.on{opacity:.85}.tc .chips{flex-wrap:wrap;gap:8px;display:flex}.tc .chip{--c:var(--muted);font:inherit;color:var(--fg);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:6px 13px 6px 10px;font-size:14px;display:inline-flex}.tc .chip .dot{background:var(--c);border-radius:50%;width:8px;height:8px}.tc .chip small{color:var(--muted);font-size:12px}.tc .chip[aria-pressed=true]{border-color:var(--c);background:color-mix(in srgb,var(--c) 16%,transparent)}.tc .chip:disabled{cursor:default;color:var(--muted);border-style:dashed}.tc .chip:disabled .dot{border:1px solid var(--c);box-shadow:none;background:0 0}.tc .actions{flex-direction:column;gap:10px;display:flex}.tc .btn{font:inherit;border:1px solid var(--line);color:var(--fg);cursor:pointer;text-align:center;background:0 0;border-radius:999px;padding:14px 18px;font-size:16px;font-weight:600;text-decoration:none}.tc .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.tc .btn.quiet{color:var(--muted);text-underline-offset:4px;border:none;align-self:center;padding:6px;font-weight:500;text-decoration:underline}.tc .btn:disabled{opacity:.4;cursor:not-allowed}.tc .btn:focus-visible,.tc .chip:focus-visible,.tc .choice:focus-visible,.tc #pad:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tc .choices{grid-template-columns:1fr;gap:10px;display:grid}.tc .choice{text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--fg);font:inherit;cursor:pointer;border-radius:4px;flex-direction:column;gap:6px;min-width:0;padding:18px;display:flex}.tc .choice strong{font-family:var(--display);font-size:24px;font-style:italic;font-weight:400}.tc .choice span{color:var(--muted);font-size:14px}.tc .choice:hover{border-color:var(--accent)}.tc #pad{touch-action:none;cursor:crosshair}.tc .pad-hint{text-align:center;color:var(--muted);pointer-events:none;font-size:14px;transition:opacity .5s;position:absolute;inset:auto 0 18px}.tc .heard{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;display:grid}.tc .heard div{flex-direction:column;gap:2px;min-width:0;display:flex}.tc .heard dt{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.tc .heard dd{font-family:var(--display);margin:0;font-size:19px;font-style:italic}.tc .small{color:var(--muted);font-size:14px}.tc .status{color:var(--accent);min-height:1.5em;font-size:14px}.tc .visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tc .consent{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding-top:18px;display:flex}.tc .consent ul{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.tc .consent li button{width:100%;font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:4px;justify-content:space-between;gap:8px;padding:9px 12px;font-size:14px;display:flex}.tc .consent li button span:last-child{color:var(--muted)}.tc .consent li button[aria-pressed=true] span:last-child{color:var(--accent)}.tc details.mech{border-top:1px solid var(--line);color:var(--muted);padding-top:14px;font-size:14px}.tc details.mech summary{cursor:pointer;color:var(--fg);font-weight:500}.tc details.mech dl{flex-direction:column;gap:12px;margin:14px 0 0;display:flex}.tc details.mech dt{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:10.5px}.tc details.mech dd{max-width:62ch;margin:2px 0 0}.tc .toast{z-index:60;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));background:var(--surface);border:1px solid var(--line);max-width:calc(100% - 32px);color:var(--fg);opacity:0;pointer-events:none;border-radius:6px;padding:10px 16px;font-size:14px;transition:opacity .3s,transform .3s;position:fixed;transform:translate(-50%,8px)}.tc .toast.on{opacity:1;transform:translate(-50%)}.tc .im-center{z-index:2;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tc .feel-prompt{font-family:var(--display);text-align:center;width:min(30rem,100% - 64px);color:var(--fg);text-wrap:balance;text-shadow:0 0 24px #08070f,0 0 8px #08070f;margin:0;font-size:clamp(22px,3.4vw,34px);font-style:italic;line-height:1.3;transition:opacity 1s}.tc .breath-cue{z-index:2;text-align:center;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);pointer-events:none;margin:0;font-size:12px;transition:opacity .8s;position:absolute;top:calc(50% + min(27vw,27vh) + 14px);left:0;right:0}.tc #s-listen canvas{object-fit:contain;opacity:.3;-webkit-mask-image:radial-gradient(circle closest-side,#000 55%,#0000 100%);mask-image:radial-gradient(circle closest-side,#000 55%,#0000 100%)}.tc .stage.float{background:0 0}.tc .stage.float canvas{-webkit-mask-image:radial-gradient(circle,#000 46%,#0000 71%);mask-image:radial-gradient(circle,#000 46%,#0000 71%)}.tc .listen-ring{z-index:2;pointer-events:none;width:min(74vw,58vh);height:min(74vw,58vh);position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.tc .listen-ring circle{fill:none}.tc .listen-form{width:min(100%,480px)}.tc .line-input{box-sizing:border-box;font-family:var(--display);color:var(--fg);border:1px solid var(--line);background:#14131fbf;border-radius:4px;width:100%;padding:14px 16px;font-size:22px;font-style:italic}.tc .line-input::placeholder{color:var(--muted)}.tc .line-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tc .make-line{font-family:var(--display);text-wrap:balance;margin:0;font-size:clamp(24px,6vw,32px);font-style:italic;line-height:1.3}.tc .seg{gap:8px;display:flex}.tc .seg .btn{flex:1}.tc .seg .btn[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent)}.tc .when{flex-wrap:wrap;gap:8px;display:flex}.tc .when .btn{padding:10px 16px;font-size:15px;font-weight:500}.tc .when .btn[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent)}.tc .step-row{background:var(--surface);border:1px solid var(--line);border-radius:4px;align-items:baseline;gap:8px;padding:0 14px;display:flex}.tc .step-row:focus-within{outline:2px solid var(--accent);outline-offset:2px}.tc .step-row span{font-family:var(--display);color:var(--muted);font-size:19px;font-style:italic}.tc .field .step-row input{min-width:0;font:inherit;color:var(--fg);background:0 0;border:none;border-radius:0;outline:none;flex:1;padding:12px 0}.tc .field .step-row input:focus-visible{outline:none}.tc .exp{font-family:var(--display);text-wrap:balance;margin:0;font-size:clamp(20px,5vw,24px);font-style:italic;line-height:1.35}.tc .field input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;max-width:180px}.tc .field{flex-direction:column;gap:6px;display:flex}.tc .field label{color:var(--muted);font-size:14px}.tc .field input{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:12px 14px}.tc .field input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tc .field textarea{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--line);resize:vertical;border-radius:4px;min-height:96px;padding:12px 14px}.tc .field textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tc #stars{z-index:45;pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;position:fixed;inset:0}.tc #s-feel.opening .feel-prompt{font-size:clamp(30px,5.4vw,48px)}.tc .who{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.tc .who li{flex-direction:column;gap:2px;display:flex}.tc .who strong{font-family:var(--display);font-size:23px;font-style:italic;font-weight:400}.tc .who span{color:var(--muted)}.tc .reflect{font-family:var(--display);color:var(--accent);min-height:1.35em;margin:0;font-size:19px;font-style:italic;line-height:1.35}@media (prefers-reduced-motion:reduce){.tc *{transition:none!important}}.tc .room-footer{border-top:1px solid var(--line);padding-top:8px}.tc .room-footer a{color:var(--muted);text-underline-offset:4px}.tc .room-footer a:hover{color:var(--fg)}:is(html:has(.tc),body:has(.tc)){background:#0d0c16}.tc{min-height:100dvh;color:var(--fg);background:var(--ink)}.tc ul.chips{margin:0;padding:0;list-style:none}.tc li.chip{cursor:default}
