:root{--bg:#05070d;--bg-panel:#0c1220;--bg-panel2:#101a2e;--border:#1e2c46;--text:#dbe6f5;--text-dim:#8496b3;--neon-yellow:#ffd60a;--neon-orange:#ff9e00;--neon-cyan:#4deeea;--neon-pink:#ff4d9d;--glow-yellow:0 0 8px #ffd60ae6, 0 0 28px #ffd60a66;--glow-cyan:0 0 8px #4deeeacc, 0 0 28px #4deeea59;--font-mono:"Orbitron", "Consolas", monospace;--font-dot:"DotGothic16", monospace;--font-head:"Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);background-image:linear-gradient(#4deeea0d 1px,#0000 1px),linear-gradient(90deg,#4deeea0d 1px,#0000 1px);background-size:36px 36px;font-family:Zen Kaku Gothic New,Segoe UI,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;line-height:1.85;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:999;opacity:.5;background:repeating-linear-gradient(0deg,#0000001f 0 1px,#0000 1px 3px);position:fixed;inset:0}a{color:var(--neon-cyan);text-decoration:none}a:hover{text-shadow:var(--glow-cyan)}.container{max-width:1100px;margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--border);backdrop-filter:blur(10px);z-index:100;background:#05070dd1;position:sticky;top:0}.site-header:after{content:"";background:linear-gradient(90deg, transparent, var(--neon-yellow) 30%, var(--neon-cyan) 70%, transparent);background-size:200% 100%;height:2px;animation:4s linear infinite headerbeam;display:block}@keyframes headerbeam{0%{background-position:200% 0}to{background-position:-200% 0}}.site-header .inner{justify-content:space-between;align-items:center;height:66px;display:flex}.logo{font-family:var(--font-head);color:var(--text);letter-spacing:.02em;white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;font-size:1.35rem;font-weight:900;display:flex}.logo .bolt{color:var(--neon-yellow);text-shadow:var(--glow-yellow);animation:2.4s ease-in-out infinite boltpulse}@keyframes boltpulse{0%,to{text-shadow:0 0 6px #ffd60ab3;transform:scale(1)}50%{text-shadow:0 0 16px #ffd60a,0 0 40px #ffd60a80;transform:scale(1.12)}}.logo .hack{color:var(--neon-cyan);font-family:var(--font-dot);text-shadow:var(--glow-cyan);position:relative}.nav{flex-wrap:wrap;gap:2px;display:flex}.nav a{color:var(--text-dim);border-radius:6px;padding:6px 12px;font-size:.88rem;font-weight:700;transition:all .15s;position:relative}.nav a:hover{color:var(--neon-yellow);background:var(--bg-panel2);text-shadow:var(--glow-yellow)}.hero{border-bottom:1px solid var(--border);padding:64px 0 0;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,#ffd60a29,#0000 65%);border-radius:50%;width:560px;height:560px;animation:9s ease-in-out infinite alternate blob;position:absolute;top:-220px;left:-140px}.hero:after{content:"";background:radial-gradient(circle,#4deeea21,#0000 65%);border-radius:50%;width:640px;height:640px;animation:11s ease-in-out infinite alternate-reverse blob;position:absolute;bottom:-320px;right:-160px}@keyframes blob{0%{transform:translate(0)scale(1)}to{transform:translate(50px,28px)scale(1.15)}}.hero .inner{z-index:2;grid-template-columns:1.15fr .85fr;align-items:end;gap:24px;display:grid;position:relative}.matrix{z-index:0;opacity:.35;pointer-events:none;position:absolute;inset:0}.mega-title{font-family:var(--font-head);letter-spacing:0;z-index:2;text-shadow:0 0 30px #4deeea4d;white-space:nowrap;margin-bottom:34px;font-size:clamp(2.2rem,13vw,9.2rem);font-weight:900;line-height:1.02;position:relative}.mega-title .hackword{font-family:var(--font-mono);background:linear-gradient(100deg, var(--neon-yellow), var(--neon-orange) 60%, var(--neon-pink));color:#0000;filter:drop-shadow(0 0 20px #ffd60a99);background-clip:text;margin-left:.06em;font-weight:800}.glitch{display:inline-block;position:relative}.glitch:before,.glitch:after{content:attr(data-text);opacity:0;background:inherit;background-clip:text;width:100%;position:absolute;top:0;left:0;overflow:hidden}.glitch:before{color:var(--neon-cyan);z-index:-1;animation:3.8s step-end infinite glitch-a}.glitch:after{color:var(--neon-pink);z-index:-2;animation:3.8s step-end infinite glitch-b}.hackword:before,.hackword:after{color:#0000}@keyframes glitch-a{0%,91%,to{opacity:0;clip-path:none;transform:none}92%{opacity:.9;clip-path:inset(10% 0 55%);transform:translate(-5px,2px)}94%{opacity:.9;clip-path:inset(60% 0 15%);transform:translate(4px,-2px)}96%{opacity:0}}@keyframes glitch-b{0%,90%,to{opacity:0;clip-path:none;transform:none}91%{opacity:.8;clip-path:inset(40% 0 35%);transform:translate(5px,-1px)}95%{opacity:.8;clip-path:inset(75% 0 5%);transform:translate(-4px,2px)}97%{opacity:0}}.term-win{border:1px solid var(--border);background:#04060b;border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 0 24px #4deeea1f,0 12px 30px #00000080}.term-bar{background:var(--bg-panel2);border-bottom:1px solid var(--border);align-items:center;gap:7px;padding:9px 14px;display:flex}.term-bar span{background:#ff5f57;border-radius:50%;width:11px;height:11px}.term-bar span:nth-child(2){background:#febc2e}.term-bar span:nth-child(3){background:#28c840}.term-bar em{font-style:normal;font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.05em;margin-left:8px;font-size:.68rem}.term-body{padding:16px 18px;font-family:Consolas,monospace;font-size:.88rem}.term-body .tline{color:var(--text-dim);white-space:nowrap;width:0;margin:2px 0;overflow:hidden}.term-body .t1{animation:.9s steps(30,end) .3s forwards typeline}.term-body .t2{animation:1.1s steps(40,end) 1.5s forwards typeline}.term-body .t3{color:var(--neon-yellow);text-shadow:0 0 10px #ffd60a66;animation:1s steps(35,end) 3s forwards typeline}@keyframes typeline{to{width:100%}}.hero .terminal{font-family:var(--font-mono);color:var(--neon-cyan);letter-spacing:.06em;margin-bottom:26px;font-size:.82rem}.hero .terminal:before{content:"> "}.hero .cursor{background:var(--neon-cyan);vertical-align:text-bottom;width:9px;height:1.1em;box-shadow:var(--glow-cyan);animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hero .lead{color:var(--text-dim);margin-bottom:26px;font-size:1.02rem}.cta-row{flex-wrap:wrap;gap:14px;margin-bottom:40px;display:flex}.btn-primary{color:#0a0a00;background:linear-gradient(100deg, var(--neon-yellow), var(--neon-orange));border-radius:10px;padding:13px 28px;font-size:1rem;font-weight:900;transition:transform .15s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 0 18px #ffd60a73,0 4px 20px #0006}.btn-primary:hover{text-shadow:none;transform:translateY(-2px)scale(1.02)}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:40%;height:100%;animation:3.2s ease-in-out infinite shine;position:absolute;top:0;left:-80%;transform:skew(-20deg)}@keyframes shine{0%,60%{left:-80%}to{left:160%}}.btn-ghost{color:var(--neon-cyan);border:1px solid var(--neon-cyan);border-radius:10px;padding:13px 28px;font-size:1rem;font-weight:700;transition:all .15s;display:inline-block;box-shadow:inset 0 0 12px #4deeea1f,0 0 12px #4deeea2e}.btn-ghost:hover{background:#4deeea1a;transform:translateY(-2px);box-shadow:inset 0 0 16px #4deeea33,0 0 22px #4deeea66}.hero .denko-wrap{text-align:center;position:relative}.hero .denko-wrap:before{content:"";aspect-ratio:1;filter:blur(2px);background:conic-gradient(#0000,#ffd60a80,#0000 30% 50%,#4deeea80,#0000 80%);border-radius:50%;width:78%;margin:auto;animation:6s linear infinite ringspin;position:absolute;inset:auto 0 -8px;mask:radial-gradient(circle,#0000 62%,#000 64% 68%,#0000 70%)}@keyframes ringspin{to{transform:rotate(360deg)}}.hero .denko{z-index:2;filter:drop-shadow(0 0 22px #ffd60a73);width:auto;max-height:400px;animation:4.5s ease-in-out infinite floaty;display:inline-block;position:relative}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.hero .denko-caption{font-family:var(--font-dot);text-align:center;color:var(--text-dim);z-index:2;padding:8px 0 12px;font-size:.78rem;position:relative}.ticker{border-top:1px solid var(--border);border-bottom:1px solid var(--border);white-space:nowrap;font-family:var(--font-mono);color:var(--neon-yellow);letter-spacing:.1em;z-index:2;background:#0c1220cc;font-size:.8rem;position:relative;overflow:hidden}.ticker .track{padding:9px 0;animation:28s linear infinite tickerscroll;display:inline-block}.ticker .track span{opacity:.9;margin:0 28px}.ticker .track .c{color:var(--neon-cyan)}@keyframes tickerscroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-title{font-family:var(--font-head);align-items:baseline;gap:14px;margin:56px 0 24px;font-size:1.5rem;font-weight:900;display:flex}.section-title .no{font-family:var(--font-mono);color:var(--neon-cyan);text-shadow:var(--glow-cyan);font-size:.85rem}.section-title:after{content:"";background:linear-gradient(90deg, var(--border), transparent);flex:1;align-self:center;height:1px}.cat-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;display:grid}.cat-card{--card-glow:var(--neon-cyan);background:var(--bg-panel);color:var(--text);border:1px solid var(--border);border-radius:14px;padding:24px;transition:all .22s;display:block;position:relative;overflow:hidden}.cat-card:before{content:"";opacity:0;background:linear-gradient(135deg,#ffd60a14,#0000 40% 60%,#4deeea14);transition:opacity .22s;position:absolute;inset:0}.cat-card:hover:before{opacity:1}.cat-card:hover{border-color:var(--card-glow);text-shadow:none;transform:translateY(-4px);box-shadow:0 0 22px #4deeea40,0 10px 30px #00000080}.cat-card:nth-child(odd):hover{--card-glow:var(--neon-yellow);box-shadow:0 0 22px #ffd60a40,0 10px 30px #00000080}.cat-card .icon{filter:drop-shadow(0 0 8px #ffd60a66);font-size:2rem}.cat-card h3{margin:10px 0 6px;font-size:1.1rem;font-weight:900}.hack-sm{font-family:var(--font-mono);background:linear-gradient(100deg, var(--neon-yellow), var(--neon-orange) 60%, var(--neon-pink));color:#0000;filter:drop-shadow(0 0 8px #ffd60a80);background-clip:text;margin-left:.18em;font-size:.85em;font-weight:800}.cat-card p{color:var(--text-dim);font-size:.85rem}.article-list{gap:16px;display:grid}.article-card{background:var(--bg-panel);border:1px solid var(--border);color:var(--text);border-radius:14px;align-items:center;gap:20px;padding:18px 22px;transition:all .2s;display:flex;position:relative;overflow:hidden}.article-card .thumb{border:1px solid var(--border);text-shadow:0 0 14px #ffffff4d;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:84px;height:84px;font-size:2.3rem;display:flex}.thumb-denko2{background:linear-gradient(135deg,#ffd60a38,#ff9e0014);box-shadow:inset 0 0 20px #ffd60a1f}.thumb-denko1{background:linear-gradient(135deg,#ff9e0038,#ff4d9d14);box-shadow:inset 0 0 20px #ff9e001f}.thumb-denken3{background:linear-gradient(135deg,#4deeea33,#2563eb1a);box-shadow:inset 0 0 20px #4deeea1f}.thumb-column{background:linear-gradient(135deg,#ff4d9d2e,#4deeea14);box-shadow:inset 0 0 20px #ff4d9d1a}.article-card-body{min-width:0}.article-card:before{content:"";background:linear-gradient(180deg, var(--neon-yellow), var(--neon-cyan));opacity:0;width:3px;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0}.article-card:hover:before{opacity:1}.article-card:hover{border-color:var(--neon-yellow);text-shadow:none;transform:translate(4px);box-shadow:0 0 20px #ffd60a2e,0 10px 26px #00000073}.article-card .meta{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.05em;gap:14px;margin-bottom:8px;font-size:.72rem;display:flex}.article-card .cat-tag{color:var(--neon-cyan)}.article-card h3{font-size:1.08rem;font-weight:900}.article-card p{color:var(--text-dim);margin-top:6px;font-size:.86rem}.article-body{background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;margin:32px 0 56px;padding:40px;position:relative}.article-body:before{content:"";background:linear-gradient(90deg, var(--neon-yellow), var(--neon-cyan));border-radius:2px;height:2px;position:absolute;top:0;left:24px;right:24px;box-shadow:0 0 12px #ffd60a66}.article-body h1{font-family:var(--font-head);margin-bottom:10px;font-size:1.7rem;font-weight:900;line-height:1.5}.article-body .meta{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.05em;border-bottom:1px dashed var(--border);margin-bottom:30px;padding-bottom:18px;font-size:.78rem}.article-body h2{font-family:var(--font-head);border-left:4px solid var(--neon-yellow);text-shadow:0 0 20px #ffd60a40;margin:40px 0 16px;padding-left:14px;font-size:1.3rem;font-weight:900}.article-body h3{color:var(--neon-cyan);margin:28px 0 10px;font-size:1.08rem}.article-body p{margin:14px 0}.article-body ul,.article-body ol{margin:14px 0 14px 24px}.article-body li{margin:6px 0}.article-body strong{color:var(--neon-yellow)}.article-body code{font-family:var(--font-mono);background:var(--bg);color:var(--neon-cyan);border-radius:4px;padding:2px 6px;font-size:.85em}.article-body blockquote{border-left:3px solid var(--neon-cyan);color:var(--text-dim);background:var(--bg-panel2);border-radius:0 8px 8px 0;margin:16px 0;padding:4px 16px}.article-body table{border-collapse:collapse;width:100%;margin:18px 0;font-size:.9rem}.article-body th,.article-body td{border:1px solid var(--border);text-align:left;padding:9px 13px}.article-body th{background:var(--bg-panel2);color:var(--neon-yellow)}.denko-talk{align-items:flex-start;gap:14px;margin:22px 0;display:flex}.denko-talk .avatar{border:2px solid var(--neon-yellow);object-fit:cover;object-position:top;background:var(--bg-panel2);border-radius:50%;flex-shrink:0;width:58px;height:58px;animation:3s ease-in-out infinite avatarpulse;box-shadow:0 0 12px #ffd60a80}@keyframes avatarpulse{0%,to{box-shadow:0 0 8px #ffd60a66}50%{box-shadow:0 0 18px #ffd60ab3}}.denko-talk .bubble{background:var(--bg-panel2);border:1px solid var(--border);border-radius:4px 16px 16px;padding:13px 17px;font-size:.95rem;position:relative}.denko-talk .bubble .name{font-family:var(--font-dot);color:var(--neon-yellow);text-shadow:0 0 8px #ffd60a80;margin-bottom:4px;font-size:.72rem;display:block}.quiz-box{background:var(--bg);border:1px solid var(--neon-cyan);border-radius:12px;margin:22px 0;padding:20px 22px;box-shadow:0 0 16px #4deeea26,inset 0 0 30px #4deeea08}.quiz-box .quiz-label{font-family:var(--font-mono);color:var(--neon-cyan);letter-spacing:.08em;text-shadow:var(--glow-cyan);margin-bottom:8px;font-size:.72rem;display:block}details.answer{background:var(--bg-panel2);border:1px solid var(--border);border-radius:12px;margin:18px 0;padding:13px 19px;transition:border-color .2s}details.answer:hover{border-color:var(--neon-yellow)}details.answer summary{cursor:pointer;color:var(--neon-yellow);text-shadow:0 0 10px #ffd60a59;font-weight:900}details.answer[open] summary{margin-bottom:10px}.cat-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.cat-head .section-title{flex:1;min-width:260px}.exam-timer{border:1px solid var(--neon-yellow);background:#04060b;border-radius:12px;flex-direction:column;align-items:flex-end;margin-bottom:8px;padding:10px 18px;display:flex;box-shadow:0 0 18px #ffd60a40,inset 0 0 24px #ffd60a0d}.exam-timer .et-label{color:var(--text-dim);letter-spacing:.05em;font-size:.72rem}.exam-timer .et-count{font-family:var(--font-mono);color:var(--neon-yellow);text-shadow:var(--glow-yellow);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800}.exam-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;margin-top:8px;padding:20px 24px}.exam-links{flex-wrap:wrap;gap:12px;margin-bottom:14px;display:flex}.exam-links .btn-primary,.exam-links .btn-ghost{margin-bottom:0;padding:10px 20px;font-size:.9rem}.exam-dates{gap:4px;margin:0 0 10px;font-size:.88rem;list-style:none;display:grid}.exam-dates .ed-date{font-family:var(--font-mono);color:var(--neon-cyan);letter-spacing:.03em;margin-right:8px}.exam-note{color:var(--text-dim);font-size:.72rem}.gear-banner{background:var(--bg-panel);border:1px solid var(--border);color:var(--text);border-radius:14px;align-items:center;gap:20px;padding:24px 28px;transition:all .2s;display:flex}.gear-banner:hover{border-color:var(--neon-yellow);text-shadow:none;transform:translateY(-3px);box-shadow:0 0 20px #ffd60a33}.gear-banner-icon{filter:drop-shadow(0 0 10px #ffd60a66);font-size:2.6rem}.gear-banner h3{font-size:1.12rem;font-weight:900}.gear-banner p{color:var(--text-dim);margin-top:4px;font-size:.86rem}.gear-list{gap:18px;margin-top:20px;display:grid}.gear-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;align-items:flex-start;gap:20px;padding:24px 26px;transition:all .2s;display:flex}.gear-card:hover{border-color:var(--neon-cyan);box-shadow:0 0 18px #4deeea26}.gear-icon{filter:drop-shadow(0 0 10px #ffd60a66);font-size:2.4rem}.gear-info h3{font-size:1.08rem;font-weight:900}.gear-info p{color:var(--text-dim);margin:6px 0 14px;font-size:.88rem}.gear-btns{flex-wrap:wrap;gap:10px;display:flex}.shop-btn{border-radius:8px;padding:8px 18px;font-size:.85rem;font-weight:900;transition:all .15s;display:inline-block}.shop-btn.amazon{color:#111;background:#f90}.shop-btn.rakuten{color:#fff;background:#bf0000}.shop-btn:hover{text-shadow:none;filter:brightness(1.1);transform:translateY(-2px)}.app-banner{background:linear-gradient(120deg, var(--bg-panel2), var(--bg-panel));border:1px solid var(--neon-yellow);border-radius:16px;align-items:flex-start;gap:22px;padding:28px 30px;display:flex;box-shadow:0 0 24px #ffd60a26}.app-banner-icon{filter:drop-shadow(0 0 12px #ffd60a80);font-size:3rem}.app-badge{font-family:var(--font-mono);background:var(--neon-yellow);color:#111;letter-spacing:.06em;border-radius:999px;margin-bottom:8px;padding:2px 10px;font-size:.68rem;font-weight:800;display:inline-block}.app-banner h3{font-size:1.25rem;font-weight:900}.app-banner p{color:var(--text-dim);margin:8px 0 16px;font-size:.9rem}.badge-soon{color:var(--neon-yellow);border:1px dashed var(--neon-yellow);text-shadow:0 0 10px #ffd60a66;border-radius:10px;padding:9px 20px;font-size:.9rem;font-weight:900;display:inline-block}.sns-row{flex-wrap:wrap;gap:14px;margin-bottom:24px;display:flex}.sns-btn{background:var(--bg-panel);border:1px solid var(--border);color:var(--text);border-radius:12px;align-items:center;gap:10px;padding:13px 22px;font-size:.92rem;font-weight:700;transition:all .15s;display:inline-flex}a.sns-btn:hover{border-color:var(--neon-cyan);text-shadow:none;transform:translateY(-2px);box-shadow:0 0 16px #4deeea40}.sns-btn .sns-icon{font-size:1.2rem}.sns-icon-box{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.ib-x{background:#000;border:1px solid #333}.ib-instagram{background:radial-gradient(circle at 30% 110%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.ib-note{background:#41c9b4}.note-word{font-family:var(--font-head);color:#fff;letter-spacing:.02em;font-size:.6rem;font-weight:900}.sns-btn.soon{opacity:.6}.sns-btn.soon em{color:var(--neon-yellow);border:1px dashed var(--neon-yellow);border-radius:999px;padding:1px 8px;font-size:.68rem;font-style:normal}.creator-note{background:var(--bg-panel);border:1px solid var(--border);border-left:3px solid #41c9b4;border-radius:14px;align-items:flex-start;gap:18px;margin-bottom:24px;padding:22px 26px;display:flex}.creator-note .sns-icon-box{flex-shrink:0;width:40px;height:40px}.creator-note .sns-icon-box .note-word{font-size:.82rem}.creator-note h3{font-size:1.08rem;font-weight:900}.creator-note p{color:var(--text-dim);margin:6px 0 14px;font-size:.86rem}.article-cta{margin-top:44px}.article-cta h3{font-size:1.1rem}@media (width<=480px){.article-card{flex-direction:row}.article-card .thumb{width:60px;height:60px;font-size:1.7rem}.article-cta{flex-direction:column}}.site-footer{border-top:1px solid var(--border);text-align:center;color:var(--text-dim);margin-top:72px;padding:32px 0 40px;font-size:.82rem;position:relative}.site-footer:before{content:"";background:linear-gradient(90deg, transparent, var(--neon-cyan), transparent);height:1px;position:absolute;top:-1px;left:20%;right:20%;box-shadow:0 0 12px #4deeea80}.site-footer .fmono{font-family:var(--font-mono);color:var(--neon-cyan);letter-spacing:.06em}.site-footer .footer-links{margin:10px 0 6px}.site-footer .footer-links a{color:var(--text-dim)}.site-footer .footer-links a:hover{color:var(--neon-cyan)}@media (width<=760px){.hero .inner{grid-template-columns:1fr}.hero .denko{max-height:270px}.article-body{padding:26px 18px}.site-header .inner{flex-direction:column;gap:4px;height:auto;padding:10px 0}.cta-row{justify-content:center}}@media (width<=480px){.term-body{padding:12px;font-size:.68rem}.mega-title{text-align:center}.denko-talk .avatar{width:46px;height:46px}.ticker{font-size:.7rem}}