:root{color-scheme:dark;--bg:#08090a;--surface-1:#0f1012;--surface-2:#161719;--surface-3:#1e1f22;--text:#f5f5f5;--text-secondary:#e0e0e0;--text-muted:#a3a3a3;--border:rgba(255, 255, 255, 0.08);--border-hover:rgba(255, 255, 255, 0.15);--blue:#60a5fa;--blue-hover:#93c5fd;--blue-dim:rgba(96, 165, 250, 0.15);--purple:#a78bfa;--green:#34d399;--green-dim:rgba(52, 211, 153, 0.13);--pink:#fb7185;--pink-dim:rgba(251, 113, 133, 0.13);--yellow:#fbbf24;--yellow-dim:rgba(251, 191, 36, 0.13);--radius:12px;--radius-lg:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--motion-fast:120ms cubic-bezier(0.4, 0, 0.2, 1);--motion-base:200ms cubic-bezier(0.4, 0, 0.2, 1);--shadow-1:0 1px 2px rgba(0,0,0,0.3),0 4px 12px rgba(0,0,0,0.18);--shadow-2:0 4px 16px rgba(0,0,0,0.35),0 24px 48px -12px rgba(0,0,0,0.4);--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--max-w:960px;--bg-1:var(--surface-1);--bg-2:var(--surface-2);--bg-3:var(--surface-3);--text-soft:var(--text-secondary);--text-dim:var(--text-muted);--line:var(--border);--line-strong:var(--border-hover);--accent:var(--blue);--accent-hi:var(--blue-hover);--accent-dim:var(--blue-dim);--green-bg:var(--green-dim);--yellow-bg:var(--yellow-dim);--red:var(--pink);--red-bg:var(--pink-dim)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}a{color:var(--blue);text-decoration:none;transition:color var(--motion-fast)}a:hover{color:var(--blue-hover);text-decoration:underline}h1,h2,h3,h4{margin:0 0 .5em;line-height:1.25;letter-spacing:-.015em;font-weight:600;color:var(--text)}h1{font-size:clamp(2rem, 4.6vw, 3.2rem);font-weight:700}h2{font-size:clamp(1.4rem, 3vw, 1.9rem)}h3{font-size:1.1rem}p{margin:0 0 1em}code{font-family:var(--font-mono);font-size:.9em;background:var(--surface-2);padding:.1em .35em;border-radius:4px;border:1px solid var(--border)}::selection{background:var(--blue-dim);color:var(--text)}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.skip-link{position:absolute;left:-10000px;top:8px;background:var(--blue);color:var(--bg);padding:.5rem .85rem;border-radius:var(--radius);font-weight:600}.skip-link:focus{left:8px;z-index:1000}.site-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:var(--max-w);margin:0 auto;gap:12px;flex-wrap:nowrap;min-width:0}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-weight:500;font-size:1rem;flex-shrink:0}.brand:hover{color:var(--text);text-decoration:none}.brand-logo{flex:0 0 28px;height:28px}.brand-name{white-space:nowrap}.brand-dim{color:var(--text-muted);font-weight:400}.header-nav{display:flex;gap:var(--space-4);align-items:center;flex-wrap:nowrap}.header-nav .nav-link{color:var(--text-muted);font-size:.875rem;padding:6px 10px;border-radius:6px;transition:color var(--motion-fast),background var(--motion-fast);white-space:nowrap}.header-nav .nav-link:hover{background:var(--surface-2);color:var(--text);text-decoration:none}@media (max-width:640px){.site-header{padding:14px 16px;gap:8px}.header-nav{gap:var(--space-2)}.header-nav .nav-link{font-size:.82rem;padding:5px 7px}}.site-footer{border-top:1px solid var(--border);padding:var(--space-6);margin-top:var(--space-16)}.footer-inner{max-width:var(--max-w);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6)}.footer-nav{display:flex;gap:var(--space-4);flex-wrap:wrap}.footer-nav a{color:var(--text-muted);text-decoration:none;font-size:.875rem}.footer-nav a:hover{color:var(--text)}.footer-tag{color:var(--text-muted);font-size:.875rem;line-height:1.55;margin:0;max-width:65ch}.footer-copy{color:var(--text-muted);font-size:.8125rem;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button,input,select,textarea{font-family:inherit;font-size:1rem;color:inherit}button{cursor:pointer}details summary{cursor:pointer;font-weight:600;user-select:none}details summary::-webkit-details-marker{display:none}details summary::before{content:"+";display:inline-block;width:1.4em;font-weight:700;color:var(--blue);transition:transform var(--motion-fast)}details[open] summary::before{content:"−"}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500;font-size:.9375rem;padding:10px 18px;border-radius:10px;border:1px solid transparent;transition:background var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast);text-decoration:none;white-space:nowrap}.btn:hover{text-decoration:none}.btn-primary{background:var(--blue);color:#0a0c10;border-color:var(--blue);font-weight:600}.btn-primary:hover{background:var(--blue-hover);border-color:var(--blue-hover);color:#0a0c10}.btn-secondary{background:var(--surface-2);color:var(--text);border-color:var(--border-hover)}.btn-secondary:hover{background:var(--surface-3);color:var(--text)}.btn-ghost{background:0 0;color:var(--text-muted);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-block{width:100%}.btn-sm{font-size:.8125rem;padding:7px 14px;border-radius:8px}.scanner-section{padding:0 var(--space-4) var(--space-12);max-width:500px;margin:0 auto}.scanner-layout{display:flex;flex-direction:column;gap:var(--space-4)}.scanner-area{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-1);overflow:hidden;min-height:280px;display:flex;align-items:center;justify-content:center}.scanner-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:40px 24px;text-align:center;color:var(--text-muted);font-size:.875rem}.scanner-placeholder p{margin:0;max-width:32ch}.scanner-btns{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.scanner-hint{font-size:.75rem;color:var(--text-muted);margin:0}.scanner-video-wrap{position:relative;width:100%}.scanner-video-wrap video{display:block;width:100%;height:auto}.scanner-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.scanner-frame{position:relative;width:220px;height:220px;border-radius:14px;box-shadow:0 0 0 9999px rgba(0,0,0,.45);overflow:hidden;isolation:isolate}.scanner-frame::before{content:"";position:absolute;inset:0;border-radius:14px;pointer-events:none;background:linear-gradient(var(--blue),var(--blue)) top left/28px 3px no-repeat,linear-gradient(var(--blue),var(--blue)) top left/3px 28px no-repeat,linear-gradient(var(--blue),var(--blue)) top right/28px 3px no-repeat,linear-gradient(var(--blue),var(--blue)) top right/3px 28px no-repeat,linear-gradient(var(--blue),var(--blue)) bottom left/28px 3px no-repeat,linear-gradient(var(--blue),var(--blue)) bottom left/3px 28px no-repeat,linear-gradient(var(--blue),var(--blue)) bottom right/28px 3px no-repeat,linear-gradient(var(--blue),var(--blue)) bottom right/3px 28px no-repeat;animation:scanCornerPulse 2.4s ease-in-out infinite}.scanner-frame::after{content:"";position:absolute;left:6%;right:6%;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(96,165,250,0) 0,rgba(96,165,250,.9) 20%,#34d399 50%,rgba(96,165,250,.9) 80%,rgba(96,165,250,0) 100%);box-shadow:0 0 8px rgba(96,165,250,.9),0 0 22px rgba(52,211,153,.55);animation:scanLaser 2.2s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}@keyframes scanLaser{0%{top:6%;opacity:.2}10%{opacity:1}50%{top:94%;opacity:1}60%{opacity:.2}100%{top:6%;opacity:.2}}@keyframes scanCornerPulse{0%,100%{filter:drop-shadow(0 0 0 rgba(96,165,250,0));opacity:.95}50%{filter:drop-shadow(0 0 6px rgba(96,165,250,.6));opacity:1}}@media (prefers-reduced-motion:reduce){.scanner-frame::after{animation:none;top:50%}.scanner-frame::before{animation:none}}.scanner-video-actions{position:absolute;bottom:var(--space-3);inset-inline-start:50%;transform:translateX(-50%);display:flex;gap:var(--space-2)}.scanner-drop-active{outline:3px dashed var(--blue);outline-offset:-8px;background:rgba(96,165,250,.05)}.scan-quota{border:1px solid var(--yellow);background:var(--yellow-dim);border-radius:var(--radius);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);text-align:center}.scan-quota h2{font-size:1.15rem;margin:0}.scan-quota p{margin:0;color:var(--text-secondary)}.scan-quota-cta{margin-top:var(--space-2)}.scan-error{border:1px solid var(--pink);background:var(--pink-dim);color:var(--text);padding:10px 14px;border-radius:8px;font-size:.875rem;margin:0}