:root{--void:#050505;--surface:#2F2F2F;--muted:#6C757D;--cyan:#A8DADC;--red:#E63946;--surface-2:#141416;--surface-3:#222226;--cyan-dim:rgba(168,218,220,0.15);--cyan-glow:rgba(168,218,220,0.35);--red-dim:rgba(230,57,70,0.18);--red-glow:rgba(230,57,70,0.4);--green-glow:rgba(34,197,94,0.35);--font-hud:'Rajdhani',sans-serif;--font-mono:'Share Tech Mono',monospace;--font-body:'Inter',sans-serif;--sidebar-w:240px;--sidebar-w-closed:60px;--topbar-h:60px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--dur-fast:120ms;--dur-base:220ms;--dur-slow:400ms;--ease-out:cubic-bezier(0.16,1,0.3,1);}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{font-size:18px;scroll-behavior:smooth;scrollbar-gutter:stable;}body{background:var(--void);color:rgba(255,255,255,0.88);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;min-height:100vh;}a{color:inherit;text-decoration:none;}.home-test-card:hover .fas{color:var(--cyan);}img{display:block;max-width:100%;}button{font-family:inherit;cursor:pointer;border:none;background:none;}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"sidebar header" "sidebar main";min-height:100vh;transition:grid-template-columns var(--dur-slow) var(--ease-out);}.app-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-w-closed) 1fr;}.sidebar{grid-area:sidebar;position:sticky;top:0;height:100vh;background:var(--surface-2);border-right:1px solid rgba(168,218,220,0.15);display:flex;flex-direction:column;overflow:hidden;}.sidebar::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--cyan),transparent);}.sidebar-header{display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4);height:var(--topbar-h);border-bottom:1px solid rgba(168,218,220,0.08);flex-shrink:0;overflow:hidden;}.sidebar-logo{display:flex;align-items:center;gap:var(--sp-2);overflow:hidden;flex:1;min-width:0;}.sidebar-logo-icon{width:32px;height:32px;flex-shrink:0;}.sidebar-logo-text{display:flex;flex-direction:column;line-height:1.1;transition:opacity var(--dur-base);overflow:hidden;}.sidebar-logo-brand{font-family:var(--font-mono);font-size:1.2rem;font-weight:700;letter-spacing:0.07em;color:#fff;white-space:nowrap;line-height:1.2;}.sidebar-logo-brand>span{color:var(--cyan);}.sidebar-logo-domain{font-family:var(--font-mono);font-size:0.65rem;letter-spacing:0.1em;color:var(--cyan);white-space:nowrap;line-height:1.4;}.sidebar.collapsed .sidebar-logo-text{opacity:0;}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--sp-4) 0;scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;scrollbar-gutter:stable;}.sidebar-section-label{font-family:var(--font-hud);font-size:0.65rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted);padding:var(--sp-2) var(--sp-4) var(--sp-1);margin-top:var(--sp-3);white-space:nowrap;overflow:hidden;transition:opacity var(--dur-base);}.sidebar.collapsed .sidebar-section-label{opacity:0;}.sidebar-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);color:rgba(255,255,255,0.6);font-family:var(--font-hud);font-size:0.8rem;letter-spacing:0.04em;border-left:2px solid transparent;white-space:nowrap;transition:all var(--dur-fast);position:relative;cursor:pointer;}.sidebar-item:hover{color:#fff;background:var(--cyan-dim);border-left-color:var(--cyan);}.sidebar-item.active{color:var(--cyan);background:linear-gradient(90deg,var(--cyan-dim),transparent);border-left-color:var(--cyan);}.sidebar-item.active::after{content:'';position:absolute;right:0;top:25%;height:50%;width:2px;background:var(--cyan);box-shadow:0 0 8px var(--cyan-glow);}.sidebar-item-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--muted);fill:var(--muted);transition:color var(--dur-fast),fill var(--dur-fast);}.sidebar-item.active .sidebar-item-icon,.sidebar-item:hover .sidebar-item-icon{color:var(--cyan);fill:var(--cyan);}.sidebar-item .site-icon,.sidebar-item svg{color:var(--muted);fill:var(--muted);}.sidebar-item.active .site-icon,.sidebar-item.active svg,.sidebar-item:hover .site-icon,.sidebar-item:hover svg{color:var(--cyan);fill:var(--cyan);}.sidebar-item-label{transition:opacity var(--dur-base);flex:1;}.sidebar.collapsed .sidebar-item-label{opacity:0;pointer-events:none;}.sidebar-chevron{margin-left:auto;flex-shrink:0;color:var(--muted);transition:transform var(--dur-base) var(--ease-out),color var(--dur-fast);}.sidebar-item:hover>.sidebar-chevron,.sidebar-item.open>.sidebar-chevron{color:var(--cyan);}.sidebar-item.open>.sidebar-chevron{transform:rotate(180deg);}.sidebar.collapsed .sidebar-chevron{opacity:0;}.sidebar-submenu{overflow:hidden;max-height:0;transition:max-height var(--dur-slow) var(--ease-out);}.sidebar-item.has-sub.open+.sidebar-submenu{max-height:500px;}.sidebar.collapsed .sidebar-submenu{max-height:0 !important;}.sidebar-subitem{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-4) var(--sp-1) calc(var(--sp-4) + 28px);color:var(--muted);font-size:0.85rem;font-family:var(--font-hud);border-left:2px solid transparent;white-space:nowrap;cursor:pointer;transition:all var(--dur-fast);}.sidebar-subitem:hover{color:var(--cyan);background:var(--cyan-dim);border-left-color:rgba(168,218,220,0.3);}.sidebar-subitem.active{color:var(--cyan);border-left-color:var(--cyan);}.sidebar-footer{padding:var(--sp-4);border-top:1px solid rgba(168,218,220,0.08);flex-shrink:0;}.sidebar-lang-btn{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);background:var(--surface);border:1px solid rgba(168,218,220,0.15);border-radius:6px;color:rgba(255,255,255,0.7);font-family:var(--font-hud);font-size:0.85rem;cursor:pointer;transition:all var(--dur-fast);}.sidebar-lang-btn:hover{border-color:var(--cyan);color:var(--cyan);}.flag-img{width:20px;height:15px;flex-shrink:0;object-fit:cover;border-radius:2px;}.sidebar-lang-btn .label{flex:1;text-align:left;white-space:nowrap;overflow:hidden;transition:opacity var(--dur-base);}.sidebar.collapsed .sidebar-lang-btn .label{opacity:0;}.main-content{grid-area:main;min-width:0;overflow-y:auto;display:flex;flex-direction:column;}.site-footer{margin-top:auto;}.site-header{grid-area:header;position:sticky;top:0;z-index:50;height:var(--topbar-h);background:var(--surface-2);border-bottom:1px solid rgba(168,218,220,0.08);display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-5);}.header-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;color:var(--muted);border-radius:4px;transition:color var(--dur-fast),background var(--dur-fast);}.header-toggle:hover{color:var(--cyan);background:var(--cyan-dim);}.header-center{flex:1;min-width:0;}.header-breadcrumb{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-hud);font-size:0.8rem;color:var(--muted);}.header-breadcrumb a{color:var(--muted);transition:color var(--dur-fast);}.header-breadcrumb a:hover{color:var(--cyan);}.header-breadcrumb .sep{color:rgba(168,218,220,0.3);}.header-breadcrumb .current{color:rgba(255,255,255,0.8);}.header-right{display:flex;align-items:center;gap:var(--sp-4);flex-shrink:0;}.header-status{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:0.68rem;color:var(--muted);}.status-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,0.5);animation:pulse 2s infinite;flex-shrink:0;}.status-label{letter-spacing:0.12em;}.header-login-btn{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);border:1px solid rgba(168,218,220,0.2);border-radius:4px;font-family:var(--font-hud);font-size:0.8rem;font-weight:600;letter-spacing:0.08em;color:rgba(255,255,255,0.7);transition:all var(--dur-fast);}.header-login-btn:hover{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-dim);}@keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.4;}}.hud-panel{background:var(--surface-2);border:1px solid rgba(168,218,220,0.12);position:relative;}.hud-panel::before,.hud-panel::after{content:'';position:absolute;width:12px;height:12px;border-color:var(--cyan);border-style:solid;z-index:1;}.hud-panel::before{top:-1px;left:-1px;border-width:2px 0 0 2px;}.hud-panel::after{bottom:-1px;right:-1px;border-width:0 2px 2px 0;}.hud-panel-title{font-family:var(--font-hud);font-size:0.7rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--cyan);padding:var(--sp-2) var(--sp-4);border-bottom:1px solid rgba(168,218,220,0.08);display:flex;align-items:center;gap:var(--sp-2);}.hud-panel-title::before{content:'';width:6px;height:6px;background:var(--cyan);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);}.cat-tabs{display:flex;gap:var(--sp-2);padding:var(--sp-4) var(--sp-6);background:var(--surface-2);border-bottom:1px solid rgba(168,218,220,0.08);overflow-x:auto;scrollbar-width:none;}.cat-tabs::-webkit-scrollbar{display:none;}.cat-tab{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border:1px solid rgba(168,218,220,0.15);border-radius:4px;font-family:var(--font-hud);font-size:0.8rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:rgba(255,255,255,0.6);white-space:nowrap;cursor:pointer;transition:all var(--dur-fast);background:transparent;}.cat-tab:hover{color:#fff;background:var(--cyan-dim);border-color:rgba(168,218,220,0.4);}.cat-tab.active{color:var(--void);background:linear-gradient(135deg,var(--cyan) 0%,#8ac0c2 100%);border-color:var(--cyan);box-shadow:0 0 16px var(--cyan-glow);}.cat-tab.cat-red.active{background:linear-gradient(135deg,var(--red) 0%,#c42f3b 100%);border-color:var(--red);box-shadow:0 0 16px var(--red-glow);}.page-body{padding:var(--sp-6);display:flex;gap:var(--sp-6);align-items:flex-start;position:relative;}.fullscreen-btn{flex-shrink:0;z-index:10;width:36px;height:36px;display:block;background-color:var(--surface);border:none;border-radius:4px;cursor:pointer;transition:all var(--dur-fast);background-repeat:no-repeat;background-position:center;background-size:18px 18px;}.fullscreen-btn.fs-maximize{background-image:url('../img/icons/fullscreen.svg');}.fullscreen-btn.fs-minimize{background-image:url('../img/icons/fullscreen-exit.svg');}.fullscreen-btn:hover{background-color:var(--surface-2);}.page-body.is-fullscreen{background:var(--void);overflow-y:auto;min-height:100vh;padding:var(--sp-6);}.page-main{flex:1;min-width:0;}.page-aside{width:200px;flex-shrink:0;}.test-header-block{margin-bottom:var(--sp-5);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:0 var(--sp-3);align-items:end;}.test-heading{grid-column:1;grid-row:1;font-family:var(--font-hud);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;letter-spacing:0.04em;line-height:1.2;color:#fff;margin-bottom:var(--sp-2);}.test-heading .accent{color:var(--cyan);}.test-subheading{grid-column:1;grid-row:2;color:var(--muted);font-size:0.9rem;max-width:70ch;}.test-header-block .fullscreen-btn{grid-column:2;grid-row:1;}.test-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:var(--sp-3);margin-bottom:var(--sp-4);}.test-stat{background:var(--surface);border:1px solid rgba(168,218,220,0.12);padding:var(--sp-3) var(--sp-4);position:relative;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);}.test-stat::before{content:'';position:absolute;top:-1px;right:-1px;left:15px;height:2px;background:linear-gradient(90deg,transparent,var(--cyan) 100%);box-shadow:0 0 10px var(--cyan-glow);}.test-stat-value{font-family:var(--font-mono);font-size:clamp(1.6rem,3vw,2.4rem);color:var(--cyan);line-height:1;text-shadow:0 0 20px var(--cyan-glow);}.test-stat-label{font-family:var(--font-hud);font-size:0.65rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-top:var(--sp-1);}.click-area{aspect-ratio:1 / 1;max-width:500px;min-height:250px;margin:0 auto;background:linear-gradient(135deg,rgba(34,34,38,0.6),rgba(20,20,22,0.7));border:1px solid rgba(168,218,220,0.25);box-shadow:0 10px 40px rgba(0,0,0,0.4),inset 0 0 40px rgba(0,0,0,0.4);cursor:crosshair;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;position:relative;overflow:hidden;user-select:none;transition:border-color var(--dur-base),box-shadow var(--dur-base);}.click-area.arena-sm{max-width:380px;}.click-area.arena-md{max-width:420px;}.click-area.arena-lg{max-width:520px;}.click-area.arena-xl{max-width:100%;aspect-ratio:auto;}.click-area:hover{border-color:rgba(168,218,220,0.6);box-shadow:inset 0 0 50px rgba(168,218,220,0.05),0 0 30px rgba(168,218,220,0.15);}.click-area.active{border-color:var(--cyan);background:linear-gradient(135deg,rgba(168,218,220,0.05),transparent);box-shadow:inset 0 0 80px rgba(168,218,220,0.1),0 0 0 1px var(--cyan),0 0 40px rgba(168,218,220,0.25);}.click-area.done{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e,0 0 20px rgba(34,197,94,0.15);}.click-area-corners span{position:absolute;width:16px;height:16px;border-color:var(--cyan);border-style:solid;opacity:0.5;transition:opacity var(--dur-base);}.click-area:hover .click-area-corners span,.click-area.active .click-area-corners span{opacity:1;}.click-area-corners span:nth-child(1){top:8px;left:8px;border-width:2px 0 0 2px;}.click-area-corners span:nth-child(2){top:8px;right:8px;border-width:2px 2px 0 0;}.click-area-corners span:nth-child(3){bottom:8px;left:8px;border-width:0 0 2px 2px;}.click-area-corners span:nth-child(4){bottom:8px;right:8px;border-width:0 2px 2px 0;}.click-area::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.08) 2px,rgba(0,0,0,0.08) 4px);pointer-events:none;}.click-area-prompt{font-family:var(--font-hud);font-size:1.4rem;font-weight:600;letter-spacing:0.08em;color:rgba(255,255,255,0.5);text-transform:uppercase;z-index:1;transition:color var(--dur-base);}.click-area:hover .click-area-prompt,.click-area.active .click-area-prompt{color:var(--cyan);}.click-area-sub{font-family:var(--font-mono);font-size:0.75rem;color:var(--muted);margin-top:var(--sp-2);z-index:1;}.click-ripple{position:absolute;border-radius:50%;width:8px;height:8px;background:var(--cyan);transform:translate(-50%,-50%) scale(0);animation:rippleOut 0.5s ease-out forwards;pointer-events:none;}@keyframes rippleOut{to{transform:translate(-50%,-50%) scale(8);opacity:0;}}.test-result-panel{margin-top:var(--sp-4);background:linear-gradient(180deg,rgba(34,197,94,0.08),var(--surface-2));border:1px solid rgba(34,197,94,0.4);box-shadow:0 10px 40px rgba(34,197,94,0.15);padding:var(--sp-8) var(--sp-6);display:none;flex-direction:column;align-items:center;text-align:center;position:relative;gap:var(--sp-3);}.test-result-panel.fade-in{animation:fadeInUp 0.4s var(--ease-out) forwards;}@keyframes fadeInUp{from{opacity:0;transform:translateY(12px);} to{opacity:1;transform:translateY(0);}}.test-result-panel::before,.test-result-panel::after{content:'';position:absolute;width:14px;height:14px;border-color:#22c55e;border-style:solid;}.test-result-panel::before{top:-1px;left:-1px;border-width:2px 0 0 2px;}.test-result-panel::after{bottom:-1px;right:-1px;border-width:0 2px 2px 0;}.result-label{font-family:var(--font-hud);font-size:0.65rem;font-weight:600;letter-spacing:0.25em;text-transform:uppercase;color:#22c55e;}.result-score{font-family:var(--font-mono);font-size:clamp(2.5rem,6vw,4rem);color:var(--cyan);text-shadow:0 0 30px var(--cyan-glow);line-height:1;}.result-rating{font-family:var(--font-hud);font-size:1.1rem;color:var(--red);letter-spacing:0.06em;}.result-context{font-size:0.85rem;color:var(--muted);}.result-actions{display:flex;gap:var(--sp-3);justify-content:center;flex-wrap:wrap;}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-5);font-family:var(--font-mono);font-size:0.85rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;border:1px solid transparent;cursor:pointer;transition:all var(--dur-base);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));}.btn-primary{background:linear-gradient(135deg,var(--cyan) 0%,#80c4c6 100%);color:var(--void);border-color:var(--cyan);box-shadow:0 4px 15px var(--cyan-dim);}.btn-primary:hover{background:#bce8ea;box-shadow:0 0 25px var(--cyan-glow);}.btn-ghost{background:rgba(168,218,220,0.05);color:var(--cyan);border-color:rgba(168,218,220,0.3);}.btn-ghost:hover{background:var(--cyan-dim);border-color:var(--cyan);box-shadow:inset 0 0 10px var(--cyan-dim),0 0 15px var(--cyan-glow);}.btn-danger{background:linear-gradient(135deg,var(--red) 0%,#d62828 100%);color:#fff;border-color:var(--red);box-shadow:0 4px 15px var(--red-dim);}.btn-danger:hover{box-shadow:0 0 25px var(--red-glow);}.btn-lg{padding:var(--sp-3) var(--sp-8);font-size:1rem;}.hud-panel{background:var(--surface);border:1px solid rgba(168,218,220,0.1);overflow:hidden;}.hud-panel-title{font-family:var(--font-hud);font-size:0.6rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--cyan);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid rgba(168,218,220,0.08);background:rgba(168,218,220,0.03);}.time-selector{margin-bottom:var(--sp-4);}.time-selector-item{display:block;width:100%;padding:var(--sp-2) var(--sp-3);font-family:var(--font-hud);font-size:0.8rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);border-left:2px solid transparent;cursor:pointer;transition:all var(--dur-fast);text-align:left;}.time-selector-item:hover{color:#fff;border-left-color:rgba(168,218,220,0.4);background:var(--cyan-dim);}.time-selector-item.active{color:var(--cyan);border-left-color:var(--cyan);background:var(--cyan-dim);}.leaderboard-wrap{margin-top:var(--sp-6);}.leaderboard-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:0.8rem;}.leaderboard-table th{text-align:left;padding:var(--sp-2) var(--sp-3);color:var(--muted);font-family:var(--font-hud);font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;border-bottom:1px solid rgba(168,218,220,0.08);}.leaderboard-table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid rgba(255,255,255,0.04);color:rgba(255,255,255,0.75);}.leaderboard-table tr:hover td{background:var(--cyan-dim);}.leaderboard-rank-1 td:first-child{color:#fbbf24;}.leaderboard-rank-2 td:first-child{color:var(--muted);}.leaderboard-rank-3 td:first-child{color:#cd7f32;}.score-cell{color:var(--cyan) !important;font-weight:600;}.empty-lb{padding:var(--sp-6) !important;text-align:center;color:var(--muted);}.full-section{padding:var(--sp-8) var(--sp-6);border-top:1px solid rgba(168,218,220,0.06);}.full-section-title{font-family:var(--font-hud);font-size:0.65rem;font-weight:600;letter-spacing:0.25em;text-transform:uppercase;color:var(--cyan);margin-bottom:var(--sp-5);display:flex;align-items:center;gap:var(--sp-3);}.full-section-title::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(168,218,220,0.2),transparent);}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-3);}.related-card{background:var(--surface);border:1px solid rgba(168,218,220,0.1);padding:var(--sp-4);cursor:pointer;transition:all var(--dur-base);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--sp-2);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%);}.related-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--cyan);transform:scaleX(0);transition:transform var(--dur-base);transform-origin:left;}.related-card:hover{border-color:rgba(168,218,220,0.3);background:var(--surface-3);transform:translateY(-2px);}.related-card:hover::before{transform:scaleX(1);}.related-card-cat{font-family:var(--font-hud);font-size:0.6rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--cyan);}.related-card-title{font-family:var(--font-hud);font-size:0.9rem;font-weight:600;color:rgba(255,255,255,0.85);line-height:1.3;}.related-card-avg{font-family:var(--font-mono);font-size:0.75rem;color:var(--muted);margin-top:auto;}.related-card-cta{font-family:var(--font-hud);font-size:0.7rem;font-weight:600;color:var(--cyan);letter-spacing:0.08em;text-transform:uppercase;opacity:0;transition:opacity var(--dur-fast);}.related-card:hover .related-card-cta{opacity:1;}.seo-section{color:rgba(255,255,255,0.7);}.seo-section h2{font-family:var(--font-hud);font-size:1.15rem;font-weight:700;color:rgba(255,255,255,0.9);margin:var(--sp-6) 0 var(--sp-3);letter-spacing:0.04em;}.seo-section h2:first-child{margin-top:0;}.seo-section h3{font-family:var(--font-hud);font-size:0.95rem;font-weight:600;color:var(--cyan);margin:var(--sp-4) 0 var(--sp-2);letter-spacing:0.04em;}.seo-section p{margin-bottom:var(--sp-3);font-size:0.9rem;line-height:1.75;}.seo-section ul,.seo-section ol{padding-left:var(--sp-5);margin-bottom:var(--sp-3);font-size:0.9rem;}.seo-section li{margin-bottom:var(--sp-1);}.seo-section strong{color:rgba(255,255,255,0.9);font-weight:600;}.seo-section a{color:var(--cyan);text-decoration:underline;text-decoration-color:rgba(168,218,220,0.3);}.seo-section a:hover{text-decoration-color:var(--cyan);}.seo-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-8);}.faq-item{border-bottom:1px solid rgba(168,218,220,0.06);}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) 0;font-family:var(--font-hud);font-size:0.95rem;font-weight:600;color:rgba(255,255,255,0.85);letter-spacing:0.03em;cursor:pointer;text-align:left;background:none;border:none;transition:color var(--dur-fast);}.faq-question:hover,.faq-question[aria-expanded="true"]{color:var(--cyan);}.faq-chevron{color:var(--muted);flex-shrink:0;transition:transform var(--dur-base);}.faq-question[aria-expanded="true"] .faq-chevron{transform:rotate(180deg);color:var(--cyan);}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--dur-slow) var(--ease-out),padding var(--dur-slow);font-size:0.875rem;color:var(--muted);line-height:1.7;}.faq-answer.open{max-height:300px;padding-bottom:var(--sp-4);}.home-hero{padding:var(--sp-12) var(--sp-6) var(--sp-8);position:relative;overflow:hidden;}.home-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% -10%,rgba(168,218,220,0.15),transparent),radial-gradient(circle at 15% 70%,rgba(230,57,70,0.08),transparent 40%),repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(168,218,220,0.03) 40px,rgba(168,218,220,0.03) 41px),repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(168,218,220,0.03) 40px,rgba(168,218,220,0.03) 41px);pointer-events:none;z-index:-1;}.hero-eyebrow{font-family:var(--font-mono);font-size:0.75rem;color:var(--cyan);letter-spacing:0.2em;text-transform:uppercase;margin-bottom:var(--sp-4);display:flex;align-items:center;gap:var(--sp-2);}.hero-eyebrow::before{content:'//';color:var(--red);}.hero-h1{font-family:var(--font-hud);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1;letter-spacing:0.02em;margin-bottom:var(--sp-5);}.hero-h1 .hl-cyan{color:var(--cyan);text-shadow:0 0 30px var(--cyan-glow);}.hero-h1 .hl-red{color:var(--red);text-shadow:0 0 30px var(--red-glow);}.hero-sub{color:var(--muted);font-size:1rem;max-width:60ch;margin-bottom:var(--sp-8);line-height:1.7;}.hero-actions{display:flex;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-8);}.hero-metrics{display:flex;gap:var(--sp-8);flex-wrap:wrap;min-height:48px;}.hero-metric-val{font-family:var(--font-mono);font-size:1.8rem;color:var(--cyan);line-height:1;}.hero-metric-label{font-family:var(--font-hud);font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--muted);margin-top:2px;}.home-test-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-3);}.home-test-card{background:var(--surface);border:1px solid rgba(168,218,220,0.15);padding:var(--sp-5);cursor:pointer;transition:all var(--dur-base);position:relative;overflow:hidden;display:block;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);box-shadow:0 4px 15px rgba(0,0,0,0.2);}.home-test-card::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(168,218,220,0.08),transparent);opacity:0;transition:opacity var(--dur-base);}.home-test-card:hover{border-color:rgba(168,218,220,0.5);transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,0.4),0 0 15px var(--cyan-dim);}.home-test-card:hover::after{opacity:1;}.htc-cat{font-family:var(--font-mono);font-size:0.62rem;letter-spacing:0.18em;color:var(--cyan);text-transform:uppercase;margin-bottom:var(--sp-2);}.htc-title{font-family:var(--font-hud);font-size:.85rem;font-weight:500;color:rgba(255,255,255,0.9);margin-bottom:var(--sp-3);}.htc-play{font-family:var(--font-hud);font-size:0.7rem;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:var(--sp-2);transition:color var(--dur-fast),gap var(--dur-fast);}.home-test-card:hover .htc-play{color:var(--cyan);gap:var(--sp-3);}.skip-link{position:fixed;top:-100px;left:0;background:var(--cyan);color:var(--void);padding:var(--sp-3) var(--sp-6);font-family:var(--font-hud);font-weight:700;z-index:9999;transition:top var(--dur-fast);}.skip-link:focus{top:0;}.lang-dropdown{position:relative;}.lang-dropdown-menu{position:absolute;bottom:calc(100% + var(--sp-2));left:0;background:var(--surface-2);border:1px solid rgba(168,218,220,0.2);width:100%;display:none;z-index:200;}.lang-dropdown.open .lang-dropdown-menu{display:block;}.lang-option{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);font-family:var(--font-hud);font-size:0.82rem;color:var(--muted);cursor:pointer;transition:all var(--dur-fast);}.lang-option:hover{color:var(--cyan);background:var(--cyan-dim);}.lang-option.active{color:var(--cyan);}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:99;backdrop-filter:blur(4px);}.text-cyan{color:var(--cyan);}.text-red{color:var(--red);}.text-muted{color:var(--muted);}.font-hud{font-family:var(--font-hud);}.font-mono{font-family:var(--font-mono);}.mt-4{margin-top:var(--sp-4);}.mt-6{margin-top:var(--sp-6);}@media (max-width:1024px){.page-aside{display:none;} .seo-cols{grid-template-columns:1fr;}}@media (max-width:768px){.app-shell{grid-template-columns:1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"header" "main";} .sidebar{position:fixed;left:0;top:0;width:var(--sidebar-w);height:100vh;z-index:100;transform:translateX(-100%);transition:transform var(--dur-slow) var(--ease-out);} .sidebar.mobile-open{transform:translateX(0);} .sidebar-overlay.show{display:block;} .page-body{padding:var(--sp-4);} .full-section{padding:var(--sp-6) var(--sp-4);} .related-grid,.home-test-grid{grid-template-columns:repeat(2,1fr);} .hero-metrics{gap:var(--sp-6);}}@media (max-width:480px){.test-stats{grid-template-columns:1fr 1fr 1fr;} .related-grid{grid-template-columns:1fr 1fr;} .home-test-grid{grid-template-columns:1fr 1fr;}}.site-footer{background:var(--surface-2);border-top:1px solid rgba(168,218,220,0.08);margin-top:auto;}.footer-inner{display:flex;gap:var(--sp-12);padding:var(--sp-10) var(--sp-8);align-items:flex-start;}.footer-brand{min-width:160px;flex-shrink:0;}.footer-logo{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);}.footer-logo>span{font-family:var(--font-hud);font-size:1.1rem;font-weight:700;letter-spacing:0.08em;color:#fff;}.footer-logo>span>span{color:var(--cyan);}.footer-tagline{font-size:0.78rem;color:var(--muted);line-height:1.5;max-width:22ch;margin-bottom:var(--sp-2);}.footer-domain{font-family:var(--font-mono);font-size:0.65rem;letter-spacing:0.1em;color:var(--cyan);}.footer-nav{display:flex;gap:var(--sp-10);flex:1;flex-wrap:wrap;}.footer-nav-heading{font-family:var(--font-hud);font-size:0.62rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--cyan);margin-bottom:var(--sp-3);}.footer-nav-col ul{list-style:none;display:flex;flex-direction:column;gap:var(--sp-2);}.footer-nav-col a{font-size:0.82rem;color:var(--muted);transition:color var(--dur-fast);}.footer-nav-col a:hover{color:#fff;}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-8);border-top:1px solid rgba(168,218,220,0.06);gap:var(--sp-4);flex-wrap:wrap;}.footer-copy{font-family:var(--font-mono);font-size:0.7rem;color:var(--muted);letter-spacing:0.04em;}.footer-links{display:flex;gap:var(--sp-5);}.footer-links a{font-family:var(--font-hud);font-size:0.75rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);transition:color var(--dur-fast);}.footer-links a:hover{color:var(--cyan);}@media (max-width:768px){.footer-inner{flex-direction:column;gap:var(--sp-8);padding:var(--sp-8) var(--sp-5);} .footer-nav{gap:var(--sp-6);} .footer-bottom{flex-direction:column;align-items:flex-start;padding:var(--sp-4) var(--sp-5);}}.dpi-test-wrap{padding:var(--sp-5);width:100%;box-sizing:border-box;}.dpi-settings{display:flex;align-items:flex-end;gap:var(--sp-5);margin-bottom:var(--sp-4);flex-wrap:wrap;}.dpi-setting-group{display:flex;flex-direction:column;gap:var(--sp-2);}.dpi-setting-label{font-family:var(--font-hud);font-size:0.6rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted);}.dpi-distance-btns{display:flex;gap:var(--sp-2);}.dpi-dist-btn{padding:var(--sp-2) var(--sp-3);border:1px solid rgba(168,218,220,0.2);background:transparent;color:var(--muted);font-family:var(--font-mono);font-size:0.85rem;font-weight:600;cursor:pointer;transition:all var(--dur-fast);clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,0 100%);}.dpi-dist-btn:hover{color:#fff;border-color:rgba(168,218,220,0.5);background:var(--cyan-dim);}.dpi-dist-btn.active{color:var(--void);background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 12px var(--cyan-glow);}.dpi-custom-input{width:80px;padding:var(--sp-2) var(--sp-3);border:1px solid rgba(168,218,220,0.2);background:var(--surface);color:var(--cyan);font-family:var(--font-mono);font-size:0.85rem;font-weight:600;outline:none;transition:border-color var(--dur-fast);}.dpi-custom-input:focus{border-color:var(--cyan);box-shadow:0 0 8px var(--cyan-glow);}.dpi-instruction{color:var(--muted);font-size:0.75rem;margin-bottom:var(--sp-4);text-align:center;min-height:1.5em;}.dpi-track-container{margin-bottom:var(--sp-5);}.dpi-track{height:56px;background:var(--surface-2);border:1px solid rgba(168,218,220,0.15);position:relative;cursor:ew-resize;overflow:hidden;transition:border-color var(--dur-base),box-shadow var(--dur-base);background-image:repeating-linear-gradient(90deg,rgba(168,218,220,0.04) 0,rgba(168,218,220,0.04) 1px,transparent 1px,transparent 50px),repeating-linear-gradient(90deg,rgba(168,218,220,0.02) 0,rgba(168,218,220,0.02) 1px,transparent 1px,transparent 10px);}.dpi-track:hover{border-color:rgba(168,218,220,0.4);box-shadow:inset 0 0 30px rgba(168,218,220,0.03);}.dpi-track.active{border-color:var(--cyan);box-shadow:inset 0 0 40px rgba(168,218,220,0.06),0 0 0 1px var(--cyan),0 0 20px var(--cyan-glow);}.dpi-track-fill{position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(90deg,rgba(168,218,220,0.08),rgba(168,218,220,0.15));pointer-events:none;transition:none;}.dpi-caret{position:absolute;top:0;left:0;height:100%;width:3px;z-index:2;pointer-events:none;transition:left 0s;}.dpi-caret-line{position:absolute;top:0;left:0;width:3px;height:100%;background:var(--cyan);box-shadow:0 0 12px var(--cyan-glow),0 0 24px rgba(168,218,220,0.15);}.dpi-caret-handle{position:absolute;top:50%;left:-8px;width:18px;height:32px;background:var(--cyan);border:2px solid rgba(255,255,255,0.4);border-radius:4px;transform:translateY(-50%);box-shadow:0 0 16px var(--cyan-glow),0 2px 8px rgba(0,0,0,0.3);cursor:ew-resize;}.dpi-caret-handle::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-30%,-50%);width:0;height:0;border-left:5px solid var(--void);border-top:4px solid transparent;border-bottom:4px solid transparent;}.dpi-caret:not(.dragging):not(.finished) .dpi-caret-handle{animation:caretPulse 2s ease-in-out infinite;}@keyframes caretPulse{0%,100%{box-shadow:0 0 16px var(--cyan-glow),0 2px 8px rgba(0,0,0,0.3);} 50%{box-shadow:0 0 28px var(--cyan-glow),0 0 40px rgba(168,218,220,0.2),0 2px 8px rgba(0,0,0,0.3);}}.dpi-caret.dragging .dpi-caret-line{width:4px;background:#fff;box-shadow:0 0 20px var(--cyan),0 0 40px var(--cyan-glow);}.dpi-caret.dragging .dpi-caret-handle{background:#fff;border-color:var(--cyan);box-shadow:0 0 24px var(--cyan),0 0 48px var(--cyan-glow);animation:none;}.dpi-caret.finished .dpi-caret-line{background:#22c55e;box-shadow:0 0 12px rgba(34,197,94,0.4);}.dpi-caret.finished .dpi-caret-handle{background:#22c55e;border-color:rgba(255,255,255,0.4);box-shadow:0 0 16px rgba(34,197,94,0.4);animation:none;}.dpi-track.done{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e,0 0 16px rgba(34,197,94,0.12);}.dpi-track-labels{display:flex;justify-content:space-between;margin-top:var(--sp-2);font-family:var(--font-mono);font-size:0.7rem;color:var(--muted);}.dpi-live-counters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp-3);margin-bottom:var(--sp-5);}.dpi-counter{background:var(--surface);border:1px solid rgba(168,218,220,0.1);padding:var(--sp-4);text-align:center;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%);}.dpi-counter-main{border-color:rgba(168,218,220,0.25);}.dpi-counter-value{font-family:var(--font-mono);font-size:clamp(1.4rem,2.5vw,2rem);color:var(--cyan);line-height:1;text-shadow:0 0 20px var(--cyan-glow);margin-bottom:var(--sp-1);}.dpi-counter-main .dpi-counter-value{font-size:clamp(1.8rem,3vw,2.6rem);}.dpi-counter-label{font-family:var(--font-hud);font-size:0.6rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);}.dpi-actions{display:flex;gap:var(--sp-3);justify-content:center;}.dpi-history-panel{margin-top:var(--sp-4);}.dpi-history-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:0.8rem;}.dpi-history-table th{text-align:left;padding:var(--sp-2) var(--sp-3);color:var(--muted);font-family:var(--font-hud);font-size:0.6rem;letter-spacing:0.15em;text-transform:uppercase;border-bottom:1px solid rgba(168,218,220,0.08);}.dpi-history-table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid rgba(255,255,255,0.04);color:rgba(255,255,255,0.75);}.dpi-history-table tr:hover td{background:var(--cyan-dim);}.dpi-history-avg{padding:var(--sp-3) var(--sp-4);font-family:var(--font-mono);font-size:0.85rem;color:var(--cyan);border-top:1px solid rgba(168,218,220,0.1);}.dpi-history-avg strong{font-size:1.1rem;text-shadow:0 0 10px var(--cyan-glow);}.dpi-tips{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);margin:var(--sp-5);}.dpi-tip{display:flex;align-items:center;gap:var(--sp-2);font-size:0.75rem;color:var(--muted);padding:var(--sp-2) var(--sp-3);background:rgba(168,218,220,0.03);border-left:2px solid rgba(168,218,220,0.15);}.dpi-tip i{color:var(--cyan);flex-shrink:0;}@media (max-width:768px){.dpi-settings{flex-direction:column;align-items:stretch;} .dpi-live-counters{grid-template-columns:1fr;} .dpi-tips{grid-template-columns:1fr;} .dpi-actions{flex-direction:column;}}