:root{color-scheme:light;font-family:Noto Sans JP,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;background-color:var(--body-bg);color:var(--text-primary);--body-bg: #f5f7fa;--body-gradient-1: linear-gradient(160deg, rgba(14, 165, 233, .08), transparent 55%);--body-gradient-2: linear-gradient(320deg, rgba(99, 102, 241, .1), transparent 40%);--text-primary: #1f2937;--text-secondary: #334155;--text-muted: #94a3b8;--card-bg: #ffffff;--card-border: rgba(148, 163, 184, .18);--card-shadow: 0 28px 65px -38px rgba(15, 23, 42, .45);--highlight-bg: linear-gradient(120deg, rgba(96, 165, 250, .2), rgba(129, 140, 248, .18));--highlight-border: rgba(96, 165, 250, .18);--tag-bg: rgba(15, 118, 110, .08);--tag-border: rgba(13, 148, 136, .18);--tag-text: #0f766e;--social-group-title: #0f172a;--footer-text: #64748b;--focus-outline: rgba(14, 165, 233, .4);--control-border: rgba(148, 163, 184, .35);--control-hover-bg: rgba(15, 23, 42, .05);--control-text: #1f2937;--social-shadow-fallback: rgba(15, 23, 42, .25)}[data-theme=dark]{color-scheme:dark;--body-bg: #020617;--body-gradient-1: linear-gradient(160deg, rgba(56, 189, 248, .08), transparent 55%);--body-gradient-2: linear-gradient(320deg, rgba(129, 140, 248, .12), transparent 40%);--text-primary: #e2e8f0;--text-secondary: #cbd5f5;--text-muted: #94a3b8;--card-bg: #0f172a;--card-border: rgba(148, 163, 184, .24);--card-shadow: 0 28px 65px -38px rgba(15, 23, 42, .85);--highlight-bg: linear-gradient(120deg, rgba(56, 189, 248, .16), rgba(129, 140, 248, .18));--highlight-border: rgba(56, 189, 248, .28);--tag-bg: rgba(20, 184, 166, .12);--tag-border: rgba(45, 212, 191, .28);--tag-text: #5eead4;--social-group-title: #e2e8f0;--footer-text: #94a3b8;--focus-outline: rgba(56, 189, 248, .55);--control-border: rgba(148, 163, 184, .4);--control-hover-bg: rgba(148, 163, 184, .14);--control-text: #e2e8f0;--social-shadow-fallback: rgba(15, 23, 42, .55)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--body-bg);background-image:var(--body-gradient-1),var(--body-gradient-2);color:var(--text-primary);display:flex;justify-content:center;transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.main-layout{width:100%;padding:clamp(1.75rem,6vw,3rem);display:flex;justify-content:center}.card{width:min(960px,100%);background:var(--card-bg);border-radius:20px;padding:clamp(2rem,6vw,3.5rem);box-shadow:var(--card-shadow);border:1px solid var(--card-border);display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2.5rem);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease}.card-controls{align-self:flex-end;display:flex;margin-bottom:-.5rem}.theme-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border-radius:999px;border:1px solid var(--control-border);background-color:transparent;color:var(--control-text);font-size:.85rem;font-weight:600;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.theme-toggle:hover,.theme-toggle:focus-visible{background-color:var(--control-hover-bg)}.theme-toggle:focus-visible{outline:2px solid var(--focus-outline);outline-offset:3px}.theme-toggle span[aria-hidden=true]{font-size:1rem}.theme-toggle-label{letter-spacing:.02em}.home{display:grid;gap:clamp(1.75rem,4vw,2.75rem)}.hero-heading{display:flex;flex-direction:column;gap:.75rem}.hero-title{font-size:clamp(2.4rem,6vw,3.3rem);font-weight:700;letter-spacing:-.02em;margin:0}.hero-lead{margin:0;font-size:clamp(1.05rem,2.6vw,1.25rem);color:var(--text-secondary)}.section-heading{font-size:.95rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .8rem;font-weight:600}.section-body{margin:0;color:var(--text-primary);font-size:1.05rem}.highlight{background:var(--highlight-bg);padding:.85rem 1rem;border-radius:12px;border:1px solid var(--highlight-border)}.highlight strong{font-weight:600}.tag-list{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none}.tag{background:var(--tag-bg);border:1px solid var(--tag-border);color:var(--tag-text);padding:.3rem .75rem;border-radius:999px;font-size:.9rem;font-weight:600}.social-section{display:grid;gap:1.5rem}.social-groups{display:grid;gap:1.75rem}.social-group{display:grid;gap:.75rem}.social-group-title{margin:0;font-size:1.1rem;color:var(--social-group-title)}.social-links{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.75rem}.social-button{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.4rem;border-radius:999px;border:1px solid transparent;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 16px 32px -24px var(--social-shadow, var(--social-shadow-fallback))}.social-button:hover,.social-button:focus-visible{transform:translateY(-2px);box-shadow:0 20px 38px -24px var(--social-shadow-strong, var(--social-shadow-fallback))}.social-button:focus-visible{outline:2px solid var(--focus-outline);outline-offset:3px}.social-button-icon{display:inline-flex;width:20px;height:20px;color:currentColor}.social-button-icon svg{width:100%;height:100%}.footer-note{margin:0;font-size:.9rem;color:var(--footer-text);text-align:center}@media (max-width: 640px){.card{padding:clamp(1.5rem,8vw,2rem)}.hero-title{font-size:clamp(2rem,8vw,2.6rem)}.hero-lead,.section-body{font-size:1rem}}@media (min-width: 768px){.social-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}