:root{color-scheme:dark;--font-body: "Inter", "Noto Sans JP", "Helvetica Neue", Arial, sans-serif;--font-heading: "Plus Jakarta Sans", "Inter", "Noto Sans JP", sans-serif;--rgb-white: 255, 255, 255;--rgb-text: 244, 243, 255;--rgb-accent: 124, 108, 255;--rgb-accent-deep: 68, 54, 168;--rgb-accent-gradient-deep: 64, 45, 160;--rgb-accent-soft: 92, 70, 223;--rgb-accent-sky: 14, 166, 235;--rgb-highlight: 255, 206, 77;--rgb-highlight-warm: 255, 182, 114;--rgb-highlight-rose: 255, 124, 156;--rgb-danger: 255, 120, 120;--rgb-midnight: 15, 8, 44;--rgb-midnight-strong: 16, 10, 36;--rgb-night: 17, 12, 32;--rgb-night-soft: 19, 15, 40;--rgb-night-deep: 21, 18, 36;--rgb-night-glow: 24, 18, 46;--rgb-night-solid: 12, 10, 24;--rgb-night-rich: 15, 10, 30;--rgb-night-solid-alt: 11, 9, 24;--rgb-glass: 18, 16, 30;--rgb-shadow: 8, 5, 22;--color-background: #0f0c20;--color-surface: #1a1530;--color-surface-alt: #221b3d;--color-text: rgb(var(--rgb-text));--color-text-dimmed: rgba(var(--rgb-text), .72);--color-text-soft: rgba(var(--rgb-text), .6);--color-text-subtle: rgba(var(--rgb-text), .56);--color-text-muted: rgba(var(--rgb-text), .52);--color-text-inverse: #0f082c;--color-text-inverse-soft: #130b2a;--color-text-inverse-alt: #120c24;--color-accent: rgb(var(--rgb-accent));--color-accent-strong: #a98fff;--color-accent-soft: rgba(var(--rgb-accent), .18);--color-accent-tint: rgba(var(--rgb-accent), .08);--color-accent-border: rgba(var(--rgb-accent), .32);--color-accent-highlight: rgba(var(--rgb-accent), .4);--color-accent-highlight-strong: rgba(var(--rgb-accent), .55);--color-accent-highlight-bold: rgba(var(--rgb-accent), .65);--color-accent-transparent: rgba(var(--rgb-accent), 0);--color-accent-near-opaque: rgba(var(--rgb-accent), .9);--color-highlight: rgb(var(--rgb-highlight));--color-highlight-warm: #ffb672;--color-highlight-rose: #ff7c9c;--shadow-highlight: 0 10px 24px rgba(var(--rgb-highlight), .35);--color-danger: #ff8585;--color-danger-soft: rgba(var(--rgb-danger), .8);--color-border-subtle: rgba(var(--rgb-white), .06);--color-border: rgba(var(--rgb-white), .08);--color-border-strong: rgba(var(--rgb-white), .18);--color-border-bold: rgba(var(--rgb-white), .32);--color-overlay-xweak: rgba(var(--rgb-white), .03);--color-overlay-weak: rgba(var(--rgb-white), .04);--color-overlay-soft: rgba(var(--rgb-white), .05);--color-overlay-mid: rgba(var(--rgb-white), .12);--color-overlay-inset: rgba(var(--rgb-white), .14);--color-overlay-strong: rgba(var(--rgb-white), .16);--color-glass: rgba(var(--rgb-midnight), .12);--color-glass-strong: rgba(var(--rgb-midnight-strong), .16);--color-glass-panel: rgba(var(--rgb-night), .92);--color-glass-panel-strong: rgba(var(--rgb-night-soft), .98);--color-glass-panel-alt: rgba(var(--rgb-night-deep), .96);--color-glass-panel-deep: rgba(var(--rgb-night-rich), .95);--color-glass-panel-warm: rgba(var(--rgb-night-glow), .92);--color-glass-solid: rgba(var(--rgb-night-solid), .96);--color-glass-solid-alt: rgba(var(--rgb-night-solid-alt), 1);--color-glass-overlay: rgba(var(--rgb-glass), .85);--gradient-app-background: radial-gradient(circle at 20% 20%, rgba(var(--rgb-accent), .18), transparent 55%), var(--color-background);--gradient-site-background: radial-gradient(circle at top left, rgba(var(--rgb-accent-soft), .18), transparent 55%), radial-gradient(circle at top right, rgba(var(--rgb-accent-sky), .15), transparent 45%), rgba(var(--rgb-night-solid-alt), 1);--gradient-hero: linear-gradient(130deg, rgba(var(--rgb-midnight), .92), rgba(var(--rgb-accent-gradient-deep), .55));--gradient-cta: linear-gradient(135deg, var(--color-highlight-warm) 0%, var(--color-highlight-rose) 50%, var(--color-accent) 100%);--gradient-footer: linear-gradient(135deg, var(--color-accent) 0%, #2d1c87 100%);--gradient-header: linear-gradient(135deg, var(--color-accent) 0%, #2d1c87 100%);--shadow-soft-sm: 0 18px 32px rgba(var(--rgb-shadow), .4);--shadow-soft: 0 20px 40px rgba(var(--rgb-shadow), .45);--shadow-soft-strong: 0 20px 40px rgba(var(--rgb-shadow), .55);--shadow-soft-xl: 0 34px 72px rgba(var(--rgb-shadow), .62);--shadow-accent: 0 6px 18px rgba(var(--rgb-accent-deep), .55);--shadow-accent-soft: 0 6px 18px rgba(var(--rgb-accent-deep), .45);--shadow-accent-md: 0 18px 42px rgba(var(--rgb-accent), .45);--shadow-accent-lg: 0 26px 60px rgba(var(--rgb-accent), .55);--shadow-accent-hover: 0 20px 46px rgba(var(--rgb-accent), .4);--shadow-accent-xl: 0 28px 62px rgba(var(--rgb-accent), .55);--shadow-deep: 0 32px 64px rgba(var(--rgb-shadow), .55);--shadow-deep-lg: 0 28px 60px rgba(var(--rgb-shadow), .55);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--gradient-app-background);color:var(--color-text);font-family:var(--font-body)}body{display:flex;justify-content:center}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-decoration-color:var(--color-border-bold)}img{max-width:100%;display:block;border-radius:var(--radius-md)}button{font:inherit;color:inherit}.app-container{width:min(420px,100%);min-height:100vh;background:linear-gradient(180deg,rgba(var(--rgb-night-soft),.92),rgba(var(--rgb-night),.98));box-shadow:var(--shadow-soft);display:flex;flex-direction:column;position:relative}.content-scroll{flex:1;overflow-y:auto;padding:clamp(20px,5vw,28px);padding-bottom:96px;scroll-behavior:smooth}.site-header.svelte-k3slgy{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:18px clamp(20px,5vw,40px);background:var(--color-glass-overlay);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--color-border-subtle)}.brand.svelte-k3slgy a:where(.svelte-k3slgy){display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--color-text);font-weight:700;font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase}.mark.svelte-k3slgy{width:32px;height:32px;border-radius:10px;background:var(--gradient-header);box-shadow:var(--shadow-accent)}nav.svelte-k3slgy ul:where(.svelte-k3slgy){margin:0;padding:0;list-style:none;display:flex;align-items:center;gap:clamp(12px,4vw,32px)}nav.svelte-k3slgy a:where(.svelte-k3slgy){position:relative;display:inline-flex;align-items:center;justify-content:center;padding:8px 2px;font-size:.92rem;font-weight:600;color:var(--color-text-dimmed);text-decoration:none;text-transform:uppercase;letter-spacing:.16em;transition:color .2s ease}nav.svelte-k3slgy a:where(.svelte-k3slgy):after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(var(--rgb-accent),0),rgba(var(--rgb-accent),.9),rgba(var(--rgb-accent),0));opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease}nav.svelte-k3slgy a:where(.svelte-k3slgy):hover{color:var(--color-text)}nav.svelte-k3slgy a.active:where(.svelte-k3slgy){color:var(--color-text)}nav.svelte-k3slgy a.active:where(.svelte-k3slgy):after,nav.svelte-k3slgy a:where(.svelte-k3slgy):hover:after{opacity:1;transform:translateY(0)}@media(max-width:768px){.site-header.svelte-k3slgy{padding:16px clamp(16px,6vw,24px);gap:20px}nav.svelte-k3slgy ul:where(.svelte-k3slgy){gap:16px}nav.svelte-k3slgy a:where(.svelte-k3slgy){font-size:.78rem;letter-spacing:.12em;padding:6px 0}}@media(max-width:540px){.site-header.svelte-k3slgy{flex-direction:column;align-items:stretch}nav.svelte-k3slgy ul:where(.svelte-k3slgy){justify-content:space-between}nav.svelte-k3slgy a:where(.svelte-k3slgy){width:100%;justify-content:center}}.site-footer.svelte-a7xpyw{margin-top:80px;padding:56px clamp(20px,6vw,64px) 40px;background:radial-gradient(circle at top,rgba(var(--rgb-accent),.08),transparent 60%),var(--color-glass-solid);display:grid;gap:40px;border-top:1px solid var(--color-border-subtle)}.footer-content.svelte-a7xpyw{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(24px,6vw,72px);flex-wrap:wrap}.brand.svelte-a7xpyw{display:flex;align-items:center;gap:18px;max-width:360px}.brand.svelte-a7xpyw strong:where(.svelte-a7xpyw){display:block;font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase}.brand.svelte-a7xpyw p:where(.svelte-a7xpyw){margin:6px 0 0;color:rgba(var(--rgb-white),.66);line-height:1.6;font-size:.9rem}.mark.svelte-a7xpyw{width:44px;height:44px;border-radius:14px;background:var(--gradient-footer);box-shadow:0 12px 28px rgba(var(--rgb-accent-deep),.45)}.link-groups.svelte-a7xpyw{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:clamp(20px,5vw,60px)}h3.svelte-a7xpyw{margin:0 0 10px;font-size:.9rem;text-transform:uppercase;letter-spacing:.14em;color:rgba(var(--rgb-white),.7)}ul.svelte-a7xpyw{margin:0;padding:0;list-style:none;display:grid;gap:8px}a.svelte-a7xpyw{color:rgba(var(--rgb-white),.78);text-decoration:none;font-size:.92rem;transition:color .2s ease}a.svelte-a7xpyw:hover{color:var(--color-text);text-decoration:underline}.copy.svelte-a7xpyw{margin:0;color:var(--color-text-muted);font-size:.85rem;letter-spacing:.02em}@media(max-width:640px){.site-footer.svelte-a7xpyw{padding:48px clamp(16px,8vw,32px) 32px;gap:32px}.brand.svelte-a7xpyw{flex-direction:row}}.app-shell.svelte-12qhfyh{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:var(--gradient-site-background);color:var(--color-text)}.page-body.svelte-12qhfyh{width:min(1120px,calc(100vw - clamp(32px,12vw,160px)));margin:0 auto;padding:clamp(32px,6vw,72px) 0}@media(max-width:1024px){.page-body.svelte-12qhfyh{width:min(960px,calc(100vw - clamp(24px,8vw,120px)))}}@media(max-width:768px){.page-body.svelte-12qhfyh{width:calc(100vw - clamp(24px,10vw,80px));padding:clamp(28px,8vw,56px) 0}}
