@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap");:root{--bg-primary:#0a0a0a;--bg-secondary:#111111;--bg-card:#1a1a1a;--bg-card-hover:#222222;--neon-cyan:#00ffff;--neon-pink:#ff0080;--neon-purple:#8000ff;--neon-green:#00ff41;--neon-blue:#0080ff;--text-primary:#ffffff;--text-secondary:#cccccc;--text-muted:#888888;--text-accent:#00ffff;--border:#333333;--border-glow:#00ffff;--gradient-primary:linear-gradient(135deg,#00ffff,#ff0080);--gradient-secondary:linear-gradient(135deg,#8000ff,#0080ff);--shadow-glow:0 0 20px rgba(0,255,255,0.1);--grid-opacity:0.03}[data-theme=light]{--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-card:#ffffff;--bg-card-hover:#f1f5f9;--neon-cyan:#0ea5e9;--neon-pink:#ec4899;--neon-purple:#8b5cf6;--neon-green:#10b981;--neon-blue:#3b82f6;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-accent:#0ea5e9;--border:#cbd5e1;--border-glow:#0ea5e9;--gradient-primary:linear-gradient(135deg,#0ea5e9,#ec4899);--gradient-secondary:linear-gradient(135deg,#8b5cf6,#3b82f6);--shadow-glow:0 4px 20px rgba(14,165,233,0.15);--grid-opacity:0.08}[data-theme=light] .card{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:1px solid var(--border)}[data-theme=light] .card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border-color:var(--border-glow)}[data-theme=light] body{background:var(--bg-primary);background-image:radial-gradient(circle at 25% 25%,rgba(14,165,233,.08) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(236,72,153,.08) 0,transparent 50%)}[data-theme=light] body:before{background-image:linear-gradient(rgba(14,165,233,var(--grid-opacity)) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,var(--grid-opacity)) 1px,transparent 1px);background-size:40px 40px}[data-theme=light] .blog-content pre{background:#f8fafc;border:2px solid #e2e8f0;color:var(--text-primary)}[data-theme=light] .blog-content code{background:#f1f5f9;color:#0ea5e9;border:1px solid #e2e8f0}[data-theme=light] .blog-content pre code{background:none;border:none;color:var(--text-primary)}[data-theme=light] .blog-content blockquote{border-left:4px solid var(--neon-cyan);background:#f8fafc;padding:1rem 2rem;border-radius:0 8px 8px 0}[data-theme=light] .blog-content a{color:var(--neon-cyan);font-weight:500}[data-theme=light] .blog-content a:hover{color:var(--neon-purple);text-decoration:underline}[data-theme=light] .blog-content th{background:#f1f5f9;color:var(--text-primary);font-weight:600}[data-theme=light] .blog-content td{color:var(--text-secondary)}[data-theme=light] .blog-content h1,[data-theme=light] .blog-content h2,[data-theme=light] .blog-content h3,[data-theme=light] .blog-content h4,[data-theme=light] .blog-content h5,[data-theme=light] .blog-content h6{color:var(--text-primary);font-weight:700}[data-theme=light] .blog-content h1{color:var(--neon-cyan)}[data-theme=light] .blog-content h2{color:var(--neon-purple)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Noto Sans JP,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}body{background-image:radial-gradient(circle at 25% 25%,rgba(0,255,255,.08) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,0,128,.08) 0,transparent 50%);min-height:100vh}[data-theme=light] body{background-image:radial-gradient(circle at 25% 25%,rgba(8,145,178,.05) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(225,29,72,.05) 0,transparent 50%)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,255,var(--grid-opacity)) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,var(--grid-opacity)) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:-1;transition:opacity .3s ease}[data-theme=light] body:before{background-image:linear-gradient(rgba(8,145,178,var(--grid-opacity)) 1px,transparent 1px),linear-gradient(90deg,rgba(8,145,178,var(--grid-opacity)) 1px,transparent 1px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neon-pink)}.glow-text{text-shadow:0 0 10px currentColor}[data-theme=light] .glow-text{text-shadow:none;font-weight:700}.cyber-border{border:1px solid var(--border);position:relative}.cyber-border:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:var(--gradient-primary);z-index:-1;opacity:0;transition:opacity .3s ease}.cyber-border:hover:before{opacity:1}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes neon-pulse{0%,to{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor}50%{text-shadow:0 0 2px currentColor,0 0 5px currentColor,0 0 8px currentColor}}@keyframes neon-pulse-light{0%,to{text-shadow:none;transform:scale(1)}50%{transform:scale(1.02)}}.animate-glitch:hover{animation:glitch .3s ease-in-out}[data-theme=light] .animate-glitch:hover{animation:none;transform:scale(1.05);transition:transform .3s ease}.animate-neon{animation:neon-pulse 2s ease-in-out infinite}[data-theme=light] .animate-neon{animation:neon-pulse-light 2s ease-in-out infinite}.blog-content{line-height:1.8}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{color:var(--text-primary);margin:2rem 0 1rem;font-family:JetBrains Mono,monospace}.blog-content h1{font-size:2.5rem}.blog-content h2{font-size:2rem}.blog-content h3{font-size:1.75rem}.blog-content h4{font-size:1.5rem}.blog-content p{margin:1.5rem 0;color:var(--text-secondary)}.blog-content pre{border:1px solid var(--border);border-radius:8px;padding:1.5rem;overflow-x:auto;margin:2rem 0}.blog-content code,.blog-content pre{background:var(--bg-secondary);font-family:JetBrains Mono,monospace}.blog-content code{color:var(--neon-cyan);padding:.25rem .5rem;border-radius:4px;font-size:.9em}.blog-content pre code{background:none;padding:0}.blog-content blockquote{border-left:4px solid var(--neon-cyan);padding-left:2rem;margin:2rem 0;font-style:italic;color:var(--text-secondary)}.blog-content ol,.blog-content ul{margin:1.5rem 0;padding-left:2rem}.blog-content li{margin:.5rem 0;color:var(--text-secondary)}.blog-content a{color:var(--neon-cyan);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}.blog-content a:hover{border-bottom-color:var(--neon-cyan)}.blog-content img{max-width:100%;height:auto;border-radius:8px;margin:2rem 0}.blog-content table{width:100%;border-collapse:collapse;margin:2rem 0}.blog-content td,.blog-content th{border:1px solid var(--border);padding:.75rem;text-align:left}.blog-content th{background:var(--bg-secondary);font-weight:600;color:var(--text-primary)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);margin-top:auto;padding:2rem 0}.footer-content{text-align:center;display:flex;flex-direction:column;gap:.5rem}.footer-text{color:var(--text-secondary);font-size:14px;font-family:JetBrains Mono,monospace;margin:0}.footer-subtext{color:var(--text-muted);font-size:12px;margin:0}[data-theme=light] .footer{background:var(--bg-card);box-shadow:0 -1px 3px rgba(0,0,0,.1)}@media (max-width:768px){.container{padding:0 16px}}@media (max-width:480px){.container{padding:0 12px}}