:root{--navy:#294d7a;--blue:#5e9ee2;--pale:#eaf5ff;--ink:#35536f;--muted:#758ca2;--line:rgba(89,144,201,.22);--glass:rgba(247,252,255,.76);--glass-strong:rgba(252,254,255,.9);--shadow:0 20px 60px rgba(66,112,160,.16)}*{box-sizing:border-box}html{background:#eaf5fb}body{margin:0;min-height:100vh;font-family:"Noto Sans JP",system-ui,sans-serif;color:var(--ink);overflow-x:hidden}a{color:inherit;text-decoration:none}.page-background{position:fixed;inset:0;z-index:-3;background:linear-gradient(rgba(242,249,255,.54),rgba(242,249,255,.78)),url("./assets/background.jpg") center/cover no-repeat}.page-haze{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 9% 36%,rgba(255,255,255,.9),transparent 29%),radial-gradient(circle at 72% 10%,rgba(255,255,255,.45),transparent 24%),linear-gradient(to bottom,rgba(224,243,255,.08),rgba(239,248,255,.46))}.page-shell{width:min(1440px,calc(100% - 54px));margin:24px auto 0;padding-bottom:28px}.glass-nav{position:sticky;top:18px;z-index:20;min-height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;padding:14px 24px;border:1px solid rgba(255,255,255,.85);border-radius:24px;background:rgba(248,252,255,.72);backdrop-filter:blur(26px) saturate(120%);box-shadow:0 14px 40px rgba(81,132,181,.13)}.site-brand{display:flex;align-items:center;gap:13px;min-width:220px}.cloud-mark{display:grid;place-items:center;width:48px;height:38px;border-radius:18px;color:#6ca7df;font-size:1.55rem;background:linear-gradient(#eff8ff,#dcecff);border:1px solid #a9cff1}.site-brand strong{display:block;font-family:"Zen Kurenaido",serif;font-size:1.55rem;letter-spacing:.12em;font-weight:400;color:#466c99}.site-brand small{display:block;margin-top:-2px;font-family:Georgia,serif;font-size:.68rem;letter-spacing:.09em;color:#7b91aa}.main-nav{display:flex;align-items:center;gap:16px;font-family:Georgia,"Times New Roman",serif;color:#45668c}.main-nav a{padding:10px 19px;border-radius:999px;transition:.2s ease}.main-nav a:hover,.main-nav a.active{background:rgba(255,255,255,.86);color:#5f8fd1;box-shadow:0 7px 18px rgba(89,131,178,.12)}.nav-tools{justify-self:end;display:flex;align-items:center;gap:16px;color:#5277a0}.divider{height:24px;width:1px;background:rgba(72,109,146,.3)}.profile-dot{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,#70b2ec,#477fc4);color:#fff;font-size:.8rem;box-shadow:0 6px 14px rgba(61,113,174,.25)}main{padding:34px 34px 0}.page-hero{padding:18px 18px 42px;min-height:315px;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:.66rem;letter-spacing:.18em;color:#7d97b2}h1{margin:8px 0 14px;font-family:"Zen Kurenaido",serif;font-size:clamp(4.2rem,7vw,7.3rem);font-weight:400;line-height:.95;letter-spacing:.04em;color:#274f80;text-shadow:0 2px 18px rgba(255,255,255,.7)}.lead{max-width:780px;color:#627d98;line-height:1.95}.glass-panel{padding:34px;border:1px solid rgba(255,255,255,.85);border-radius:24px;background:rgba(249,253,255,.74);backdrop-filter:blur(24px) saturate(120%);box-shadow:0 20px 60px rgba(66,112,160,.14)}.coming{display:grid;place-items:center;min-height:300px;text-align:center}.coming strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.2rem;font-weight:400;color:#527da9}.coming p{max-width:620px;color:var(--muted);line-height:1.9}.back{display:inline-flex;margin-top:22px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.7);color:#6188af}footer{text-align:center;padding:24px;color:#7f94aa;font-family:Georgia,"Times New Roman",serif;font-size:.68rem;letter-spacing:.05em}.mascot-home{--mascot-rotate:0deg;--mascot-lift:0px;position:fixed;right:28px;bottom:18px;z-index:30;width:203px;padding:0;border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 11px 18px rgba(45,77,110,.17));transform:translateY(var(--mascot-lift)) rotate(var(--mascot-rotate));transform-origin:center bottom;transition:transform .14s ease}.mascot-home img{display:block;width:100%}.mascot-bubble{position:absolute;right:86%;bottom:32%;width:190px;padding:12px 14px;border:1px solid rgba(122,169,210,.26);border-radius:18px 18px 4px 18px;background:rgba(248,252,255,.92);backdrop-filter:blur(16px);color:#6c849c;font-size:.7rem;line-height:1.6;opacity:0;transform:translateY(6px);pointer-events:none;transition:.2s ease}.mascot-bubble.show{opacity:1;transform:none}@media(max-width:1100px){.glass-nav{grid-template-columns:1fr auto}.nav-tools{display:none}.mascot-home{width:165px}}@media(max-width:760px){.page-shell{width:min(100% - 18px,1440px);margin-top:10px}.glass-nav{position:relative;top:0;display:flex;flex-wrap:wrap;gap:10px;padding:12px 14px}.site-brand{min-width:auto;flex:1}.site-brand strong{font-size:1.2rem}.site-brand small{display:none}.main-nav{order:2;width:100%;overflow:auto;gap:6px;padding-bottom:2px}.main-nav a{padding:7px 11px;font-size:.78rem;white-space:nowrap}main{padding:20px 8px 0}.page-hero{padding:24px 10px 34px;min-height:300px}.glass-panel{padding:24px}.mascot-home{right:8px;bottom:8px;width:123px}.mascot-bubble{right:72%;bottom:55%;width:150px}}@media(prefers-reduced-motion:reduce){.mascot-home{transition:none!important}}