@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&display=swap";:root{font-family:var(--body-font);color:#151313;background:#fffefe;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--body-font: "Aptos", "Segoe UI", Arial, sans-serif;--title-font: "Segoe Script", "Brush Script MT", cursive;--paper: #fffefe;--paper-soft: #fffefe;--paper-warm: #fbfaf7;--ink: #151313;--soft-ink: #37312f;--mist: #fbfaf7;--line: rgba(44, 35, 35, .09);--warm-shadow: 0 28px 70px rgba(73, 57, 42, .08);--body-size: clamp(1.16rem, 2vw, 1.5rem);--menu-size: clamp(1.22rem, 2.2vw, 1.48rem);--reflection-size: clamp(1.5rem, 2.4vw, 1.85rem);--button-size: clamp(1.02rem, 1.6vw, 1.22rem);--control-size: clamp(78px, 8.5vw, 102px);--title-size: clamp(2.8rem, 5vw, 4.25rem);--feeling-main: #b98cbd;--feeling-soft: #f4e8f2;--feeling-accent: #d9b6cc;--circle-a: #f3d5df;--circle-b: #e9d7f1;--circle-c: #f8eaf1;--readable-glow: 0 1px 0 rgba(255, 255, 255, .72), 0 -1px 0 rgba(255, 255, 255, .38), 1px 0 0 rgba(255, 255, 255, .4), -1px 0 0 rgba(255, 255, 255, .4), 0 0 12px rgba(255, 248, 252, .42), 0 7px 18px rgba(64, 45, 54, .16)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{margin:0;overflow-x:hidden}button{font:inherit;-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:var(--paper)}.screen{position:relative;width:min(1240px,100%);min-height:min(760px,calc(100svh - 36px));background:#111111;overflow:hidden;border:1px solid color-mix(in srgb,var(--feeling-accent) 38%,transparent)}.screen>*:not(.video-backdrop){position:relative;z-index:1}.video-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:#111111}.video-backdrop video{width:100%;height:100%;display:block;object-fit:cover}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,.46),rgba(0,0,0,.32)),rgba(0,0,0,.14)}.home-video video{object-position:50% 50%}.home-video .video-overlay{background:radial-gradient(circle at 50% 48%,rgba(0,0,0,.04),rgba(0,0,0,.16) 64%,rgba(0,0,0,.26)),rgba(0,0,0,.05)}.menu-screen,.chooser-layout,.intro-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(42px,7vw,96px)}.menu-screen{place-items:center;padding:clamp(18px,4vw,44px)}.menu-art,.chooser-layout>.story-artwork,.intro-layout>.story-artwork,.closing-layout>.story-artwork{min-width:0;display:grid;place-items:center}.menu-content,.chooser-content,.story-intro{min-width:0;display:grid;justify-items:center;text-align:center}.menu-content{position:relative;width:min(100%,820px);min-height:min(660px,calc(100svh - 48px));align-content:start;justify-items:center;padding-top:clamp(28px,4.8vh,52px)}.eyebrow{margin:0 0 14px;color:color-mix(in srgb,var(--feeling-main) 72%,#3d3432);font-size:clamp(.78rem,1.4vw,.92rem);font-weight:700;letter-spacing:0;text-transform:lowercase}h1,h2,p{margin-top:0}h1{margin-bottom:clamp(22px,3.5vw,38px);color:#fff;font-family:var(--title-font);font-size:var(--title-size);font-weight:500;line-height:1.04;text-align:center;overflow-wrap:anywhere}.menu-content h1{width:min(100%,38rem);justify-self:center;margin-bottom:0;color:#fff;text-shadow:0 0 14px rgba(255,255,255,.22),0 4px 22px rgba(0,0,0,.42)}h2{margin-bottom:clamp(22px,3.5vw,38px);color:#fff;font-family:"Fredoka",var(--body-font);font-size:clamp(2rem,3.4vw,3rem);font-weight:700;line-height:1.12;text-align:center;overflow-wrap:anywhere}.menu-note{width:min(100%,28rem);margin:0 0 clamp(28px,4vw,42px);color:var(--soft-ink);font-size:clamp(1.05rem,1.8vw,1.28rem);line-height:1.48}.menu-instruction{width:min(100%,30rem);margin:0 0 clamp(28px,4vw,44px);color:#ffffffe6;font-size:clamp(1.24rem,2.2vw,1.56rem);line-height:1.36;text-align:center}.feeling-orbit{position:absolute;left:50%;top:53%;width:min(88vw,760px);height:min(66vh,500px);transform:translate(-50%,-50%);pointer-events:none}.feeling-label{position:absolute;display:inline-grid;place-items:center;min-width:0;padding:.18em .46em .24em;border:0;border-radius:999px;color:#fffdf8;background:transparent;cursor:pointer;font-family:"Fredoka",var(--body-font);font-size:clamp(2rem,5.2vw,4.15rem);font-weight:700;line-height:.94;letter-spacing:0;text-align:center;text-shadow:0 2px 0 color-mix(in srgb,var(--feeling-main) 74%,#6b5a5a),0 7px 22px rgba(0,0,0,.34);-webkit-text-stroke:1px color-mix(in srgb,var(--feeling-main) 70%,#ffffff);pointer-events:auto;touch-action:manipulation;transform:translate(-50%,-50%) rotate(var(--label-tilt, -2deg));transition:transform .17s ease,text-shadow .17s ease,filter .17s ease}.feeling-label:hover,.feeling-label:focus-visible{filter:saturate(1.05);outline:none;text-shadow:0 2px 0 color-mix(in srgb,var(--feeling-main) 84%,#6b5a5a),0 11px 28px rgba(0,0,0,.4);transform:translate(-50%,calc(-50% - 7px)) rotate(var(--label-tilt, -2deg)) scale(1.045)}.feeling-label:active{transform:translate(-50%,calc(-50% - 1px)) rotate(var(--label-tilt, -2deg)) scale(.98)}.feeling-label-sad{left:19%;top:31%;--label-tilt: -6deg}.feeling-label-angry{left:81%;top:31%;--label-tilt: 5deg}.feeling-label-nervous{left:19%;top:72%;--label-tilt: 4deg}.feeling-label-bored{left:81%;top:72%;--label-tilt: -4deg}.feeling-label-liking-someone{left:50%;top:91%;width:min(62vw,340px);color:#fff8fb;font-size:clamp(1.48rem,3.45vw,2.78rem);line-height:1;--label-tilt: -1deg}.story-artwork{position:relative;width:min(100%,430px);max-height:min(76vh,680px);display:grid;place-items:center;justify-self:center;align-self:center;overflow:hidden;border-radius:4px;background:var(--paper-soft);box-shadow:none}.story-artwork img{display:block;width:100%;height:auto;max-height:min(76vh,680px);object-fit:contain;object-position:center}.top-bar{display:flex;justify-content:flex-start;gap:12px;padding:clamp(18px,3vw,34px) clamp(20px,5vw,74px) 0}.split-bar{justify-content:space-between}.quiet-button,.primary-button{display:inline-grid;place-items:center;cursor:pointer;font-family:var(--body-font);text-align:center;text-decoration:none}.primary-button{width:var(--control-size);min-width:var(--control-size);height:var(--control-size);min-height:var(--control-size);padding:10px;border:1px solid color-mix(in srgb,var(--feeling-main) 42%,#ffffff);border-radius:50%;color:#fff;background:color-mix(in srgb,var(--feeling-main) 82%,#ffffff);font-size:var(--button-size);font-weight:600;line-height:1.12;transition:transform .16s ease,background .16s ease,border-color .16s ease}.primary-button:hover,.primary-button:focus-visible{background:var(--feeling-main);border-color:var(--feeling-main);transform:translateY(-1px);outline:none}.quiet-button{width:auto;min-width:0;height:auto;min-height:0;padding:2px 0;border:0;border-radius:0;color:#ffffffe6;background:transparent;font-size:clamp(.92rem,1.4vw,1.04rem);font-weight:600;line-height:1.2;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;transition:color .16s ease}.icon-button{min-width:46px;min-height:46px;padding:0;color:#ffffffeb;font-family:"Fredoka",var(--body-font);font-size:clamp(1.45rem,2.4vw,1.8rem);font-weight:700;line-height:1;text-decoration:none;text-shadow:0 3px 14px rgba(0,0,0,.34)}.manga-icon{width:38px;height:38px;overflow:visible}.manga-icon path{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 0 rgba(0,0,0,.18))}.chooser-screen .icon-button{color:color-mix(in srgb,var(--feeling-main) 78%,var(--ink));text-shadow:none}.quiet-button:hover,.quiet-button:focus-visible{color:#fff;outline:none}.chooser-screen,.intro-screen,.closing-screen{display:flex;flex-direction:column;justify-content:center}.intro-screen .video-overlay{background:linear-gradient(90deg,rgba(0,0,0,.34),rgba(0,0,0,.22)),rgba(0,0,0,.08)}.intro-screen:before,.intro-screen:after{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;z-index:1;content:"";pointer-events:none}.intro-screen:before{opacity:.42;background-image:radial-gradient(circle,rgba(255,255,255,.82) 0 1.5px,transparent 2px),radial-gradient(circle,rgba(248,204,224,.7) 0 2px,transparent 3px),radial-gradient(circle,rgba(255,245,250,.8) 0 1px,transparent 2px);background-position:8% 18%,78% 28%,44% 74%;background-size:180px 180px,230px 230px,150px 150px;animation:ambientDrift 22s linear infinite}.intro-screen:after{opacity:.22;background-image:radial-gradient(ellipse at center,rgba(249,196,220,.75) 0 34%,transparent 36%),radial-gradient(ellipse at center,rgba(255,255,255,.76) 0 32%,transparent 35%);background-position:18% 72%,84% 62%;background-size:120px 170px,160px 210px;filter:blur(.2px);animation:ambientFloat 18s ease-in-out infinite alternate}.intro-screen .top-bar,.intro-screen .intro-layout{z-index:2}.chooser-screen{background:var(--paper)}.chooser-layout,.intro-layout,.closing-layout{padding:clamp(20px,5vw,74px);padding-top:clamp(14px,3vw,34px);justify-items:center}.chooser-layout{position:relative;width:min(100%,1040px);min-height:min(650px,calc(100svh - 120px));display:grid;grid-template-columns:minmax(0,1fr);place-items:center;gap:0}.video-panel{position:relative;z-index:0;width:min(74vw,560px);height:min(68vh,620px);justify-self:center;overflow:visible;border-radius:0;background:transparent}.video-panel video{width:100%;height:100%;display:block;object-fit:contain;object-position:center}.video-panel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.02);pointer-events:none}.chooser-content h2{position:absolute;left:50%;top:clamp(2px,1.8vh,18px);transform:translate(-50%);color:color-mix(in srgb,var(--feeling-main) 62%,#f7bfd8);font-family:"Fredoka",var(--body-font);font-size:clamp(2.25rem,4.4vw,3.55rem);font-weight:700;margin-bottom:0;text-shadow:0 1px 0 rgba(255,255,255,.82),0 -1px 0 rgba(255,255,255,.52),1px 0 0 rgba(255,255,255,.54),-1px 0 0 rgba(255,255,255,.54),0 0 18px rgba(255,238,247,.72),0 8px 24px rgba(66,45,54,.18);-webkit-text-stroke:.45px rgba(255,255,255,.58)}.chooser-content{position:absolute;inset:clamp(22px,4vh,44px) clamp(18px,4vw,64px) clamp(28px,5vh,58px);width:auto;pointer-events:none}.chooser-content h2,.story-orbit{pointer-events:auto}.story-orbit{position:absolute;left:50%;top:58%;width:min(92vw,850px);height:min(60vh,470px);transform:translate(-50%,-50%);pointer-events:none}.choice-list{width:min(100%,520px);display:grid;gap:14px}.choice-button{width:100%;min-height:76px;padding:18px 20px;border:2px solid color-mix(in srgb,var(--feeling-accent) 54%,#ffffff);border-radius:26px 34px 24px 36px;color:var(--ink);background:color-mix(in srgb,var(--feeling-soft) 78%,rgba(255,255,255,.9));cursor:pointer;text-align:left;box-shadow:0 3px 0 color-mix(in srgb,var(--feeling-accent) 26%,transparent),0 14px 28px #45373712;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.story-choice{font-family:"Fredoka",var(--body-font)}.story-label{position:absolute;min-width:min(48vw,250px);max-width:min(58vw,310px);padding:14px 18px;border:0;border-radius:34px 26px 38px 28px;color:var(--ink);background:radial-gradient(circle at 24% 22%,rgba(255,255,255,.68),transparent 42%),color-mix(in srgb,var(--feeling-soft) 86%,rgba(255,255,255,.9));cursor:pointer;font-family:"Fredoka",var(--body-font);font-size:clamp(1rem,1.7vw,1.28rem);font-weight:700;line-height:1.16;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.78),0 8px 18px color-mix(in srgb,var(--feeling-main) 16%,transparent);box-shadow:0 3px #ffffff94,0 13px 28px color-mix(in srgb,var(--feeling-main) 18%,rgba(69,55,55,.1));pointer-events:auto;transform:translate(-50%,-50%) rotate(var(--story-tilt, -2deg));transition:transform .17s ease,box-shadow .17s ease,background .17s ease}.story-label:hover,.story-label:focus-visible{background:radial-gradient(circle at 24% 22%,rgba(255,255,255,.76),transparent 42%),color-mix(in srgb,var(--feeling-soft) 94%,#ffffff);outline:none;box-shadow:0 4px #ffffffa3,0 18px 36px color-mix(in srgb,var(--feeling-main) 22%,rgba(69,55,55,.12));transform:translate(-50%,calc(-50% - 5px)) rotate(var(--story-tilt, -2deg)) scale(1.025)}.story-label:active{transform:translate(-50%,calc(-50% - 1px)) rotate(var(--story-tilt, -2deg)) scale(.98)}.story-label-1{left:17%;top:34%;--story-tilt: -4deg}.story-label-2{left:83%;top:38%;--story-tilt: 3deg}.story-label-3{left:50%;top:88%;--story-tilt: -1deg}.choice-button:hover,.choice-button:focus-visible{background:color-mix(in srgb,var(--feeling-soft) 92%,rgba(255,255,255,.96));border-color:var(--feeling-accent);box-shadow:0 4px 0 color-mix(in srgb,var(--feeling-accent) 30%,transparent),0 18px 34px #4537371a;transform:translateY(-3px) rotate(-.4deg);outline:none}.choice-button>span{display:block;color:var(--feeling-main);font-size:var(--menu-size);font-weight:700;line-height:1.15;overflow-wrap:anywhere}.choice-button small{display:block;margin-top:8px;color:var(--soft-ink);font-size:clamp(.96rem,1.5vw,1.08rem);line-height:1.42}.home-feeling-list{width:min(100%,560px);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2.2vw,18px)}.feeling-choice-button{min-height:clamp(118px,13vw,146px);display:grid;place-items:center;align-content:center;gap:8px;padding:clamp(18px,3vw,26px);text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.36),rgba(255,255,255,0)),color-mix(in srgb,var(--feeling-soft) 82%,rgba(255,255,255,.9));box-shadow:0 16px 34px #4f3e340f}.feeling-choice-button:hover,.feeling-choice-button:focus-visible{background:linear-gradient(180deg,rgba(255,255,255,.46),rgba(255,255,255,0)),color-mix(in srgb,var(--feeling-soft) 92%,#ffffff);box-shadow:0 18px 42px #4f3e3417}.feeling-choice-button>span{font-family:var(--body-font);font-size:clamp(1.42rem,2.4vw,2rem);font-weight:700;line-height:1}.story-choice{position:relative;display:grid;place-items:center;min-height:64px;padding:18px clamp(18px,4vw,30px);text-align:center}.story-choice:before,.story-choice:after{position:absolute;content:"";z-index:-1;border:2px solid color-mix(in srgb,var(--feeling-accent) 30%,transparent);background:rgba(255,255,255,.46);pointer-events:none}.story-choice:before{width:34px;height:22px;left:14%;top:-9px;border-radius:50%}.story-choice:after{width:42px;height:24px;right:12%;bottom:-10px;border-radius:50%}.story-choice span:last-child{min-width:0;color:var(--ink);font-size:var(--menu-size);font-weight:700;line-height:1.22;overflow-wrap:anywhere}.story-intro h2{width:min(100%,44rem);max-width:100%;font-family:"Fredoka",var(--body-font);font-size:clamp(1.78rem,3vw,2.58rem);font-weight:700;line-height:1.08;overflow-wrap:break-word;word-break:normal}.reflection-heading,.reflection-grid,.closing-content{border:2px solid color-mix(in srgb,var(--feeling-accent) 46%,rgba(255,255,255,.68));border-radius:28px 34px 30px 26px;background:color-mix(in srgb,var(--feeling-soft) 28%,rgba(255,255,255,.16));box-shadow:0 18px 46px #0000002e;-webkit-backdrop-filter:blur(14px) saturate(1.06);backdrop-filter:blur(14px) saturate(1.06)}.story-intro{width:min(100%,46rem);padding:clamp(26px,5vw,48px);border:0;border-radius:28px 34px 30px 26px;background:color-mix(in srgb,var(--feeling-soft) 12%,rgba(255,255,255,.05));box-shadow:0 20px 54px #0003,inset 0 1px #ffffff4d;-webkit-backdrop-filter:blur(16px) saturate(1.08);backdrop-filter:blur(16px) saturate(1.08);animation:readingPanelIn .52s ease-out both}.story-intro h2{color:color-mix(in srgb,var(--feeling-main) 62%,#f7bfd8)}.story-intro h2{text-shadow:0 1px 0 rgba(255,255,255,.82),0 -1px 0 rgba(255,255,255,.52),1px 0 0 rgba(255,255,255,.54),-1px 0 0 rgba(255,255,255,.54),0 0 18px rgba(255,238,247,.72),0 8px 24px rgba(66,45,54,.2);-webkit-text-stroke:.45px rgba(255,255,255,.58)}.closing-content h2{color:color-mix(in srgb,var(--feeling-main) 62%,#f7bfd8);font-family:"Fredoka",var(--body-font);font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.82),0 -1px 0 rgba(255,255,255,.52),1px 0 0 rgba(255,255,255,.54),-1px 0 0 rgba(255,255,255,.54),0 0 18px rgba(255,238,247,.72),0 8px 24px rgba(66,45,54,.18);-webkit-text-stroke:.45px rgba(255,255,255,.58)}.scenario-text{width:min(100%,43rem);max-width:100%;margin:0 0 clamp(40px,6vw,68px);color:color-mix(in srgb,var(--ink) 88%,var(--feeling-main));font-family:"Fredoka",var(--body-font);font-size:var(--body-size);font-weight:600;line-height:1.5;overflow-wrap:anywhere;white-space:pre-line;text-shadow:var(--readable-glow);-webkit-text-stroke:.18px rgba(255,255,255,.46)}.primary-button{margin-top:2px}.explore-icon-button{color:#fff}.explore-icon{width:48px;height:48px;overflow:visible}.explore-icon path{stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0 rgba(255,255,255,.34)) drop-shadow(0 6px 12px rgba(103,57,78,.16))}.explore-lens{fill:color-mix(in srgb,var(--feeling-main) 50%,#ffe0eb);stroke:#ffffffd6;stroke-width:3.6}.explore-inner-lens{fill:#ffffff52;stroke:color-mix(in srgb,var(--feeling-main) 58%,#ffffff);stroke-width:2.4}.explore-handle{fill:none;stroke:color-mix(in srgb,var(--feeling-main) 62%,#ffe4ee);stroke-width:7}.explore-shine{fill:none;stroke:#ffffffe0;stroke-width:3.2}.explore-spark,.explore-tiny-spark{fill:#ffffff7a;stroke:color-mix(in srgb,var(--feeling-main) 44%,#ffffff);stroke-width:2.2}.explore-tiny-spark{opacity:.72;stroke-width:1.8}.reflection-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,3vw,30px);padding:clamp(54px,6vw,82px) clamp(22px,5vw,70px) clamp(36px,5vw,70px)}.reflection-screen .top-bar{position:absolute;top:clamp(26px,4vw,52px);right:clamp(24px,5vw,72px);z-index:2;padding:0}.reflection-heading{display:block;width:min(100%,46rem);min-width:0;padding:clamp(12px,2vw,18px) clamp(18px,3vw,28px);animation:readingPanelIn .52s ease-out both}.reflection-heading .story-artwork{width:clamp(108px,14vw,170px);height:clamp(108px,14vw,170px);max-height:none;border-radius:50%;box-shadow:none;background:var(--paper)}.reflection-heading .story-artwork img{width:100%;height:100%;max-height:none;object-fit:contain;object-position:center}.reflection-heading h2{width:min(100%,42rem);margin-bottom:0;color:color-mix(in srgb,var(--feeling-main) 62%,#f7bfd8);font-family:"Fredoka",var(--body-font);font-size:clamp(1.52rem,2.55vw,2.18rem);font-weight:700;line-height:1.08;text-align:center;overflow-wrap:break-word;text-shadow:0 1px 0 rgba(255,255,255,.82),0 -1px 0 rgba(255,255,255,.52),1px 0 0 rgba(255,255,255,.54),-1px 0 0 rgba(255,255,255,.54),0 0 18px rgba(255,238,247,.72),0 8px 24px rgba(66,45,54,.18);-webkit-text-stroke:.45px rgba(255,255,255,.58)}.reflection-grid{display:grid;gap:clamp(18px,3vh,28px);margin-top:0;width:min(100%,52rem);padding-right:0;padding:clamp(18px,3.4vw,32px);align-self:center;animation:readingPanelIn .52s .18s ease-out both}.reflection-card{position:relative;display:flex;align-items:center;gap:clamp(16px,3vw,28px);width:100%;min-height:0;padding:clamp(16px,2.6vw,24px) clamp(18px,3.2vw,30px);border:0;border-radius:34px 42px 38px 32px;color:var(--ink);background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.62),transparent 42%),color-mix(in srgb,var(--feeling-soft) 72%,rgba(255,255,255,.44));box-shadow:0 3px #ffffff75,0 16px 34px color-mix(in srgb,var(--feeling-main) 18%,rgba(0,0,0,.14));-webkit-backdrop-filter:blur(12px) saturate(1.06);backdrop-filter:blur(12px) saturate(1.06);cursor:pointer;text-align:left;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;opacity:0;animation:choiceIn .44s ease-out both}.reflection-card:before,.reflection-card:after{position:absolute;content:"";border-radius:50%;background:color-mix(in srgb,var(--feeling-soft) 72%,rgba(255,255,255,.5));box-shadow:0 8px 18px color-mix(in srgb,var(--feeling-main) 12%,rgba(0,0,0,.08));pointer-events:none}.reflection-card:before{width:22px;height:16px;left:clamp(30px,5vw,58px);bottom:-7px}.reflection-card:after{width:12px;height:10px;left:clamp(18px,3.2vw,38px);bottom:-19px}.reflection-card:nth-child(1){animation-delay:.3s}.reflection-card:nth-child(2){animation-delay:.42s}.reflection-card:nth-child(3){animation-delay:.54s}.reflection-card:hover,.reflection-card:focus-visible{background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.68),transparent 42%),color-mix(in srgb,var(--feeling-soft) 82%,rgba(255,255,255,.52));box-shadow:0 4px #ffffff80,0 20px 40px color-mix(in srgb,var(--feeling-main) 22%,rgba(0,0,0,.15));transform:translateY(-2px) rotate(-.2deg);outline:none}.reflection-card:hover .letter-badge,.reflection-card:focus-visible .letter-badge{box-shadow:0 3px #ffffff8c,0 12px 22px color-mix(in srgb,var(--feeling-main) 22%,rgba(0,0,0,.14))}.letter-badge{position:relative;display:grid;place-items:center;width:clamp(58px,6vw,76px);height:clamp(50px,5.3vw,68px);flex:0 0 auto;border:0;border-radius:54% 46% 52% 48%/48% 58% 42% 52%;color:color-mix(in srgb,var(--feeling-main) 78%,#7c4b60);background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.72),transparent 38%),var(--circle-a);font-family:"Fredoka",var(--body-font);font-size:clamp(1.5rem,2.2vw,2rem);font-weight:700;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.8),0 0 12px rgba(255,255,255,.5);box-shadow:0 3px #ffffff7a,0 10px 20px color-mix(in srgb,var(--feeling-main) 18%,rgba(0,0,0,.12))}.letter-badge:before,.letter-badge:after{position:absolute;content:"";border-radius:50%;background:inherit;opacity:.92}.letter-badge:before{width:15px;height:12px;right:-3px;bottom:2px}.letter-badge:after{width:9px;height:8px;right:-13px;bottom:-5px}.reflection-card:nth-child(2) .letter-badge{background:var(--circle-b)}.reflection-card:nth-child(3) .letter-badge{background:var(--circle-c)}.reflection-card p{margin:0;color:color-mix(in srgb,var(--ink) 88%,var(--feeling-main));font-family:"Fredoka",var(--body-font);font-size:var(--reflection-size);font-weight:600;line-height:1.36;overflow-wrap:anywhere;white-space:pre-line;text-shadow:var(--readable-glow);-webkit-text-stroke:.18px rgba(255,255,255,.46)}.closing-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(42px,7vw,96px)}.closing-content{min-width:0;display:grid;justify-items:center;text-align:center;padding:clamp(26px,5vw,48px)}.closing-content h2{width:min(100%,44rem);max-width:100%;font-size:clamp(1.52rem,2.45vw,2.12rem);line-height:1.06}.closing-message{width:min(100%,36rem);margin:0 0 clamp(34px,5vw,54px);color:color-mix(in srgb,var(--ink) 88%,var(--feeling-main));font-family:"Fredoka",var(--body-font);font-size:var(--body-size);font-weight:600;line-height:1.5;text-shadow:var(--readable-glow);-webkit-text-stroke:.18px rgba(255,255,255,.46)}.closing-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.soft-action-button{min-height:54px;padding:12px 20px;border:1px solid color-mix(in srgb,var(--feeling-main) 42%,#ffffff);border-radius:999px;color:color-mix(in srgb,var(--feeling-main) 84%,#2f2928);background:color-mix(in srgb,var(--feeling-soft) 64%,#ffffff);cursor:pointer;font-family:"Fredoka",var(--body-font);font-size:clamp(1rem,1.5vw,1.14rem);font-weight:700;line-height:1.2;transition:transform .16s ease,background .16s ease,border-color .16s ease}.soft-action-button:hover,.soft-action-button:focus-visible{background:color-mix(in srgb,var(--feeling-soft) 88%,#ffffff);border-color:var(--feeling-main);transform:translateY(-1px);outline:none}@keyframes readingPanelIn{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes choiceIn{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ambientDrift{0%{transform:translate3d(-1%,1%,0) rotate(0)}to{transform:translate3d(1%,-2%,0) rotate(4deg)}}@keyframes ambientFloat{0%{transform:translate3d(0,1.5%,0) rotate(-3deg)}to{transform:translate3d(1.5%,-1.5%,0) rotate(3deg)}}@media (max-width: 920px){:root{--control-size: 76px;--button-size: .98rem}.app-shell{place-items:stretch;padding:0}.screen{width:100%;min-height:100vh;min-height:100svh}.menu-screen,.chooser-layout,.intro-layout,.closing-layout{grid-template-columns:1fr;gap:clamp(24px,5vw,42px)}.menu-screen{align-content:start;padding:clamp(12px,3vw,28px)}.menu-content{min-height:100svh;width:min(100%,680px);padding-top:clamp(30px,5vh,54px)}.feeling-orbit{top:54%;width:min(94vw,640px);height:min(66vh,500px)}.feeling-label{font-size:clamp(1.85rem,8vw,3.35rem)}.feeling-label-sad{left:18%;top:30%}.feeling-label-angry{left:82%;top:30%}.feeling-label-nervous{left:18%;top:72%}.feeling-label-bored{left:82%;top:72%}.feeling-label-liking-someone{left:50%;top:91%;width:min(68vw,300px);font-size:clamp(1.36rem,4.9vw,2.35rem)}.story-artwork{width:min(100%,380px);max-height:44vh}.story-artwork img{max-height:44vh}h1{margin-bottom:20px;font-size:clamp(2.8rem,8vw,4.4rem)}h2{font-size:clamp(1.9rem,5.2vw,2.8rem)}.chooser-layout,.intro-layout,.closing-layout{padding:clamp(16px,5vw,44px);padding-top:12px}.chooser-layout{min-height:calc(100svh - 84px)}.video-panel{width:min(76vw,420px);height:min(66vh,540px)}.chooser-content{top:52px;right:14px;bottom:24px;left:14px}.chooser-content h2{top:0;font-size:clamp(2rem,7vw,3rem)}.story-orbit{width:min(94vw,620px);height:min(60vh,430px);top:59%}.story-label{min-width:min(42vw,220px);max-width:min(46vw,260px);font-size:clamp(.92rem,2.6vw,1.08rem)}.scenario-text{width:min(100%,38rem);margin-bottom:36px}.reflection-screen{gap:24px;padding:24px 18px 36px;justify-content:flex-start}.reflection-screen .top-bar{position:static;align-self:flex-end}.reflection-heading{width:100%}.reflection-heading h2{font-size:clamp(1.34rem,4.6vw,1.9rem)}.reflection-grid{padding-right:0;gap:30px;margin-top:0}.reflection-card{gap:18px;padding:18px 20px}.letter-badge{font-size:1.58rem}}@media (max-width: 560px){:root{--control-size: 68px;--button-size: .92rem}.menu-screen{padding:10px 10px 20px}.menu-content{min-height:100svh;padding-top:clamp(26px,5vh,44px)}.menu-content h1{width:min(100%,20rem);font-size:clamp(2.5rem,13vw,3.55rem)}.feeling-orbit{top:55%;width:min(96vw,430px);height:min(67vh,480px)}.feeling-label{font-size:clamp(1.64rem,8.4vw,2.75rem);text-shadow:0 1px 0 color-mix(in srgb,var(--feeling-main) 74%,#6b5a5a),0 6px 18px rgba(0,0,0,.36);-webkit-text-stroke:.7px color-mix(in srgb,var(--feeling-main) 70%,#ffffff)}.feeling-label-sad{left:20%;top:30%}.feeling-label-angry{left:80%;top:30%}.feeling-label-nervous{left:20%;top:72%}.feeling-label-bored{left:80%;top:72%}.feeling-label-liking-someone{left:50%;top:91%;width:min(76vw,250px);font-size:clamp(1.12rem,5.8vw,1.78rem)}.story-artwork{width:min(100%,280px);max-height:36vh}.story-artwork img{max-height:36vh}h1{font-size:clamp(2.45rem,13vw,3.6rem);line-height:1.04}h2,.story-intro h2{width:min(100%,22rem);font-size:clamp(1.34rem,5.5vw,1.72rem);line-height:1.14}.story-intro h2{font-size:clamp(1.56rem,6.2vw,2.05rem);line-height:1.1}.top-bar{padding:12px 14px 0}.chooser-layout,.intro-layout,.closing-layout{padding:10px 16px 28px}.chooser-layout{min-height:calc(100svh - 74px)}.video-panel{width:min(76vw,310px);height:min(64vh,480px)}.chooser-content{top:48px;right:10px;bottom:18px;left:10px}.chooser-content h2{top:0;font-size:clamp(1.78rem,9vw,2.55rem)}.story-orbit{width:min(98vw,430px);height:min(60vh,390px);top:61%}.story-label{min-width:min(46vw,170px);max-width:min(48vw,190px);padding:11px 12px;font-size:clamp(.8rem,3.5vw,.98rem)}.story-label-1{left:25%;top:30%}.story-label-2{left:75%;top:36%}.story-label-3{left:50%;top:88%}.choice-list{width:min(100%,330px);gap:12px}.home-feeling-list{grid-template-columns:1fr}.choice-button{min-height:66px;padding:15px 16px}.feeling-choice-button{min-height:112px}.story-choice{padding:15px 18px}.story-choice span:last-child{font-size:1.22rem}.scenario-text{width:min(100%,22rem);font-size:clamp(1.02rem,4.6vw,1.15rem);line-height:1.45}.primary-button{margin-top:0}.closing-message{width:min(100%,22rem);font-size:clamp(1.02rem,4.6vw,1.15rem)}.closing-actions{width:min(100%,330px)}.soft-action-button{width:100%}.reflection-screen{padding:16px 14px 30px}.reflection-heading{grid-template-columns:82px minmax(0,1fr);gap:14px}.reflection-heading .story-artwork{width:82px;height:82px}.reflection-heading h2{width:min(100%,22rem);font-size:clamp(1.18rem,4.7vw,1.48rem)}.reflection-grid{gap:24px;margin-top:0}.reflection-card{gap:12px;padding:15px 14px}.letter-badge{width:52px;height:48px;font-size:1.32rem}.reflection-card p{font-size:clamp(1.32rem,5.3vw,1.56rem);line-height:1.36}}