@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Noto+Sans+JP:wght@400;500;700;900&display=swap";:root{--bg-main: #0b0f19;--bg-surface: #131b2e;--bg-card: #182239;--bg-card-hover: #1f2c4a;--bg-elevated: #243354;--border-subtle: #23304d;--border-focus: #3b82f6;--border-glow: rgba(5, 217, 232, .3);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0b0f19;--accent-pink: #ff2a6d;--accent-cyan: #05d9e8;--accent-purple: #9d4edd;--accent-gold: #ffb703;--accent-green: #06d6a0;--gradient-cta: linear-gradient(135deg, #ff2a6d 0%, #ff5e36 50%, #ffb703 100%);--gradient-neon: linear-gradient(135deg, #05d9e8 0%, #3b82f6 100%);--gradient-card: linear-gradient(180deg, rgba(24, 34, 57, .8) 0%, rgba(15, 23, 42, .95) 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .6);--shadow-cta: 0 8px 30px rgba(255, 42, 109, .35);--font-base: "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-base);background-color:var(--bg-main);color:var(--text-primary);line-height:1.8;letter-spacing:.02em;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;background:radial-gradient(circle at 50% 0%,#17233e,#0b0f19 70%)}a{color:var(--accent-cyan);text-decoration:none;transition:all .2s ease}a:hover{color:#38bdf8;text-decoration:underline}@media (max-width: 640px){.hide-mobile{display:none!important}}.site-header{position:sticky;top:0;z-index:100;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0b0f19d9;border-bottom:1px solid var(--border-subtle);padding:.75rem 1.25rem}.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.site-logo{display:flex;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:900;color:var(--text-primary);letter-spacing:.04em}.logo-badge{background:var(--accent-pink);color:#fff;font-size:.65rem;font-weight:800;padding:.15rem .4rem;border-radius:4px;text-transform:uppercase}.header-nav{display:flex;align-items:center;gap:1.25rem}.header-nav a{color:var(--text-secondary);font-size:.85rem;font-weight:600}.header-nav a:hover{color:var(--text-primary);text-decoration:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.25rem 5rem;flex:1}.hero-section{text-align:center;padding:2.5rem 1rem 3.5rem}.hero-tag{display:inline-block;background:#05d9e81a;color:var(--accent-cyan);border:1px solid rgba(5,217,232,.3);font-size:.8rem;font-weight:700;padding:.35rem .9rem;border-radius:999px;margin-bottom:1.25rem}.hero-title{font-size:clamp(1.6rem,3.8vw,2.5rem);font-weight:900;line-height:1.35;margin-bottom:1rem;color:var(--text-primary)}.hero-desc{font-size:1rem;color:var(--text-secondary);max-width:680px;margin:0 auto 2rem;line-height:1.7}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.75rem}.article-card{background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.article-card:hover{transform:translateY(-5px);border-color:#05d9e866;box-shadow:var(--shadow-md)}.card-image-wrap{position:relative;width:100%;height:190px;overflow:hidden;background:#1e293b}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-card:hover .card-image{transform:scale(1.06)}.card-badge{position:absolute;top:.75rem;left:.75rem;background:#0b0f19d9;backdrop-filter:blur(8px);color:var(--accent-cyan);font-size:.75rem;font-weight:700;padding:.2rem .55rem;border-radius:6px;border:1px solid rgba(5,217,232,.3)}.card-body{padding:1.25rem;display:flex;flex-direction:column;flex:1}.card-title{font-size:1.05rem;font-weight:700;line-height:1.5;margin-bottom:.6rem;color:var(--text-primary)}.card-excerpt{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;flex:1}.card-meta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-subtle);padding-top:.75rem;font-size:.8rem;color:var(--text-muted)}.article-layout{display:grid;grid-template-columns:1fr 280px;gap:2rem;align-items:start}@media (max-width: 900px){.article-layout{grid-template-columns:1fr}}.article-main{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:18px;padding:2.25rem;box-shadow:var(--shadow-sm)}@media (max-width: 640px){.article-main{padding:1.25rem 1rem}}.article-header{margin-bottom:1.75rem;border-bottom:1px solid var(--border-subtle);padding-bottom:1.5rem}.article-meta-top{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.8rem}.article-tag{background:#05d9e81f;color:var(--accent-cyan);padding:.2rem .55rem;border-radius:6px;font-weight:700}.article-date{color:var(--text-muted)}.article-title{font-size:clamp(1.4rem,3.2vw,2rem);font-weight:900;line-height:1.4;margin-bottom:1rem;color:var(--text-primary)}.article-cover{width:100%;max-height:380px;object-fit:cover;border-radius:12px;margin-bottom:2rem;border:1px solid var(--border-subtle)}.article-content{font-size:1rem;color:#e2e8f0;line-height:1.85}.article-content h1,.article-content h2,.article-content h3,.article-content h4{color:var(--text-primary);font-weight:800;margin-top:2.25rem;margin-bottom:.85rem;line-height:1.4}.article-content h2{font-size:1.35rem;padding-left:.85rem;border-left:4px solid var(--accent-pink);background:linear-gradient(90deg,rgba(255,42,109,.08) 0%,transparent 100%);padding-top:.35rem;padding-bottom:.35rem;border-radius:0 6px 6px 0}.article-content h3{font-size:1.15rem;border-bottom:1px solid var(--border-subtle);padding-bottom:.4rem}.article-content p{margin-bottom:1.35rem}.article-content ul,.article-content ol{margin:1rem 0 1.5rem 1.25rem}.article-content li{margin-bottom:.4rem}.article-content strong{color:#fff;font-weight:800}.article-content hr{border:0;height:1px;background:var(--border-subtle);margin:2.25rem 0}.internal-link{color:var(--accent-cyan);font-weight:600;background:#05d9e81a;padding:.1rem .4rem;border-radius:4px;border-bottom:1px solid var(--accent-cyan)}.internal-tag{color:var(--text-muted);font-size:.85em}.table-wrapper{overflow-x:auto;margin:1.75rem 0;border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-card)}table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}th{background:var(--bg-elevated);color:var(--text-primary);font-weight:700;padding:.85rem;border-bottom:1px solid var(--border-subtle)}td{padding:.85rem;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}tr:last-child td{border-bottom:none}.cta-box{margin:2.5rem 0;padding:1.75rem 1.25rem;background:linear-gradient(145deg,#1b2640,#121a2d);border:2px solid rgba(255,42,109,.5);border-radius:16px;text-align:center;box-shadow:var(--shadow-cta);position:relative;overflow:hidden}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background:var(--gradient-cta);color:#fff!important;font-size:1.05rem;font-weight:900;padding:1rem 1.75rem;border-radius:999px;text-decoration:none!important;box-shadow:0 6px 18px #ff2a6d80;transition:all .25s ease;width:100%;max-width:440px}.cta-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #ff2a6db3}.cta-sparkle{font-size:1.2rem}.cta-microcopy{display:block;font-size:.75rem;color:var(--accent-gold);margin-top:.65rem;font-weight:700}.sidebar-sticky{position:sticky;top:4.5rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;padding:1.25rem}.sidebar-title{font-size:.95rem;font-weight:800;margin-bottom:.85rem;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);padding-bottom:.4rem}.toc-list{list-style:none;font-size:.825rem}.toc-item{margin-bottom:.45rem}.toc-item.level-3{padding-left:.75rem;font-size:.775rem}.toc-item a{color:var(--text-secondary)}.toc-item a:hover{color:var(--accent-cyan)}.floating-bottom-cta{display:none;position:fixed;bottom:0;left:0;right:0;background:#0b0f19f2;backdrop-filter:blur(12px);border-top:1px solid rgba(255,42,109,.5);padding:.65rem .85rem;z-index:999;box-shadow:0 -4px 16px #00000080}@media (max-width: 768px){.floating-bottom-cta{display:block}}.floating-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:.6rem;max-width:480px;margin:0 auto}.floating-cta-text{font-size:.75rem;line-height:1.2}.floating-cta-text strong{display:block;color:#fff;font-size:.8rem}.floating-cta-text span{color:var(--accent-gold);font-size:.7rem}.floating-cta-btn{background:var(--gradient-cta);color:#fff!important;font-size:.85rem;font-weight:800;padding:.55rem 1rem;border-radius:999px;white-space:nowrap;box-shadow:0 4px 10px #ff2a6d66}.site-footer{background:var(--bg-surface);border-top:1px solid var(--border-subtle);padding:2rem 1.25rem;text-align:center;font-size:.8rem;color:var(--text-muted)}