@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800&family=Ubuntu:wght@700&display=swap";:root{--text:#c8d3df;--text-soft:#9fb2c1;--text-h:#f8fbff;--bg:#08111f;--surface:#0e1b2db8;--surface-strong:#122640e6;--border:#7ca7cc38;--code-bg:#66d9ef1f;--accent:#66d9ef;--accent-2:#f6c177;--accent-bg:#66d9ef1f;--accent-border:#66d9ef70;--glow:#66d9ef38;--shadow:#00000059 0 22px 60px -24px, #66d9ef1a 0 0 0 1px;--cursor-x:50vw;--cursor-y:50vh;--sans:"Noto Sans JP", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Noto Sans JP", ui-sans-serif, system-ui, sans-serif;--hero-heading:Ubuntu, "Noto Sans JP", ui-sans-serif, system-ui, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{min-height:100svh}body{min-width:320px;margin:0;overflow-x:hidden}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:0;margin:32px 0;font-size:58px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:0;margin:0 0 8px;font-size:24px;font-weight:750;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code{font-family:var(--mono);color:var(--text-h);background:var(--code-bg);border-radius:4px;padding:4px 8px;font-size:15px;line-height:135%;display:inline-flex}.animated-background{z-index:0;pointer-events:none;background:linear-gradient(#e3f6ff0a 0%,#0000 22%),radial-gradient(circle at 50% -12%,#7dd3fc24,#0000 34%),linear-gradient(155deg,#07131d 0%,#0c2130 52%,#061017 100%);position:fixed;inset:0;overflow:hidden}.aquarium-grid{opacity:.48;background-image:linear-gradient(#e2f7ff09 1px,#0000 1px),linear-gradient(90deg,#e2f7ff09 1px,#0000 1px);background-size:72px 72px,72px 72px;animation:18s ease-in-out infinite alternate aquarium-shift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.aquarium-glow{opacity:.72;background:radial-gradient(circle at 18% 84%,#f6c17714,#0000 28%),radial-gradient(circle at 86% 24%,#66d9ef1a,#0000 30%);animation:14s ease-in-out infinite alternate aquarium-pulse;position:absolute;inset:0}.fish-layer{opacity:.74;position:absolute;inset:0}.pixel-fish{--fish-top:50%;--fish-delay:0s;--fish-duration:28s;--fish-scale:1;left:-84px;top:var(--fish-top);width:64px;height:40px;image-rendering:pixelated;transform:scale(var(--fish-scale));animation:fish-swim var(--fish-duration) linear infinite;animation-delay:var(--fish-delay);filter:drop-shadow(0 10px 18px #66d9ef24);position:absolute}.fish-body,.fish-tail,.fish-eye{display:block;position:absolute}.fish-body{clip-path:polygon(36% 0,64% 0,64% 12%,78% 12%,78% 26%,92% 26%,92% 40%,100% 40%,100% 60%,92% 60%,92% 74%,78% 74%,78% 88%,64% 88%,64% 100%,36% 100%,36% 88%,20% 88%,20% 74%,8% 74%,8% 60%,0 60%,0 40%,8% 40%,8% 26%,20% 26%,20% 12%,36% 12%);background:#f8fcffdb;width:34px;height:30px;top:5px;left:12px}.fish-tail{clip-path:polygon(0 8%,26% 8%,26% 22%,52% 22%,52% 36%,100% 36%,100% 64%,52% 64%,52% 78%,26% 78%,26% 92%,0 92%,0 78%,20% 78%,20% 64%,34% 64%,34% 36%,20% 36%,20% 22%,0 22%);background:#f8fcffb3;width:18px;height:20px;animation:.88s steps(2,end) infinite tail-flick;top:10px;left:0}.fish-eye{background:#061017c2;width:4px;height:4px;top:16px;left:39px}.pixel-fish-b{animation-name:fish-swim-reverse}.pixel-fish-b .fish-tail{animation-name:tail-flick-reverse;left:48px;transform:scaleX(-1)}.pixel-fish-b .fish-body{left:18px;transform:scaleX(-1)}.pixel-fish-b .fish-eye{left:20px}.pixel-fish-c{opacity:.66}.cursor-follower{left:var(--cursor-x);top:var(--cursor-y);z-index:0;pointer-events:none;background:radial-gradient(circle,#66d9ef38,#0000 62%);border-radius:50%;width:220px;height:220px;transition:left .12s ease-out,top .12s ease-out;position:fixed;transform:translate(-50%,-50%)}.site-shell{z-index:1;text-align:left;width:min(100% - 40px,920px);margin:0 auto;padding:40px 0 96px;position:relative}.navigation{z-index:10;justify-content:flex-end;gap:12px;margin-bottom:72px;display:flex;position:sticky;top:16px}.nav-button{isolation:isolate;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:44px;color:var(--text-h);letter-spacing:0;background:#07131db3;border:1px solid #e2f7ff33;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:13px;font-weight:700;text-decoration:none;transition:background .22s,border-color .18s,box-shadow .18s,color .18s,transform .18s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 14px 42px -28px #000000b8}.nav-button:before{content:"";background:#f8fcffc7;border-radius:2px;width:6px;height:6px;transition:background .18s,transform .18s;transform:rotate(45deg);box-shadow:0 0 18px #66d9efb8}.nav-button:after{z-index:-1;content:"";background:linear-gradient(90deg,#0000,#f8fcff21,#0000);transition:transform .36s;position:absolute;inset:0;transform:translate(-110%)}.nav-button:hover{color:var(--text-h);background:#092130c7;border-color:#66d9efa3;transform:translateY(-3px);box-shadow:0 18px 48px -28px #66d9efb3}.nav-button:hover:before{background:var(--accent-2);transform:rotate(45deg)scale(1.32)}.nav-button:hover:after{transform:translate(110%)}.nav-button.active{color:#fff7e8;background:#f6c17724;border-color:#f6c177ad}.nav-button.active:before{background:var(--accent-2)}.page{animation:.68s both page-enter}.hero{border-bottom:1px solid var(--border);padding-bottom:64px}.hero-title{max-width:780px;font-family:var(--hero-heading);text-shadow:0 1px #fff3,0 22px 64px #66d9ef24;margin:0 0 32px;font-size:76px;font-weight:800;line-height:.96}.hero-copy{max-width:620px;color:var(--text-soft);margin-top:24px;font-size:18px;line-height:1.8}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;font-size:14px;font-weight:700}.lead{max-width:760px;color:var(--text-h);font-size:24px;font-weight:650;line-height:1.45}.section{border-bottom:1px solid var(--border);padding:56px 0}.section p{max-width:620px}.section-heading{margin-bottom:24px}.text-link{border:1px solid var(--accent-border);background:var(--accent-bg);border-radius:8px;align-items:center;gap:8px;min-height:44px;margin-top:20px;padding:0 16px;font-weight:700;text-decoration:none;transition:background .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s;display:inline-flex}.text-link:hover{border-color:var(--accent);box-shadow:0 18px 48px -28px var(--accent);color:var(--text-h);background:#66d9ef2e;transform:translateY(-2px)}.link-icon{flex:none;width:19px;height:19px}.link-row{flex-wrap:wrap;gap:16px;display:flex}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.stack{gap:16px;display:grid}.info-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:24px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.info-card:hover{border-color:var(--accent-border);background:var(--surface-strong);box-shadow:0 20px 54px -32px var(--accent);transform:translateY(-3px)}.info-card h3{color:var(--text-h);margin:0;font-size:18px;line-height:1.3}.info-card p+p,.tag-list+p{margin-top:16px}.card-header{justify-content:space-between;gap:16px;display:flex}.card-header span,.card-meta{color:var(--accent);font-size:14px;font-weight:700}.card-meta{margin-top:10px;margin-bottom:16px}.tag-list{flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.tag-list li{background:var(--accent-bg);color:var(--accent);border-radius:999px;padding:6px 10px;font-size:14px;font-weight:600}a{color:var(--accent);text-underline-offset:4px;text-decoration-thickness:2px}@keyframes aquarium-shift{0%{transform:translate(-12px,-10px)}to{transform:translate(12px,10px)}}@keyframes aquarium-pulse{0%{opacity:.5;transform:scale(1)}to{opacity:.82;transform:scale(1.03)}}@keyframes fish-swim{0%{transform:translate3d(-84px, 0, 0) scale(var(--fish-scale));opacity:0}8%{opacity:.74}26%{transform:translate3d(28vw, 24px, 0) scale(var(--fish-scale))}52%{transform:translate3d(58vw, -22px, 0) scale(var(--fish-scale))}84%{opacity:.74}to{transform:translate3d(calc(100vw + 84px), 18px, 0) scale(var(--fish-scale));opacity:0}}@keyframes fish-swim-reverse{0%{transform:translate3d(calc(100vw + 84px), 0, 0) scale(var(--fish-scale));opacity:0}10%{opacity:.7}34%{transform:translate3d(62vw, -20px, 0) scale(var(--fish-scale))}58%{transform:translate3d(34vw, 26px, 0) scale(var(--fish-scale))}86%{opacity:.7}to{transform:translate3d(-84px, -18px, 0) scale(var(--fish-scale));opacity:0}}@keyframes tail-flick{50%{opacity:.62;transform:translate(-2px)}}@keyframes tail-flick-reverse{50%{opacity:.62;transform:translate(2px)scaleX(-1)}}@keyframes page-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.site-shell{width:min(100% - 32px,760px);padding:24px 0 56px}.navigation{justify-content:stretch;margin-bottom:48px;top:12px}.nav-button{flex:1}.hero{padding-bottom:40px}.hero-title{margin-bottom:24px;font-size:48px;line-height:1}.lead{font-size:18px}.section{padding:32px 0}.card-grid{grid-template-columns:1fr}.card-header{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.cursor-follower,.fish-layer,.aquarium-grid,.aquarium-glow{display:none}}