@font-face{font-family:Noto;src:url('assets/fonts/NotoSansSC.woff2?motion=wuxing-1') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Work;src:url('assets/fonts/WorkSans.ttf');font-weight:100 900;font-display:swap}
@font-face{font-family:Bric;src:url('assets/fonts/Bricolage.ttf');font-weight:100 900;font-display:swap}
:root{--blue:#2450E7;--paper:#F4F5F0;--pink:#F5B4CF;--pink-soft:#FCECF3;--blue-soft:#EDF0FD;--ink:#1C231F;--muted:#626A65;--line:#DDE2ED;--white:#FFFFFF;--ease:cubic-bezier(.2,.7,.25,1)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Work,Noto,'PingFang SC',sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button::-moz-focus-inner{border:0}[hidden]{display:none!important}h1,h2,p{margin:0}svg{display:block}button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.header{height:112px;margin:0 5.3%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px}.brand>img:first-child{width:46px;height:46px}.wordmark{width:110px;height:32px;object-fit:contain}.header-right{display:flex;gap:26px;align-items:center}.tiny-en{font-family:Work,sans-serif;font-size:10px;letter-spacing:.12em;font-weight:500}.beta{font-size:11px;border:1px solid var(--blue);color:var(--blue);padding:6px 11px;border-radius:30px}.experience{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1.08fr;min-height:748px;align-items:center;padding:46px 6.2% 42px;gap:2%}.copy-column{position:relative;z-index:3;padding:8px 0}.eyebrow{display:flex;align-items:center;font-size:11px;letter-spacing:.08em;font-weight:550;gap:9px;color:var(--blue)}.little-dot{display:inline-block;height:6px;width:6px;border-radius:100%;background:var(--blue)}.vol{margin-left:15px;font-family:Work;font-size:10px;font-weight:500;color:var(--muted)}h1{font-weight:750;letter-spacing:-.06em;line-height:1.2;font-size:clamp(46px,4.8vw,72px);margin-top:32px;color:var(--blue);position:relative;width:max-content;max-width:100%}.pink-underline{position:relative;isolation:isolate}.pink-underline:after{content:'';position:absolute;height:15px;background:var(--pink);z-index:-1;left:0;right:3px;bottom:7px;transform:rotate(-2deg)}.title-spark{width:40px;height:40px;position:absolute;right:-50px;top:0;color:var(--blue);transform:rotate(12deg)}.intro-copy{font-size:14px;line-height:1.95;color:#626A65;margin-top:26px;max-width:360px;letter-spacing:.025em}form{margin-top:28px;max-width:386px}.input-row{display:grid;grid-template-columns:1.2fr 1fr;gap:13px}.field{font-size:12px;font-weight:550;min-width:0}.field>span{font-size:10px;font-weight:400;color:var(--muted);margin-left:6px}input{display:block;width:100%;height:47px;margin-top:10px;background:rgba(255,255,255,.5);border:1px solid #DDE2ED;border-radius:5px;padding:0 10px;font-family:Work,Noto,sans-serif;font-size:14px;color:var(--ink);color-scheme:light;min-width:0;appearance:auto;-webkit-appearance:auto}input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 2px #2450E71c}.input-note{color:var(--muted);font-size:10px;margin-top:10px}.primary{background:var(--blue);color:white;border:1px solid var(--blue);border-radius:5px;min-height:52px;padding:13px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;letter-spacing:.03em;transition:background .2s,transform .2s;width:100%;font-weight:550}.primary:hover{background:#1C231F;transform:translateY(-2px)}.primary:active{transform:translateY(0)}form>.primary{margin-top:22px}.privacy{font-size:10px;line-height:1.8;color:var(--muted);display:flex;gap:6px;align-items:center;margin-top:13px}.privacy svg{width:11px;height:12px;fill:none;stroke:currentColor;stroke-width:1;flex-shrink:0}.error{color:#F5B4CF;font-size:12px;margin-top:9px}.error:empty{display:none}.edition-note{display:flex;gap:14px;align-items:center;margin-top:36px;font-size:10px;line-height:1.9;color:var(--muted)}.edition-number{font-family:Bric,sans-serif;font-size:38px;line-height:1;color:var(--blue);font-weight:650;letter-spacing:-.07em}.inline-link{background:none;padding:0;border:none;text-align:left;font-size:inherit;color:inherit;border-bottom:1px solid transparent;line-height:inherit}.inline-link:hover{color:var(--blue);border-bottom-color:var(--blue)}.inline-link span{margin-left:5px}.visual-column{position:relative;min-width:0}.stage{height:620px;position:relative;perspective:1100px;isolation:isolate}.stage-caption{position:absolute;top:12px;left:95px;display:flex;flex-direction:column;color:var(--blue);z-index:7;pointer-events:none;transition:opacity .3s}.handwriting{font-size:14px;letter-spacing:.08em;margin-top:7px;transform:rotate(-5deg)}.stage-caption svg{width:49px;height:49px;fill:none;stroke:currentColor;stroke-width:1.4;position:absolute;right:-65px;top:8px}.orbit-label{position:absolute;right:-14px;top:265px;writing-mode:vertical-rl;line-height:1.9;font-size:10px;letter-spacing:.15em;color:#626A65;transition:opacity .2s}.packet-wrap{position:absolute;width:270px;height:371px;left:calc(50% - 135px);top:132px;transform:rotate(-9deg) rotateY(-8deg);transform-style:preserve-3d;z-index:4;will-change:transform;transition:transform .6s var(--ease)}.packet{position:absolute;inset:30px 0 0;background:var(--blue);color:var(--paper);clip-path:polygon(0 0,100% 0,100% 98%,98% 100%,96% 98%,94% 100%,92% 98%,90% 100%,88% 98%,86% 100%,84% 98%,82% 100%,80% 98%,78% 100%,76% 98%,74% 100%,72% 98%,70% 100%,68% 98%,66% 100%,64% 98%,62% 100%,60% 98%,58% 100%,56% 98%,54% 100%,52% 98%,50% 100%,48% 98%,46% 100%,44% 98%,42% 100%,40% 98%,38% 100%,36% 98%,34% 100%,32% 98%,30% 100%,28% 98%,26% 100%,24% 98%,22% 100%,20% 98%,18% 100%,16% 98%,14% 100%,12% 98%,10% 100%,8% 98%,6% 100%,4% 98%,2% 100%,0 98%);box-shadow:inset 8px 0 9px #ffffff08,inset -9px 0 10px #1C231F29;transform-style:preserve-3d}.packet:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 36%,#ffffff0c 38%,transparent 42%,#ffffff07 67%,transparent 69%),linear-gradient(90deg,#1C231F08,transparent 15%,transparent 85%,#fff1);mix-blend-mode:screen}.packet:after{content:'';position:absolute;left:0;right:0;top:0;height:8px;background:#2450E73d;clip-path:polygon(0 0,100% 0,100% 15%,94% 70%,91% 30%,84% 80%,81% 20%,73% 70%,65% 30%,59% 80%,50% 40%,44% 80%,35% 20%,30% 70%,20% 30%,16% 80%,10% 30%,4% 65%,0 30%);opacity:0}.pack-seam{position:absolute;width:7px;top:0;bottom:0;background:repeating-linear-gradient(90deg,#fff1 0 1px,transparent 1px 3px);opacity:.6}.pack-seam.left{left:4px}.pack-seam.right{right:4px}.tear-strip{position:absolute;left:0;right:0;top:0;height:40px;background:var(--blue);color:var(--paper);clip-path:polygon(0 13%,2% 0,4% 13%,6% 0,8% 13%,10% 0,12% 13%,14% 0,16% 13%,18% 0,20% 13%,22% 0,24% 13%,26% 0,28% 13%,30% 0,32% 13%,34% 0,36% 13%,38% 0,40% 13%,42% 0,44% 13%,46% 0,48% 13%,50% 0,52% 13%,54% 0,56% 13%,58% 0,60% 13%,62% 0,64% 13%,66% 0,68% 13%,70% 0,72% 13%,74% 0,76% 13%,78% 0,80% 13%,82% 0,84% 13%,86% 0,88% 13%,90% 0,92% 13%,94% 0,96% 13%,98% 0,100% 13%,100% 100%,0 100%);z-index:10;transform-origin:100% 90%;font-family:Work;font-size:7px;letter-spacing:.08em;display:flex;align-items:center;justify-content:space-between;padding:9px 16px 0}.tear-strip svg{width:16px;height:16px;stroke:currentColor;stroke-width:1;fill:none}.strip-dashes{position:absolute;left:7px;right:7px;bottom:3px;border-top:1px dashed #F4F5F078}.pack-brand{display:flex;gap:9px;align-items:center;margin:20px 24px;font-size:12px;font-weight:500;position:relative}.pack-brand img{width:30px;height:30px;object-fit:contain}.pack-brand small{position:absolute;bottom:-8px;left:39px;font-family:Work;font-size:6px;letter-spacing:.15em}.pack-title{font-size:37px;line-height:1.35;margin:34px 28px 0;letter-spacing:-.03em;font-weight:650;position:relative;z-index:2}.pack-title>span{color:var(--pink)}.pack-sticker{position:absolute;right:19px;top:84px;width:66px;height:66px;display:flex;justify-content:center;align-items:center;flex-direction:column;background:var(--pink);color:var(--blue);border-radius:50%;transform:rotate(13deg)}.pack-sticker>span{font-family:Bric;font-size:30px;font-weight:650;line-height:1}.pack-sticker small{font-family:Work;font-size:6px;line-height:1;text-align:center;letter-spacing:.07em;margin-top:2px}.pack-character{position:absolute;right:12px;bottom:45px;transform:rotate(10deg)}.pack-character img{width:79px;height:85px;object-fit:contain;filter:drop-shadow(2px 3px 0 #2450E7)}.pack-bottom{position:absolute;bottom:22px;left:27px;display:flex;flex-direction:column;gap:4px;font-size:8px}.pack-bottom>span:last-child{font-family:Work;font-size:6px;letter-spacing:.07em}.floor-shadow{position:absolute;left:calc(50% - 120px);top:485px;width:255px;height:30px;background:#1C231F22;border-radius:50%;filter:blur(17px);transform:rotate(-8deg);transition:all 1s}.floating-sticker{position:absolute;object-fit:contain;z-index:5;pointer-events:none;filter:drop-shadow(0 5px 6px #1C231F0d);will-change:transform}.sticker-one{left:7%;top:375px;width:150px;height:169px;transform:rotate(-19deg)}.sticker-two{right:-1%;top:115px;width:137px;height:154px;transform:rotate(16deg)}.sticker-three{right:-1%;top:445px;width:142px;height:160px;transform:rotate(9deg)}.stage-index{position:absolute;left:15px;bottom:38px;font-family:Work;font-size:10px;letter-spacing:.14em;color:var(--blue)}.stage-status{position:absolute;bottom:6px;width:100%;text-align:center;font-size:10px;color:var(--muted);letter-spacing:.04em}.reveal-card{position:absolute;left:calc(50% - 135px);top:134px;width:270px;height:375px;background:var(--paper);border:6px solid white;box-shadow:1px 6px 14px #1C231F14;z-index:2;transform:rotate(-9deg) scale(.9);opacity:0;border-radius:10px;overflow:hidden}.card-top{padding:12px 12px 8px;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:var(--blue)}.card-top span:last-child{font-family:Work;font-size:7px}.card-illustration{height:166px;position:relative;display:grid;place-items:center;overflow:hidden}.card-arch{position:absolute;width:150px;height:150px;background:var(--pink);border-radius:50% 50% 10% 10%;transform:rotate(-8deg);top:12px}.card-illustration:after{content:'';position:absolute;top:21px;width:155px;height:155px;border:1px solid var(--blue);border-radius:100px 100px 0 0;transform:rotate(10deg);opacity:.4}.card-illustration>img{height:145px;width:145px;position:relative;z-index:1;object-fit:contain;transform:rotate(-7deg)}.card-body{padding:10px 17px 0;color:var(--blue)}.card-body>span{font-family:Work;font-size:7px;letter-spacing:.08em}.card-body h2{font-size:24px;letter-spacing:-.04em;margin:5px 0 9px;font-weight:700}.card-body p{font-size:9px;line-height:1.8;width:205px}.card-bottom{border-top:1px solid #2450E72b;margin:16px 16px 0;padding-top:9px;display:flex;align-items:center;justify-content:space-between;font-size:7px;color:var(--blue)}.card-bottom img{height:22px;width:22px}.result-kicker{font-size:13px;margin-top:35px;color:var(--blue)}#persona-title{font-size:clamp(36px,3.8vw,55px);max-width:410px;width:auto;line-height:1.3;margin-top:12px;outline:none}.recommendations{margin-top:24px;display:flex;gap:11px;flex-direction:column}.recommendation{display:flex;align-items:center;gap:12px;font-size:12px}.recommendation img{width:38px;height:38px;object-fit:contain;background:#fff8;border-radius:50%;padding:2px}.recommendation strong{font-size:12px;font-weight:600;min-width:90px}.recommendation span{font-size:10px;color:var(--muted)}.result-actions{display:flex;gap:20px;margin-top:26px;max-width:386px;align-items:center}.result-actions .primary{max-width:252px;font-size:12px}.text-button{border:0;background:transparent;font-size:11px;white-space:nowrap;padding:12px 0}.text-button span{margin-left:7px}.bottom-line{margin:0 5.3%;height:101px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:var(--blue)}.bottom-line>span:first-child{font-size:14px;letter-spacing:.04em}.bottom-line strong{font-weight:600}.bottom-line>svg{width:46px;height:40px;fill:none;stroke:currentColor;stroke-width:4.5;stroke-linecap:round}.bottom-line .tiny-en{margin-left:19%}footer{margin:0 5.3%;padding:19px 0 24px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:9px;color:#626A65;gap:15px}footer>span:first-child{font-family:Work,Noto}footer .inline-link{text-decoration:underline;text-underline-offset:3px}dialog{border:0;border-radius:12px;background:var(--paper);color:var(--ink);padding:38px;width:min(880px,92vw);max-height:85dvh;box-shadow:0 20px 70px #1C231F24}dialog::backdrop{background:#1C231F5c;backdrop-filter:blur(5px)}dialog h2{font-size:30px;color:var(--blue);letter-spacing:-.04em;margin-top:12px}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start}.close{border:0;background:transparent;color:var(--blue);font-size:30px;line-height:1;padding:3px 6px}.gallery-tools{display:flex;justify-content:space-between;align-items:center;margin:24px 0 8px;font-size:11px;color:var(--muted);gap:14px}.small-button{background:var(--blue);color:white;padding:10px 12px;border-radius:4px;font-size:11px;white-space:nowrap}.sticker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.sticker-cell{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:8px 0}.sticker-cell img{width:100%;height:170px;object-fit:contain;transition:transform .3s}.sticker-cell:hover img{transform:rotate(-8deg) translateY(-4px)}.sticker-cell a{font-size:9px;color:var(--muted);padding:5px;text-decoration:underline;text-underline-offset:3px}.dialog-footnote{color:var(--muted);font-size:10px;margin-top:18px}#about-dialog{max-width:520px;padding:42px}#about-dialog .close{position:absolute;right:18px;top:16px}#about-dialog>p:not(.eyebrow){font-size:12px;line-height:1.95;margin-top:20px;color:#626A65}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:7px;padding:12px 20px;font-size:12px;z-index:1000;max-width:90vw}.is-opening .packet:after{opacity:1}.is-opening .stage-caption,.is-opening .orbit-label,.is-open .stage-caption,.is-open .orbit-label{opacity:0}.is-open .stage-status{color:var(--blue)}.is-open .floor-shadow{width:300px;left:calc(50% - 150px);top:505px;opacity:.5}.is-open .stage-index{opacity:.5}.is-opening #birth-form{pointer-events:none}.stage img{-webkit-user-drag:none;user-select:none}
@media(min-width:1450px){.experience{padding-left:90px;padding-right:90px;min-height:780px}.header,.bottom-line,footer{max-width:1340px;margin-left:auto;margin-right:auto}.stage{height:650px}.stage-status{bottom:25px}}
@media(max-width:1050px){.experience{padding-left:5.3%;padding-right:4%;grid-template-columns:1fr 1fr;gap:0}.stage{transform:scale(.9);transform-origin:center center;width:112%;margin-left:-7%}.title-spark{right:-36px;width:29px;height:29px}h1{font-size:54px}.input-row{gap:8px}.stage-caption{left:65px}.orbit-label{right:-2px}.bottom-line .tiny-en{margin-left:0}}
@media(max-width:760px){.header{height:84px;margin:0 6%}.brand>img:first-child{height:38px;width:38px}.brand{gap:8px}.wordmark{width:95px;height:28px}.header-right .tiny-en{display:none}.beta{font-size:10px;padding:4px 9px}.experience{display:flex;flex-direction:column;padding:38px 7% 22px;min-height:0;gap:0}.copy-column{width:100%;padding:0}.eyebrow{font-size:10px}.vol{font-size:9px;margin-left:8px}h1{font-size:clamp(40px,9.9vw,65px);margin-top:22px;line-height:1.2}.title-spark{width:30px;height:30px;right:-44px;top:5px}.pink-underline:after{height:10px;bottom:5px}.intro-copy{font-size:12px;margin-top:18px;line-height:1.85}form{max-width:none;margin-top:23px}.input-row{gap:12px;grid-template-columns:1.18fr 1fr}.field{font-size:11px}input{height:46px;font-size:14px}.input-note{font-size:9px}form>.primary{margin-top:18px;min-height:50px;font-size:12px}.privacy{font-size:9px;margin-top:12px}.edition-note{position:absolute;bottom:-560px;left:0;margin:0;z-index:8;font-size:9px}.edition-number{font-size:30px}.visual-column{width:100%;height:560px;margin-top:0}.stage{width:100%;margin-left:0;height:548px;transform:scale(.88);transform-origin:center 37%;min-width:0}.stage-caption{top:40px;left:8px}.stage-caption .tiny-en{font-size:8px}.handwriting{font-size:12px}.stage-caption svg{width:40px;height:40px;right:-46px;top:8px}.packet-wrap{top:130px;width:239px;height:335px;left:calc(50% - 120px)}.pack-title{font-size:32px;margin-top:30px}.pack-brand{margin:18px 23px}.pack-sticker{height:60px;width:60px;right:16px;top:77px}.pack-sticker>span{font-size:26px}.pack-character{bottom:42px}.pack-character img{height:70px;width:65px}.pack-bottom{bottom:19px;left:25px;font-size:7px}.pack-bottom>span:last-child{font-size:5px}.sticker-one{width:130px;height:147px;left:-5%;top:362px}.sticker-two{width:120px;height:135px;right:-8%;top:106px}.sticker-three{width:122px;height:137px;right:-7%;top:418px}.orbit-label{font-size:9px;right:-7%;top:285px}.stage-index{left:4px;bottom:28px;font-size:8px}.stage-status{bottom:-1px;font-size:10px}.floor-shadow{top:458px;width:205px;left:calc(50% - 100px)}.reveal-card{width:240px;height:345px;left:calc(50% - 120px);top:130px}.card-illustration{height:142px}.card-body{padding-top:7px}.card-body h2{font-size:22px}.card-body p{width:auto}.card-bottom{margin-top:13px}.card-illustration img{height:130px;width:130px}.card-arch{width:135px;height:135px}.card-illustration:after{width:140px;height:140px}.bottom-line{height:83px;margin:0 6%}.bottom-line>span:first-child{font-size:12px}.bottom-line .tiny-en{display:none}.bottom-line>svg{height:30px;width:36px}footer{margin:0 6%;font-size:8px;line-height:1.8;flex-wrap:wrap;padding:16px 0 20px;gap:4px 12px}footer>span:nth-child(2){order:3;flex-basis:100%}#result-copy .intro-copy{max-width:none}#persona-title{font-size:42px;max-width:none;margin-top:9px}.result-kicker{margin-top:22px;font-size:11px}.recommendations{margin-top:18px;gap:8px;flex-direction:row;justify-content:space-between}.recommendation{flex-direction:column;align-items:flex-start;gap:5px;min-width:0;flex:1}.recommendation img{display:none}.recommendation strong{min-width:0;font-size:11px}.recommendation span{font-size:9px}.result-actions{max-width:none;margin-top:23px}.result-actions .primary{max-width:none;flex:1}.result-actions .text-button{margin-right:4px}#result-copy .privacy{margin-top:12px}.is-open .floor-shadow{top:480px}.is-open .edition-note{bottom:-556px}.sticker-grid{grid-template-columns:repeat(3,1fr)}.sticker-cell img{height:135px}dialog{padding:24px 18px}.dialog-header h2{font-size:25px}.gallery-tools{align-items:flex-start;flex-direction:column;margin:18px 0 12px;gap:10px}.dialog-header .eyebrow{font-size:8px}#about-dialog{padding:36px 25px}#about-dialog h2{font-size:25px}}
@media(max-width:360px){.experience{padding-left:6%;padding-right:6%}h1{font-size:39px}.title-spark{right:-36px;width:26px}.stage{transform:scale(.8);transform-origin:center 33%}.visual-column{height:520px}.edition-note{bottom:-515px}.sticker-two{right:-4%}.sticker-three{right:-4%}.stage-caption{left:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.floating-sticker{will-change:auto}}
.satellite{position:absolute;width:65px;height:74px;object-fit:contain;opacity:0;z-index:1;pointer-events:none;will-change:transform}.is-opening .floating-sticker{opacity:0}.is-open .satellite{filter:drop-shadow(0 2px 3px #1C231F0c)}
/* The peeled strip exits the scene without creating horizontal page scroll. */
.experience{overflow-x:clip}.stage-status{z-index:8;padding:4px 8px;background:var(--paper);width:max-content;max-width:85%;left:50%;transform:translateX(-50%);border-radius:3px}

.is-opening .packet,.is-open .packet{clip-path:polygon(0 1.5%,3% 0%,6% 1.5%,9% 0%,12% 1.5%,15% 0%,18% 1.5%,21% 0%,24% 1.5%,27% 0%,30% 1.5%,33% 0%,36% 1.5%,39% 0%,42% 1.5%,45% 0%,48% 1.5%,51% 0%,54% 1.5%,57% 0%,60% 1.5%,63% 0%,66% 1.5%,69% 0%,72% 1.5%,75% 0%,78% 1.5%,81% 0%,84% 1.5%,87% 0%,90% 1.5%,93% 0%,96% 1.5%,99% 0%,100% 1.5%,100% 98.5%,99% 100%,96% 98.5%,93% 100%,90% 98.5%,87% 100%,84% 98.5%,81% 100%,78% 98.5%,75% 100%,72% 98.5%,69% 100%,66% 98.5%,63% 100%,60% 98.5%,57% 100%,54% 98.5%,51% 100%,48% 98.5%,45% 100%,42% 98.5%,39% 100%,36% 98.5%,33% 100%,30% 98.5%,27% 100%,24% 98.5%,21% 100%,18% 98.5%,15% 100%,12% 98.5%,9% 100%,6% 98.5%,3% 100%,0 98.5%)}