:root{--pvt-primary:#6366f1;--pvt-primary-light:#6366f114;--pvt-primary-shadow:#6366f126;--pvt-bg:#fff;--pvt-bg-secondary:#f8fafc;--pvt-text:#0f172a;--pvt-text-secondary:#475569;--pvt-text-muted:#64748b;--pvt-border:#e2e8f0;--pvt-shadow-sm:0 1px 2px #0000000a;--pvt-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--pvt-shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--pvt-radius:.75rem;--pvt-radius-lg:1rem;--pvt-radius-sm:.5rem;--pvt-success:#10b981;--pvt-error:#ef4444;--pvt-warning:#f59e0b;--pvt-canvas-bg:#111827;--pvt-fixation-color:#fff;--pvt-stimulus-color:#fff;--pvt-on-primary:#fff}._pvt-container{max-width:800px;min-height:400px;margin:0 auto}._pvt-setup,._pvt-test,._pvt-results{display:none}._pvt-setup._pvt-screen--active,._pvt-test._pvt-screen--active,._pvt-results._pvt-screen--active{display:block}@media (max-width:768px){._pvt-container{padding-left:1rem;padding-right:1rem}}@media (max-width:360px){._pvt-container{padding-left:.75rem;padding-right:.75rem}}._pvt-setup-card{background:var(--pvt-bg);border-radius:var(--pvt-radius-lg);padding:var(--main-space-6);box-shadow:var(--pvt-shadow);border-style:solid;border-width:1px;border-color:var(--pvt-border);max-width:560px;margin:0 auto}._pvt-field{margin-bottom:var(--main-space-5)}._pvt-label{font-size:var(--main-text-sm);color:var(--pvt-text);margin-bottom:var(--main-space-2);font-weight:600;display:block}._pvt-eye-options{gap:var(--main-space-2);display:flex}._pvt-eye-btn{border-radius:var(--pvt-radius-sm);border-style:solid;border-width:1.5px;border-color:var(--pvt-border);background:var(--pvt-bg);min-height:44px;color:var(--pvt-text-secondary);font-size:var(--main-text-sm);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.625rem .75rem;transition:border-color .15s,color .15s,background .15s;display:flex}@media (hover:hover){._pvt-eye-btn:hover{border-color:var(--pvt-primary);color:var(--pvt-primary)}}._pvt-eye-btn--active{border-color:var(--pvt-primary);background:var(--pvt-primary-light);color:var(--pvt-primary);font-weight:500}._pvt-mode-options{gap:var(--main-space-2);display:flex}._pvt-mode-btn{border-radius:var(--pvt-radius-sm);border-style:solid;border-width:1.5px;border-color:var(--pvt-border);background:var(--pvt-bg);min-height:56px;color:var(--pvt-text-secondary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:.75rem .5rem;transition:border-color .15s,color .15s,background .15s;display:flex}@media (hover:hover){._pvt-mode-btn:hover{border-color:var(--pvt-primary);color:var(--pvt-primary)}}._pvt-mode-btn--active{border-color:var(--pvt-primary);background:var(--pvt-primary-light);color:var(--pvt-primary)}._pvt-mode-name{font-size:var(--main-text-sm);font-weight:600}._pvt-mode-desc{font-size:var(--main-text-xs);opacity:.7;text-align:center;line-height:1.3}._pvt-duration-options{gap:var(--main-space-2);display:flex}._pvt-dur-btn{border-radius:var(--pvt-radius-sm);border-style:solid;border-width:1.5px;border-color:var(--pvt-border);background:var(--pvt-bg);min-height:40px;color:var(--pvt-text-secondary);font-size:var(--main-text-sm);font-family:var(--main-font-mono);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex:1;padding:.5rem .75rem;transition:border-color .15s,color .15s,background .15s}@media (hover:hover){._pvt-dur-btn:hover{border-color:var(--pvt-primary);color:var(--pvt-primary)}}._pvt-dur-btn--active{border-color:var(--pvt-primary);background:var(--pvt-primary-light);color:var(--pvt-primary);font-weight:500}._pvt-start-btn{border-radius:var(--pvt-radius);background:var(--pvt-primary);width:100%;min-height:48px;color:var(--pvt-on-primary);font-size:var(--main-text-base);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 8px var(--pvt-primary-shadow);margin-top:var(--main-space-4);border-width:0;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:600;display:flex}@media (hover:hover){._pvt-start-btn:hover{opacity:.9}}._pvt-hint{text-align:center;font-size:var(--main-text-xs);color:var(--pvt-text-muted);margin-top:var(--main-space-4);margin-bottom:0;line-height:1.5}@media (max-width:600px){._pvt-mode-btn{padding:.625rem .375rem}}@media (max-width:480px){._pvt-setup-card{padding:var(--main-space-4)}._pvt-eye-options,._pvt-mode-options{flex-direction:column}._pvt-mode-btn{padding:.75rem var(--main-space-3);flex-direction:row;justify-content:space-between;gap:.5rem}._pvt-duration-options{flex-wrap:wrap}._pvt-dur-btn{flex:unset;min-width:calc(50% - .25rem)}}._pvt-progress{background:var(--pvt-border);height:3px;margin-bottom:var(--main-space-2);border-radius:2px;overflow:hidden}._pvt-progress-bar{background:var(--pvt-primary);border-radius:2px;width:0%;height:100%;transition:width .3s}._pvt-test-info{justify-content:space-between;align-items:center;gap:var(--main-space-2);margin-bottom:var(--main-space-3);flex-wrap:wrap;display:flex}._pvt-test-counter{font-size:var(--main-text-sm);color:var(--pvt-text-muted);font-family:var(--main-font-mono)}._pvt-test-eye{font-size:var(--main-text-xs);color:var(--pvt-text-muted);background:var(--pvt-primary-light);border-radius:var(--main-radius-full);padding:.25rem .625rem}._pvt-canvas{aspect-ratio:1;background:var(--pvt-canvas-bg);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:2px solid #00000026;border-radius:50%;width:100%;max-width:600px;max-height:600px;margin:0 auto;position:relative;overflow:hidden}._pvt-fixation{color:var(--pvt-fixation-color);pointer-events:none;z-index:2;opacity:.9;font-size:2rem;font-weight:300;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._pvt-stimulus{background:var(--pvt-stimulus-color);pointer-events:none;z-index:1;opacity:0;border-radius:50%;width:12px;height:12px;transition:opacity 50ms;position:absolute;transform:translate(-50%,-50%)}._pvt-stimulus--visible{opacity:1}._pvt-countdown{z-index:10;background:#0009;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}._pvt-countdown-number{color:#fff;font-size:4rem;font-weight:700;animation:.6s ease-in-out _pvt-pulse}@keyframes _pvt-pulse{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}._pvt-feedback{text-align:center;min-height:2rem;margin-top:var(--main-space-3);font-size:var(--main-text-sm);justify-content:center;align-items:center;gap:.375rem;font-weight:500;display:flex}._pvt-feedback--hit{color:var(--pvt-success)}._pvt-feedback--miss{color:var(--pvt-error)}._pvt-feedback--early{color:var(--pvt-warning)}@media (max-width:600px){._pvt-canvas{max-width:min(420px,92vw);max-height:min(420px,92vw)}._pvt-fixation{font-size:1.5rem}._pvt-stimulus{width:10px;height:10px}._pvt-countdown-number{font-size:3rem}}@media (max-width:400px){._pvt-canvas{max-width:min(320px,90vw);max-height:min(320px,90vw)}}._pvt-results-card{background:var(--pvt-bg);border-radius:var(--pvt-radius-lg);padding:var(--main-space-6);box-shadow:var(--pvt-shadow);border-style:solid;border-width:1px;border-color:var(--pvt-border);max-width:640px;margin:0 auto}._pvt-results-title{font-size:var(--main-text-base);color:var(--pvt-text);margin:0 0 var(--main-space-4) 0;text-align:center;font-weight:600}._pvt-field-map-wrap{margin-bottom:var(--main-space-5)}._pvt-field-map{background:var(--pvt-canvas-bg);border:2px solid #ffffff14;border-radius:50%;width:min(280px,80vw);height:min(280px,80vw);margin:0 auto;position:relative}._pvt-map-point{border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%)}._pvt-map-point--detected{background:var(--pvt-success);box-shadow:0 0 6px #10b98166}._pvt-map-point--missed{background:var(--pvt-error);box-shadow:0 0 6px #ef444466}._pvt-map-center{color:#ffffff80;font-size:1.25rem;font-weight:300;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._pvt-map-ring{border:1px solid #ffffff0f;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._pvt-map-legend{justify-content:center;gap:var(--main-space-4);margin-top:var(--main-space-3);display:flex}._pvt-legend-item{font-size:var(--main-text-xs);color:var(--pvt-text-muted);align-items:center;gap:.375rem;display:flex}._pvt-legend-detected ._pvt-legend-dot{background:var(--pvt-success);border-radius:50%;width:8px;height:8px;display:inline-block}._pvt-legend-missed ._pvt-legend-dot{background:var(--pvt-error);border-radius:50%;width:8px;height:8px;display:inline-block}._pvt-stats{gap:var(--main-space-3);margin-bottom:var(--main-space-5);grid-template-columns:repeat(2,1fr);display:grid}._pvt-stat{text-align:center;padding:var(--main-space-3);background:var(--pvt-bg-secondary);border-radius:var(--pvt-radius-sm)}._pvt-stat-value{color:var(--pvt-text);font-size:1.5rem;font-weight:700;font-family:var(--main-font-mono);line-height:1.2;display:block}._pvt-stat-label{font-size:var(--main-text-xs);color:var(--pvt-text-muted);margin-top:.25rem;display:block}._pvt-zones{margin-bottom:var(--main-space-5)}._pvt-zone-list{gap:var(--main-space-2);flex-direction:column;display:flex}._pvt-zone-row{align-items:center;gap:var(--main-space-3);padding:.625rem var(--main-space-3);background:var(--pvt-bg-secondary);border-radius:var(--pvt-radius-sm);display:flex}._pvt-zone-name{font-size:var(--main-text-sm);color:var(--pvt-text);flex-shrink:0;min-width:64px;font-weight:500}._pvt-zone-bar-wrap{background:#0000000f;border-radius:3px;flex:1;height:6px;overflow:hidden}._pvt-zone-bar{border-radius:3px;height:100%;transition:width .5s}._pvt-zone-bar--good{background:var(--pvt-success)}._pvt-zone-bar--warn{background:var(--pvt-warning)}._pvt-zone-bar--bad{background:var(--pvt-error)}._pvt-zone-percent{font-size:var(--main-text-sm);color:var(--pvt-text);font-weight:600;font-family:var(--main-font-mono);text-align:right;flex-shrink:0;min-width:44px}._pvt-results-actions{gap:var(--main-space-3);justify-content:center;display:flex}._pvt-btn-primary{border-radius:var(--pvt-radius);background:var(--pvt-primary);min-height:44px;color:var(--pvt-on-primary);font-size:var(--main-text-sm);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 8px var(--pvt-primary-shadow);border-width:0;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:flex}@media (hover:hover){._pvt-btn-primary:hover{opacity:.9}}._pvt-btn-secondary{border-radius:var(--pvt-radius);min-height:44px;color:var(--pvt-text-secondary);font-size:var(--main-text-sm);border-style:solid;border-width:1.5px;border-color:var(--pvt-border);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;padding:.75rem 1.5rem;font-weight:500}@media (hover:hover){._pvt-btn-secondary:hover{border-color:var(--pvt-primary);color:var(--pvt-primary)}}@media (max-width:480px){._pvt-results-card{padding:var(--main-space-4)}._pvt-stats{gap:var(--main-space-2);grid-template-columns:repeat(2,1fr)}._pvt-stat{padding:var(--main-space-2)}._pvt-stat-value{font-size:1.25rem}._pvt-field-map{width:min(240px,78vw);height:min(240px,78vw)}._pvt-map-legend{gap:var(--main-space-3);flex-wrap:wrap}._pvt-zone-row{gap:var(--main-space-2);padding:.5rem var(--main-space-2)}._pvt-zone-name{min-width:56px}._pvt-results-actions{flex-direction:column}._pvt-btn-primary,._pvt-btn-secondary{width:100%}}