:root{--stage-from:#e0e7ff;--stage-mid:#fce7f3;--stage-to:#dbeafe;--blob-a:#f0abfc;--blob-b:#a5b4fc;--blob-c:#fbcfe8;--blob-a-alpha:.5;--blob-b-alpha:.5;--blob-c-alpha:.4;--accent-from:#818cf8;--accent-to:#c084fc;--accent-ink:#4f46e5;--accent-glow:0 8px 24px -8px #818cf899;--ink:#1e1b4b;--ink-muted:#4f46e5;--ink-subtle:#575488;--glass-bg:#ffffff8c;--glass-bg-hi:#ffffffb8;--glass-bg-lo:#fff6;--glass-border:#ffffffb3;--glass-shadow:0 1px 0 #fff9 inset, 0 12px 36px -16px #6366f173;--glass-shadow-hi:0 1px 0 #ffffffbf inset, 0 20px 48px -18px #6366f199;--badge-live-bg:#10b98129;--badge-live-ink:#047857;--badge-wip-bg:#f59e0b2e;--badge-wip-ink:#92400e;--radius-card:1.5rem;--radius-button:1rem;--shell-max:68rem;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--stage-from:#1b1a33;--stage-mid:#251d3a;--stage-to:#171b33;--blob-a:#a855f7;--blob-b:#6366f1;--blob-c:#db2777;--blob-a-alpha:.3;--blob-b-alpha:.32;--blob-c-alpha:.22;--accent-from:#a5b4fc;--accent-to:#d8b4fe;--accent-ink:#c7d2fe;--accent-glow:0 8px 24px -8px #a5b4fc73;--ink:#ede9fe;--ink-muted:#c4b5fd;--ink-subtle:#a9a3d4;--glass-bg:#ffffff12;--glass-bg-hi:#ffffff21;--glass-bg-lo:#ffffff0d;--glass-border:#ffffff29;--glass-shadow:0 1px 0 #ffffff1f inset, 0 12px 36px -16px #0c0a20cc;--glass-shadow-hi:0 1px 0 #fff3 inset, 0 20px 48px -18px #0c0a20e6;--badge-live-bg:#34d3992e;--badge-live-ink:#6ee7b7;--badge-wip-bg:#fbbf242e;--badge-wip-ink:#fcd34d;color-scheme:dark}}:root[data-theme=dark]{--stage-from:#1b1a33;--stage-mid:#251d3a;--stage-to:#171b33;--blob-a:#a855f7;--blob-b:#6366f1;--blob-c:#db2777;--blob-a-alpha:.3;--blob-b-alpha:.32;--blob-c-alpha:.22;--accent-from:#a5b4fc;--accent-to:#d8b4fe;--accent-ink:#c7d2fe;--accent-glow:0 8px 24px -8px #a5b4fc73;--ink:#ede9fe;--ink-muted:#c4b5fd;--ink-subtle:#a9a3d4;--glass-bg:#ffffff12;--glass-bg-hi:#ffffff21;--glass-bg-lo:#ffffff0d;--glass-border:#ffffff29;--glass-shadow:0 1px 0 #ffffff1f inset, 0 12px 36px -16px #0c0a20cc;--glass-shadow-hi:0 1px 0 #fff3 inset, 0 20px 48px -18px #0c0a20e6;--badge-live-bg:#34d3992e;--badge-live-ink:#6ee7b7;--badge-wip-bg:#fbbf242e;--badge-wip-ink:#fcd34d;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font-dm-sans), "Hiragino Sans", "Noto Sans JP", sans-serif;color:var(--ink);background:linear-gradient(135deg, var(--stage-from) 0%, var(--stage-mid) 50%, var(--stage-to) 100%);background-attachment:fixed;margin:0;font-size:1rem;line-height:1.8;overflow-x:hidden}h1,h2,h3{letter-spacing:.01em;margin:0;line-height:1.45}p{margin:0}a{color:var(--accent-ink);text-underline-offset:.2em}ul{margin:0;padding:0;list-style:none}img,svg{max-width:100%}:focus-visible{outline:2px solid var(--accent-from);outline-offset:3px;border-radius:.5rem}.blobs{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.blobs span{filter:blur(80px);will-change:transform;border-radius:50%;display:block;position:absolute}.blobs .a{background:var(--blob-a);width:34rem;height:34rem;opacity:var(--blob-a-alpha);animation:26s ease-in-out infinite alternate drift;top:-10rem;left:-8rem}.blobs .b{background:var(--blob-b);width:30rem;height:30rem;opacity:var(--blob-b-alpha);animation:31s ease-in-out infinite alternate-reverse drift;top:22%;right:-10rem}.blobs .c{background:var(--blob-c);width:32rem;height:32rem;opacity:var(--blob-c-alpha);animation:37s ease-in-out infinite alternate drift;bottom:-12rem;left:30%}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(2.5rem,-2rem)scale(1.08)}}.shell{width:min(100% - 2.5rem, var(--shell-max));margin-inline:auto}.glass{border:1px solid var(--glass-border);border-radius:var(--radius-card);box-shadow:var(--glass-shadow);background:#ffffffd9}@supports (backdrop-filter:blur(1px)){.glass{background:var(--glass-bg);backdrop-filter:blur(18px)}}.pill{background:var(--glass-bg-lo);border:1px solid var(--glass-border);color:var(--ink-muted);white-space:nowrap;border-radius:999px;padding:.15rem .7rem;font-size:.75rem;line-height:1.7;display:inline-block}.badge{letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.1rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.badge[data-status=live]{background:var(--badge-live-bg);color:var(--badge-live-ink)}.badge[data-status=wip]{background:var(--badge-wip-bg);color:var(--badge-wip-ink)}.badge:before{content:"";background:currentColor;border-radius:50%;width:.4rem;height:.4rem}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);font-size:.7rem;font-weight:600}.btn{border-radius:var(--radius-button);border:1px solid #0000;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-from), var(--accent-to));color:#fff;box-shadow:var(--accent-glow)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .btn-primary{color:#1e1b4b}}:root[data-theme=dark] .btn-primary{color:#1e1b4b}.btn-ghost{background:var(--glass-bg);border-color:var(--glass-border);color:var(--ink)}.btn:hover{box-shadow:var(--glass-shadow-hi);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.btn:hover{transform:none}}