.emotion{padding:100px 20px 88px;background:radial-gradient(circle at 50% 24%,rgba(111,124,245,.2),transparent 28%),radial-gradient(circle at 20% 44%,rgba(255,107,61,.13),transparent 24%),#08090c}.emotion-intro{width:min(100%,520px);margin:0 auto;text-align:center}.emotion-watch{position:relative;display:grid;width:min(84vw,380px);min-height:410px;place-items:center;margin:16px auto 0}.emotion-watch img{position:relative;z-index:2;width:76%;filter:drop-shadow(0 35px 48px rgba(0,0,0,.55))}.emotion-orbit{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%}.orbit-one{width:330px;height:330px;animation:orbit 14s linear infinite}.orbit-one::after{position:absolute;top:12%;left:10%;width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 24px var(--orange);content:""}.orbit-two{width:250px;height:250px;border-color:rgba(111,124,245,.2);animation:orbit 10s linear infinite reverse}.orbit-two::after{position:absolute;right:8%;bottom:20%;width:7px;height:7px;border-radius:50%;background:#7b88ff;box-shadow:0 0 18px #7b88ff;content:""}@keyframes orbit{to{transform:rotate(360deg)}}.emotion-readout{position:absolute;z-index:3;bottom:26px;display:grid;min-width:180px;gap:2px;padding:13px 16px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.08);text-align:center;backdrop-filter:blur(18px)}.emotion-readout span,.emotion-readout small{color:rgba(255,255,255,.48);font-size:10px}.emotion-readout strong{font-size:17px}.emotion-chips{display:flex;justify-content:center;gap:7px;margin:18px auto 76px}.emotion-chips span{padding:9px 12px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.62);font-size:11px}.mood-block{width:min(100%,700px);margin:0 auto}.mood-block h3{font-size:32px;line-height:1.05}.mood-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mood-card{display:grid;min-height:170px;align-content:end;gap:4px;padding:17px;border:1px solid rgba(255,255,255,.08);border-radius:24px;color:#fff;text-align:left;transition:transform .12s ease}.mood-card i{display:grid;width:42px;height:42px;place-items:center;margin-bottom:auto;border-radius:50%;font-size:23px;font-style:normal}.mood-card strong{font-size:17px}.mood-card span{color:rgba(255,255,255,.54);font-size:11px}.mood-card.joy{background:linear-gradient(145deg,#5a3827,#251b18)}.mood-card.joy i{background:#ff9b59}.mood-card.calm{background:linear-gradient(145deg,#23483f,#122520)}.mood-card.calm i{background:#58b6a1}.mood-card.low{background:linear-gradient(145deg,#31364b,#181b29)}.mood-card.low i{background:#7782b4}.mood-card.tense{background:linear-gradient(145deg,#4b2d35,#28181d)}.mood-card.tense i{background:#ba6479}.disclaimer{width:min(100%,620px);margin:30px auto 0;color:rgba(255,255,255,.35)!important;font-size:11px;line-height:1.55;text-align:center}.disclaimer.light{color:#85858b!important}
.health{background:#fff}.health-tabs{display:flex;flex-wrap:wrap;justify-content:center;width:min(100%,560px);gap:6px;overflow:visible;margin:0 auto 20px;padding-bottom:4px}.health-tabs button{flex:0 0 auto;padding:9px 14px;border:0;border-radius:999px;background:#f0f1f4;color:#6e6e73;font-size:13px;font-weight:650}.health-tabs button.active{background:#1d1d1f;color:#fff}.health-carousel{margin:0 -20px}.health-track{display:flex;gap:10px;overflow-x:auto;padding:0 20px 10px;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x}.health-card{position:relative;flex:0 0 84vw;max-width:390px;min-height:470px;overflow:hidden;padding:26px 22px;border-radius:30px;background:#f5f5f7;scroll-snap-align:center}.health-card.health-image-card{aspect-ratio:780/940;min-height:0;padding:0;border:1px solid rgba(29,29,31,.06);background:#fff;box-shadow:0 12px 34px rgba(30,35,48,.06);opacity:.58;transform:scale(.965) translateZ(0);transition:opacity .32s ease,transform .48s cubic-bezier(.22,.8,.22,1),box-shadow .48s ease}.health-card.health-image-card.is-active{opacity:1;transform:scale(1) translateZ(0);box-shadow:0 24px 54px rgba(30,35,48,.12)}.health-image-card img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.018);will-change:transform,opacity}.health-image-card.is-active img{animation:healthVisualIn .62s cubic-bezier(.22,.8,.22,1) both}.health-image-card::after{position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.72) 49%,transparent 60%);content:"";opacity:0;pointer-events:none;transform:translateX(-80%) rotate(4deg)}.health-image-card.is-active::after{animation:healthSheen 1.05s .16s cubic-bezier(.22,.8,.22,1) both}.sleep-quality-range{position:absolute;z-index:3;top:54.2%;left:12.15%;width:74.45%;height:7.2%;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:grab;touch-action:none}.sleep-quality-range:active{cursor:grabbing}.sleep-quality-range::-webkit-slider-runnable-track{height:30px;background:transparent}.sleep-quality-range::-webkit-slider-thumb{width:28px;height:20px;margin-top:5px;border:0;background:#111;clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 2px 2px rgba(0,0,0,.18));-webkit-appearance:none}.sleep-quality-range::-moz-range-track{height:30px;background:transparent}.sleep-quality-range::-moz-range-thumb{width:28px;height:20px;border:0;border-radius:0;background:#111;clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 2px 2px rgba(0,0,0,.18))}.sleep-quality-range:focus-visible{outline:3px solid rgba(166,20,255,.24);outline-offset:4px;border-radius:12px}@keyframes healthVisualIn{0%{opacity:.6;transform:scale(1.03)}100%{opacity:1;transform:scale(1.018)}}@keyframes healthSheen{0%{opacity:0;transform:translateX(-80%) rotate(4deg)}28%{opacity:.42}100%{opacity:0;transform:translateX(80%) rotate(4deg)}}@media(prefers-reduced-motion:reduce){.health-card.health-image-card,.health-image-card img{transition:none;transform:none}.health-image-card.is-active img{animation:none}.health-image-card::after,.health-image-card.is-active::after{display:none;animation:none}}.health-card.sleep{background:#ebeafa}.health-card.heart{background:#f7e9e8}.health-card.oxygen{background:#e7f0f4}.health-card.stress{background:#eeeaf4}.health-card.move{background:#e9f2ed}.health-top{display:flex;align-items:center;justify-content:space-between;color:#66666c;font-size:12px}.health-top b{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.55);color:#1d1d1f}.metric{display:block;margin:34px 0 18px;font-size:64px;line-height:.9;letter-spacing:-.055em}.metric small{margin-left:3px;font-size:15px;letter-spacing:0}.health-card h3{position:absolute;left:22px;right:22px;bottom:62px;font-size:25px}.health-card p{position:absolute;left:22px;right:22px;bottom:22px;font-size:12px;line-height:1.45}.sleep-line{display:flex;height:96px;align-items:flex-end;gap:4px}.sleep-line i{flex:1;border-radius:4px;background:#7c75c9}.sleep-line i:nth-child(1){height:32%}.sleep-line i:nth-child(2){height:68%}.sleep-line i:nth-child(3){height:45%}.sleep-line i:nth-child(4){height:86%}.sleep-line i:nth-child(5){height:53%}.sleep-line i:nth-child(6){height:72%}.line-chart{width:100%;height:110px;overflow:visible}.line-chart path{fill:none;stroke:#d65c5c;stroke-width:4;stroke-linecap:round}.oxygen-ring{display:grid;width:120px;height:120px;place-items:center;border:15px solid rgba(62,131,158,.16);border-top-color:#4387a0;border-radius:50%;transform:rotate(35deg)}.oxygen-ring i{width:50px;height:50px;border-radius:50%;background:#fff;box-shadow:0 0 25px rgba(67,135,160,.18)}.stress-bars{display:flex;height:110px;align-items:flex-end;gap:7px}.stress-bars i{flex:1;border-radius:5px;background:#8a79ae}.stress-bars i:nth-child(1){height:36%}.stress-bars i:nth-child(2){height:49%}.stress-bars i:nth-child(3){height:42%}.stress-bars i:nth-child(4){height:88%}.stress-bars i:nth-child(5){height:64%}.stress-bars i:nth-child(6){height:74%}.stress-bars i:nth-child(7){height:52%}.move-rings{position:relative;width:130px;height:130px}.move-rings i{position:absolute;inset:0;border:12px solid rgba(75,145,105,.14);border-top-color:#4b9169;border-radius:50%;transform:rotate(36deg)}.move-rings i:nth-child(2){inset:20px;border-color:rgba(74,123,181,.14);border-right-color:#4a7bb5}.move-rings i:nth-child(3){inset:40px;border-color:rgba(233,130,71,.14);border-bottom-color:#e98247}.carousel-count{width:min(84vw,390px);margin:8px auto 0;color:#77777d;font-size:12px;text-align:right}
.response{background:#f0f1f4}.response-tabs{display:grid;width:min(100%,620px);grid-template-columns:repeat(3,1fr);gap:4px;margin:0 auto 12px;padding:4px;border-radius:999px;background:#dedfe4}.response-tabs button{min-height:42px;border:0;border-radius:999px;background:transparent;color:#74747a;font-size:12px;font-weight:680}.response-tabs button.active{background:#fff;color:#1d1d1f;box-shadow:0 4px 14px rgba(0,0,0,.08)}.response-panels{width:min(100%,620px);margin:0 auto}.response-panel{display:flex;min-height:520px;flex-direction:column;padding:27px 22px 20px;border-radius:30px;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.06)}.response-panel[hidden]{display:none}.response-panel.active{animation:panelIn .35s ease both}@keyframes panelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.panel-copy span{color:#a35b3d;font-size:11px;font-weight:700}.panel-copy h3{margin-top:9px;font-size:31px}.panel-copy h3:first-child{margin-top:0}.panel-copy p{font-size:14px}.response-panel>small{margin-top:auto;color:#77777c;font-size:11px;text-align:center}.chat-demo{display:grid;gap:10px;margin-top:36px}.bubble{width:86%;padding:13px 15px;border-radius:18px;font-size:13px;line-height:1.5}.bubble.me{margin-left:auto;border-bottom-right-radius:6px;background:#1d1d1f;color:#fff}.bubble.bot{border-bottom-left-radius:6px;background:#f0f1f4;color:#3b3b3f}.journal-demo{display:grid;gap:14px;margin-top:38px;padding:22px;border-radius:24px;background:#f5f5f7}.journal-demo>span{color:#999;font-size:11px}.journal-demo p{font-size:15px;color:#1d1d1f}.wave{display:flex;height:58px;align-items:center;gap:5px}.wave i{width:5px;border-radius:3px;background:var(--orange);animation:wave 1s ease-in-out infinite alternate}.wave i:nth-child(1){height:22%}.wave i:nth-child(2){height:56%;animation-delay:.1s}.wave i:nth-child(3){height:80%;animation-delay:.2s}.wave i:nth-child(4){height:42%;animation-delay:.3s}.wave i:nth-child(5){height:68%;animation-delay:.4s}.wave i:nth-child(6){height:35%;animation-delay:.5s}.wave i:nth-child(7){height:52%;animation-delay:.6s}@keyframes wave{from{transform:scaleY(.62)}to{transform:scaleY(1.04)}}.breath-control{position:relative;display:grid;width:210px;height:210px;place-content:center;gap:6px;margin:28px auto;border:0;border-radius:50%;background:radial-gradient(circle,#fff 0 44%,transparent 45%),conic-gradient(var(--orange),#f7c28f,var(--green),var(--blue),var(--orange));box-shadow:0 20px 50px rgba(111,124,245,.2);color:#1d1d1f}.breath-control i{position:absolute;inset:12px;border:1px solid rgba(255,255,255,.8);border-radius:50%}.breath-control span{font-size:15px;font-weight:720}.breath-control strong{color:#777;font-size:11px}.breath-control.running{animation:breathe 8s ease-in-out infinite}@keyframes breathe{0%,100%{transform:scale(.9)}50%{transform:scale(1.04)}}

/* Response experience: progressive AI dialogue, journal pages and wooden fish */
.ai-dialogue-stage{position:relative;overflow:hidden;width:min(100%,346px);height:auto;aspect-ratio:346.35/539.5;margin:22px auto 14px;border:1px solid rgba(29,29,31,.06);border-radius:26px;background:#fff;box-shadow:0 18px 42px rgba(29,29,31,.08)}
.ai-dialogue-stage img{display:block;width:100%;height:auto}
.ai-dialogue-background{position:relative;z-index:1}
.ai-dialogue-message{position:absolute;z-index:2;inset:0;opacity:0;pointer-events:none;will-change:opacity,filter;animation:dialogueMessageIn .48s cubic-bezier(.22,.8,.22,1) forwards}
.ai-dialogue-message.message-1{clip-path:inset(5% 6% 74% 8%);animation-delay:.35s}
.ai-dialogue-message.message-2{clip-path:inset(25% 6% 62% 8%);animation-delay:1.2s}
.ai-dialogue-message.message-3{clip-path:inset(38% 6% 51% 8%);animation-delay:2.05s}
.ai-dialogue-message.message-4{clip-path:inset(49% 6% 41% 8%);animation-delay:2.9s}
.ai-dialogue-message.message-5{clip-path:inset(59% 6% 30% 8%);animation-delay:3.75s}
@keyframes dialogueMessageIn{from{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur(0)}}
#response.dialogue-awaiting .ai-dialogue-message{animation:none;opacity:0;filter:blur(2px)}
.journal-pages{display:flex;gap:12px;overflow-x:auto;margin:24px -10px 10px;padding:0 10px 10px;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-inline:contain}
.journal-pages::-webkit-scrollbar{display:none}
.journal-feature-page{display:grid;flex:0 0 100%;min-height:340px;align-content:center;justify-items:center;padding:26px 22px;border:1px solid rgba(29,29,31,.05);border-radius:25px;background:#f5f5f7;scroll-snap-align:center;scroll-snap-stop:always;text-align:center}
.journal-feature-page>span{color:#8b8b90;font-size:12px}
.journal-feature-page>p{margin-top:20px;color:#66666b;font-size:13px}
.speed-page>strong{margin:12px 0 2px;color:#1d1d1f;font-size:76px;line-height:1;letter-spacing:-.06em}
.speed-wave{display:flex;height:62px;align-items:center;gap:7px;margin-top:18px}
.speed-wave i{width:7px;border-radius:999px;background:#ff7a1a;animation:speedWave 1.1s ease-in-out infinite alternate}
.speed-wave i:nth-child(1){height:26%}.speed-wave i:nth-child(2){height:54%;animation-delay:-.7s}.speed-wave i:nth-child(3){height:86%;animation-delay:-.25s}.speed-wave i:nth-child(4){height:44%;animation-delay:-.9s}.speed-wave i:nth-child(5){height:68%;animation-delay:-.45s}.speed-wave i:nth-child(6){height:34%;animation-delay:-.1s}
@keyframes speedWave{from{transform:scaleY(.64)}to{transform:scaleY(1.05)}}
.record-actions{display:grid;width:100%;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:8px}
.record-actions span{display:grid;justify-items:center;gap:10px;color:#343438;font-size:12px;white-space:nowrap}
.record-actions b{display:grid;width:54px;height:54px;place-items:center;border-radius:50%;font-size:25px;font-weight:500}
.record-primary b{width:70px;height:70px;padding-left:4px;background:#ff7414;color:#fff;box-shadow:0 12px 24px rgba(255,116,20,.25)}
.record-page>p{margin-top:34px;color:#8b8b90}
.dialect-page{align-content:start;padding-top:24px}
.dialect-list{display:grid;width:min(100%,210px);gap:4px;margin-top:18px;padding:10px;border-radius:24px;background:#f0f1f4}
.dialect-list i{padding:14px 12px;border-radius:17px;color:#a0a0a5;font-size:15px;font-style:normal}
.dialect-list i.selected{background:#fff;color:#2a2a2e;box-shadow:0 7px 18px rgba(29,29,31,.07)}
.dialect-page>p{margin-top:18px}
.wooden-fish-stage{position:relative;display:grid;overflow:hidden;justify-items:center;margin-top:24px;padding:18px 16px 20px;border-radius:26px;background:#5d6060;color:#fff;text-align:center;box-shadow:inset 0 1px rgba(255,255,255,.1)}
.wooden-fish-score{color:rgba(255,255,255,.62);font-size:12px}.wooden-fish-score strong{color:#fff;font-size:16px}
.wooden-fish-wish{margin-top:8px;color:rgba(255,255,255,.9);font-size:13px}
.wooden-fish-control{position:relative;width:100%;margin-top:4px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.wooden-fish-control:focus-visible{outline:3px solid rgba(255,255,255,.72);outline-offset:4px;border-radius:20px}
.wooden-fish-visual{position:relative;display:block;width:min(100%,340px);height:250px;margin:0 auto;transform-origin:50% 78%}
.wooden-fish-body{position:absolute;z-index:1;left:50%;bottom:0;display:block;width:min(88%,300px);height:auto;filter:drop-shadow(0 18px 16px rgba(0,0,0,.28));transform:translateX(-50%);user-select:none;-webkit-user-drag:none}
.wooden-fish-mallet{position:absolute;z-index:2;top:12px;left:50%;display:block;width:156px;height:auto;filter:drop-shadow(0 5px 4px rgba(0,0,0,.18));transform:translateX(-12%) rotate(-2deg);transform-origin:88% 55%;user-select:none;-webkit-user-drag:none}
.wooden-fish-plus{position:absolute;z-index:3;top:4px;left:50%;color:#fff;font-size:15px;opacity:0;transform:translate(-50%,6px);pointer-events:none}
.wooden-fish-control.pressed .wooden-fish-visual{transform:scale(.988)}
.wooden-fish-control.hit .wooden-fish-body{animation:woodenFishHit .38s cubic-bezier(.2,.8,.2,1)}
.wooden-fish-control.hit .wooden-fish-mallet{animation:malletStrike .38s cubic-bezier(.2,.8,.2,1)}
.wooden-fish-control.hit .wooden-fish-plus{animation:meritFloat .72s ease-out both}
.wooden-fish-stage>small{color:rgba(255,255,255,.55);font-size:11px}
@keyframes woodenFishHit{0%{transform:translateX(-50%) scale(1)}42%{transform:translateX(-50%) scale(.975)}100%{transform:translateX(-50%) scale(1)}}
@keyframes malletStrike{0%,100%{transform:translateX(-12%) rotate(-2deg)}42%{transform:translateX(-12%) rotate(-15deg)}}
@keyframes meritFloat{0%{opacity:0;transform:translate(-50%,8px)}24%{opacity:1}100%{opacity:0;transform:translate(-50%,-24px)}}
@media(max-width:420px){.journal-feature-page{min-height:320px}.record-actions{gap:3px}.record-primary b{width:64px;height:64px}}
@media(prefers-reduced-motion:reduce){.response-panel.active,.ai-dialogue-message,.speed-wave i,.wooden-fish-control.hit .wooden-fish-body,.wooden-fish-control.hit .wooden-fish-mallet,.wooden-fish-control.hit .wooden-fish-plus{animation:none!important}.ai-dialogue-message{opacity:1;filter:none}.wooden-fish-control.hit .wooden-fish-plus{opacity:1;transform:translate(-50%,-8px)}}