:root{color:#667e9e;background:#edf3f8;font-family:Songti SC,STSong,"Noto Serif CJK SC",serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #536f91;--line: rgb(104 128 159 / .26);--surface: rgb(247 250 253 / .72);--focus: #52749f}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%}body{margin:0;min-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{border:0}.homepage{position:relative;width:100vw;height:100dvh;min-height:480px;overflow:hidden;isolation:isolate;background:#edf3f8;transition:background-color 1.8s ease}.photo-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:url(/assets/hero-photography-v3.webp);background-size:cover;background-position:center;background-repeat:no-repeat;transform:translateZ(0);transition:filter 2.8s ease;animation:scene-arrive 1.1s ease-out both}.theme-night .photo-layer{filter:brightness(.4) saturate(.72) contrast(1.06) hue-rotate(8deg)}@keyframes scene-arrive{0%{opacity:0;transform:scale(1.008)}to{opacity:1;transform:scale(1)}}.site-header{position:absolute;z-index:5;top:clamp(18px,3.4vh,44px);left:clamp(32px,4.2vw,108px);right:clamp(32px,4.2vw,108px);height:clamp(68px,8.6vw,112px);display:grid;grid-template-columns:minmax(132px,.65fr) minmax(560px,2.45fr) minmax(360px,1.2fr) 52px;align-items:end;gap:clamp(16px,2vw,40px);border-bottom:0}.site-header:after{content:"";position:absolute;z-index:0;left:0;right:0;bottom:-2px;width:auto;height:5px;border:0;background:linear-gradient(var(--line),var(--line)) center / 100% 1px no-repeat,linear-gradient(var(--line),var(--line)) left center / 5px 5px no-repeat,linear-gradient(var(--line),var(--line)) right center / 5px 5px no-repeat;box-shadow:none}.site-header:before{display:none}.site-header>*{position:relative;z-index:1}.brand-link{align-self:center;color:var(--ink);font-size:clamp(.9rem,1.04vw,1.18rem);letter-spacing:.22em;text-decoration:none;white-space:nowrap;transition:color .18s ease}.header-characters{position:relative;align-self:end;width:100%;height:calc(100% + 2px);padding:0;overflow:hidden;background:transparent;cursor:pointer}.ledge-character-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.ledge-character{position:absolute;z-index:1;bottom:var(--ledge-sink, -7px);width:auto;height:clamp(54px,5.9vw,86px);display:block;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;image-rendering:auto;transform-origin:50% 100%;transition:filter .18s ease,transform .22s ease}.ledge-silver-wolf{--ledge-sink: -7px;height:clamp(50px,5.45vw,80px)}.ledge-sparkle{--ledge-sink: -17px}.ledge-castorice{--ledge-sink: -11px}.ledge-cyrene{--ledge-sink: -11px;height:clamp(57px,6.15vw,90px)}.ledge-phoebe{--ledge-sink: -15px}.ledge-sigrika{--ledge-sink: -8px;height:clamp(51px,5.5vw,81px)}.ledge-silver-wolf{left:0%;transform:rotate(-1.2deg)}.ledge-sparkle{left:16.5%;transform:rotate(.9deg)}.ledge-castorice{left:35.5%;transform:rotate(-.7deg)}.ledge-cyrene{left:52%;transform:rotate(.5deg)}.ledge-phoebe{left:69%;transform:rotate(-.7deg)}.ledge-sigrika{left:84%;transform:rotate(.8deg)}.header-characters:hover .ledge-character{filter:drop-shadow(0 5px 8px rgb(86 107 137 / .13))}.header-characters:hover .ledge-silver-wolf,.header-characters:hover .ledge-castorice{transform:translate(-2px) rotate(-1.8deg)}.header-characters:hover .ledge-sparkle,.header-characters:hover .ledge-cyrene,.header-characters:hover .ledge-sigrika{transform:translate(2px) rotate(1.4deg)}.header-characters:hover .ledge-phoebe{transform:translate(-2px) rotate(-1deg)}.desktop-nav{align-self:stretch;display:grid;grid-template-columns:repeat(5,minmax(48px,1fr));align-items:center;gap:clamp(4px,.6vw,14px)}.desktop-nav a,.desktop-nav button,.bottom-nav button,.clock-button,.theme-toggle,.mobile-menu-trigger,.flower-hotspot{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--ink);cursor:pointer;text-decoration:none;touch-action:manipulation}.desktop-nav a,.desktop-nav button{position:relative;min-width:48px;min-height:48px;display:grid;place-items:center;border-radius:12px;font-size:clamp(.78rem,.9vw,1rem);letter-spacing:.16em;transition:color .18s ease,background .18s ease,transform .12s ease}.desktop-nav [aria-current=page]:after{content:"";position:absolute;left:50%;bottom:5px;width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.58;transform:translate(-50%)}.desktop-nav a:hover,.desktop-nav button:hover,.brand-link:hover{color:#476b96}.desktop-nav a:hover,.desktop-nav button:hover{background:#f5f9fd8a}:where(a,button):focus-visible{outline:2px solid rgb(82 116 159 / .78);outline-offset:3px}.theme-toggle{align-self:center;width:48px;height:48px;display:grid;place-items:center;border-radius:50%}.theme-toggle span{position:relative;width:18px;height:18px;border:1.5px solid var(--ink);border-radius:50% 50% 50% 0;opacity:.58;transform:rotate(-45deg)}.theme-night .theme-toggle span{width:17px;height:17px;border-radius:50%;border-color:#d5e4f6;background:#d5e4f62e;box-shadow:0 0 12px #b9d3f329}.theme-toggle:hover{background:#eef6fcad}.flower-area{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.flower-scene-layer{position:absolute;left:50%;top:50%;width:max(100vw,177.7778vh);height:max(100vh,56.25vw);display:block;overflow:visible;pointer-events:none;transform:translate(-50%,-50%)}.flower-hotspot{position:absolute;z-index:2;left:50.5%;top:25%;width:42%;height:63%;min-width:44px;min-height:44px;border-radius:48% 52% 44% 56%;pointer-events:auto;opacity:.76;transition:background-color .18s ease,box-shadow .18s ease,opacity .18s ease,transform .12s ease;clip-path:polygon(10% 23%,37% 0,62% 6%,100% 27%,92% 77%,66% 100%,25% 96%,0 65%)}.flower-hotspot-marker{position:absolute;left:45%;top:47%;width:18px;height:18px;opacity:0;transform:rotate(45deg) scale(.78);transition:opacity .18s ease,transform .18s ease}.flower-hotspot-marker:before,.flower-hotspot-marker:after{content:"";position:absolute;background:#5b7799a3}.flower-hotspot-marker:before{left:7px;top:0;width:3px;height:18px}.flower-hotspot-marker:after{left:0;top:7px;width:18px;height:3px}.flower-hotspot:hover,.flower-hotspot:focus-visible{background:radial-gradient(circle at 50% 52%,rgb(238 247 253 / .09),transparent 64%);box-shadow:inset 0 0 38px #e6f1fb0f;opacity:1}.flower-hotspot:focus-visible{outline:2px solid rgb(82 116 159 / .62);outline-offset:2px}.flower-hotspot:hover .flower-hotspot-marker,.flower-hotspot:focus-visible .flower-hotspot-marker{opacity:.42;transform:rotate(45deg) scale(1)}.flower-character-stage{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}.flower-pocket{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}.flower-character{position:absolute;z-index:1;display:block;width:auto;height:9.5%;object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none;transform-origin:center;filter:drop-shadow(0 5px 7px rgb(76 95 124 / .09));transition:transform .26s ease,filter .18s ease}.flower-daniya{left:54.2%;top:43.8%;height:10.4%;transform:rotate(8deg);transform-origin:88% 92%}.flower-perlica{left:65.4%;top:31.1%;height:13.8%;transform:rotate(4deg);transform-origin:92% 55%}.flower-chen-qianyu{left:53.8%;top:64.6%;height:11.2%;transform:rotate(5deg);transform-origin:62% 94%}.flower-xaihi{right:8.5%;top:45.2%;height:11.4%;transform:rotate(-20deg);transform-origin:91% 57%}.flower-hotspot:hover~.flower-character-stage .flower-daniya,.flower-hotspot:focus-visible~.flower-character-stage .flower-daniya{transform:translate(-2px,1px) rotate(6deg)}.flower-hotspot:hover~.flower-character-stage .flower-perlica,.flower-hotspot:focus-visible~.flower-character-stage .flower-perlica{transform:translate(2px,-2px) rotate(6deg)}.flower-hotspot:hover~.flower-character-stage .flower-chen-qianyu,.flower-hotspot:focus-visible~.flower-character-stage .flower-chen-qianyu{transform:translate(2px,-2px) rotate(3deg)}.flower-hotspot:hover~.flower-character-stage .flower-xaihi,.flower-hotspot:focus-visible~.flower-character-stage .flower-xaihi{transform:translate(-2px,1px) rotate(-18deg)}.flower-hotspot:hover~.flower-character-stage .flower-character,.flower-hotspot:focus-visible~.flower-character-stage .flower-character{filter:drop-shadow(0 7px 11px rgb(76 95 124 / .14))}.site-footer{position:absolute;z-index:5;left:clamp(32px,4.2vw,108px);right:clamp(32px,4.2vw,108px);bottom:clamp(20px,3vh,40px);height:clamp(64px,8vh,88px);display:grid;grid-template-columns:minmax(120px,.8fr) minmax(520px,2.2fr) minmax(64px,.5fr);align-items:center;gap:clamp(24px,4vw,80px)}.clock-button{justify-self:start;min-width:116px;min-height:48px;display:flex;align-items:center;gap:12px;font-size:clamp(.74rem,.85vw,.92rem);letter-spacing:.12em}.music-glyph{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-family:Georgia,serif}.bottom-nav{justify-self:center;width:min(100%,780px);display:grid;grid-template-columns:repeat(3,minmax(116px,1fr));gap:clamp(32px,5vw,96px)}.bottom-nav button{position:relative;min-height:56px;display:grid;place-items:center;padding-bottom:18px;font-size:clamp(.84rem,1.02vw,1.08rem);letter-spacing:.2em;text-shadow:0 1px 12px rgb(248 251 254 / .96);border-radius:12px;background:#f2f7fb24;transition:color .18s ease,background-color .18s ease}.bottom-nav button:hover,.bottom-nav button:focus-visible{color:#496d98;background:#f5f9fc6b}.bottom-nav button:after{content:"";position:absolute;left:8%;right:8%;bottom:7px;height:1px;background:linear-gradient(90deg,transparent,rgb(102 126 157 / .72),transparent);transform:scaleX(.68);transition:transform .18s ease}.bottom-nav button:hover:after,.bottom-nav button:focus-visible:after{transform:scaleX(1)}.desktop-nav :where(a,button):active,.bottom-nav button:active,.clock-button:active,.theme-toggle:active,.mobile-menu-trigger:active,.mobile-menu button:active,.header-characters:active,.flower-hotspot:active{transform:scale(.96)}.pixel-corner{justify-self:end;width:50px;height:42px;opacity:.55;background:linear-gradient(var(--ink),var(--ink)) 0 75% / 4px 4px no-repeat,linear-gradient(var(--ink),var(--ink)) 9px 58% / 4px 4px no-repeat,linear-gradient(var(--ink),var(--ink)) 18px 41% / 4px 4px no-repeat,linear-gradient(var(--ink),var(--ink)) 27px 24% / 4px 4px no-repeat,linear-gradient(var(--ink),var(--ink)) 36px 7% / 4px 4px no-repeat}.mobile-menu-trigger,.mobile-menu{display:none}.easter-egg-message{position:absolute;z-index:12;left:50%;bottom:14%;max-width:min(80vw,560px);padding:11px 18px;transform:translate(-50%,14px);border:1px solid rgb(118 140 170 / .2);border-radius:999px;background:#f8fbfdc7;box-shadow:0 12px 36px #4b627f1a;color:var(--ink);font-size:clamp(.76rem,1.1vw,.95rem);letter-spacing:.08em;line-height:1.5;text-align:center;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .18s ease,transform .22s ease}.easter-egg-message.is-visible{opacity:1;transform:translate(-50%)}.theme-night{--ink: #c9d8ed;--line: rgb(193 212 239 / .24);background:#111c31}.theme-night .bottom-nav button{text-shadow:0 1px 12px rgb(8 17 34 / .9)}.theme-night .bottom-nav button:hover,.theme-night .bottom-nav button:focus-visible{color:#e2ecfa;background:#718fb824}.theme-night .easter-egg-message,.theme-night .mobile-menu{border-color:#b8cdec38;background:#131f38c2;color:#d8e5f7}.atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;pointer-events:none}.weather-canvas,.ambient-prism,.ambient-glow,.particle-field{position:absolute;top:0;right:0;bottom:0;left:0}.weather-canvas{width:100%;height:100%;opacity:.72;transition:opacity 2s ease}.theme-night .weather-canvas{opacity:.9}.ambient-prism{opacity:.58;background:radial-gradient(ellipse 24% 38% at 12% 16%,rgb(211 227 255 / .2),transparent 68%),radial-gradient(ellipse 30% 44% at 88% 12%,rgb(234 218 255 / .17),transparent 70%),linear-gradient(116deg,transparent 15%,rgb(204 235 255 / .12) 38%,rgb(244 220 255 / .1) 50%,transparent 67%);background-size:112% 112%;animation:prism-drift 38s ease-in-out infinite alternate;mix-blend-mode:screen}@keyframes prism-drift{0%{transform:translate3d(-1.5%,-1%,0) scale(1.02);filter:hue-rotate(0deg)}to{transform:translate3d(1.5%,1%,0) scale(1.06);filter:hue-rotate(10deg)}}.ambient-glow{--pointer-x: 50vw;--pointer-y: 50vh;background:radial-gradient(circle 170px at var(--pointer-x) var(--pointer-y),rgb(223 240 255 / .13),transparent 72%)}.particle-field i{position:absolute;left:var(--left);top:var(--top);width:var(--size);height:var(--size);border-radius:50%;background:#ecf6ff75;box-shadow:0 0 10px #cfe5ff57;animation:dust-float var(--duration) ease-in-out var(--delay) infinite alternate}@keyframes dust-float{0%{opacity:.12;transform:translate3d(-5px,8px,0) scale(.78)}48%{opacity:.55}to{opacity:.2;transform:translate3d(13px,-16px,0) scale(1.1)}}.intro-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-content:center;justify-items:center;gap:14px;background:#e7eff7c2;-webkit-backdrop-filter:blur(24px) saturate(.86);backdrop-filter:blur(24px) saturate(.86);color:#627d9f;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s ease}.intro-screen.is-visible{opacity:1;visibility:visible}.theme-night .intro-screen{background:#0f1930cc;color:#d7e5f8}.intro-name{font-size:clamp(1.1rem,2vw,1.55rem);letter-spacing:.32em}.intro-line{width:42px;height:1px;background:#6582a66b}.intro-subtitle{font-size:.72rem;letter-spacing:.18em;opacity:.68}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1080px){.site-header{grid-template-columns:minmax(120px,.6fr) minmax(440px,2.1fr) minmax(300px,1.2fr) 48px;gap:12px}}@media(max-width:820px),(max-aspect-ratio:4 / 5){.homepage{min-height:560px}.photo-layer{background-image:url(/assets/hero-mobile-v3.webp);background-color:#eaf0f6;background-size:cover;background-position:center}.site-header{top:max(16px,env(safe-area-inset-top));left:18px;right:18px;height:76px;grid-template-columns:1fr 52px 52px;gap:4px}.brand-link{font-size:.94rem}.desktop-nav{display:none}.site-header:before,.site-header:after{display:none}.header-characters{position:absolute;top:56px;left:0;width:100%;height:60px;display:block;border-bottom:0;overflow:hidden}.header-characters:after{content:"";position:absolute;z-index:0;left:0;right:0;bottom:-2px;height:5px;background:linear-gradient(var(--line),var(--line)) center / 100% 1px no-repeat,linear-gradient(var(--line),var(--line)) left center / 5px 5px no-repeat,linear-gradient(var(--line),var(--line)) right center / 5px 5px no-repeat;box-shadow:none}.header-characters:before{display:none}.ledge-character{bottom:var(--ledge-sink-mobile, -4px);height:clamp(41px,12.2vw,54px)}.ledge-silver-wolf{--ledge-sink-mobile: -4px}.ledge-sparkle{--ledge-sink-mobile: -10px}.ledge-castorice,.ledge-cyrene{--ledge-sink-mobile: -7px}.ledge-phoebe{--ledge-sink-mobile: -10px}.ledge-sigrika{--ledge-sink-mobile: -5px}.ledge-silver-wolf{height:clamp(38px,11.25vw,50px)}.ledge-cyrene{height:clamp(43px,12.8vw,57px)}.ledge-sigrika{height:clamp(39px,11.5vw,51px)}.ledge-silver-wolf{left:-2%}.ledge-sparkle{left:13%}.ledge-castorice{left:29%}.ledge-cyrene{left:44%}.ledge-phoebe{left:60%}.ledge-sigrika{left:75%}.theme-toggle{grid-column:3;width:48px;height:48px}.mobile-menu-trigger{grid-column:2;display:grid;place-items:center;width:48px;height:48px;border-radius:50%}.mobile-menu-trigger span:not(.sr-only),.mobile-menu-trigger span:not(.sr-only):before,.mobile-menu-trigger span:not(.sr-only):after{width:19px;height:1px;background:var(--ink)}.mobile-menu-trigger span:not(.sr-only){position:relative}.mobile-menu-trigger span:not(.sr-only):before,.mobile-menu-trigger span:not(.sr-only):after{content:"";position:absolute;left:0}.mobile-menu-trigger span:not(.sr-only):before{top:-6px}.mobile-menu-trigger span:not(.sr-only):after{top:6px}.mobile-menu{position:absolute;z-index:10;top:70px;right:48px;width:min(48vw,190px);padding:8px;display:grid;gap:2px;border:1px solid rgb(111 133 163 / .18);border-radius:14px;background:#f8fbfde6;box-shadow:0 18px 44px #445b7821;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);pointer-events:none;transition:opacity .16s ease,transform .18s ease,visibility 0s linear .18s}.mobile-menu.is-open{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto;transition-delay:0s}.mobile-menu button{min-height:44px;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer;letter-spacing:.16em}.mobile-menu [aria-current=page]{color:#456b98;background:#e8f1f9a3}.flower-scene-layer{width:max(100vw,46.2329vh);height:max(100vh,216.2963vw)}.flower-hotspot{left:8%;top:28%;width:88%;height:62%}.flower-character{height:6.9%}.flower-daniya{left:13.8%;top:44.3%;height:7.5%;transform:rotate(8deg)}.flower-perlica{left:37.7%;top:33.8%;height:9.9%;transform:rotate(4deg)}.flower-chen-qianyu{left:31.5%;top:65.8%;height:8%;transform:rotate(5deg)}.flower-xaihi{right:5.6%;top:42.2%;height:8.2%;transform:rotate(-20deg)}.site-footer{left:18px;right:18px;bottom:max(14px,env(safe-area-inset-bottom));height:auto;grid-template-columns:1fr}.clock-button,.pixel-corner{display:none}.bottom-nav{width:100%;gap:16px;grid-template-columns:repeat(3,1fr)}.bottom-nav button{min-width:0;font-size:.82rem;letter-spacing:.12em;background:#f3f8fc38;text-shadow:0 1px 9px rgb(255 255 255 / .92)}.easter-egg-message{bottom:14%;min-width:min(82vw,300px);font-size:.78rem}}@media(max-height:620px)and (min-aspect-ratio:4 / 5){.homepage{min-height:100dvh}.site-header{top:8px;left:20px;right:20px;height:58px;grid-template-columns:minmax(88px,.55fr) minmax(300px,1.8fr) minmax(240px,1.2fr) 42px;gap:8px}.brand-link{font-size:.82rem}.ledge-character{bottom:-4px;height:46px}.ledge-silver-wolf{height:43px}.ledge-cyrene{height:49px}.ledge-sigrika{height:44px}.desktop-nav{gap:0}.desktop-nav a,.desktop-nav button{min-width:42px;min-height:42px;font-size:.72rem}.theme-toggle{width:42px;height:42px}.site-footer{left:20px;right:20px;bottom:4px;height:50px;grid-template-columns:minmax(96px,.65fr) minmax(360px,2fr) minmax(42px,.4fr);gap:20px}.clock-button{min-width:96px;transform:scale(.88);transform-origin:left center}.bottom-nav{gap:24px}.bottom-nav button{min-height:46px;padding-bottom:12px;font-size:.78rem}.pixel-corner{transform:scale(.8);transform-origin:right center}}@media(max-width:900px)and (max-height:620px)and (min-aspect-ratio:4 / 5){.site-header{grid-template-columns:92px minmax(285px,1.7fr) minmax(230px,1.15fr) 40px;gap:6px}.ledge-character{height:43px}.ledge-silver-wolf{height:40px}.ledge-cyrene{height:46px}.ledge-sigrika{height:41px}.desktop-nav a,.desktop-nav button{min-width:40px;font-size:.68rem}.theme-toggle{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.weather-canvas,.particle-field,.ambient-glow{display:none}}