:root{--bg-base:#fff;--bg-subtle:#f5f6fa;--surface:#ffffffb8;--surface-hover:#fff;--border-subtle:#1e233014;--border-accent:#6396;--text-strong:#0f1220;--text-main:#2a3040;--text-muted:#5a6478;--primary:#639;--primary-glow:#66339940;--secondary:#db2777;--secondary-glow:#db277740;--rainbow:linear-gradient(90deg, #639, #ec4899, #f59e0b, #06b6d4);--shadow-card:0 4px 24px #0f12200f;--font-logo:"Orbitron", sans-serif;--font-sans:"Inter", "Noto Sans JP", sans-serif;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .2s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-base);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#c9cedd;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}#root{flex-direction:column;min-height:100vh;display:flex;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--text-strong);letter-spacing:-.025em;font-weight:700}.font-logo{font-family:var(--font-logo)}a{color:inherit;transition:var(--transition-fast);text-decoration:none}.bg-canvas-container{z-index:-1;pointer-events:none;background:var(--bg-base);width:100vw;height:100vh;position:fixed;top:0;left:0}.aurora-wrap{transition:transform .6s ease-out;position:absolute;inset:-10%}.particle-canvas{width:100%;height:100%;position:absolute;inset:0}.aurora-blob{filter:blur(80px);opacity:.32;will-change:transform;border-radius:50%;position:absolute}.aurora-violet{background:radial-gradient(circle,#639 0%,#0000 65%);width:55vw;height:55vw;animation:26s ease-in-out infinite aurora-drift-1;top:-18%;left:-12%}.aurora-pink{background:radial-gradient(circle,#ec4899 0%,#0000 65%);width:48vw;height:48vw;animation:30s ease-in-out infinite aurora-drift-2;top:-10%;right:-14%}.aurora-amber{opacity:.24;background:radial-gradient(circle,#f59e0b 0%,#0000 65%);width:42vw;height:42vw;animation:34s ease-in-out infinite aurora-drift-3;bottom:-16%;left:-8%}.aurora-cyan{background:radial-gradient(circle,#06b6d4 0%,#0000 65%);width:52vw;height:52vw;animation:22s ease-in-out infinite aurora-drift-4;bottom:-20%;right:-10%}@keyframes aurora-drift-1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(8vw,6vh)scale(1.12)}}@keyframes aurora-drift-2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-7vw,8vh)scale(.92)}}@keyframes aurora-drift-3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(9vw,-7vh)scale(1.08)}}@keyframes aurora-drift-4{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-8vw,-6vh)scale(1.1)}}@media (prefers-reduced-motion:reduce){.aurora-blob{animation:none}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.glow-text-primary{text-shadow:0 0 24px var(--primary-glow)}.glow-text-secondary{text-shadow:0 0 24px var(--secondary-glow)}.gradient-text,.gradient-text-neon{color:var(--text-strong)}.btn-neon{font-family:var(--font-sans);color:#fff;background:var(--primary);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #66339940}.btn-neon:before{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn-neon:hover:before{left:100%}.btn-neon:hover{transform:translateY(-2px);box-shadow:0 8px 28px #66339959}.btn-neon-secondary{font-family:var(--font-sans);color:var(--text-main);background:var(--bg-base);cursor:pointer;transition:var(--transition-smooth);border:1px solid #1e23302e;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 2px 12px #0f12200f}.btn-neon-secondary:hover{color:var(--primary);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 20px #66339926}@keyframes pulseGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.animate-pulse-slow{animation:8s ease-in-out infinite pulseGlow}::selection{background:#6633992e}.clamp-1,.clamp-2,.clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clamp-1{-webkit-line-clamp:1}.clamp-2{-webkit-line-clamp:2}.clamp-3{-webkit-line-clamp:3}.article-body{color:var(--text-main);font-size:1rem;line-height:1.95}.article-body h2,.article-body h3{scroll-margin-top:120px}.article-body h2{border-bottom:2px solid #66339926;margin:56px 0 24px;padding-bottom:12px;font-size:1.5rem;line-height:1.5}.article-body h2:first-child{margin-top:0}.article-body h3{border-left:4px solid var(--primary);margin:40px 0 16px;padding-left:14px;font-size:1.2rem;line-height:1.5}.article-body p{margin:0 0 24px}.article-body ul,.article-body ol{flex-direction:column;gap:8px;margin:0 0 24px;padding-left:26px;display:flex}.article-body li>ul,.article-body li>ol{margin:8px 0 0}.article-body strong{color:var(--text-strong);font-weight:700}.article-body a{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.article-body a:hover{color:var(--secondary)}.article-body picture{display:contents}.article-body img{border:1px solid var(--border-subtle);max-width:100%;height:auto;box-shadow:var(--shadow-card);border-radius:16px;margin:8px 0 32px;display:block}.article-body blockquote{border-left:4px solid var(--secondary);color:var(--text-main);background:#db27770a;border-radius:0 12px 12px 0;margin:0 0 24px;padding:16px 24px}.article-body blockquote p:last-child{margin-bottom:0}.article-body code{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:6px;padding:2px 6px;font-family:Consolas,Menlo,monospace;font-size:.88em}.article-body pre{color:#e6e9f5;background:#14172a;border-radius:12px;margin:0 0 24px;padding:20px 24px;overflow-x:auto}.article-body pre code{color:inherit;background:0 0;border:none;padding:0}.article-body table{border-collapse:collapse;width:100%;margin:0 0 24px;font-size:.92rem}.article-body th,.article-body td{border:1px solid var(--border-subtle);text-align:left;padding:10px 14px}.article-body th{background:var(--bg-subtle);color:var(--text-strong);font-weight:600}.article-body hr{border:none;border-top:1px solid var(--border-subtle);margin:40px 0}.fade-in-section{opacity:0;transition:opacity .8s ease-out,transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}