@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&family=Noto+Sans+SC:wght@400;500;600&display=swap";:root{--ink:#092945;--blue:#1d6f9e;--teal:#5fbbaa;--mist:#e8f5f6;--line:#09294526;color:var(--ink);background:#eef8f8;font-family:Noto Sans SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}.hero{color:#f7fcfa;background:#082b4b;min-height:100svh;position:relative;overflow:hidden}.hero-video{background:radial-gradient(circle at 76% 32%,#4ebcae73,#0000 19%),radial-gradient(circle at 17% 80%,#4097d373,#0000 34%),linear-gradient(120deg,#08213e 0%,#0e486b 53%,#0b6c70 100%);position:absolute;inset:0}.hero-video:after{content:"";background:linear-gradient(90deg,#0112266b,#0000 70%),linear-gradient(#0000 50%,#01132775);position:absolute;inset:0}.orb{filter:blur(1px);mix-blend-mode:screen;opacity:.7;border-radius:50%;animation:15s ease-in-out infinite float;position:absolute}.orb-one{background:radial-gradient(circle at 35% 35%,#d8fff5 0%,#6ccabb 13%,#359ab040 43%,#0000 69%);width:45vw;height:45vw;top:7vh;right:-10vw}.orb-two{background:radial-gradient(circle,#8be7dc,#528ad059 35%,#0000 70%);width:28vw;height:28vw;animation-delay:-6s;bottom:-10vw;left:18vw}.noise{opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");position:absolute;inset:0}nav,.hero-content,.hero-caption,.section,footer{width:min(1700px,100% - 96px);margin:auto;position:relative}nav{letter-spacing:.08em;z-index:1;border-bottom:1px solid #ffffff40;justify-content:space-between;align-items:center;height:98px;font-size:13px;display:flex}.brand{letter-spacing:-.04em;font-family:Playfair Display,serif;font-size:25px}.brand i{color:#8eddd0;font-weight:500}.nav-links{gap:40px;display:flex}.nav-links a{opacity:.85}.nav-year{color:#a8d8d6;font-family:DM Mono,monospace;font-size:10px}.hero-content{z-index:1;padding-top:clamp(120px,20vh,260px)}.eyebrow{letter-spacing:.14em;color:#4a9a9b;margin:0 0 22px;font-family:DM Mono,monospace;font-size:11px;line-height:1.6}.hero .eyebrow{color:#a2e2d8}h1,h2{letter-spacing:-.06em;margin:0;font-weight:500}h1{max-width:900px;font-size:clamp(53px,7vw,122px);line-height:1.03}h1 em,h2 em{color:#a9e9dc;font-family:Playfair Display,serif;font-weight:500}.intro{color:#ffffffbf;margin:38px 0;font-size:15px;line-height:2}.circle-link{letter-spacing:.08em;border:1px solid #ffffffa6;border-radius:50%;justify-content:center;align-items:center;gap:9px;width:132px;height:132px;font-family:DM Mono,monospace;font-size:9px;transition:all .3s;display:flex}.circle-link:hover{color:#08314d;background:#9ce2d8;border-color:#9ce2d8;transform:rotate(-8deg)}.circle-link b{font-size:18px;font-weight:400}.hero-caption{letter-spacing:.08em;color:#ffffff94;text-align:right;font:10px/1.7 DM Mono,monospace;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.section{padding:150px 0}.section-kicker{letter-spacing:.14em;color:#4b9996;border-top:1px solid var(--line);padding-top:16px;font:10px DM Mono,monospace}.story{background:linear-gradient(135deg,#f7fbfa,#e2f4f2)}.story-grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:10%;padding-top:100px;display:grid}.story-copy h2,.experience h2,.puzzle h2{font-size:clamp(42px,4.7vw,76px);line-height:1.13}.story-copy>p:not(.eyebrow),.puzzle-note{color:#416178;max-width:420px;margin:28px 0 0;font-size:15px;line-height:2}.morph-stage{justify-content:center;align-items:center;gap:5%;height:510px;display:flex;position:relative}.portrait{justify-content:center;align-items:center;width:38%;min-width:180px;height:420px;display:flex;position:relative;overflow:hidden}.portrait small{letter-spacing:.12em;font:10px DM Mono;position:absolute;top:22px;left:22px}.portrait span{font:150px Playfair Display;position:relative}.portrait-real{color:#255a7c;clip-path:polygon(0 10%,100% 0,100% 90%,0 100%);background:linear-gradient(145deg,#aac9de,#f6f7ef)}.portrait-oc{color:#eafffa;clip-path:polygon(0 0,100% 10%,100% 100%,0 90%);background:radial-gradient(circle at 52% 35%,#c7fff2 0%,#73c0b6 25%,#27668a 78%)}.morph-line{color:#4a9a9b;letter-spacing:.09em;justify-items:center;gap:10px;font:9px DM Mono;display:grid}.morph-line i{background:linear-gradient(#77d5c5,#0000);width:1px;height:150px}.experience{color:#edf9f8;background:#08314e;width:100%;padding-left:max(48px,50% - 850px);padding-right:max(48px,50% - 850px);overflow:hidden}.experience .section-kicker{color:#89d9cf;border-color:#edf9f838}.experience-head{justify-content:space-between;align-items:end;padding:70px 0;display:flex}.experience-head p{color:#9bc3cd;font-size:14px;line-height:1.9}.role-stage{background:radial-gradient(circle,#4dbcae33,#0000 32%);border:1px solid #c8fff73d;place-items:center;min-height:700px;display:grid;position:relative}.role-ring{aspect-ratio:1;width:min(760px,72vw);position:relative}.center-y{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e6fffa;z-index:2;background:#e6fffa1f;border:1px solid #a4e4d9;border-radius:50%;place-content:center;width:170px;height:170px;font:70px Playfair Display;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-y span{letter-spacing:.14em;font:11px DM Mono}.role-card{--angle:calc(var(--i) * 36deg - 90deg);color:#dffdf9;width:115px;height:135px;transform:translate(-50%,-50%) rotate(var(--angle)) translateX(min(325px,31vw)) rotate(calc(-1 * var(--angle)));background:0 0;border:0;align-content:center;justify-items:center;gap:6px;transition:all .35s;display:grid;position:absolute;top:50%;left:50%}.role-card:hover,.role-card.active{transform:translate(-50%,-50%) rotate(var(--angle)) translateX(min(325px,31vw)) rotate(calc(-1 * var(--angle))) scale(1.12)}.role-card.active .avatar,.role-card:hover .avatar{color:#0a4058;background:#bff8ed;box-shadow:0 0 30px #a8eee4}.role-no{color:#7fcfc4;font:9px DM Mono}.avatar{background:#bdf8ee14;border:1px solid #b6f5eb99;border-radius:50%;place-items:center;width:59px;height:59px;font-size:26px;transition:all .35s;display:grid}.role-card strong{white-space:nowrap;font-size:12px;font-weight:500}.role-message{text-align:center;animation:.4s rise;position:absolute;bottom:42px}.role-message span{letter-spacing:.12em;color:#84d5ca;font:10px DM Mono}.role-message p{margin:12px 0;font:20px Noto Sans SC}.role-progress{color:#9dced0;letter-spacing:.08em;font:10px DM Mono;position:absolute;top:27px;left:30px}.puzzle{background:#eff8f7}.puzzle-layout{grid-template-columns:1fr 1fr;align-items:center;gap:12%;padding-top:90px;display:grid}.number-pad{flex-wrap:wrap;gap:5px;width:250px;margin-top:40px;display:flex}.number-pad button{border:1px solid var(--line);background:#ffffff80;border-radius:3px;width:45px;height:42px}.number-pad button:hover{background:#8dd5c8}.number-pad .erase{color:#be6570}.tiny{color:#5e7f88;letter-spacing:.08em;font:10px DM Mono}.sudoku-wrap{position:relative}.sudoku{aspect-ratio:1;background:#fff;border:1.5px solid #265573;grid-template-columns:repeat(9,1fr);width:min(100%,530px);display:grid;box-shadow:20px 22px #c4e8e2}.sudoku button{background:#fcfefd;border:1px solid #c0d6d9;border-top:0;border-left:0;font-size:clamp(14px,1.5vw,21px)}.sudoku button:nth-child(3n){border-right:1.5px solid #265573}.sudoku button:nth-child(9n){border-right:0}.sudoku button:nth-child(n+19):nth-child(-n+27),.sudoku button:nth-child(n+46):nth-child(-n+54){border-bottom:1.5px solid #265573}.sudoku button.given{background:#e1f1f1;font-weight:600}.sudoku button.selected{background:#99d9cf}.sudoku button.wrong{color:#d55d66}.birthday-card{color:#effffc;text-align:center;background:#082f4cf0;place-content:center;padding:30px;animation:.7s rise;display:grid;position:absolute;inset:-40px -35px;box-shadow:0 0 0 1px #9adfd4}.birthday-card span{color:#a4e8d9;font-size:34px}.birthday-card p{letter-spacing:.15em;color:#9fe1d7;font:10px DM Mono}.birthday-card h3{margin:18px 0;font-size:34px;font-weight:500;line-height:1.35}.birthday-card small{color:#b7d9db}footer{color:#24506b;justify-content:space-between;align-items:center;height:110px;display:flex}footer span{letter-spacing:.1em;color:#62888d;font:10px DM Mono}@keyframes float{50%{transform:translate(-3vw,4vh)scale(1.08)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){nav,.hero-content,.hero-caption,.section,footer{width:calc(100% - 40px)}nav{height:76px}.nav-links{display:none}.nav-year{font-size:8px}.hero-content{padding-top:17vh}h1{font-size:49px}.hero-caption{font-size:8px}.section{padding:85px 0}.story-grid,.puzzle-layout{grid-template-columns:1fr;gap:50px;padding-top:55px}.morph-stage{height:340px}.portrait{height:285px}.portrait span{font-size:100px}.morph-line i{height:70px}.experience{padding:85px 20px}.experience-head{padding:50px 0;display:block}.experience-head p{margin-top:25px}.role-stage{min-height:600px}.role-ring{aspect-ratio:1;width:100%}.role-card{width:75px;height:88px}.role-card strong{font-size:9px}.avatar{width:42px;height:42px;font-size:19px}.role-no{font-size:7px}.role-message{padding:0 18px;bottom:22px}.role-message p{font-size:15px}.role-progress{font-size:8px;top:15px;left:15px}.sudoku{box-shadow:10px 10px #c4e8e2}.birthday-card{inset:-20px}.birthday-card h3{font-size:26px}footer{height:90px}.brand{font-size:21px}footer span{text-align:right;font-size:7px}}.hero-video{background-image:linear-gradient(90deg,#0112268c,#04263d2e 70%),linear-gradient(#0000 45%,#01132747),url(/assets/hero-yiyin-A5EfnSIA.png);background-position:50%;background-size:cover}.hero-video{background-image:linear-gradient(90deg,#051c2f75,#0830440a 73%),linear-gradient(#0000 45%,#061a2b38),url(/assets/hero-paper-sculpture-UsfR0vIb.png);background-position:50%}.hero-video:after{background:radial-gradient(circle at 26% 55%,#ffdeab2e,#0000 28%)}.portrait{isolation:isolate;box-shadow:18px 22px #144c5f1f,-8px -9px #ffffffb8}.portrait:after{content:"";z-index:-1;clip-path:inherit;background:#ffffff73;position:absolute;inset:8px;transform:translate(-13px,-13px)}.portrait-real{background:linear-gradient(#ffffff0d,#0a2d3b1a),url(/assets/yiyin-real-CQbQ9Pkd.jpg) 50%/cover}.portrait-oc{background:linear-gradient(#b4fff61a,#0b394b2e),url(/assets/yiyin-oc-DI8STbFj.jpg) 50%/cover}.portrait span{display:none}.portrait small{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff9e;padding:6px 8px}.role-stage{background:radial-gradient(circle,#77d0c03d,#0000 34%),linear-gradient(145deg,#185d7240,#0000 70%)}.avatar{clip-path:polygon(50% 0%,90% 15%,100% 50%,84% 90%,50% 100%,12% 86%,0% 48%,13% 13%);background-position:50% 20%;background-size:cover;border:2px solid #d8fff7;box-shadow:8px 8px #00172757,-4px -4px #acefe06e}.role-card .avatar:after{content:"";mix-blend-mode:soft-light;background:linear-gradient(135deg,#fff4d647,#0000 45%,#072d433d);position:absolute;inset:0}.role-card.active .avatar,.role-card:hover .avatar{color:inherit;background-color:#0000;box-shadow:10px 11px #00162766,0 0 30px #a8eee4}.role-card{filter:drop-shadow(0 8px 6px #000d192e)}.role-card strong{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#052b4159;border-radius:20px;padding:3px 8px}.role-stage{perspective:1300px;overflow:hidden}.role-ring,.role-card{transform-style:preserve-3d}.avatar{transform-style:preserve-3d;animation:4.6s ease-in-out infinite paper-float;animation-delay:calc(var(--i) * -.43s);will-change:transform,filter;position:relative}.role-card:nth-child(3n) .avatar{animation-duration:5.5s}.role-card:nth-child(4n) .avatar{animation-direction:reverse}.role-card:hover .avatar,.role-card.active .avatar{filter:brightness(1.13)saturate(1.08);animation-play-state:paused;transform:perspective(600px)rotateX(-11deg)rotateY(16deg)translate3d(0,-8px,34px)scale(1.11)}.role-card .avatar:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(115deg,#0000 34%,#fff6cbb8 48%,#0000 61%);position:absolute;inset:-22%;transform:translate(-120%)skew(-18deg)}.role-card:hover .avatar:before,.role-card.active .avatar:before{animation:1.2s both paper-glint}.role-card strong{transition:transform .35s,background .35s;transform:translateZ(12px)}.role-card:hover strong,.role-card.active strong{background:#7bdccc61;transform:translate3d(0,-4px,42px)}.role-message{transform-style:preserve-3d;animation:.58s cubic-bezier(.2,.8,.2,1) message-arrival}@keyframes paper-float{0%,to{transform:translate(0,0)rotate(-1deg)}50%{transform:translate3d(0,-9px,15px)rotate(1.2deg)}}@keyframes paper-glint{to{transform:translate(145%)skew(-18deg)}}@keyframes message-arrival{0%{opacity:0;transform:translate3d(0,24px,-80px)rotateX(13deg)}to{opacity:1;transform:translate(0,0)rotateX(0)}}@media (prefers-reduced-motion:reduce){.avatar,.role-message{animation:none!important}.role-card:hover .avatar,.role-card.active .avatar{transform:scale(1.06)}}.journey-intro{width:min(1700px,100% - 96px);margin:auto;padding:150px 0 100px}.journey-intro h2,.finale h2{letter-spacing:-.065em;font-size:clamp(48px,6vw,92px);font-weight:500;line-height:1.08}.journey-intro>p:last-child{color:#59717c;margin:26px 0 0;line-height:2}.cos-page{isolation:isolate;grid-template-columns:minmax(260px,1fr) minmax(500px,1.4fr) minmax(270px,.85fr);align-items:center;min-height:100svh;padding:clamp(35px,6vw,110px) max(48px,50% - 850px);display:grid;position:relative;overflow:hidden}.cos-page:before,.cos-page:after{content:"";z-index:-1;filter:blur(2px);border-radius:50%;position:absolute}.cos-page:before{background:radial-gradient(circle,#fff8e4 0%,#fff3 38%,#0000 68%);width:55vw;height:55vw;right:-12vw}.cos-page:after{background:radial-gradient(circle,#ffffffe6,#0000 70%);width:24vw;height:24vw;bottom:-10vw;left:25%}.cos-copy{z-index:2;align-self:center}.page-index{letter-spacing:.16em;color:#436c78;font:12px DM Mono}.cos-copy h3{letter-spacing:-.08em;margin:12px 0 26px;font-size:clamp(52px,5.4vw,94px);font-weight:500;line-height:1}.cos-copy>p:last-child{color:#466471;font-size:15px;line-height:2}.cos-character{cursor:pointer;perspective:1300px;filter:drop-shadow(18px 30px 16px #2e474d33);background:0 0;border:0;justify-self:center;width:min(50vw,720px);height:min(76vh,760px);position:relative}.cos-character img{object-fit:contain;z-index:2;max-width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s;animation:4.5s ease-in-out infinite chibi-bob;position:relative}.cos-character:hover img,.cos-character.active img{filter:brightness(1.04)saturate(1.08);transform:rotateY(-11deg)rotateX(6deg)translate3d(0,-18px,42px)scale(1.06)}.character-halo{background:radial-gradient(circle,#ffffffbf,#ffffff0a 62%,#0000 70%);border-radius:50%;animation:4s ease-in-out infinite halo;position:absolute;inset:12% 8%}.cos-character i{z-index:4;letter-spacing:.14em;color:#254951;opacity:0;background:#ffffffbf;border-radius:30px;padding:10px 15px;font:11px DM Mono;transition:all .25s;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.cos-character:hover i{opacity:1}.wish-card{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:3;background:#ffffff8f;border:1px solid #fffc;place-self:center end;max-width:300px;padding:31px 29px;transition:all .45s;position:relative;transform:translate(28px)rotateY(-10deg);box-shadow:16px 18px #32595d1f}.wish-card:before{content:"“";color:#37888440;font:100px Playfair Display;position:absolute;top:-39px;left:16px}.wish-card.show{opacity:1;pointer-events:auto;transform:translate(0,0)rotateY(0)}.wish-card span{letter-spacing:.14em;color:#478f8c;font:9px DM Mono}.wish-card p{margin:16px 0 22px;font-size:20px;font-weight:500;line-height:1.75}.wish-card small{color:#62808a;font-size:11px}.finale{color:#f7fffc;background:radial-gradient(circle at 50% 58%,#d9fff0 0%,#a7d8d5 21%,#2c7890 70%,#123c5f);grid-template-columns:1fr 1.25fr;align-items:center;gap:4%;min-height:100svh;padding:9vh max(48px,50% - 850px);display:grid;overflow:hidden}.finale .eyebrow{color:#a9eee1}.finale h2 em{color:#caffea}.finale-copy>p:last-child{color:#d3f0ec;max-width:370px;line-height:2}.finale-cast{aspect-ratio:1;perspective:1200px;width:min(760px,55vw);margin:auto;position:relative}.hero-chibi{text-align:center;color:#663d34;z-index:3;background:radial-gradient(circle at 38% 28%,#fffde7,#ffd89a 48%,#eaa86f);border-radius:50%;place-content:center;width:190px;height:190px;font:72px Playfair Display;animation:4.6s ease-in-out infinite hero-bob;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 22px 50px #03253673,inset -8px -9px #cb815b3b}.hero-chibi span{letter-spacing:.16em;font:10px DM Mono}.finale-role{object-fit:contain;width:25%;height:25%;transform:rotate(calc(var(--i) * 36deg)) translateY(min(-290px,-21vw)) rotate(calc(var(--i) * -36deg));filter:drop-shadow(7px 10px 8px #01192c45);animation:4s ease-in-out infinite finale-bob;animation-delay:calc(var(--i) * -.35s);position:absolute;top:37.5%;left:37.5%}@keyframes chibi-bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-15px)rotate(1.5deg)}}@keyframes halo{50%{opacity:.6;transform:scale(1.12)}}@keyframes hero-bob{50%{transform:translate(-50%,-56%)rotate(2deg)}}@keyframes finale-bob{50%{margin-top:-12px}}@media (width<=800px){.journey-intro{width:calc(100% - 40px);padding:90px 0 60px}.cos-page{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;min-height:780px;padding:55px 25px 40px}.cos-copy{text-align:center}.cos-copy h3{margin:8px 0 12px;font-size:54px}.cos-character{width:82vw;height:53vh}.wish-card{justify-self:center;max-width:330px;padding:20px 23px}.wish-card p{margin:8px 0 14px;font-size:16px}.finale{text-align:center;grid-template-columns:1fr;padding:70px 20px}.finale-copy>p:last-child{margin-inline:auto}.finale-cast{width:95vw}.hero-chibi{width:128px;height:128px;font-size:52px}.finale-role{transform:rotate(calc(var(--i) * 36deg)) translateY(-35vw) rotate(calc(var(--i) * -36deg))}}.finale-cast .hero-chibi{object-fit:contain;filter:drop-shadow(0 0 16px #fff8c0b3);background:0 0;border-radius:0;padding:0;display:block;box-shadow:0 25px 45px #03253661}:root{--water-blue:#0c6f98;--water-mid:#39a6bc;--water-mist:#c4f5ee;--moss:#62bf9a;--deep-water:#063c63}.hero{background:linear-gradient(130deg,#063b63,#1685a7 55%,#53b99e)}.hero-video{background-image:linear-gradient(90deg,#002745c7,#02495b1f 68%),radial-gradient(circle at 84% 41%,#79f2c35c,#0000 33%),linear-gradient(130deg,#075074,#1695aa 55%,#7bd391)!important}.hero-character{z-index:1;pointer-events:none;filter:drop-shadow(0 30px 38px #0022366b);place-items:end;width:min(46vw,680px);height:86%;display:grid;position:absolute;bottom:-6%;right:8%}.hero-character img{object-fit:contain;max-width:100%;height:100%;animation:6s ease-in-out infinite hero-float}.star-spray{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.star-spray i{left:calc(60% + (var(--i) * 1.1%));top:calc(42% + ((var(--i) * 7) % 32) * 1%);width:clamp(4px,calc(4px + (var(--i) % 4) * 2px),12px);aspect-ratio:1;clip-path:polygon(50% 0,61% 37%,100% 50%,61% 62%,50% 100%,38% 62%,0 50%,38% 37%);filter:drop-shadow(0 0 8px #eaffdd);animation:star-drift calc(4s + (var(--i) % 4) * 1s) ease-in-out infinite;animation-delay:calc(var(--i) * -.2s);background:#fffbd1;position:absolute}.bead-curtain{z-index:4;pointer-events:none;mix-blend-mode:screen;opacity:.92;justify-content:space-around;display:flex;position:absolute;inset:0}.bead-curtain span{width:2px;height:100%;padding-top:calc((var(--i) % 5) * 16px);animation:curtain-sway calc(5s + (var(--i) % 4) * .7s) ease-in-out infinite;transform-origin:top;background:linear-gradient(#0000 2%,#d2fff6a6 12%,#d2fff63d 92%,#0000);flex-direction:column;align-items:center;gap:clamp(13px,1.5vw,26px);display:flex}.bead-curtain b{aspect-ratio:1;background:radial-gradient(circle at 32% 28%,#fff 0 9%,#dbfff6 14%,#71d0c7 44%,#1f7996 100%);border:1px solid #ffffffbf;border-radius:50%;width:clamp(12px,1.6vw,27px);box-shadow:0 0 12px #c7ffefa8,inset -3px -4px 5px #003c5140}.eye-gate{color:#e7fffa;place-items:center;width:135px;height:88px;margin-top:38px;transition:transform .35s;display:grid;position:relative}.eye-gate:hover{transform:scale(1.1)}.iris{background:radial-gradient(circle,#071d4b 0 14%,#86f1de 16% 23%,#2b9db2 25% 44%,#ecffff 46% 51%,#1b6a8c 53% 75%,#0000 76%);border-radius:100% 0;width:104px;height:62px;display:block;position:relative;transform:rotate(45deg);box-shadow:0 0 25px #acffebc2}.iris i{border:1px solid #fffc;border-radius:50%;position:absolute;inset:12px}.eye-gate b{letter-spacing:.12em;font:9px DM Mono;position:absolute;bottom:-5px}.cos-page{scroll-snap-align:start}.cos-journey{scroll-snap-type:y proximity;background:#effdfb}.tone-0{background:linear-gradient(130deg,#c8f1e7,#78cbb5)}.tone-1{background:linear-gradient(130deg,#d9f7f1,#79c4c1)}.tone-2{background:linear-gradient(130deg,#e5fbf8,#79bdd4)}.tone-3{background:linear-gradient(130deg,#d2f2ed,#6db5bc)}.tone-4{background:linear-gradient(130deg,#dff8e8,#7bc7aa)}.passage-eye{text-align:center;color:#15586a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.08em;z-index:5;background:#ffffff75;border:1px solid #063f5647;border-radius:50%;place-content:center;width:70px;height:70px;font:9px DM Mono;transition:all .3s;display:grid;position:absolute;bottom:5vh;right:4.5vw}.passage-eye i{background:radial-gradient(circle,#07395b 0 19%,#a7f4de 21% 38%,#2c8caa 40% 57%,#0000 59%);border-radius:100% 0;width:38px;height:23px;margin:auto;transform:rotate(45deg)}.passage-eye:hover{background:#e9fffb;transform:translateY(-8px)scale(1.1)}.finale{background:radial-gradient(circle at 50% 58%,#dcfff5 0%,#91dbca 24%,#177d99 67%,#063c63)}@keyframes curtain-sway{50%{transform:translateX(calc((var(--i) % 2 * 2 - 1) * 12px)) rotate(calc((var(--i) % 2 * 2 - 1) * 1.6deg))}}@keyframes star-drift{50%{opacity:.32;transform:translate(-20px,-26px)rotate(140deg)}}@keyframes hero-float{50%{transform:translateY(-16px)rotate(-1.2deg)}}@media (width<=800px){.bead-curtain span:nth-child(n+10){display:none}.hero-character{height:62%;bottom:4%;right:-12%}.hero-content{padding-top:14vh}.eye-gate{margin-top:25px}.passage-eye{width:55px;height:55px;bottom:18px;right:18px}.star-spray i{left:calc(54% + (var(--i) * 1.2%))}}.hero{background:#071f38;min-height:100vh;padding:20px 5vw;display:block}.hero:before{content:"";z-index:0;background:linear-gradient(122deg,#076989,#219aa2 52%,#92d6a1);border-radius:0 0 44px 44px;position:absolute;inset:20px 5vw;box-shadow:0 25px 45px #00000047}.hero-video{border-radius:0 0 44px 44px;inset:20px 5vw;background-image:radial-gradient(circle at 76% 36%,#e5ffcf5c,#0000 26%),radial-gradient(circle at 17% 83%,#0743716b,#0000 35%),linear-gradient(122deg,#08708e,#1aabb1 56%,#9cd884)!important}.hero-title-bg{z-index:1;letter-spacing:-.14em;color:#f0fff066;white-space:nowrap;pointer-events:none;font:900 clamp(120px,20vw,385px)/.78 Noto Sans SC,sans-serif;position:absolute;top:16%;left:50%;transform:translate(-50%)}.hero-character{z-index:3;filter:drop-shadow(0 34px 24px #0031474d);width:min(39vw,610px);height:78%;bottom:3%;left:50%;right:auto;transform:translate(-50%)}.hero-character img{animation:6s ease-in-out infinite hero-float}.hero-side{z-index:2;opacity:.82;filter:blur(.35px)drop-shadow(0 10px 9px #002a3d40);justify-items:center;gap:6px;width:clamp(75px,10vw,165px);display:grid;position:absolute;bottom:13%}.hero-side img{object-fit:contain;width:100%;height:clamp(110px,18vh,210px)}.hero-side span{color:#effff5;letter-spacing:.16em;font:10px DM Mono}.hero-side-left{left:15%}.hero-side-right{right:15%}.hero-content{z-index:7;margin-left:3vw;padding-top:clamp(260px,45vh,470px)}.hero-content h1{letter-spacing:-.08em;text-shadow:0 3px 14px #002b4333;font-family:Noto Sans SC,sans-serif;font-size:clamp(30px,3.15vw,58px);line-height:.9}.hero-content h1 em{color:#f4fff1;font-size:1.28em;font-style:normal}.hero-content .eyebrow{margin-bottom:10px;font-size:9px}.hero-content .intro{margin-top:17px;font-size:12px;line-height:1.8}.hero-caption{z-index:7;font-size:9px;bottom:47px;left:auto;right:8vw;transform:none}.hero nav{z-index:8;width:calc(100% - 6vw);height:72px}.hero-eye-gate{z-index:8;width:100px!important;height:62px!important;top:30%!important;right:calc(50% - 50px)!important}.bead-curtain{z-index:6;pointer-events:none!important;opacity:.82!important;background:linear-gradient(90deg,#031d2f61,#0000 26% 74%,#05343e42)!important;-webkit-mask-image:none!important;mask-image:none!important}.bead-curtain span{padding-top:calc(var(--i) * 5px)!important;opacity:.96!important;filter:drop-shadow(0 0 5px #ddffe0ad)!important;gap:clamp(4px,.42vw,8px)!important;transition:none!important;transform:none!important}@media (width<=800px){.hero{padding:10px}.hero:before,.hero-video{border-radius:0 0 25px 25px;inset:10px}.hero-title-bg{font-size:30vw;top:22%}.hero-character{width:76vw;height:57%;bottom:7%}.hero-side{width:58px;bottom:16%}.hero-side-left{left:9%}.hero-side-right{right:9%}.hero-content{margin-left:2vw;padding-top:42vh}.hero-caption{bottom:32px;right:5vw}.hero nav{width:calc(100% - 4vw)}.bead-curtain span:nth-child(n+33){display:flex}.hero-eye-gate{transform:scale(.7);top:34%!important;right:calc(50% - 35px)!important}}.cos-character{isolation:isolate;filter:drop-shadow(22px 34px 20px #0c2f425c)!important;width:min(54vw,790px)!important;height:min(80vh,820px)!important}.cos-character:after{content:"";z-index:0;background:radial-gradient(circle at 45% 38%,#fffffff5,#e7fffab8 43%,#52b4b433 69%,#0000 72%);border-radius:48% 52% 46% 54%;position:absolute;inset:7% 9%;box-shadow:0 0 0 1px #ffffff6b,inset 0 0 38px #ffffff75}.cos-character img{z-index:2!important;filter:drop-shadow(0 0 1px #fffffff2)saturate(1.08)contrast(1.05)!important;transform:scale(1.08)!important}.cos-character:hover img,.cos-character.active img{transform:rotateY(-8deg)rotateX(4deg)translate3d(0,-18px,42px)scale(1.16)!important}.character-halo{z-index:1!important;background:radial-gradient(circle,#ffffffe6,#dafff74d 57%,#0000 72%)!important;inset:4%!important}@media (width<=800px){.cos-character{width:90vw!important;height:58vh!important}.cos-character img{transform:scale(1.04)!important}}.cos-character img{filter:drop-shadow(0 0 1px #fffffff2)!important}.cos-character:hover img,.cos-character.active img{filter:drop-shadow(0 8px 12px #0c2f4247)!important}.cos-character,.cos-character img,.character-halo{transition:none!important;animation:none!important}.cos-character img,.cos-character:hover img,.cos-character.active img{transform:scale(1.08)!important}.character-halo{transform:none!important}.finale-cast{width:min(920px,64vw)!important}.finale-role{width:29%!important;height:29%!important;transform:rotate(var(--angle)) translateY(min(-360px,-25vw)) rotate(calc(var(--angle) * -1))!important;object-position:center!important;top:35.5%!important;left:35.5%!important}@media (width<=800px){.finale-cast{width:100vw!important}.finale-role{width:27%!important;height:27%!important;transform:rotate(var(--angle)) translateY(-37vw) rotate(calc(var(--angle) * -1))!important;top:36.5%!important;left:36.5%!important}.finale-cast .hero-chibi{width:136px!important;height:136px!important}}.story.section{isolation:isolate;background:#eff5f1;place-items:center;width:100%;min-height:100svh;margin:0;display:grid;position:relative;overflow:hidden;padding:0!important}.story-video{z-index:-3;object-fit:cover;opacity:.23;filter:saturate(.72)contrast(.92)brightness(1.1);width:100%;height:100%;position:absolute;inset:0}.story-wash{z-index:-2;background:linear-gradient(135deg,#f7f9f8e3,#e7f6f1c7);position:absolute;inset:0}.story-topline,.story-bottomline{letter-spacing:.14em;color:#132f3c;justify-content:space-between;font:600 10px DM Mono,monospace;display:flex;position:absolute;left:clamp(28px,5vw,92px);right:clamp(28px,5vw,92px)}.story-topline{border-bottom:1px solid #0e2e3b47;padding-bottom:10px;top:clamp(27px,4vw,65px)}.story-bottomline{bottom:clamp(27px,4vw,65px)}.story-book-title{text-align:center;color:#102d3a;max-width:780px;margin-top:-1vh;padding:20px;position:relative}.story-book-title .eyebrow{color:#567f86;margin-bottom:18px;font-size:10px}.story-book-title h2{letter-spacing:-.12em;color:#111d22;font-family:Playfair Display,Noto Serif SC,serif;font-size:clamp(58px,8vw,132px);font-weight:500;line-height:1.02}.story-book-title i{letter-spacing:.02em;color:#c9ab74;opacity:.8;margin-top:-4px;font:italic clamp(26px,3.6vw,56px)/1 Playfair Display,serif;display:block}.story-rule{letter-spacing:.08em;color:#263940;justify-content:center;align-items:center;gap:18px;margin:28px auto 21px;font:12px Playfair Display,serif;display:flex}.story-rule b{opacity:.7;background:#cfb881;width:clamp(90px,13vw,185px);height:1px;transform:rotate(-11deg)}.story-book-title>p:last-child{color:#405f69;margin:0;font-size:14px;line-height:2}@media (width<=800px){.story-topline,.story-bottomline{font-size:8px;left:24px;right:24px}.story-topline span:last-child{display:none}.story-book-title{max-width:100%;padding:20px 28px}.story-book-title h2{font-size:17vw}.story-book-title i{font-size:33px}.story-book-title>p:last-child{font-size:12px}.story-video{opacity:.17}}.story-poster-title{z-index:2;flex-direction:column;justify-content:center;align-items:center;max-width:min(1100px,88vw);min-height:56vh;margin:0;display:flex}.story-poster-title h2{letter-spacing:.03em;color:#123f3b;text-shadow:0 2px #dffff538;white-space:nowrap;margin:0;font-family:STKaiti,KaiTi,Songti SC,serif;font-size:clamp(72px,10vw,174px);font-weight:700;line-height:1.04}.story-special{color:#f6fffc;text-shadow:0 3px 12px #052a313d;margin:clamp(24px,2.5vw,40px) 0 0;font-family:STKaiti,KaiTi,Songti SC,serif;font-size:clamp(37px,5vw,79px);font-weight:700;line-height:1;transform:rotate(-7deg)}.story-poster-title time{letter-spacing:-.1em;color:#f5dc42;text-shadow:0 2px 12px #174e4447;align-self:flex-end;margin:-.15em 11% 0 0;font:700 clamp(24px,3vw,50px)/1 DM Mono,monospace;transform:rotate(-11deg)}.split-text{display:inline-block}.split-text>span{opacity:0;will-change:transform,opacity;display:inline-block;transform:translateY(28px)rotate(5deg)}.split-text.visible>span{animation:.72s cubic-bezier(.17,.84,.28,1) forwards story-letter-reveal;animation-delay:var(--delay)}@keyframes story-letter-reveal{to{opacity:1;transform:translate(0,0)rotate(0)}}@media (width<=800px){.story-poster-title{max-width:100vw;min-height:52vh;padding:12px}.story-poster-title h2{letter-spacing:0;font-size:16vw}.story-special{margin-top:20px;font-size:12vw}.story-poster-title time{margin-top:4px;margin-right:12%;font-size:8vw}}.story-title-art{z-index:3;place-items:center;width:min(1130px,80vw);max-width:none;margin:0;padding:0;display:grid}.story-title-art img{filter:drop-shadow(0 8px 18px #001b2b3d);mix-blend-mode:multiply;width:100%;height:auto;animation:1.2s cubic-bezier(.17,.84,.28,1) both title-art-reveal;display:block}@keyframes title-art-reveal{0%{opacity:0;transform:translateY(28px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=800px){.story-title-art{width:92vw}.story-title-art img{filter:drop-shadow(0 5px 12px #001b2b38)}}.pill-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#01203b2e;border:1px solid #dbfff84d;border-radius:999px;gap:10px;padding:6px}.pill-nav a{color:#e9fffc;letter-spacing:.04em;isolation:isolate;border-radius:999px;place-items:center;min-width:136px;height:40px;padding:0 18px;font-size:13px;font-weight:600;transition:color .25s;display:grid;position:relative;overflow:hidden}.pill-nav a:before{content:"";z-index:-1;aspect-ratio:1;transform-origin:bottom;background:linear-gradient(135deg,#d8fff8,#79dfd0);border-radius:50%;width:220%;transition:transform .52s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-175%;left:50%;transform:translate(-50%)scale(.1)}.pill-label,.pill-label-hover{grid-area:1/1;transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .28s}.pill-label-hover{opacity:0;color:#083957;transform:translateY(34px)}.pill-nav a:hover,.pill-nav a:focus-visible{color:#083957;outline:none}.pill-nav a:hover:before,.pill-nav a:focus-visible:before{transform:translate(-50%)scale(1.05)}.pill-nav a:hover .pill-label,.pill-nav a:focus-visible .pill-label{opacity:0;transform:translateY(-34px)}.pill-nav a:hover .pill-label-hover,.pill-nav a:focus-visible .pill-label-hover{opacity:1;transform:translateY(0)}@media (width<=720px){.pill-nav{display:none}}.story-video{opacity:.6!important;filter:saturate(1.02)contrast()brightness(1.02)!important}.story-wash{background:linear-gradient(#071f38 0%,#071f38e6 18%,#0d538694 58%,#b0e1f47a 100%)!important}@media (width<=800px){.story-video{opacity:.44!important}}.hero-side{opacity:.9!important;filter:blur(.2px)drop-shadow(0 14px 12px #002a3d45)!important;width:min(14.5vw,250px)!important}.hero-side img{object-fit:contain!important;width:100%!important;height:auto!important;max-height:48vh!important}@media (width<=800px){.hero-side{width:25vw!important}.hero-side img{max-height:28vh!important}}.hero-character{width:min(29vw,500px)!important;height:auto!important;display:block!important;bottom:2%!important}.hero-character img{width:100%!important;max-width:none!important;height:auto!important;display:block!important}.hero-character,.hero-side{z-index:7!important}.hero-eye-gate,nav{z-index:8!important}@media (width<=800px){.hero-character{width:58vw!important;height:auto!important;bottom:5%!important}}.bead-curtain{-webkit-mask-image:radial-gradient(ellipse 16% 20% at var(--mouse-x) var(--mouse-y),transparent 0 19%,#00000057 42%,#000 74%);-webkit-mask-image:radial-gradient(ellipse 16% 20% at var(--mouse-x) var(--mouse-y),transparent 0 19%,#00000057 42%,#000 74%);mask-image:radial-gradient(ellipse 16% 20% at var(--mouse-x) var(--mouse-y),transparent 0 19%,#00000057 42%,#000 74%);background:radial-gradient(ellipse 24% 30% at var(--mouse-x) var(--mouse-y),#0352670a 0 20%,#02324b30 61%,#01233b61 100%)!important}.bead-curtain span{opacity:calc(.7 + var(--open) * .3);padding-top:calc(var(--i) * 5px)!important;transform:translateX(var(--pull)) rotate(calc(var(--open) * 2.2deg))!important;gap:clamp(4px,.42vw,8px)!important;transition:transform .18s cubic-bezier(.16,.84,.22,1),filter .18s!important}.bead-curtain b{background:radial-gradient(circle at 27% 22%,#fffbe2 0 7%,#f3e7aa 10% 22%,#9db76c 45%,#426b55 75%,#183f4e)!important;border-color:#fff2b8e6!important;width:clamp(7px,.72vw,14px)!important;box-shadow:0 0 7px #ffed9d8c,inset -2px -3px 4px #15252b7a!important}.hero-eye-gate{width:102px!important;height:64px!important;top:31.3%!important;right:24.3%!important}.cos-page{perspective:1500px;background-attachment:fixed}.cos-drift{z-index:1;pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden}.cos-drift i{left:calc((var(--i) * 17%) - 10%);top:calc(12% + ((var(--i) * 17) % 68) * 1%);aspect-ratio:1;width:clamp(34px,6vw,105px);filter:blur(calc((var(--i) % 3) * 1.7px));opacity:calc(.34 + (var(--i) % 3) * .16);animation:film-drift calc(7s + (var(--i) % 3) * 2s) cubic-bezier(.44,.03,.58,.97) infinite;animation-delay:calc(var(--i) * -1.14s);background:radial-gradient(circle at 30% 25%,#ffffffeb,#cdfff280 24%,#2c96a517 57%,#0000 68%);border-radius:50%;position:absolute}.cos-drift i:nth-child(2n){background:radial-gradient(circle at 36% 30%,#ffffffc7,#80efdc2e 35%,#0000 70%);width:clamp(70px,12vw,220px);animation-direction:reverse}.cos-copy,.cos-character,.wish-card,.passage-eye{transform-style:preserve-3d}.cos-copy{transform:translateZ(36px)}.cos-character{z-index:2;transform:translateZ(90px)}.wish-card{transform:translate3d(28px,0,70px)rotateY(-10deg)}.wish-card.show{transform:translateZ(70px)rotateY(0)}@keyframes film-drift{0%{transform:translate3d(-18vw,10vh,-160px)scale(.74)}48%{transform:translate3d(13vw,-6vh,100px)scale(1.14)}to{transform:translate3d(35vw,12vh,-120px)scale(.84)}}@media (width<=800px){.bead-curtain span{padding-top:calc(var(--i) * 4px)!important}.hero-eye-gate{transform:scale(.7);top:29%!important;right:20%!important}.hero-eye-gate:hover{transform:scale(.82)}.cos-page{background-attachment:scroll}.cos-drift i:nth-child(n+5){display:none}}.hero-content{z-index:7}.bead-curtain{z-index:6;pointer-events:auto;opacity:.96;mix-blend-mode:normal;background:linear-gradient(90deg,#01304a52,#0000 29% 72%,#02415230);justify-content:space-between;padding-inline:.35vw}.bead-curtain span{width:1px;padding-top:calc((var(--i) % 7) * 9px);transform:translateX(var(--pull));filter:drop-shadow(0 0 7px #c1ffebbf);gap:clamp(5px,.55vw,10px);transition:transform .16s cubic-bezier(.2,.8,.2,1);animation:none}.bead-curtain b{background:radial-gradient(circle at 29% 24%,#fff 0 8%,#e3fff4 10% 23%,#72d7c7 43%,#16789a 76%,#064564);width:clamp(8px,.9vw,17px);transition:transform .16s,opacity .16s;box-shadow:0 0 9px #c6ffeeb3,inset -2px -3px 4px #00314b5c}.bead-curtain span:hover b{opacity:.72;transform:scale(.78)}.hero-eye-gate{z-index:8;cursor:pointer;filter:drop-shadow(0 0 15px #ccfff1cc);border-radius:50%;place-items:center;width:90px;height:57px;transition:transform .3s;display:grid;position:absolute;top:34%;right:25.1%}.hero-eye-gate:before{content:"";border:1px solid #f2fffbe6;border-radius:100% 0;position:absolute;inset:0;transform:rotate(45deg);box-shadow:0 0 16px #afffee8c}.hero-eye-gate i{background:radial-gradient(circle,#09234e 0 16%,#8af0d6 18% 32%,#1984a1 34% 59%,#e6fff8 61% 64%,#155b85 66% 78%,#0000 80%);border-radius:50%;width:42px;height:42px;animation:2.7s ease-in-out infinite eye-pulse}.hero-eye-gate span{white-space:nowrap;letter-spacing:.1em;color:#e5fff9;text-shadow:0 1px 4px #04334e;font:8px DM Mono;position:absolute;top:64px}.hero-eye-gate:hover{transform:scale(1.2)}.hero-eye-gate:hover i{animation-play-state:paused}@keyframes eye-pulse{50%{filter:brightness(1.17);transform:scale(1.12)}}@media (width<=800px){.bead-curtain{padding-inline:2px}.bead-curtain span:nth-child(n+22){display:flex}.bead-curtain b{width:10px}.hero-eye-gate{top:31%;right:22%;transform:scale(.75)}.hero-eye-gate:hover{transform:scale(.88)}}.finale-cast .hero-chibi{width:310px!important;height:310px!important}@media (width<=800px){.finale-cast .hero-chibi{width:175px!important;height:175px!important}}.cos-journey{background:#062d49!important}.password-gate{isolation:isolate;color:#effffc;background:radial-gradient(circle at 72% 28%,#3fbcae4f,#0000 24%),linear-gradient(135deg,#041c38,#073f59 58%,#0b6466);place-items:center;min-height:100svh;padding:24px;display:grid;position:relative;overflow:hidden}.gate-orb{z-index:-1;filter:blur(2px);opacity:.55;border-radius:50%;position:absolute}.gate-orb-one{background:radial-gradient(circle at 38% 38%,#d9fff2,#5bc9c0 17%,#0000 68%);width:47vw;height:47vw;top:-13vw;right:-13vw}.gate-orb-two{background:radial-gradient(circle,#87d9ff,#51bbb538 40%,#0000 70%);width:35vw;height:35vw;bottom:-15vw;left:-12vw}.gate-particles{opacity:.8}.gate-card{z-index:1;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(135deg,#ddfff92b,#8ce6dc14);border:1px solid #e0fff97a;border-radius:26px;width:min(100%,490px);padding:54px 54px 48px;position:relative;box-shadow:24px 28px 70px #000d2252,inset 0 1px #ffffff59}.gate-card .eyebrow{color:#9eeede}.gate-card h1{font-size:clamp(48px,6vw,76px);line-height:.95}.gate-card h1 em{color:#9eeedc;font-family:Playfair Display,serif}.gate-card>p{color:#d4efed;margin:30px 0;line-height:1.9}.gate-card label{gap:9px;display:grid}.gate-card label span{color:#a7e6dd;letter-spacing:.16em;font:10px DM Mono,monospace}.gate-card input{color:#f2fffc;letter-spacing:.25em;background:#01203761;border:1px solid #dafff89e;border-radius:10px;outline:none;width:100%;padding:15px 17px;font:19px DM Mono,monospace}.gate-card input:focus{border-color:#a5ffeb;box-shadow:0 0 0 4px #7af0da1f}.gate-card small{color:#ffd5d8;margin-top:9px;display:block}.gate-card button{color:#07374c;letter-spacing:.12em;background:linear-gradient(90deg,#dcfff8,#98e8d8);border:1px solid #d3fff4;border-radius:10px;width:100%;margin-top:25px;padding:15px 18px;font:12px DM Mono,monospace;transition:transform .2s,box-shadow .2s}.gate-card button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #8ef5db40}.gate-card button b{margin-left:8px;font-size:16px}@media (width<=550px){.gate-card{border-radius:20px;padding:42px 27px 34px}}.journey-intro{color:#edfdfa;background:radial-gradient(circle at 76% 48%,#3faaa966,#0000 38%),linear-gradient(130deg,#06223f,#073e5a 58%,#0a5664);position:relative;overflow:hidden;width:100%!important;padding:150px max(48px,50% - 850px) 100px!important}.journey-intro-copy{z-index:1;width:min(1700px,100%);margin:auto;position:relative}.journey-intro .eyebrow{color:#8fe9dc}.journey-intro h2{color:#f4fffb}.journey-intro h2 em{color:#9deedb}.journey-intro>.journey-intro-copy>p:last-child{color:#c7e6e6}.particles-container{z-index:0;pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.cos-page.tone-0{background:radial-gradient(circle at 78% 42%,#47bca333,#0000 35%),linear-gradient(130deg,#062d4a,#0b5761)}.cos-page.tone-1{background:radial-gradient(circle at 78% 42%,#48a7b140,#0000 35%),linear-gradient(130deg,#082c4a,#135c67)}.cos-page.tone-2{background:radial-gradient(circle at 78% 42%,#51a1d53d,#0000 35%),linear-gradient(130deg,#082847,#135875)}.cos-page.tone-3{background:radial-gradient(circle at 78% 42%,#7f84d533,#0000 35%),linear-gradient(130deg,#102744,#28546d)}.cos-page.tone-4{background:radial-gradient(circle at 78% 42%,#71c7a438,#0000 35%),linear-gradient(130deg,#063542,#176259)}.cos-page .page-index,.cos-page .cos-copy>p:last-child{color:#c8f2ec}.cos-page .cos-drift{opacity:.74}.finale{isolation:isolate;position:relative}.finale>:not(.particles-container),.puzzle>:not(.particles-container){z-index:1;position:relative}.finale-particles{opacity:.74}.puzzle.section{isolation:isolate;color:#effffc;background:radial-gradient(circle at 72% 40%,#359fa747,#0000 29%),linear-gradient(130deg,#061f3c,#093d58 54%,#0c5b63);overflow:hidden;width:100%!important;padding:150px max(48px,50% - 850px)!important}.puzzle-particles{opacity:.78}.puzzle .section-kicker{color:#8fe9dc;border-color:#dcfff940}.puzzle .eyebrow{color:#9deedb}.puzzle h2{color:#f2fffc}.puzzle .puzzle-note{color:#caeae9}.puzzle .tiny{color:#b5dedb}.puzzle .number-pad button{color:#eafff8;background:#cdfff71a;border-color:#bafff259}.puzzle .number-pad button:hover{background:#87ebd75c}.puzzle .sudoku{background:#eefffcf0;border-color:#b8f4e8;box-shadow:20px 22px #50cfbe42,0 0 50px #54dfcc29}.puzzle .sudoku button{color:#073c56;text-shadow:0 1px #fff9;background:#f9fffef5;font-weight:700}.puzzle .sudoku button.given{color:#052d48;background:#ccefe9;font-weight:800}.puzzle .sudoku button.selected{color:#052d48;background:#87dacc}.puzzle-controls{justify-content:space-between;align-items:end;gap:18px;width:min(100%,530px);margin-top:18px;display:flex}.puzzle .puzzle-controls .number-pad{margin:0}.puzzle .puzzle-controls .tiny{white-space:nowrap;margin:0 0 5px}@media (width<=800px){.puzzle.section{padding:85px 20px!important}.puzzle-controls{flex-direction:column;align-items:start;gap:10px;margin-top:14px}.puzzle .puzzle-controls .tiny{margin:0}.journey-intro{padding:90px 20px 60px!important}}.music-toggle{z-index:30;color:#eafff9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);letter-spacing:.09em;background:#042b4291;border:1px solid #dafff89e;border-radius:999px;align-items:center;gap:9px;min-height:43px;padding:0 16px 0 12px;font:10px DM Mono,monospace;transition:transform .25s,background .25s,box-shadow .25s;display:inline-flex;position:fixed;bottom:28px;right:30px;box-shadow:0 10px 26px #00112933,inset 0 1px #fff3}.music-toggle:hover{background:#146f7db8;transform:translateY(-4px)}.music-toggle span{color:#063c54;background:#b7fae9;border-radius:50%;place-items:center;width:26px;height:26px;font-size:17px;display:grid}.music-toggle b{font-weight:500}.music-toggle.playing{border-color:#d8fff5;box-shadow:0 0 0 5px #79f3dc1c,0 10px 28px #00112940}.music-toggle.playing span{animation:1.25s ease-in-out infinite music-pulse}@keyframes music-pulse{50%{transform:scale(1.18);box-shadow:0 0 16px #a7ffe4d1}}@media (width<=800px){.music-toggle{min-height:39px;padding-right:13px;font-size:9px;bottom:16px;right:15px}}#cos-1 .cos-character i{background:0 0;width:235px;height:48px;padding:0;font-size:0;overflow:visible;opacity:1!important}#cos-1 .cos-character i:before{content:"";filter:drop-shadow(0 0 8px #87f0fff2);background:radial-gradient(at 18% 34%,#dcffffe6 0 12%,#0000 14%),radial-gradient(at 28% 29%,#66e8ffc7 0 31%,#0000 33%),radial-gradient(at 73% 29%,#59b1ffd1 0 31%,#0000 33%),radial-gradient(at 31% 76%,#60c0ffa8 0 25%,#0000 28%),radial-gradient(at 70% 75%,#4a90f5ad 0 25%,#0000 28%);border-radius:54% 46%;width:26px;height:23px;animation:1.45s ease-in-out infinite gallop-butterfly-wait;position:absolute;top:13px;left:15px}#cos-1 .cos-character i:after{content:"点击蝴蝶";white-space:nowrap;color:#eaffff;letter-spacing:.22em;text-shadow:0 0 10px #79edffe6;opacity:.96;font:11px DM Mono,monospace;transition:opacity .25s;position:absolute;top:43px;left:50%;transform:translate(-50%)}#cos-1 .cos-character.active i:before{animation:1.05s cubic-bezier(.2,.82,.25,1) forwards gallop-butterfly-to-wish}#cos-1 .cos-character.active i:after{opacity:0}#cos-1 .wish-card.show{transition-delay:.72s!important}@keyframes gallop-butterfly-wait{0%,to{transform:translateY(0)rotate(-10deg)scale(.94)}50%{transform:translateY(-7px)rotate(10deg)scale(1.07)}}@keyframes gallop-butterfly-to-wish{0%{opacity:1;transform:translate(0)rotate(-12deg)scale(1)}46%{opacity:1;transform:translate(170px,-74px)rotate(22deg)scale(1.18)}to{opacity:.9;transform:translate(clamp(280px,22vw,430px),-205px)rotate(-16deg)scale(.82)}}.story-cursor-grid{z-index:1;position:absolute;inset:0}.story-topline,.story-book-title,.story-bottomline{z-index:2}.story-book-title{transform:translateY(-29vh)}.story-birthday{letter-spacing:-.08em;color:#d6b76f;text-shadow:0 2px 12px #14303c33;margin:12px 0 -3px 58%;font:700 clamp(21px,2.4vw,38px)/1 DM Mono,monospace;display:inline-block;transform:rotate(-8deg)}@media (width<=800px){.story-book-title{transform:translateY(-19vh)}.story-birthday{margin-left:52%;font-size:7vw}}.hamel-spark{z-index:2;place-self:center;width:min(54vw,790px);height:min(80vh,820px)}.hamel-spark .cos-character{width:100%!important;height:100%!important}.hamel-spark{aspect-ratio:3/4;width:min(42vw,615px);height:auto}.hamel-spark .character-halo{aspect-ratio:1;width:min(92%,560px);height:auto;inset:50% auto auto 50%;animation:none!important;transform:none!important}@media (width<=800px){.hamel-spark{aspect-ratio:3/4;width:82vw;height:auto}}.du-ruo-splash{opacity:1;filter:saturate(1.28)brightness(1.14)}.passage-specular{background:radial-gradient(circle at 34% 24%,#ffffff61,#75eddc1f 48%,#0e546f33)!important;place-items:center!important;padding:0!important;display:grid!important}.passage-specular .specular-button__label{place-items:center;gap:2px;width:100%;height:100%;display:grid}.finale-trigger{z-index:4;cursor:pointer;background:0 0;border:0;width:310px;height:310px;padding:0;position:absolute;transform:translate(-50%,-50%);margin:auto!important;animation:none!important;inset:0!important}.finale-trigger .hero-chibi{margin:0;transition:filter .3s,transform .3s;width:100%!important;height:100%!important;animation:none!important;display:block!important;position:static!important;transform:none!important}.finale-trigger:hover .hero-chibi{filter:drop-shadow(0 0 16px #eaffb9b8)!important;transform:none!important}.finale-cast.open .finale-trigger{margin:auto!important;position:absolute!important;inset:0!important;transform:none!important}.finale-trigger span{white-space:nowrap;color:#eafff9;letter-spacing:.14em;text-shadow:0 0 12px #a1ffe6e6;font:10px DM Mono,monospace;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.lanyard-nameplate{transform-origin:50% 0;width:min(27vw,390px);min-width:250px;min-height:210px;margin:-8px 0 13px -18px;padding-top:52px;animation:1.1s cubic-bezier(.2,.8,.22,1) both lanyard-arrive,5.4s ease-in-out 1.1s infinite lanyard-sway;animation-timeline:view(),auto;animation-range:entry cover 34%,normal;position:relative}.lanyard-hook{z-index:2;background:#4baea6;border:3px solid #edfff9f2;border-radius:50%;width:17px;height:17px;position:absolute;top:1px;left:50%;transform:translate(-50%);box-shadow:0 3px #0942522e,0 0 14px #e4ffe8bf}.lanyard-strap{z-index:1;background:repeating-linear-gradient(90deg,#e8fff8 0 3px,#71cbc1 3px 7px,#318e9c 7px 10px);border-radius:15px 15px 3px 3px;width:18px;height:57px;position:absolute;top:15px;left:calc(50% - 9px);box-shadow:inset 2px 0 2px #ffffffa6,3px 3px 7px #07374733}.lanyard-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(130deg,#f2fffbeb,#97e1d6e0);border:1px solid #ffffffd1;border-radius:9px 9px 16px 16px;min-height:118px;padding:22px 26px 17px;position:relative;overflow:hidden;box-shadow:10px 15px #155e6524,inset 0 1px #ffffffe6}.lanyard-card:before{content:"";border:1px solid #1f787e59;border-radius:50%;width:30px;height:30px;position:absolute;top:13px;right:17px;box-shadow:inset 0 0 0 6px #ffffff42}.lanyard-card-mark{color:#377c82;letter-spacing:.14em;font:9px DM Mono,monospace;display:block}.lanyard-card h3{z-index:1;color:#103f55;white-space:nowrap;position:relative;letter-spacing:-.08em!important;margin:13px 0 0!important;font-size:clamp(38px,4.3vw,72px)!important;line-height:.95!important}.lanyard-card-shine{background:linear-gradient(90deg,#0000,#ffffffa1,#0000);animation:4.5s ease-in-out 1.6s infinite lanyard-shine;position:absolute;inset:-50% 42% -50% -26%;transform:rotate(19deg)}@keyframes lanyard-arrive{0%{opacity:0;transform:translateY(-100px)rotate(-11deg)}65%{opacity:1;transform:translateY(8px)rotate(4deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes lanyard-sway{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}@keyframes lanyard-shine{0%,30%{transform:translate(-135%)rotate(19deg)}58%,to{transform:translate(335%)rotate(19deg)}}@media (width<=800px){.lanyard-nameplate{width:min(78vw,360px);min-width:0;min-height:164px;margin:0 auto 8px;padding-top:43px}.lanyard-strap{height:48px}.lanyard-card{min-height:93px;padding:16px 18px 13px}.lanyard-card h3{font-size:clamp(34px,11vw,54px)!important}}.finale-cast .finale-role{opacity:0;pointer-events:none;filter:drop-shadow(0 0 #d5fff200);transition:left .55s,top .55s,transform .72s cubic-bezier(.18,.85,.26,1.35),opacity .32s,filter .58s;top:50%!important;left:50%!important;transform:translate(-50%,-50%)scale(.06)!important}.finale-cast.open .finale-role{opacity:1;pointer-events:auto;filter:drop-shadow(7px 10px 8px #01192c45);transition-delay:calc(var(--i) * 90ms + 80ms);transform:rotate(var(--angle)) translateY(min(-360px,-25vw)) rotate(calc(var(--angle) * -1)) scale(1)!important;top:35.5%!important;left:35.5%!important}@media (width<=800px){.finale-trigger{width:175px;height:175px}.finale-cast.open .finale-role{transform:rotate(var(--angle)) translateY(-37vw) rotate(calc(var(--angle) * -1)) scale(1)!important;top:36.5%!important;left:36.5%!important}}.cursor-grid{width:100%;height:100%;position:relative;overflow:hidden}.cursor-grid__canvas{width:100%;height:100%;display:block}.click-spark{width:100%;height:100%;position:relative}.click-spark__canvas{pointer-events:none;z-index:5;width:100%;height:100%;display:block;position:absolute;inset:0}.splash-cursor{pointer-events:none;z-index:1;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden}.splash-cursor canvas{width:100%;height:100%;display:block}.specular-button{--sb-radius:18px;border:1px solid color-mix(in srgb,var(--sb-base) 58%,transparent);border-radius:var(--sb-radius);color:var(--sb-text-color);background:radial-gradient(circle at var(--sb-x) var(--sb-y),color-mix(in srgb,var(--sb-line) calc(22% * var(--sb-intensity)),transparent),transparent 36%),color-mix(in srgb,var(--sb-tint) calc(var(--sb-tint-opacity) * 100%),transparent);-webkit-backdrop-filter:blur(var(--sb-blur));box-shadow:inset 0 1px 0 #ffffff9e,inset 0 -1px 0 #0a4b6442,0 12px 28px #022d4845,0 0 18px color-mix(in srgb,var(--sb-base) 28%,transparent);cursor:pointer;justify-content:center;align-items:center;margin:0;transition:transform .18s,box-shadow .25s;display:inline-flex;position:relative;overflow:hidden}.specular-button:hover{box-shadow:inset 0 1px 0 #ffffffd9,inset 0 -1px 0 #0a4b642e,0 16px 34px #022d4852,0 0 25px color-mix(in srgb,var(--sb-line) 48%,transparent);transform:translateY(-2px)scale(1.035)}.specular-button:active{transform:scale(.96)}.specular-button:focus-visible{outline:2px solid var(--sb-line);outline-offset:4px}.specular-button:disabled{opacity:.5;cursor:default}.specular-button--sm{padding:9px 18px;font-size:.82rem}.specular-button--md{padding:13px 28px;font-size:1rem}.specular-button--lg{padding:18px 40px;font-size:1.1rem}.specular-button__shine{pointer-events:none;opacity:.35;background:linear-gradient(115deg,#0000 38%,#ffffff94 48%,#0000 58%);transition:transform .55s,opacity .3s;position:absolute;inset:-40%;transform:translate(-40%)rotate(8deg)}.specular-button:hover .specular-button__shine{opacity:.82;transform:translate(42%)rotate(8deg)}.specular-button__label{z-index:1;position:relative}