@import"https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&family=Manrope:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--hue: 300;--bg: oklch(.13 .012 256);--bg2: oklch(.16 .014 256);--panel: oklch(.205 .018 256);--panel-hi: oklch(.235 .02 256);--ink: oklch(.94 .008 240);--muted: oklch(.68 .014 250);--faint: oklch(.52 .016 252);--line: oklch(1 0 0 / .09);--line-2: oklch(1 0 0 / .16);--accent: oklch(.78 .14 var(--hue));--accent-hi:oklch(.86 .12 var(--hue));--green: oklch(.78 .16 145);--amber: oklch(.82 .15 80);--red: oklch(.68 .18 22)}html,body{height:100%;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,var(--bg2) 0%,var(--bg) 70%,oklch(.11 .01 258) 100%)}.bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(oklch(1 0 0 / .018) 1px,transparent 1px),linear-gradient(90deg,oklch(1 0 0 / .018) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 95%);mask-image:linear-gradient(180deg,#000 0%,transparent 95%)}.bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 240px 40px #010203e6}.scan{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.5;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000024 3px);mix-blend-mode:multiply}section{display:none}section.active{display:flex}#start-screen,#analyzing-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;align-items:center;justify-content:center;background:#020306b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}#session-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;flex-direction:column;align-items:center;justify-content:center;background:#000}#report-screen{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 20px 60px;background:var(--bg);overflow-y:auto}#loading-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:#05070cf2}#loading-overlay.active{display:flex}.loading-text{font-family:Silkscreen,monospace;font-size:.7rem;color:var(--faint);letter-spacing:.1em;text-transform:uppercase}.spinner{width:52px;height:52px;border:3px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel{width:min(520px,100%);padding:36px 32px;background:var(--panel);border:1px solid var(--line-2);clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px));display:flex;flex-direction:column;gap:20px;text-align:center}.brand-logo{font-family:Silkscreen,monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}h1{font-family:Silkscreen,monospace;font-size:1.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1.2;color:var(--ink)}h2{font-family:Silkscreen,monospace;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--ink)}.panel-subtitle{font-size:.9rem;color:var(--muted);letter-spacing:.03em;font-family:Manrope,system-ui,sans-serif}.setup-steps{display:flex;flex-direction:column;gap:12px;background:#ffffff08;border:1px solid var(--line);padding:16px;text-align:left}.setup-step{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;color:var(--muted);line-height:1.4;font-family:Manrope,system-ui,sans-serif}.step-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px;color:var(--accent);line-height:0}.step-icon svg{display:inline-block;vertical-align:middle}.btn-primary{background:oklch(.78 .14 var(--hue) / .18);color:var(--ink);border:1px solid var(--accent);clip-path:polygon(0 6px,6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px));padding:14px 28px;font-family:Silkscreen,monospace;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .15s,color .15s}.btn-primary:hover{background:oklch(.78 .14 var(--hue) / .32);color:var(--accent-hi)}.btn-secondary{background:var(--panel);color:var(--muted);border:1px solid var(--line-2);clip-path:polygon(0 6px,6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px));padding:12px 24px;font-family:Silkscreen,monospace;font-size:.7rem;cursor:pointer;transition:background .15s,color .15s}.btn-secondary:hover{background:var(--panel-hi);color:var(--ink)}.btn-confirm{background:#6ed2742e;color:var(--ink);border:1px solid var(--green);clip-path:polygon(0 6px,6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px));padding:12px 24px;font-family:Silkscreen,monospace;font-size:.7rem;letter-spacing:.06em;cursor:pointer;transition:background .15s,color .15s}.btn-confirm:hover{background:#6ed27452;color:var(--green)}.btn-link{color:var(--faint);text-decoration:none;font-size:.75rem;font-family:Silkscreen,monospace;letter-spacing:.06em;transition:color .15s}.btn-link:hover{color:var(--muted)}.home-link{color:var(--faint);text-decoration:none;font-size:.75rem;font-family:Silkscreen,monospace;letter-spacing:.06em;text-align:center;transition:color .15s}.home-link:hover{color:var(--muted)}#video-wrapper{position:relative;flex-shrink:0}#webcam{display:block;width:100%;height:100%;object-fit:fill;transform:scaleX(-1)}#overlay-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#session-hud{position:fixed;bottom:0;left:0;right:0;z-index:20;background:linear-gradient(to top,oklch(0 0 0 / .88) 0%,oklch(0 0 0 / .5) 60%,transparent 100%);padding:48px 24px 24px;display:flex;flex-direction:column;gap:10px}.hud-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.phase-title{font-family:Silkscreen,monospace;font-size:.85rem;font-weight:700;color:var(--accent);letter-spacing:.06em;text-transform:uppercase}.phase-timer{font-family:Silkscreen,monospace;font-size:.8rem;color:var(--faint);letter-spacing:.06em}.phase-instruction{font-size:.95rem;color:var(--muted);line-height:1.4;max-width:600px;font-family:Manrope,system-ui,sans-serif}.phase-badge{display:inline-block;font-family:Silkscreen,monospace;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;background:#ffffff0d;color:var(--faint);border:1px solid var(--line-2);transition:background .2s,color .2s,border-color .2s;width:fit-content}.phase-badge[data-state=recording]{background:#6ed2741f;color:var(--green);border-color:#6ed27466}.capture-progress-wrap{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.capture-progress-bar{height:100%;width:0%;background:var(--accent);transition:width .1s linear;border-radius:2px}.hud-actions{display:flex;gap:12px;align-items:center}#countdown-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;align-items:center;justify-content:center;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#countdown-number{font-family:Silkscreen,monospace;font-size:7rem;font-weight:700;color:var(--accent);letter-spacing:.05em;text-shadow:0 0 60px oklch(.78 .14 var(--hue) / .5);animation:countdown-pop .25s ease-out}@keyframes countdown-pop{0%{transform:scale(1.35);opacity:.4}to{transform:scale(1);opacity:1}}.phase-guide{position:fixed;top:20px;right:20px;z-index:25;display:flex;flex-direction:column;align-items:center;gap:8px;background:#05070ce0;border:1px solid var(--line-2);padding:12px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);clip-path:polygon(0 8px,8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px));color:var(--accent)}.phase-guide-label{font-family:Silkscreen,monospace;font-size:.5rem;color:var(--faint);letter-spacing:.06em;text-transform:uppercase;line-height:1.7;text-align:center}.analyzing-panel{align-items:center;text-align:center}#report-content{width:100%}.report-document{width:min(1060px,100%);margin:0 auto;display:flex;flex-direction:column;gap:24px}.hand-block{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hand-block-title,.summary-panel{grid-column:1 / -1}.report-header{text-align:center;padding-bottom:8px;border-bottom:1px solid var(--line)}.report-brand{font-family:Silkscreen,monospace;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}.report-title{font-family:Silkscreen,monospace;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--ink)}.report-date{font-size:.85rem;color:var(--muted);margin-top:6px;font-family:Manrope,system-ui,sans-serif}.hand-block-title{font-family:Silkscreen,monospace;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-hi);padding-bottom:6px;border-bottom:1px solid var(--line-2)}.report-panel{background:var(--panel);border:1px solid var(--line-2);clip-path:polygon(0 8px,8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px));padding:24px;display:flex;flex-direction:column;gap:16px}.panel-title{font-family:Silkscreen,monospace;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.panel-meta{font-size:.82rem;color:var(--faint);margin-top:-8px;font-family:Manrope,system-ui,sans-serif}.summary-panel{background:#0b1016}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.summary-item{background:#ffffff08;border:1px solid var(--line);padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.summary-label{font-family:Silkscreen,monospace;font-size:.5rem;color:var(--faint);letter-spacing:.08em;text-transform:uppercase}.summary-value{font-family:Silkscreen,monospace;font-size:.85rem;font-weight:700;color:var(--ink)}.summary-badge{display:flex;justify-content:center}.metric-table{display:flex;flex-direction:column;gap:8px}.metric-row{display:grid;grid-template-columns:1fr auto auto;grid-template-rows:auto auto;gap:4px 12px;padding:10px 12px;background:#ffffff08;border:1px solid var(--line);align-items:center}.metric-label{font-size:.92rem;font-weight:600;color:var(--ink);grid-column:1;grid-row:1;font-family:Manrope,system-ui,sans-serif}.metric-value{font-family:Silkscreen,monospace;font-size:.85rem;font-weight:700;color:var(--accent-hi);grid-column:2;grid-row:1;white-space:nowrap}.metric-unit{font-family:Silkscreen,monospace;font-size:.6rem;color:var(--faint);font-weight:400}.metric-badge{grid-column:3;grid-row:1}.metric-note{font-size:.78rem;color:var(--faint);grid-column:1 / -1;grid-row:2;font-family:Manrope,system-ui,sans-serif}.traffic-badge{display:inline-block;font-family:Silkscreen,monospace;font-size:.55rem;font-weight:700;letter-spacing:.06em;padding:3px 8px;white-space:nowrap}.spec-chart-wrap{display:flex;flex-direction:column;gap:8px;background:#ffffff08;border:1px solid var(--line);padding:16px}.spec-label{font-family:Silkscreen,monospace;font-size:.6rem;color:var(--faint);letter-spacing:.06em;text-transform:uppercase}.spec-bars{display:flex;align-items:flex-end;gap:1px;height:80px;border-bottom:1px solid var(--line-2)}.spec-axis{position:relative;height:16px}.spec-legend{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:.72rem;color:var(--muted);font-family:Manrope,system-ui,sans-serif}.spec-legend-item{display:inline-block;width:10px;height:10px;flex-shrink:0}.pattern-block{border-radius:0}.limitations-box{background:#0f0a0980;border:1px solid oklch(.68 .18 22 / .4);padding:20px 24px}.limitations-title{font-family:Silkscreen,monospace;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--red);margin-bottom:12px}.limitations-list{list-style:none;display:flex;flex-direction:column;gap:6px}.limitations-list li{font-size:.88rem;color:var(--muted);padding-left:16px;position:relative;line-height:1.45;font-family:Manrope,system-ui,sans-serif}.limitations-list li:before{content:"•";position:absolute;left:0;color:var(--red)}.report-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-top:8px}@media print{body{background:#fff;color:#111}.bg,.scan,#loading-overlay,#start-screen,#session-screen,#analyzing-screen{display:none!important}#report-screen{display:block!important;position:static;padding:0;background:#fff}.no-print{display:none!important}.report-document{width:100%;gap:16px}.report-panel{background:#f9f9f9;border:1px solid #ddd;clip-path:none;break-inside:avoid}.summary-panel{background:#f0f0ff}.panel-title{color:#7c3aed}.report-title{color:#111}.metric-value{color:#7c3aed}.metric-label{color:#222}.metric-note,.panel-meta{color:#666}.limitations-box{background:#fff8f8;border-color:#f87171;break-inside:avoid}.limitations-title{color:#dc2626}.limitations-list li{color:#444}.limitations-list li:before{color:#dc2626}.report-brand,.report-date{color:#666}.traffic-badge{border:1px solid currentColor;color:#111!important}.summary-item{background:#f5f5f5;border-color:#ddd}.summary-value{color:#111}.summary-label{color:#555}.metric-row{background:#f9f9f9;border-color:#ddd}.spec-chart-wrap{background:#f9f9f9;border-color:#ddd;break-inside:avoid}@page{margin:20mm;size:A4}}@media(max-width:800px){.hand-block{grid-template-columns:1fr}.hand-block-title,.summary-panel{grid-column:1}}@media(max-width:640px){.panel{padding:24px 18px;gap:16px}h1{font-size:1.3rem}.summary-grid{grid-template-columns:repeat(2,1fr)}.metric-row{grid-template-columns:1fr auto}.metric-badge{grid-row:2;grid-column:2}}