@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit}}@layer base{:root{color-scheme:light;--ink:#102039;--muted:#586577;--blue:#235bec;--line:#dce3ed;--paper:#f7f9fc;--font:"Inter", "Segoe UI", "Noto Sans JP", "Yu Gothic UI", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-family:var(--font);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility}html{scroll-behavior:smooth;scroll-padding-top:96px}body{overflow-wrap:anywhere;min-width:320px;line-height:1.7}::selection{color:#fff;background:#285fe6}:focus-visible{outline-offset:5px;outline:3px solid #3978ff}h1,h2,h3{font-feature-settings:"palt";line-height:1.5}a{text-underline-offset:.22em}button,a,summary{-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}}@layer components{.container{width:min(1160px,100% - 80px);margin-inline:auto}.site-header{z-index:10;border-bottom:1px solid var(--line);backdrop-filter:blur(16px);background:#f7f9fcf5;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:20px;min-height:80px;display:flex}.brand{letter-spacing:-.04em;white-space:nowrap;align-items:center;gap:12px;font-size:20px;font-weight:750;text-decoration:none;display:inline-flex}.brand-sub{color:var(--muted);font-weight:400}.site-header nav a{align-items:center;gap:20px;padding:12px 0 12px 12px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.site-header nav a:hover{color:var(--blue)}.eyebrow,.small-label{letter-spacing:.14em;font-size:11px;font-weight:700}.eyebrow{color:var(--blue);align-items:center;gap:10px;display:flex}.status-dot{background:var(--blue);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #235bec10}.button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:24px;min-height:48px;padding:13px 21px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 5px 18px #10203912}.button-primary{color:#fff;background:var(--blue)}.button-primary:hover{background:#1748c9}.button-light{color:var(--ink);background:#fff}.button-light:hover{background:#e8f0ff}.button-outline{color:#fff;background:0 0;border-color:#6e819d}.button-outline:hover{background:#ffffff12}.text-link{align-items:center;gap:16px;min-height:44px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.text-link:hover{color:var(--blue);text-decoration:underline}.site-footer{border-top:1px solid var(--line)}.footer-inner{justify-content:space-between;align-items:center;gap:24px;padding-block:34px;display:flex}.footer-inner .brand{gap:0;font-size:16px}.footer-inner p,.footer-inner small{color:var(--muted);font-size:12px}.skip-link{z-index:100;background:#fff;padding:12px 20px;position:fixed;top:10px;left:20px;transform:translateY(-200%)}.skip-link:focus{transform:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.not-found{min-height:70vh;padding-block:120px}.not-found h1{margin-block:22px;font-size:clamp(28px,4vw,44px)}.not-found p{color:var(--muted)}.not-found .button{margin-top:32px}.shortcut-art{isolation:isolate;color:#fff;background:radial-gradient(at 60% 35%,#274984 0%,#142b4b 48%,#102039 80%);flex-direction:column;justify-content:center;align-items:center;min-height:360px;display:flex;position:relative;overflow:hidden}.art-grid{z-index:-1;opacity:.2;background-image:linear-gradient(#89b8ff20 1px,#0000 1px),linear-gradient(90deg,#89b8ff20 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;mask-image:linear-gradient(#0000,#000,#0000)}.orbit{z-index:-1;border:1px solid #8db8ff1c;border-radius:50%;width:350px;height:350px;position:absolute;transform:rotate(-25deg)}.orbit-two{width:490px;height:490px}.art-label{color:#b0c5e4;letter-spacing:.18em;margin-bottom:34px;font-size:9px;font-weight:600}.art-icon{filter:drop-shadow(0 18px 28px #060d2599);transform:rotate(-9deg)}.art-icon img{width:112px;height:112px}.key-combination{align-items:center;gap:9px;margin-top:36px;display:flex}.key-combination span{text-align:center;background:linear-gradient(#ffffff16,#ffffff08);border:1px solid #b5d2ff40;border-radius:7px;min-width:40px;padding:6px 13px;font:500 14px/1.5 Segoe UI,sans-serif;box-shadow:0 3px #030d2538}.key-combination i{color:#9db4d7;font-size:11px;font-style:normal}.art-caption{color:#b6c8e4;letter-spacing:.06em;margin-top:16px;font-size:11px}.art-dot{background:#68b2ff;border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 0 16px #69b4ff88}.dot-one{top:25%;right:20%}.dot-two{width:4px;height:4px;bottom:20%;left:15%}@media (width<=700px){.container{width:calc(100% - 40px)}.header-inner{gap:10px;min-height:68px}.brand{gap:8px;font-size:17px}.brand img{width:28px;height:28px}.site-header nav a{gap:8px;font-size:12px}.footer-inner{flex-wrap:wrap;gap:14px;padding-block:28px}.footer-inner p{order:3;width:100%}.shortcut-art{min-height:320px}}}