@font-face{font-family:Fusion Pixel;src:url(/a-little-answer/fonts/fusion-pixel-12px-monospaced-zh_hans.ttf.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{color:oklch(28% 0 0);font-synthesis:none;--ink:oklch(28% 0 0);--cream:oklch(96% .018 91);--gold:oklch(87% .096 82);--serif:"Fusion Pixel", monospace;--center-y:55vh;--radius:220px;background:oklch(88% .002 100);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{width:100%;height:100dvh;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.38}button:focus-visible,a:focus-visible{outline-offset:6px;outline:2px solid}[hidden]{display:none!important}#scene{width:100%;height:100%;position:fixed;inset:0}.masthead{z-index:3;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:34px 46px auto}.wordmark{color:inherit;font-family:var(--serif);letter-spacing:.12em;align-items:center;gap:11px;font-size:19px;text-decoration:none;display:flex}.wordmark-en{letter-spacing:.16em;opacity:.63;margin-left:9px;font-family:Georgia,serif;font-size:10px}.brand-orb{opacity:.8;border:1px solid;border-radius:50%;width:23px;height:23px;position:relative}.brand-orb:after{content:"";border-top:1px solid;border-radius:50%;width:7px;height:7px;position:absolute;top:4px;left:5px;transform:rotate(-35deg)}.camera-indicator{letter-spacing:.13em;align-items:center;gap:9px;font-size:11px;display:flex}.status-dot{opacity:.65;background:currentColor;border-radius:50%;width:5px;height:5px}.camera-gate{text-align:center;width:min(90%,560px);position:fixed;top:48%;left:50%;transform:translate(-50%,-50%)}.eyebrow{letter-spacing:.25em;opacity:.7;margin:0 0 26px;font-family:Georgia,serif;font-size:10px}h1{font-family:var(--serif);letter-spacing:.12em;margin:0;font-size:clamp(36px,4.6vw,58px);font-weight:400;line-height:1.55}.gate-description{letter-spacing:.15em;opacity:.8;margin:23px 0 32px;font-size:13px;line-height:2.15}.primary-button{width:200px;color:inherit;letter-spacing:.15em;background:oklch(96% .018 91/.15);border:1px solid oklch(28% .026 158/.35);border-radius:2px;justify-content:space-between;align-items:center;padding:15px 24px;font-size:13px;transition:background .3s,transform .3s;display:inline-flex}.primary-button:hover{background:oklch(96% .018 91/.34);transform:translateY(-2px)}.privacy-note{letter-spacing:.05em;opacity:.65;margin:20px 0 0;font-size:10px}.error-message{color:oklch(38% .09 31);max-width:420px;margin:15px auto 0;font-size:12px;line-height:1.8}.nickname-form{pointer-events:none;position:fixed;inset:0}#nickname{left:50%;top:var(--center-y);color:#0000;width:min(70vw,660px);height:110px;caret-color:var(--ink);font-family:var(--serif);text-align:center;pointer-events:auto;background:0 0;border:0;outline:none;font-size:clamp(46px,7vw,84px);font-weight:700;position:absolute;transform:translate(-50%,-50%)}#nickname::selection{color:#0000;background:oklch(30% .03 150/.12)}.sphere-name{top:var(--center-y);font-family:var(--serif);text-align:center;white-space:nowrap;pointer-events:none;color:#0000;-webkit-user-select:none;user-select:none;line-height:1.4;position:fixed;left:50%;transform:translate(-50%,-50%)}.guidance{top:calc(var(--center-y) - var(--radius) - 104px);text-align:center;color:var(--cream);text-shadow:0 1px 10px oklch(15% .02 150/.65);transition:opacity 1s;position:fixed;left:50%;transform:translate(-50%)}.ritual-mark{opacity:.7;font-size:22px}.guidance p{font-family:var(--serif);letter-spacing:.11em;white-space:nowrap;margin:10px 0 0;font-size:16px;line-height:2}.answer{left:50%;top:calc(var(--center-y) + 51px);width:calc(var(--radius) * 1.5);text-align:center;font-family:var(--serif);color:var(--cream);letter-spacing:.075em;text-wrap:balance;text-shadow:0 1px 8px oklch(15% .02 70/.65);opacity:0;margin:0;font-size:clamp(16px,1.55vw,21px);line-height:1.9;position:fixed;transform:translate(-50%)}.again-button{top:calc(var(--center-y) + var(--radius) + 100px);color:var(--cream);letter-spacing:.16em;text-shadow:0 1px 7px oklch(15% .02 150/.6);background:0 0;border:0;border-bottom:1px solid oklch(96% .018 91/.3);padding:8px 2px 10px;font-size:12px;position:fixed;left:50%;transform:translate(-50%)}.again-button span{margin-left:30px;font-size:15px}.tracking-panel{top:calc(var(--center-y) + var(--radius) + 104px);text-align:center;width:min(90vw,440px);color:var(--cream);text-shadow:0 1px 8px oklch(15% .02 150/.8);position:fixed;left:50%;transform:translate(-50%)}#tracking-status{letter-spacing:.08em;margin:0;font-size:11px;line-height:1.8}.retry-button{color:inherit;background:0 0;border:0;border-bottom:1px solid;margin-top:5px;padding:8px 0 4px;font-size:12px}.footer{letter-spacing:.12em;opacity:.72;pointer-events:none;justify-content:space-between;font-size:11px;display:flex;position:fixed;inset:auto 46px 30px}.footer-right{letter-spacing:.18em;font-family:Georgia,serif;font-size:9px}.footer-right span{padding-left:20px;font-size:17px}body[data-phase=pullback],body[data-phase=clearing],body[data-phase=waiting],body[data-phase=lighting],body[data-phase=awaiting-eyes],body[data-phase=revealing],body[data-phase=reading],body[data-phase=resetting]{color:var(--cream)}body:not([data-phase=camera]):not([data-phase=naming]) .masthead,body:not([data-phase=camera]):not([data-phase=naming]) .footer{text-shadow:0 1px 8px oklch(15% .02 150/.7)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=650px){.masthead{inset:25px 23px auto}.wordmark-en{display:none}.wordmark{font-size:16px}.camera-indicator{font-size:9px}.footer{font-size:10px;inset:auto 23px 22px}.footer-right{display:none}.guidance p{font-size:13px}.guidance{top:calc(var(--center-y) - var(--radius) - 105px)}.privacy-note{font-size:9px}.answer{font-size:16px}}@media (height<=650px) and (width>=651px){.masthead{top:22px}.footer{bottom:18px}.guidance{top:calc(var(--center-y) - var(--radius) - 78px)}.guidance p{margin-top:3px;font-size:13px;line-height:1.7}.again-button,.tracking-panel{top:calc(var(--center-y) + var(--radius) + 70px)}}@media (prefers-reduced-motion:reduce){button,.guidance{transition:none}}body[data-phase=camera],body[data-phase=naming]{color:#eadfe9}.error-message{color:#efd0dc}.primary-button{color:#eadfe9;background:#ffffff0f;border-color:#eadfe966}.guidance{top:auto;bottom:calc(100dvh - var(--center-y) + var(--radius) + 42px);width:min(92vw,720px)}.guidance p{white-space:normal;margin-top:14px;font-size:clamp(19px,1.8vw,26px);line-height:1.8}.ritual-mark{font-size:28px}#nickname,.sphere-name{font-family:"Bodoni 72",Didot,Songti SC,Georgia,serif;font-style:italic}@media (width<=650px){.guidance{bottom:calc(100dvh - var(--center-y) + var(--radius) + 30px)}.guidance p{font-size:17px}.ritual-mark{font-size:22px}.tracking-panel,.again-button{top:calc(var(--center-y) + var(--radius) + 80px)}}@media (height<=650px) and (width>=651px){.guidance{bottom:calc(100dvh - var(--center-y) + var(--radius) + 22px)}.guidance p{margin-top:4px;font-size:17px}.ritual-mark{font-size:20px}}#nickname{caret-color:#0000}body[data-phase=waiting] .guidance,body[data-phase=lighting] .guidance,body[data-phase=waiting] .tracking-panel,body[data-phase=awaiting-eyes] .tracking-panel,.answer,.again-button{color:#51454c;text-shadow:0 1px 4px #ffffffe6}.guidance{top:3.5dvh;bottom:auto}.guidance p{font-size:clamp(16px,1.5vw,22px)}.tracking-panel,.again-button{top:auto;bottom:4dvh}.answer{top:calc(var(--center-y) + 48px)}@media (width<=650px),(height<=650px){.guidance{top:2dvh;bottom:auto}.guidance p{font-size:14px;line-height:1.7}.tracking-panel,.again-button{top:auto;bottom:3dvh}}.guidance{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#faf2f7b8;border-radius:14px;padding:8px 18px;top:3dvh}.tracking-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#faf2f7b8;border-radius:10px;padding:8px 14px;bottom:3dvh}.guidance,.tracking-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0}@media (width>=651px){body[data-phase=naming] #nickname,body[data-phase=naming] .sphere-name{top:72dvh;left:66%}body[data-phase=naming] #nickname{width:min(60vw,660px)}}.tracking-panel{display:none}.guidance{text-align:left;color:#806570;text-shadow:0 1px 2px #fff9;pointer-events:none;width:auto;max-width:calc(100vw - 40px);display:block;top:clamp(20px,4dvh,40px);bottom:auto;left:clamp(20px,3vw,48px);transform:none}.guidance .ritual-mark{display:none}.guidance p{letter-spacing:.04em;margin:0;font-family:Fusion Pixel,monospace;font-size:clamp(16px,1.4vw,22px);line-height:1.8}body[data-phase=waiting] .guidance,body[data-phase=lighting] .guidance{color:#806570}@media (width<=650px){.guidance p{font-size:14px}}.answer{left:50%;top:calc(var(--center-y) + var(--radius) * .3);width:calc(var(--radius) * 2.2);color:#fff;text-shadow:0 0 4px #fff,0 0 16px #ffffffa6,0 0 32px #ffffff4d;font-family:Fusion Pixel,monospace;font-size:clamp(20px,2.4vw,40px);line-height:1.8;transform:translate(-50%,-50%)}@media (width<=650px){.answer{font-size:clamp(18px,4vw,26px)}}.keepsake{z-index:4;background:#eee0e2 url(/a-little-answer/art/wish-paper.png) 50%/cover no-repeat;place-items:center;display:grid;position:fixed;inset:0}.wish-card{aspect-ratio:736/917;color:#9b7d8a;width:min(100vw - 24px,80.2617dvh - 35.3152px);font-family:Songti SC,STSong,Georgia,serif;position:relative}.wish-card:before{content:"";background:url(/a-little-answer/art/wish-collage.png) 50%/100% 100% no-repeat;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.wish-name-ticket{color:#fff8f6;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:30%;height:9%;display:flex;position:absolute;top:23%;left:51%;transform:rotate(-3deg)}.wish-name-ticket span{letter-spacing:.1em;font-size:clamp(8px,1vw,12px)}.wish-name-ticket strong{overflow-wrap:anywhere;margin-top:5px;font-size:clamp(12px,1.6vw,24px);font-weight:400;display:block}.wish-photo-paper{width:60%;height:35%;margin:0;position:absolute;top:32%;left:19%;transform:rotate(5deg)}.wish-photo-paper img{object-fit:contain;width:100%;height:100%;display:block}.wish-time-stamp{text-align:center;width:16%;height:9%;position:absolute;top:60%;left:12%;transform:rotate(-7deg)}.wish-time-stamp time{white-space:pre-line;font-size:clamp(8px,.9vw,12px);line-height:1.45;display:block}.wish-answer-lace{text-align:center;flex-direction:column;justify-content:center;width:36%;height:12%;display:flex;position:absolute;top:68%;left:47%;transform:rotate(-6deg)}.wish-answer-lace>span{letter-spacing:.06em;font-size:clamp(9px,.9vw,12px)}.wish-answer-lace p{color:#b58e9c;text-wrap:balance;text-shadow:0 1px #fff7;margin:7px 0 0;font-size:clamp(13px,1.7vw,23px);font-weight:600;line-height:1.55}@media (aspect-ratio>=1){.wish-card{aspect-ratio:16/9;width:min(100vw - 24px,177.778dvh - 78.2222px)}.wish-card:before{background-image:url(/a-little-answer/art/wish-collage-landscape.png)}.wish-photo-paper{width:44%;height:59%;top:19%;left:21.5%;transform:rotate(-2deg)}.wish-name-ticket{width:20%;height:15%;top:21%;left:73%;transform:rotate(4deg)}.wish-name-ticket span{font-size:clamp(10px,1.2vw,18px)}.wish-name-ticket strong{font-size:clamp(18px,2.5vw,38px)}.wish-time-stamp{width:12%;height:10%;top:60%;left:6.8%;transform:rotate(-10deg)}.wish-time-stamp time{font-size:clamp(10px,1.15vw,18px)}.wish-answer-lace{width:22%;height:22%;top:59%;left:69%;transform:rotate(-2deg)}.wish-answer-lace>span{font-size:clamp(10px,1.1vw,17px)}.wish-answer-lace p{font-size:clamp(18px,2vw,32px)}}body[data-phase=keepsake] #scene{visibility:hidden}body[data-phase=keepsake] .again-button{z-index:5;color:#806570;text-shadow:none;border-color:#bda6af;bottom:1.5dvh}@media (prefers-reduced-motion:no-preference){.keepsake{animation:.8s both keepsake-in}@keyframes keepsake-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}