:root,html[data-theme=dark]{--page-bg:#05080d;--body-bg:radial-gradient(circle at 72% 24%, #1a48822e, transparent 32%), radial-gradient(circle at 18% 16%, #183e691a, transparent 28%), #05080d;--text-primary:#f4f7fb;--text-secondary:#8b98a8;--text-muted:#667487;--panel-bg:linear-gradient(145deg, #ffffff09, #ffffff03);--panel-border:#ffffff14;--soft-border:#ffffff12;--track-bg:#ffffff0e;--accent-blue:#579ce9;--control-border:#94a3b829;--control-border-hover:#67a4eb5c;--control-bg:#ffffff06;--control-bg-hover:#3369aa17;--surface-strong:#0b1422;--hero-copy-accent:#ff5b5b}html[data-theme=light]{--page-bg:#eef4fb;--body-bg:radial-gradient(circle at 78% 18%, #448be21f, transparent 34%), radial-gradient(circle at 12% 12%, #65a3e717, transparent 28%), #f7faff;--text-primary:#10233f;--text-secondary:#58697f;--text-muted:#77869a;--panel-bg:linear-gradient(145deg, #fffffffa, #f5f9fff0);--panel-border:#33415521;--soft-border:#3341551c;--track-bg:#4755691c;--accent-blue:#216fc4;--control-border:#4755692e;--control-border-hover:#2563eb57;--control-bg:#ffffffbd;--control-bg-hover:#2563eb12;--surface-strong:#fff;--hero-copy-accent:#216fc4}*{box-sizing:border-box}html{background:var(--page-bg)}body{color:var(--text-primary);background:var(--body-bg);margin:0;font-family:Arial,Noto Sans JP,sans-serif;transition:background .18s,color .18s}a{color:inherit;text-decoration:none}html[data-info-level=simple] [data-detail-only=true],[data-language-copy=en],html[data-language=en] [data-language-copy=ja]{display:none!important}html[data-language=en] [data-language-copy=en]{display:revert!important}.site-shell{width:min(1440px,100% - 64px);min-height:100vh;margin:0 auto}.topbar{border-bottom:1px solid #ffffff14;align-items:center;gap:42px;height:86px;display:flex}.brand{align-items:center;gap:13px;margin-right:auto;display:flex}.brand-mark{letter-spacing:.08em;background:#205b9e24;border:1px solid #6eb0ff73;border-radius:12px;place-items:center;width:42px;height:42px;font-size:13px;font-weight:800;display:grid}.brand-name{letter-spacing:.02em;font-size:16px;font-weight:700}.brand-by{color:#6f7c8c;margin-top:3px;font-size:10px}.navigation{color:#7f8b99;align-items:center;gap:28px;font-size:13px;display:flex}.navigation a{transition:color .2s}.navigation a:hover,.navigation .nav-active{color:#fff}.nav-active{position:relative}.nav-active:after{content:"";background:#4c9cff;height:2px;position:absolute;bottom:-34px;left:0;right:0}.live-indicator{color:#ff6767;letter-spacing:.12em;background:#ff2d2d0f;border:1px solid #ff44443d;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:800;display:flex}.live-dot,.pulse-dot{background:#ff4545;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #ff4545e6}.hero{grid-template-columns:48% 52%;align-items:center;min-height:650px;padding:70px 0 48px;display:grid}.hero-copy{z-index:2;position:relative}.eyebrow{color:var(--accent-blue);letter-spacing:.2em;margin-bottom:24px;font-size:11px;font-weight:800}.eyebrow span{color:#38495c;margin:0 6px}.hero-english{color:var(--text-muted);letter-spacing:.08em;margin:0 0 13px;font-size:14px}.hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(38px,4vw,64px);font-weight:600;line-height:1.32}.hero h1 strong{color:var(--text-primary);font-weight:800}.hero-description{max-width:650px;color:var(--text-secondary);margin:30px 0 0;font-size:14px;line-height:2}.live-summary{align-items:stretch;gap:48px;margin-top:43px;display:flex}.primary-stat,.secondary-stat{flex-direction:column;display:flex}.secondary-stat{border-left:1px solid var(--soft-border);padding-left:48px}.stat-label{color:var(--text-muted);letter-spacing:.18em;font-size:10px;font-weight:800}.primary-stat strong{letter-spacing:-.04em;margin:5px 0 1px;font-size:42px;line-height:1}.secondary-stat strong{color:#ff5b5b;margin:9px 0 3px;font-size:28px;line-height:1}.stat-caption{color:#4f5a67;letter-spacing:.13em;font-size:9px}.hero-visual{min-width:0;height:560px;position:relative;overflow:hidden}.attack-globe{z-index:2;width:100%;height:100%;position:relative}.globe-glow{z-index:0;filter:blur(75px);background:#2b70c92b;border-radius:50%;width:440px;height:440px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.globe-status{z-index:4;color:#8e99a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.13em;background:#05080db8;border:1px solid #ffffff17;border-radius:7px;align-items:center;gap:8px;padding:8px 11px;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:30px;right:28px}.timeline-panel{border:1px solid var(--panel-border);background:var(--panel-bg);color:#ef5350;border-radius:14px;margin-bottom:18px;padding:25px}.timeline-header{justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.timeline-header h2{color:var(--text-primary);margin:6px 0 7px;font-size:20px;font-weight:650}.timeline-header p{max-width:720px;color:var(--text-secondary);margin:0;font-size:12px;line-height:1.75}.timeline-window{color:#ef5350;letter-spacing:.12em;white-space:nowrap;background:#ef44440f;border:1px solid #ef444433;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800}.timeline-metrics{border:1px solid var(--soft-border);background:var(--soft-border);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:22px;display:grid;overflow:hidden}.timeline-metrics>div{background:var(--surface-strong);min-width:0;padding:13px 15px}.timeline-metrics span{color:var(--text-muted);letter-spacing:.12em;font-size:9px;font-weight:800;display:block}.timeline-metrics strong{color:var(--text-primary);margin-top:4px;font-size:22px;line-height:1;display:block}.timeline-metrics small{color:var(--text-muted);margin-top:5px;font-size:9px;display:block}.timeline-chart-scroll{width:100%;margin-top:14px;overflow:auto hidden}.timeline-chart{color:#ef5350;width:100%;min-width:700px;height:auto;display:block}.timeline-grid-line{stroke:var(--soft-border);stroke-width:1px}.timeline-area{color:#ef5350}.timeline-line{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px #ef444433)}.timeline-point{fill:var(--surface-strong);stroke:currentColor;stroke-width:2px}.timeline-axis-text{fill:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}.timeline-loading{background:linear-gradient(100deg,#ffffff05 20%,#ffffff0d 40%,#ffffff05 60%) 0 0/220% 100%;border-radius:11px;min-height:260px;margin-top:20px;animation:1.4s ease-in-out infinite timeline-loading}.timeline-empty{min-height:180px;color:var(--text-muted);place-items:center;margin-top:20px;font-size:12px;display:grid}@keyframes timeline-loading{0%{background-position:100% 0}to{background-position:-100% 0}}.dashboard-grid{grid-template-columns:1fr 1fr;gap:18px;padding-bottom:70px;display:grid}.panel{border:1px solid var(--panel-border);background:var(--panel-bg);border-radius:14px;min-width:0;padding:25px}.panel-header{justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex}.panel-kicker{color:#4d8ed8;letter-spacing:.18em;font-size:9px;font-weight:800}.panel h2{margin:6px 0 0;font-size:18px;font-weight:650}.panel-meta{color:#586574;letter-spacing:.12em;font-size:9px;font-weight:800}.classification-list{flex-direction:column;gap:15px;display:flex}.classification-info{color:var(--text-secondary);justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.classification-info strong{color:var(--text-primary);font-weight:600}.classification-track{background:var(--track-bg);border-radius:999px;width:100%;height:4px;overflow:hidden}.classification-bar{border-radius:inherit;background:linear-gradient(90deg,#296db7,#59a9ff);height:100%;box-shadow:0 0 10px #4a9cf438}.event-list{flex-direction:column;display:flex}.event-row{border-bottom:1px solid var(--soft-border);grid-template-columns:86px minmax(130px,1fr) 150px 55px;align-items:center;min-height:49px;font-size:11px;display:grid}.event-row:last-child{border-bottom:0}.event-time{color:#596675;font-family:monospace}.event-type{color:var(--text-primary)}.event-ip{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-family:monospace;overflow:hidden}.event-port{color:#536171;text-align:right;font-family:monospace}.empty-events{color:#596675;place-items:center;min-height:250px;font-size:12px;display:grid}.site-footer{border-top:1px solid var(--soft-border);color:#505c69;grid-template-columns:220px 1fr;gap:50px;padding:30px 0 45px;display:grid}.site-footer div{flex-direction:column;gap:4px;display:flex}.site-footer strong{color:#778391;font-size:12px}.site-footer span{font-size:9px}.site-footer p{max-width:850px;margin:0;font-size:10px;line-height:1.8}@media (max-width:1000px){.site-shell{width:min(100% - 32px,900px)}.navigation{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-visual{height:500px}.timeline-header{flex-direction:column;gap:14px}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:600px){.site-shell{width:min(100% - 24px,560px)}.topbar{height:72px}.brand-name{font-size:14px}.hero{padding-top:45px}.hero h1{font-size:36px}.hero-description{font-size:13px}.live-summary{gap:24px}.secondary-stat{padding-left:24px}.primary-stat strong{font-size:34px}.hero-visual{height:390px}.event-row{grid-template-columns:70px 1fr 100px}.event-port{display:none}.timeline-panel{padding:18px}.timeline-metrics{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;gap:18px}}@media (min-width:1001px){.hero{min-height:610px;padding-top:52px;padding-bottom:36px}.hero-visual{transform-origin:100%;height:620px;overflow:visible;transform:scale(1.12)}.globe-glow{filter:blur(85px);background:#2b70c933;width:520px;height:520px}}.site-footer a{color:#687482;text-decoration:none}.site-footer a:hover{color:#aeb8c3}html[data-theme=light] .globe-glow{background:#3b82f621}html[data-theme=light] .globe-status{color:#c4d1e3;background:#071225c7;border-color:#ffffff24}html[data-theme=light] .primary-stat strong{color:#10233f}html[data-theme=light] .site-footer{color:#708096}html[data-theme=light] .site-footer strong{color:#42536a}html[data-theme=light] .site-footer a{color:#50627a}html[data-theme=light] .site-footer a:hover{color:#175fae}html[data-theme=light] .timeline-loading{background:linear-gradient(100deg,#33415508 20%,#33415514 40%,#33415508 60%) 0 0/220% 100%}html[data-theme=light] .empty-events,html[data-theme=light] .event-time,html[data-theme=light] .event-port,html[data-theme=light] .panel-meta,html[data-theme=light] .stat-caption{color:#708096}.hero-catch-copy{min-height:3.96em}.hero-catch-copy__line{white-space:nowrap;max-width:100%;display:inline-block}.hero-catch-copy strong{color:var(--hero-copy-accent)}.hero-catch-copy--large{font-size:clamp(36px,3.45vw,54px)!important}.hero-catch-copy--medium{font-size:clamp(32px,3.05vw,46px)!important}.hero-catch-copy--compact{font-size:clamp(28px,2.55vw,38px)!important}@media (max-width:600px){.hero-catch-copy,.hero-catch-copy--large,.hero-catch-copy--medium,.hero-catch-copy--compact{min-height:4.2em;font-size:clamp(24px,7.4vw,32px)!important}.hero-catch-copy__line{white-space:normal}}