:root{--night-bg:#0e1120;--night-card:#141829;--night-ink:#edebf5;--night-sub:#b7b4cc;--lamp:#f2c46d;--lamp-hover:#f7d58f;--night-edge:#3a3f5c;--dawn-bg:#fbf4ea;--dawn-card:#fff;--dawn-ink:#1e1b2e;--dawn-sub:#4f4a63;--dawn-link:#3b3db8;--dawn-edge:#dcd2c4;--story-bg:#12152a;--story-text-intro:#12152a;--story-text-ch1:#171b34;--story-text-ch2:#1d2240;--story-text-ch3:#262a4c;--story-text-ch4:#37325e;--story-text-ch5:#483f70;--story-text-ch6:linear-gradient(#5e4b78, #e8c9b0 60%, #fbf4ea);--story-text-ending:#fbf4ea;--paper:#e9e5f2;--join:#fff3d6;--line-dark:#23253a;--font-story:"Hiragino Mincho ProN", "Yu Mincho", "YuMincho", serif;--font-display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, "Hiragino Mincho ProN", "Yu Mincho", serif;--font-body:system-ui, -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", "Meiryo", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--text-body:1rem;--leading-body:1.8;--text-story:1.0625rem;--leading-story:1.95;--text-purpose:1.125rem;--text-min:.75rem;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--r-card:16px;--r-full:999px;--w-home:72rem;--w-table:52rem;--w-text:44rem;--w-story-card:31rem;--focus-width:3px;--night-hover:#edebf51a;--dawn-hover:#1e1b2e12;--on-lamp-sub:#2a2440;--pad-hover:#1e2338;--shadow-card:0 14px 36px #0000006b;--shadow-soft:0 6px 18px #1e1b2e0f;--shadow-toast:0 6px 20px #00000059;--gate-bg:#10132a;--ring:#ffe7b0;--hp-hero-a:#fbf4ea;--hp-hero-b:#f1e6f1;--hp-soft:#eef0fb;--hp-band:#1e1b2e;--hp-band-ink:#fffdf8;--hp-icon-dev:#e8ecfb;--hp-icon-dx:#e5f3ea;--hp-icon-ai:#f7eedb;--hp-icon-learn:#ede7f8;--r-s:6px;--r-m:10px;--header-h:56px}.theme-night{color-scheme:dark;--bg:var(--night-bg);--surface:var(--night-card);--ink:var(--night-ink);--sub:var(--night-sub);--link:var(--lamp);--focus:var(--lamp);--edge:var(--night-edge);--btn-line:var(--night-ink);--on-lamp:var(--night-card);--lamp-line:var(--lamp);--hover:var(--night-hover)}.theme-dawn{color-scheme:light;--bg:var(--dawn-bg);--surface:var(--dawn-card);--ink:var(--dawn-ink);--sub:var(--dawn-sub);--link:var(--dawn-link);--focus:var(--dawn-link);--edge:var(--dawn-edge);--btn-line:var(--dawn-ink);--on-lamp:var(--dawn-ink);--lamp-line:var(--dawn-ink);--hover:var(--dawn-hover)}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-body);font-size:100%;line-height:var(--leading-body);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg,var(--dawn-bg));color:var(--ink,var(--dawn-ink));letter-spacing:.02em;overflow-wrap:break-word;margin:0}h1,h2,h3{letter-spacing:.03em;line-height:1.4}p{margin:0 0 1em}a{color:var(--link);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{text-decoration-thickness:3px}[hidden]{display:none!important}svg{max-width:100%}html:not([data-motion=run]):not([data-motion=lite]) *,html:not([data-motion=run]):not([data-motion=lite]) :before,html:not([data-motion=run]):not([data-motion=lite]) :after{transition:none!important;animation:none!important}:focus-visible{outline:var(--focus-width) solid var(--focus,var(--dawn-link));outline-offset:2px;border-radius:4px}.vh{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (width<=959.98px){.label-pc{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}}.icon{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.skip-link{top:var(--s-3);left:var(--s-3);z-index:100;padding:var(--s-2) var(--s-4);background:var(--lamp);color:var(--night-card);border-radius:var(--r-m);font-weight:700;position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:none}.btn{justify-content:center;align-items:center;gap:var(--s-2);min-height:48px;padding:0 var(--s-5);border:2px solid var(--btn-line);border-radius:var(--r-full);color:var(--ink);font:inherit;letter-spacing:.04em;cursor:pointer;background:0 0;font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{background:var(--hover)}.btn-lamp,.btn-primary{background:var(--lamp);color:var(--on-lamp);border-color:var(--lamp-line)}.btn-lamp:hover,.btn-primary:hover{background:var(--lamp-hover)}.btn-sm{white-space:nowrap;min-height:44px;padding:0 14px;font-size:.9375rem}.btn .icon{width:20px;height:20px}.btn-row{gap:var(--s-3);flex-wrap:wrap;display:flex}.icon-btn{justify-content:center;align-items:center;gap:var(--s-2);min-width:44px;min-height:44px;padding:0 var(--s-2);border:2px solid var(--btn-line);border-radius:var(--r-full);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;font-size:.875rem;font-weight:700;line-height:1.2;display:inline-flex}.icon-btn:hover{background:var(--hover)}.text-link{align-items:center;gap:var(--s-1);min-height:44px;font-weight:700;display:inline-flex}@media (width>=960px){.motion-toggle{padding:0 var(--s-4) 0 var(--s-3)}}.motion-toggle .i-play,html[data-motion=paused] .motion-toggle .i-pause,html[data-motion=reduced] .motion-toggle .i-pause,html[data-motion=auto-paused] .motion-toggle .i-pause{display:none}html[data-motion=paused] .motion-toggle .i-play,html[data-motion=reduced] .motion-toggle .i-play,html[data-motion=auto-paused] .motion-toggle .i-play{display:block}html[data-motion=paused] .motion-toggle,html[data-motion=reduced] .motion-toggle,html[data-motion=auto-paused] .motion-toggle{background:var(--lamp);color:var(--on-lamp);border-color:var(--lamp-line)}.site-header{z-index:20;background:var(--bg);border-bottom:1px solid var(--edge);position:relative}.site-header-inner{max-width:75rem;min-height:var(--header-h);align-items:center;gap:var(--s-2);padding:6px var(--s-3);margin:0 auto;display:flex}@media (width>=600px){.site-header-inner{padding:6px var(--s-5);gap:var(--s-3)}}.brand{align-items:center;gap:var(--s-2);min-height:44px;color:var(--ink);margin-right:auto;text-decoration:none;display:flex}.brand-mark{flex:none;width:30px;height:30px}.brand-mark .mk-a{fill:var(--lamp)}.brand-mark .mk-b{fill:var(--paper)}.brand-mark .mk-j{fill:var(--join)}.brand-mark *{stroke:var(--line-dark);stroke-width:1.6px;stroke-linejoin:round}.theme-night .brand-mark .mk-line{stroke:var(--night-ink)}.brand-text{flex-direction:column;line-height:1.2;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:.08em;white-space:nowrap;font-size:1rem;font-weight:700}.brand-owner{font-size:var(--text-min);color:var(--sub);white-space:nowrap}@media (width<=399.98px){.site-header:not(.story-header) .brand-mark{display:none}.brand-name{letter-spacing:.04em;font-size:.875rem}}.header-actions{align-items:center;gap:var(--s-2);display:flex}@media (width<=374.98px){.header-actions{gap:var(--s-1)}.header-actions .btn-sm{padding:0 10px}}.site-nav ul{gap:0 var(--s-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-nav a{min-height:44px;padding:0 var(--s-3);border-radius:var(--r-full);color:var(--ink);align-items:center;font-size:.9375rem;font-weight:700;text-decoration:none;display:inline-flex}.site-nav a:hover,.site-nav a[aria-current=page]{background:var(--hover);text-decoration:underline}.site-header .menu-toggle{display:none}.menu-toggle .icon{width:20px;height:20px}@media (width<=399.98px){.menu-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (width<=959.98px){.site-header .site-header-inner{flex-wrap:wrap}.site-nav{order:3;width:100%}.site-nav ul{flex-direction:column}.site-nav a{border-radius:var(--r-m);width:100%}html[data-menu] .site-nav:not(.is-open){display:none}html[data-menu] .site-header .menu-toggle{display:inline-flex}html[data-menu] .site-nav.is-open{padding:0 0 var(--s-2);border-top:1px dashed var(--edge)}}@media (width>=960px){.menu-toggle{display:none!important}.site-header:has(.site-nav) .brand{margin-right:var(--s-4)}.site-nav{margin-left:auto}}.site-footer{z-index:2;padding:var(--s-6) var(--s-4) var(--s-7);background:var(--surface);color:var(--ink);border-top:1px solid var(--edge);position:relative}@media (width>=600px){.site-footer{padding:var(--s-6) var(--s-5) var(--s-7)}}.site-footer-inner{gap:var(--s-4);max-width:75rem;margin:0 auto;display:grid}.site-footer p{margin:0;line-height:1.6}.footer-brand strong{font-family:var(--font-display);letter-spacing:.06em}.footer-nav ul{gap:0 var(--s-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.footer-nav a{min-height:44px;padding:0 var(--s-2);color:var(--ink);align-items:center;font-weight:700;display:inline-flex}.footer-bottom{justify-content:space-between;align-items:center;gap:var(--s-3);padding-top:var(--s-3);border-top:1px dashed var(--edge);flex-wrap:wrap;display:flex}.footer-copy{font-size:.875rem}.toast{left:50%;bottom:var(--s-5);z-index:80;width:max-content;max-width:calc(100% - 32px);padding:var(--s-3) var(--s-5);background:var(--night-card);color:var(--night-ink);border:1px solid var(--night-ink);border-radius:var(--r-m);text-align:center;box-shadow:var(--shadow-toast);opacity:0;visibility:hidden;pointer-events:none;font-size:.9375rem;font-weight:700;line-height:1.5;transition:opacity .25s linear,visibility 0s linear .25s;position:fixed;transform:translate(-50%)}.toast.is-show{opacity:1;visibility:visible;transition:opacity .25s linear}.toast:empty{border:0;padding:0}.note{margin:var(--s-4) 0 0;padding:var(--s-4);border:1px solid var(--ink);border-radius:var(--r-m);background:var(--surface);font-weight:700}.small{color:var(--sub);font-size:.875rem}.last-updated{margin:var(--s-6) 0 0;color:var(--sub);font-size:.875rem}.gm-banner{padding:var(--s-2) var(--s-4);background:var(--lamp);color:var(--night-card);text-align:center;margin:0}