:root{--hd-bg:#fdfbf3;--hd-panel:#304d260a;--hd-card:#fdfbf3;--hd-text:#1f1f17;--hd-muted:#6a6a5e;--hd-accent:#349b42;--hd-accentHover:#2d8639;--hd-accentText:#fff;--hd-track:#ece9d8;--hd-bar:#304d26;--hd-chipBg:#304d260d;--hd-border:#e4e1c6;--hd-serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Noto Serif",serif}*{font-family:var(--font-lexend),Lexend,sans-serif}.hd-bg{background:var(--hd-bg)}.hd-text{color:var(--hd-text)}.hd-muted{color:var(--hd-muted)}.hd-card{border:1px solid var(--hd-border);background:var(--hd-card);box-shadow:0 12px 40px #304d261a}.hd-panel{background:var(--hd-panel)}.hd-chip{border:1px solid var(--hd-border);background:var(--hd-chipBg);color:var(--hd-text);border-radius:999px;align-items:center;padding:8px 14px;font-size:13px;display:inline-flex}.hd-chip:hover{background:#304d2614}.hd-track{background:var(--hd-track)}.hd-bar{background:var(--hd-bar)}.hd-buttonSecondary{border:1px solid var(--hd-border);text-align:left;width:100%;color:var(--hd-text);background:0 0;border-radius:4px;padding:13px 16px;font-size:14px}.hd-buttonSecondary:hover{background:var(--hd-panel)}.hd-buttonPrimary{background:var(--hd-accent);width:100%;color:var(--hd-accentText);letter-spacing:.01em;border-radius:4px;padding:13px 16px;font-size:15px;font-weight:700}.hd-buttonPrimary:hover{background:var(--hd-accentHover)}.hd-buttonDisabled{background:var(--hd-panel);width:100%;color:var(--hd-muted);border-radius:4px;padding:13px 16px;font-weight:700}.hd-cta{background:var(--hd-accent);color:var(--hd-accentText);letter-spacing:.01em;border-radius:4px;font-size:15px;font-weight:700}.hd-cta:hover{background:var(--hd-accentHover)}.hd-howto{border:1px solid var(--hd-border);background:var(--hd-card);border-radius:4px;overflow:hidden;box-shadow:0 1px 4px #304d260d}.hd-howto-body{padding:20px 20px 24px}.hd-how-header{border-bottom:1px solid var(--hd-border);margin-bottom:4px;padding:20px 0 8px}.hd-how-subtitle{color:var(--hd-muted);font-size:.95rem;line-height:1.5}.hd-how-step{border-bottom:1px solid var(--hd-border);grid-template-columns:44px 1fr;align-items:start;gap:16px;padding:24px 0;display:grid}.hd-how-num{font-family:var(--hd-serif);color:#f9f5e6;background:#304d26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;font-size:.95rem;font-weight:600;display:flex}.hd-how-h2{font-family:var(--hd-serif);color:var(--hd-text);margin:0 0 8px;font-size:1.05rem;font-weight:600;line-height:1.3}.hd-how-p{color:var(--hd-muted);margin:0 0 12px;font-size:.9rem;line-height:1.7}.hd-how-tip{color:#304d26;background:#eaf3de;border:1px solid #304d262e;border-radius:4px;margin-top:4px;margin-bottom:0;padding:10px 14px;font-size:.85rem;line-height:1.6}.hd-how-img{border:1px solid var(--hd-border);border-radius:4px;width:100%;height:auto;margin-top:12px;display:block}.hd-how-comparison{flex-direction:column;gap:12px;margin-top:12px;display:flex}.hd-how-comparison-item{border:1px solid var(--hd-border);border-radius:4px;overflow:hidden}.hd-how-caption{font-family:var(--hd-serif);letter-spacing:.01em;padding:8px 14px;font-size:.8rem;font-style:italic;font-weight:600}.hd-how-caption.good{color:#304d26;background:#eaf3de}.hd-how-caption.bad{color:#7a2020;background:#fceaea}.hd-howto-top{flex-direction:column;gap:20px;display:flex}.hd-howto-summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;list-style:none;display:flex}.hd-howto-summary::-webkit-details-marker{display:none}.hd-howto-summary-title{font-family:var(--hd-serif);color:#304d26;margin:0;font-size:1.15rem;font-weight:600;line-height:1.3}.hd-howto-summary-sub{color:var(--hd-muted);margin-top:2px;font-size:.82rem;display:block}.hd-howto-chevron{color:#304d26;flex-shrink:0;transition:transform .2s}.hd-howto-accordion[open] .hd-howto-chevron{transform:rotate(180deg)}.hd-howto-accordion[open]>.hd-howto-summary{border-bottom:1px solid var(--hd-border)}.hd-howto-accordion .hd-how-header{padding-top:16px}.hd-howto-video-wrap{border:1px solid var(--hd-border);background:#000;border-radius:4px;overflow:hidden;box-shadow:0 1px 4px #304d260d}.hd-howto-video{aspect-ratio:16/9;background:#000;width:100%;height:auto;display:block}.viewfinder-container{aspect-ratio:1;background:#000;border-radius:24px;width:100%;max-width:440px;margin:0 auto;position:relative;overflow:hidden}@media (min-width:768px){.viewfinder-container{max-width:none}}.viewfinder-video,.viewfinder-preview{object-fit:cover;width:100%;height:100%}.iris-guide{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.iris-guide-circle{border:2px solid #ffffff80;border-radius:50%;width:65%;height:65%;box-shadow:0 0 0 9999px #00000059,inset 0 0 30px #0000001a}.iris-guide-inner{border:1px dashed #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.iris-guide-dot{background:#ffffff4d;border-radius:50%;width:6px;height:6px}.torch-btn{color:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;z-index:10;background:#0000006b;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,border-color .15s,color .15s;display:flex;position:absolute;top:12px;right:12px}.torch-btn:hover{background:#0009}.torch-btn.active{color:#ffe650;background:#ffd72847;border-color:#ffd728b3}.zoom-indicator{color:#ffffffeb;letter-spacing:.04em;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#0000007a;border:1px solid #ffffff2e;border-radius:20px;padding:3px 11px;font-size:13px;font-weight:600;position:absolute;top:12px;left:50%;transform:translate(-50%)}.capture-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#fff3;border:3px solid #fffc;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .15s,background .15s;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.capture-btn:hover{background:#ffffff59;transform:translate(-50%)scale(1.05)}.capture-btn:active{transform:translate(-50%)scale(.95)}.capture-btn-inner{background:#fff;border-radius:50%;width:48px;height:48px}.scan-overlay{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scan-ring{position:absolute;inset:0}.scan-ring-glow{filter:blur(14px);background:radial-gradient(circle,#4ade802e,#4ade800f 55%,#0000 80%);animation:1.05s ease-in-out infinite hudBreath;position:absolute;inset:0}@keyframes hudBreath{0%,to{opacity:.55;transform:scale(.99)}50%{opacity:1;transform:scale(1.045)}}.scan-canvas-mask{position:absolute;inset:0;overflow:hidden}.scan-canvas-mask canvas{filter:drop-shadow(0 0 8px #4ade8059)drop-shadow(0 0 20px #4ade802e);width:100%;height:100%;position:absolute;inset:0}.scan-video{object-fit:cover;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.scan-corner{filter:drop-shadow(0 0 4px #4ade80b3);border-style:solid;border-color:#4ade80f2;width:22px;height:22px;position:absolute}.scan-corner-tl{border-width:2px 0 0 2px;top:14px;left:14px}.scan-corner-tr{border-width:2px 2px 0 0;top:14px;right:14px}.scan-corner-bl{border-width:0 0 2px 2px;bottom:14px;left:14px}.scan-corner-br{border-width:0 2px 2px 0;bottom:14px;right:14px}.scan-label{color:#ffffffeb;letter-spacing:.14em;text-transform:uppercase;background:#00000075;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font:12px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:inline-flex;position:absolute;top:16px;left:16px}.scan-label .dot{opacity:.25;animation:.8s infinite dotBlink}.scan-label .dot1{animation-delay:0s}.scan-label .dot2{animation-delay:.17s}.scan-label .dot3{animation-delay:.34s}@keyframes dotBlink{0%,to{opacity:.2}50%{opacity:1}}