:root{color:#667e9e;background:#edf3f8;font-family:Songti SC,STSong,"Noto Serif CJK SC",serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #657e9f;--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-v2.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(460px,2.35fr) minmax(360px,1.2fr) 52px;align-items:end;gap:clamp(16px,2vw,40px);border-bottom:1px solid var(--line)}.site-header:before,.site-header:after{content:"";position:absolute;bottom:-3px;width:5px;height:5px;border:1px solid var(--line)}.site-header:before{left:-2px}.site-header:after{right:-2px}.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:100%;padding:0;overflow:visible;background:transparent;cursor:pointer}.header-characters img{position:absolute;left:50%;bottom:-1px;width:auto;max-width:100%;max-height:clamp(60px,7vh,96px);height:auto;display:block;transform:translate(-50%);object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;image-rendering:auto}.header-characters:hover img{filter:drop-shadow(0 5px 8px rgb(86 107 137 / .12))}.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{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}.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-toggle:hover{background:#eef6fcad}.flower-hotspot{position:absolute;z-index:4;left:48%;top:29%;width:48%;height:58%;min-width:44px;min-height:44px;border-radius:46% 54% 38% 62%}.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)}.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)}.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 .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 .9s ease,visibility .9s 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(400px,2fr) 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-v2.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{border-bottom:0}.site-header:before,.site-header:after{display:none}.header-characters{position:absolute;top:56px;left:0;width:100%;height:58px;display:block;border-bottom:1px solid var(--line);overflow:visible}.header-characters:before,.header-characters:after{content:"";position:absolute;z-index:2;bottom:-3px;width:5px;height:5px;border:1px solid var(--line)}.header-characters:before{left:-2px}.header-characters:after{right:-2px}.header-characters img{bottom:-1px;width:100%;max-width:none;max-height:54px}.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;transform:translateY(-8px) scale(.98);pointer-events:none;transition:opacity .16s ease,transform .18s ease}.mobile-menu.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.mobile-menu button{min-height:44px;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer;letter-spacing:.16em}.flower-hotspot{left:12%;top:39%;width:86%;height:44%}.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}.easter-egg-message{bottom:14%;min-width:min(82vw,300px);font-size:.78rem}}@media(max-height:620px)and (min-aspect-ratio:4 / 5){.site-header{top:12px;height:64px}.site-footer{bottom:8px;height:58px}.header-characters img{max-height:72px;width:auto}}@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}}