body{isolation:isolate}
.shell{position:relative;z-index:1;overflow-x:clip}
.hero{grid-template-columns:.75fr 1.3fr;gap:24px;padding:60px 0 48px}
.intro{position:relative;z-index:2}
.intro h1{font-size:68px}
.sigh-stage{position:relative;align-self:center;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;transform:none!important;min-width:0}
.sigh-stage:before{content:"EMOTION FIELD / 01"!important;position:absolute!important;top:143px!important;left:9px!important;right:auto!important;font:8px monospace!important;letter-spacing:2px!important;border:0!important;border-radius:0!important;padding:0!important;background:transparent!important;transform:none!important;color:var(--muted)!important;opacity:.65}
.sigh-stage:after{content:"SIGH. RELEASE. REPEAT.";position:absolute;right:-14px;top:235px;writing-mode:vertical-rl;font:8px monospace;letter-spacing:2px;color:var(--muted);opacity:.5}
.collective-label{font-size:11px!important;letter-spacing:2px!important}
.daily-total{margin:10px 0 0!important;padding:0!important;border:0!important;position:relative;z-index:2}
.daily-total>span:first-child{font-size:68px!important;font-variant-numeric:tabular-nums;line-height:1.05!important}
.button-orbit{width:100%!important;height:420px!important;margin:0 auto;cursor:pointer;touch-action:manipulation}
.sigh-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.sigh-button{width:82%!important;height:88%!important;border-radius:20px!important;z-index:2}
.button-orbit.three-ready .sigh-button,.button-orbit.three-ready .sigh-button:hover,.button-orbit.three-ready .sigh-button:active,.button-orbit.three-ready .sigh-button.pressed{background:transparent;border-color:transparent;box-shadow:none;transform:none!important}
.button-orbit.three-ready .sigh-button:before{opacity:0}
.button-orbit.three-ready .sigh-character,.button-orbit.three-ready .button-caption{opacity:0}
.button-orbit.three-ready>.orbit,.button-orbit.three-ready>.orbit-dot{opacity:0}
.button-orbit.three-ready .particles{z-index:3}
.button-orbit.three-ready .particle{font-size:24px;font-family:inherit;font-weight:500;top:39%;text-shadow:0 0 20px var(--blue);animation:float-away 1.1s ease-out forwards}
.button-orbit.three-ready .ripple{display:none}
.sigh-canvas[data-motion-state=fallback]{visibility:hidden}
.click-hint{margin:0 0 12px!important;position:relative;z-index:3}
.personal-count{position:relative;z-index:3;background:transparent!important;border:0!important;padding:0!important;font-size:10px!important}
.scene-status{margin:0 auto;min-height:61px;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:3;transition:transform .3s}
.scene-combo{font-size:10px;letter-spacing:2px;color:var(--blue);text-transform:uppercase}
.scene-caption{font-size:10px;letter-spacing:.6px;color:var(--muted)}
.scene-status.active{transform:translateY(-2px)}
.scene-status.active .scene-combo{font-size:15px;font-weight:700}
.page-wave{position:fixed;pointer-events:none;z-index:5;width:450px;height:450px;border-radius:50%;border:1px solid var(--blue);box-shadow:0 0 70px color-mix(in srgb,var(--blue) 16%,transparent),inset 0 0 50px color-mix(in srgb,var(--blue) 12%,transparent);opacity:0;transform:translate(-50%,-50%)}
.ambient-one{width:min(750px,calc(100% + 250px));height:800px;top:0;left:-250px}
.ambient-two{width:min(850px,100%);height:800px;top:-50px;right:0}
.motion-paused .particle,.motion-paused .ripple{display:none}
.motion-paused .sigh-button,.motion-paused .scene-status{transition:none!important}
.motion-paused .sigh-button.pressed,.motion-paused .sigh-button:active,.motion-paused .sigh-button:hover{transform:none!important}
.motion-paused .chart-bar{transition:none}
.icon-button[aria-pressed=true]{border-color:currentColor}
[data-theme=paper] .hero,[data-theme=arcade] .hero{grid-template-columns:.75fr 1.3fr;gap:24px;padding:60px 0 48px}
[data-theme=paper] .intro h1,[data-theme=arcade] .intro h1{font-size:60px}
[data-theme=paper] .ambient-two{display:block;background:#c58d51;opacity:.1;filter:blur(150px)}
[data-theme=arcade] .ambient-two{display:block;background:#b498e8;opacity:.25;filter:blur(140px)}
[data-theme=paper] .scene-status .scene-combo{color:#a04935}
[data-theme=arcade] .scene-status .scene-combo{color:#714ac5}
[data-theme=arcade] .countdown-card{box-shadow:3px 3px 0 #2a3220}
[data-theme=arcade] .daily-total>span:first-child{font-size:72px!important}
@media(min-width:1400px){.hero,[data-theme=paper] .hero,[data-theme=arcade] .hero{gap:36px;padding-top:75px}.button-orbit{height:460px!important}.intro h1{font-size:80px}[data-theme=paper] .intro h1,[data-theme=arcade] .intro h1{font-size:70px}}
@media(max-width:1000px) and (min-width:701px){.shell{padding:0 32px}.hero,[data-theme=paper] .hero,[data-theme=arcade] .hero{grid-template-columns:.8fr 1.1fr;gap:16px}.intro h1,[data-theme=paper] .intro h1,[data-theme=arcade] .intro h1{font-size:49px}.countdown-card,[data-theme=paper] .countdown-card,[data-theme=arcade] .countdown-card{width:255px}.button-orbit{height:370px!important}.sigh-stage:after{right:-8px}.daily-total>span:first-child{font-size:60px!important}}
@media(max-width:700px){.topbar-actions{gap:8px}.connection{max-width:90px;letter-spacing:0}.brand-name small{display:none}.brand-name{padding-left:8px}.wordmark{gap:8px}.hero,[data-theme=paper] .hero,[data-theme=arcade] .hero{grid-template-columns:1fr;gap:28px;padding:32px 0 22px}.intro h1,[data-theme=paper] .intro h1,[data-theme=arcade] .intro h1{font-size:44px;margin:16px 0 10px}.intro-copy,[data-theme=paper] .intro-copy,[data-theme=arcade] .intro-copy{font-size:11px}.countdown-card,[data-theme=paper] .countdown-card,[data-theme=arcade] .countdown-card{margin-top:20px;width:280px}.sigh-stage,[data-theme=paper] .sigh-stage,[data-theme=arcade] .sigh-stage{width:100%;max-width:none}.button-orbit{height:305px!important}.sigh-stage:before{top:128px!important;font-size:7px!important;left:0!important}.sigh-stage:after{font-size:7px;right:-10px;top:185px}.daily-total>span:first-child,[data-theme=arcade] .daily-total>span:first-child{font-size:58px!important}.scene-status{min-height:57px}.scene-caption{font-size:9px}.click-hint{font-size:9px}.page-wave{width:280px;height:280px}}
