:root{font-family:Noto Sans TC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffeb;background:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--brand-bg: #242424;--brand-bg-deep: #171717;--brand-card: rgba(47, 47, 47, .94);--brand-card-soft: rgba(58, 58, 58, .92);--brand-border: rgba(253, 200, 0, .22);--brand-yellow: #fdf914;--brand-gold: #fdc800;--brand-orange: #fe9448;--brand-fire: #ff6428;--brand-gradient: linear-gradient(135deg, #fdf914 0%, #fdc800 34%, #fe9448 68%, #ff6428 100%);--brand-glow: 0 0 24px rgba(254, 148, 72, .35)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:#242424}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 0%,rgba(253,249,20,.08),transparent 28%),radial-gradient(circle at 85% 15%,rgba(255,100,40,.13),transparent 34%),linear-gradient(180deg,#2a2a2a,#242424 42%,#171717);color:#ffffffeb}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:#fdc800;text-decoration:none}a:hover{color:#fdf914}#root{min-height:100dvh;background:#242424}html,body{margin:0;height:100%;display:flex;justify-content:center;align-items:flex-start;min-height:100vh}:root{--accent: #E17055;--success: #00B894;--warning: #FDCB6E;--bg: #FDF6F0;--card: #FFFFFF;--text: #2D3436;--text-light: #636E72;--border: #E8E0D8}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Noto Sans TC,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.header{background:var(--card);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.logo{font-size:1.3rem;font-weight:600}.logo span{color:var(--accent)}.nav-tabs{display:flex;background:var(--card);border-bottom:1px solid var(--border)}.nav-tab{flex:1;padding:12px;text-align:center;font-size:.85rem;font-weight:500;color:var(--text-light);border:none;background:none;cursor:pointer;position:relative}.nav-tab.active{color:var(--accent)}.nav-tab.active:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:3px;background:var(--accent);border-radius:3px 3px 0 0}.main{padding:16px;max-width:480px;margin:0 auto}.screen{display:none}.screen.active{display:block}.camera-preview{background:var(--card);border-radius:20px;padding:16px;margin-bottom:16px;box-shadow:0 4px 20px #00000014}.preview-box{position:relative;width:100%;aspect-ratio:3/4;background:#222;border-radius:16px;overflow:hidden}.preview-video{width:100%;height:100%;object-fit:contain;background:#000;transform:scaleX(-1)}.preview-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.preview-placeholder{text-align:center;color:#fff9}.preview-placeholder-icon{font-size:3rem;margin-bottom:10px}.tap-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:10px 20px;border-radius:20px;font-size:.9rem}.mode-selector{display:flex;gap:10px;margin-bottom:16px}.mode-btn{flex:1;padding:14px;border:2px solid var(--border);border-radius:12px;background:var(--card);cursor:pointer;text-align:center}.mode-btn.active{border-color:var(--accent);background:#e1705514}.mode-btn-icon{font-size:1.5rem}.mode-btn-label{font-size:.8rem;font-weight:500;margin-top:4px}.start-btn{width:100%;padding:16px;background:var(--accent);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer}.fullscreen-camera.active{display:grid;grid-template-rows:1fr auto 1fr;height:100dvh;width:100vw}.fs-topbar{display:flex;justify-content:space-between;align-items:flex-start;padding:calc(12px + env(safe-area-inset-top)) 16px 12px}.fs-close{width:44px;height:44px;border-radius:999px;background:#ffffff2e;border:none;color:#fff;font-size:1.5rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fs-mode{background:#ffffff2e;padding:8px 14px;border-radius:999px;color:#fff;font-size:.85rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap}.fs-status-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#0000008c;color:#fff;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fs-status-pill.aligned{background:#00b894d9}.fs-stage{display:flex;align-items:center;justify-content:center}.fs-stage-inner{position:relative;width:min(100vw,75dvh);aspect-ratio:3 / 4;background:#000;overflow:hidden}.fs-video,.fs-ref-image,.fs-overlay{position:absolute;inset:0;width:100%;height:100%;transform:scaleX(-1)}.fs-video{object-fit:contain;background:#000}.fs-ref-image{object-fit:contain;opacity:.45;pointer-events:none;mix-blend-mode:screen}.fs-overlay{pointer-events:none}.fs-guide{position:absolute;inset:0;pointer-events:none;padding:min(4vw,18px);box-sizing:border-box;background:url(/mask-guide.svg) center/contain no-repeat;background-origin:content-box;background-clip:content-box}.fs-bottombar{display:flex;align-items:flex-end;justify-content:center;padding:12px 16px calc(16px + env(safe-area-inset-bottom))}.fs-bottom-grid{width:min(520px,100%);display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;gap:10px 12px;align-items:center}.fs-bottom-hint{grid-column:2;grid-row:1;justify-self:center;text-align:center;color:#fff;background:#0000008c;padding:10px 16px;border-radius:999px;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:min(92vw,360px)}.fs-capture-btn{grid-column:2;grid-row:2;justify-self:center;align-self:center;width:80px;height:80px;border-radius:50%;background:#fff;border:4px solid rgba(255,255,255,.3);cursor:pointer;position:relative;display:block;box-sizing:border-box}.fs-capture-btn:after{content:"";position:absolute;top:50%;left:50%;width:60px;height:60px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);transition:transform .1s}.fs-debug{grid-column:1;grid-row:2;justify-self:start;align-self:end;color:#ffffffd9;font-size:12px;line-height:1.35}.fs-baseline{grid-column:3;grid-row:2;justify-self:end;align-self:end;display:flex;flex-direction:column;align-items:center;gap:6px}.fs-ref-btn{width:50px;height:50px;border-radius:50%;background:#fff3;border:none;font-size:1.5rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fs-ref-btn.active{background:var(--success)}.fs-ref-label{color:#fff;font-size:.7rem}.guide-modal,.success-modal{position:fixed;inset:0;background:#000000e6;z-index:1100;display:none;align-items:center;justify-content:center;padding:20px}.guide-modal.active,.success-modal.active{display:flex}.guide-content{background:var(--card);border-radius:24px;max-width:360px;width:100%;padding:30px 24px;text-align:center}.guide-icon{font-size:4rem;margin-bottom:16px}.guide-title{font-size:1.3rem;font-weight:600;margin-bottom:8px}.guide-subtitle{color:var(--text-light);font-size:.9rem;margin-bottom:24px}.guide-steps{text-align:left;margin-bottom:24px}.guide-step{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.guide-step:last-child{border-bottom:none}.guide-step-num{width:28px;height:28px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;flex-shrink:0}.guide-step-text{font-size:.9rem;line-height:1.5}.guide-btn{width:100%;padding:16px;background:var(--accent);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer}.success-content{text-align:center}.success-check{width:100px;height:100px;background:var(--success);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.success-check-icon{font-size:3rem;color:#fff}.success-text{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:16px}.success-thumb{width:120px;height:160px;border-radius:12px;overflow:hidden;margin:0 auto 24px;border:3px solid white}.success-thumb img{width:100%;height:100%;object-fit:cover}.success-btns{display:flex;gap:12px;justify-content:center}.success-btn{padding:14px 28px;border-radius:12px;font-size:.95rem;font-weight:500;cursor:pointer;border:none}.success-btn.primary{background:#fff;color:var(--text)}.success-btn.secondary{background:#fff3;color:#fff}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.history-title{font-size:1.1rem;font-weight:600}.history-count{font-size:.85rem;color:var(--text-light)}.history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.history-item{aspect-ratio:3/4;border-radius:12px;overflow:hidden;cursor:pointer;position:relative;background:var(--border)}.history-item img{width:100%;height:100%;object-fit:cover}.history-item-date{position:absolute;bottom:0;left:0;right:0;padding:6px;background:linear-gradient(transparent,#000000b3);color:#fff;font-size:.7rem;text-align:center}.history-item-badge{position:absolute;top:6px;left:6px;background:var(--accent);color:#fff;font-size:.6rem;padding:2px 6px;border-radius:6px}.history-item-score{position:absolute;right:6px;bottom:34px;background:#0009;color:#fff;font-size:.65rem;padding:2px 6px;border-radius:6px;z-index:3}.empty-state{text-align:center;padding:50px 20px;color:var(--text-light)}.empty-state-icon{font-size:3rem;margin-bottom:12px;opacity:.3}.compare-slots{display:flex;gap:10px;margin-bottom:16px}.compare-slot{flex:1;aspect-ratio:3/4;border-radius:14px;background:var(--card);border:2px dashed var(--border);display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;position:relative;overflow:hidden}.compare-slot.filled{border:none}.compare-slot img{width:100%;height:100%;object-fit:cover}.compare-slot-label{position:absolute;top:8px;left:8px;background:#0009;color:#fff;padding:4px 10px;border-radius:10px;font-size:.7rem}.compare-slot-icon{font-size:2rem;opacity:.3;margin-bottom:6px}.compare-slot-hint{color:var(--text-light);font-size:.8rem}.slider-box{position:relative;width:100%;aspect-ratio:3/4;border-radius:16px;overflow:hidden;margin-bottom:16px;touch-action:none}.slider-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.slider-img.before{clip-path:inset(0 50% 0 0)}.slider-handle{position:absolute;top:0;bottom:0;left:50%;width:4px;background:#fff;transform:translate(-50%);box-shadow:0 0 10px #0000004d}.slider-handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:#fff;border-radius:50%;box-shadow:0 2px 10px #0003}.slider-handle:after{content:"⟷";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.85rem;color:#666}.slider-label{position:absolute;top:10px;background:#0009;color:#fff;padding:4px 10px;border-radius:10px;font-size:.7rem}.slider-label.before{left:10px}.slider-label.after{right:10px}.metrics-card{background:var(--card);border-radius:14px;padding:16px;margin-bottom:12px}.metrics-title{font-size:.8rem;color:var(--text-light);margin-bottom:12px}.metrics-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);font-size:.85rem}.metrics-row:last-child{border-bottom:none}.metrics-change{display:flex;align-items:center;gap:6px}.metrics-before{color:var(--text-light)}.metrics-after{font-weight:600;color:var(--success)}.metrics-diff{font-size:.75rem;padding:2px 6px;border-radius:6px}.metrics-diff.up{background:#00b89426;color:var(--success)}.metrics-diff.down{background:#e1705526;color:var(--accent)}.reset-btn{width:100%;padding:14px;background:var(--border);border:none;border-radius:12px;font-size:.9rem;cursor:pointer}.loading-overlay{position:fixed;inset:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2000}.loading-overlay.hidden{display:none}.spinner{width:50px;height:50px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:20px;color:var(--text-light)}#root{width:100%;max-width:520px}header,.nav-tabs,.main{width:100%}.history-item-delete{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:999px;border:none;background:#0000008c;color:#fff;cursor:pointer;z-index:4;display:flex;align-items:center;justify-content:center;line-height:1}.history-item-delete:active{transform:scale(.96)}.fs-debug{position:absolute;left:calc(var(--vidLeft, 0px) + 12px);bottom:calc(100% - (var(--vidTop, 0px) + var(--vidH, 100%)) + 12px);padding:10px 12px;background:#0000008c;color:#fff;font-size:12px;line-height:1.35;border-radius:12px;z-index:30;pointer-events:none;max-width:calc(var(--vidW, 100%) - 24px);white-space:pre-line}@media(max-width:520px){.fs-video,.fs-ref-image{object-fit:cover}}.fs-debug{position:absolute;left:14px;bottom:calc(10px + env(safe-area-inset-bottom));color:#ffffffd9;font-size:12px;line-height:1.25;pointer-events:none;max-width:45%;text-shadow:0 1px 2px rgba(0,0,0,.55)}@media(max-width:520px){.fs-debug{font-size:11px;max-width:55%}}.fs-header{position:relative!important;background:#000!important;padding:12px 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.fs-top-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0}.fs-status{position:relative!important;top:auto!important;left:auto!important;transform:none!important;margin:0!important}.fs-hint-top{color:#ffffffd9;font-size:12px;line-height:1.2;text-align:center;max-width:92%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-controls{position:relative}.fs-debug{position:absolute;left:14px;bottom:calc(10px + env(safe-area-inset-bottom));color:#ffffffd9;font-size:12px;line-height:1.25;pointer-events:none;max-width:55%;text-shadow:0 1px 2px rgba(0,0,0,.55)}@media(max-width:520px){.fs-debug{font-size:11px;max-width:60%}}.fullscreen-camera{position:fixed;inset:0;background:#000}.fs-header,.fs-topbar{position:absolute;top:0;left:0;right:0;height:72px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#000000e6;z-index:30}.fs-controls,.fs-bottombar{position:absolute;left:0;right:0;bottom:0;height:180px;padding:12px 16px calc(16px + env(safe-area-inset-bottom)) 16px;background:#000000eb;z-index:30}.fs-video-container{position:absolute;inset:72px 0 180px;overflow:hidden}.fs-video{width:100%;height:100%;object-fit:contain;background:#000;transform:scaleX(-1)}.fs-ref-image{opacity:.45;transform:scaleX(-1)}.fs-guide{position:absolute;inset:0;pointer-events:none;padding:min(4vw,18px);box-sizing:border-box;background:url(/mask-guide.svg) center/contain no-repeat;background-origin:content-box;background-clip:content-box}.fs-controls .fs-debug,.fs-bottombar .fs-debug{position:absolute;left:16px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:48%;font-size:12px;line-height:1.35;color:#ffffffeb;pointer-events:none}.fs-header .fs-debug,.fs-topbar .fs-debug{display:none!important}.fs-controls .fs-hint,.fs-bottombar .fs-hint{position:absolute;left:50%;bottom:calc(108px + env(safe-area-inset-bottom));transform:translate(-50%);max-width:78%;text-align:center}.fs-controls .fs-capture-btn,.fs-bottombar .fs-capture-btn{position:absolute;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%)}.fs-ref-toggle{position:absolute;right:16px;bottom:calc(12px + env(safe-area-inset-bottom))}.fullscreen-camera.active{display:flex;flex-direction:column}.fs-topbar{background:#000;display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 12px 10px;z-index:20}.fs-topbar .fs-status{position:static!important;transform:none!important;margin:0 auto}.fs-video-container{flex:1;min-height:0;background:#000}.fs-bottombar{background:#000;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));z-index:20}.fs-bottom-center{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px}.fs-bottombar .fs-hint{position:static!important;left:auto!important;bottom:auto!important;transform:none!important;max-width:min(92vw,320px);margin:0}.fs-debug{font-size:12px;line-height:1.25;color:#ffffffd9}.fs-bottombar .fs-ref-toggle{position:static!important;right:auto!important;bottom:auto!important;justify-self:end}.fs-bottombar{grid-template-columns:minmax(150px,1fr) auto minmax(92px,1fr);align-items:center}.fs-bottom-center{justify-self:center}.fs-bottombar .fs-debug{justify-self:start;max-width:160px}.fs-bottombar .fs-ref-toggle{justify-self:end;margin-left:8px}.fs-ref-btn{width:44px;height:44px}.fs-controls{position:absolute;left:0;right:0;bottom:0;height:170px;padding:18px 18px calc(18px + env(safe-area-inset-bottom)) 18px;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.35),transparent);z-index:30}.fs-capture-btn{margin-bottom:8px}.fs-debug{position:absolute;left:14px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:31;max-width:170px;pointer-events:none}.fs-ref-toggle{position:absolute;right:14px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:31}.fs-hint{bottom:calc(95px + env(safe-area-inset-bottom));z-index:31;max-width:92%}.fullscreen-camera{position:fixed;inset:0;background:#000;z-index:1000;display:none}.fullscreen-camera.active{--barMin: clamp(86px, 11svh, 140px);display:grid;grid-template-rows:minmax(var(--barMin),1fr) auto minmax(var(--barMin),1fr);width:100vw;height:100svh;height:100dvh}.fs-header{grid-row:1;position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:#000000eb;z-index:40}.fs-video-container{grid-row:2;position:relative;overflow:hidden;background:#000;justify-self:center;align-self:center;aspect-ratio:3 / 4;width:min(100vw,calc((100dvh - 2 * var(--barMin)) * .75))}.fs-video{width:100%;height:100%;object-fit:contain;object-position:center center;background:#000;transform:scaleX(-1);display:block}.fs-ref-image,.fs-overlay,.fs-guide{position:absolute;left:var(--vidLeft, 0px);top:var(--vidTop, 0px);width:var(--vidW, 100%);height:var(--vidH, 100%)}.fs-ref-image{object-fit:contain;opacity:.45;pointer-events:none;mix-blend-mode:screen;transform:scaleX(-1)}.fs-guide{pointer-events:none;padding:min(4vw,18px);box-sizing:border-box;background:url(/mask-guide.svg) center/contain no-repeat;background-origin:content-box;background-clip:content-box}.fs-video-container>.fs-hint{display:none!important}.fs-controls{grid-row:3;position:relative;background:#000000eb;padding:12px 14px calc(14px + env(safe-area-inset-bottom));z-index:50;display:grid!important;grid-template-columns:1fr auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"hint hint hint" "debug shutter baseline";align-items:center;column-gap:12px;row-gap:10px}.fs-controls .fs-hint{grid-area:hint;justify-self:center;align-self:start;background:#000000b3;color:#fff;padding:10px 18px;border-radius:20px;font-size:.9rem;text-align:center;max-width:92%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fs-debug{grid-area:debug;justify-self:start;align-self:end;font-size:clamp(10px,2.6vw,12px);line-height:1.25;color:#ffffffd9;pointer-events:none}.fs-controls .fs-capture-btn{grid-area:shutter;justify-self:center;align-self:end;width:clamp(64px,18vw,86px);height:clamp(64px,18vw,86px);border-radius:50%;background:#fff;border:4px solid rgba(255,255,255,.25);cursor:pointer;position:relative}.fs-controls .fs-capture-btn:after{content:"";position:absolute;top:50%;left:50%;width:calc(100% - 20px);height:calc(100% - 20px);transform:translate(-50%,-50%);border-radius:50%;background:#fff;transition:transform .1s}.fs-controls .fs-capture-btn:active:after{transform:translate(-50%,-50%) scale(.92)}.fs-controls .fs-capture-btn.aligned{border-color:var(--success)}.fs-controls .fs-ref-toggle{grid-area:baseline;justify-self:end;align-self:end}.fullscreen-camera.active{display:grid!important;height:100dvh;width:100%;grid-template-rows:minmax(140px,1fr) minmax(260px,min(calc(100dvw / .75),calc(100dvh - 280px))) minmax(140px,1fr);background:#000}.fs-topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px 16px;background:#000}.fs-statuspill{justify-self:center;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#0000008c;color:#fff;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fs-statuspill.ready{background:#00b89473}.fs-statuspill.aligned{background:#00b894d9}.fs-statusdot{width:10px;height:10px;border-radius:50%;background:#fdcb6e}.fs-statuspill.ready .fs-statusdot{background:#00b894}.fs-statuspill.aligned .fs-statusdot{background:#fff}.fs-modepill{justify-self:end;padding:8px 14px;border-radius:999px;background:#ffffff2e;color:#fff;font-size:13px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fs-stage-wrap{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000}.fs-stage-inner{height:100%;aspect-ratio:3 / 4;max-width:100%;position:relative;overflow:hidden;border-radius:18px;background:#000}.fs-video,.fs-ref-image,.fs-overlay,.fs-guide{position:absolute;inset:0;width:100%;height:100%}.fs-video{object-fit:cover;transform:scaleX(-1)}.fs-ref-image{object-fit:cover;transform:scaleX(-1);opacity:.45;mix-blend-mode:screen;pointer-events:none}.fs-overlay{pointer-events:none;transform:scaleX(-1)}.fs-guide{pointer-events:none;background:url(/mask-guide.svg) center/contain no-repeat;padding:min(4vw,18px);box-sizing:border-box;background-origin:content-box;background-clip:content-box}.fs-bottombar{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"hint hint hint" "debug shutter base";gap:12px;align-items:end;padding:12px 16px calc(16px + env(safe-area-inset-bottom)) 16px;background:#000}.fs-hint{grid-area:hint;justify-self:center;align-self:start;background:#000000a6;color:#fff;padding:10px 18px;border-radius:999px;font-size:14px;max-width:92%;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fs-capture-btn{grid-area:shutter;justify-self:center;align-self:center}.fs-debug{grid-area:debug;justify-self:start;align-self:end;color:#ffffffe6;font-size:12px;line-height:1.35;opacity:.95;background:#00000059;padding:10px 12px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fs-ref-toggle{grid-area:base;justify-self:end;align-self:end;position:static}.fullscreen-camera.active{display:grid;grid-template-rows:1fr auto 1fr;height:100svh;background:#000}.fs-topbar{display:flex;align-items:flex-start;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top)) 14px 12px;color:#fff}.fs-stage{display:flex;justify-content:center;align-items:center;padding:0 10px}.fs-video-container{position:relative;width:100vw;max-width:100vw;height:min(62svh,calc(100vw * 4 / 3));background:#000;overflow:hidden}.fs-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;transform:scaleX(-1)}.fs-ref-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;opacity:.45;pointer-events:none;mix-blend-mode:screen;transform:scaleX(-1)}.fs-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transform:scaleX(-1)}.fs-guide{position:absolute;inset:0;pointer-events:none;padding:min(4vw,18px);box-sizing:border-box;background:url(/mask-guide.svg) center/contain no-repeat;background-origin:content-box;background-clip:content-box}.fs-status{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:14px}.fs-status.aligned{background:#00b894d9}.fs-status-dot{width:10px;height:10px;border-radius:50%;background:var(--warning)}.fs-status-dot.ready{background:var(--success)}.fs-status-dot.aligned{background:#fff}.fs-bottombar{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto 1fr auto;align-items:center;padding:14px 16px calc(14px + env(safe-area-inset-bottom));color:#fff}.fs-hintbar{grid-column:2;grid-row:1;justify-self:center;align-self:start;background:#0000008c;padding:10px 16px;border-radius:999px;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;max-width:90%}.fs-capture-btn{grid-column:2;grid-row:2;justify-self:center;align-self:center;width:clamp(64px,9vh,80px);height:clamp(64px,9vh,80px);border-radius:50%;background:#fff;border:4px solid rgba(255,255,255,.3);cursor:pointer;position:relative}.fs-capture-btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;background:#fff;border-radius:50%;transition:transform .1s}.fs-capture-btn:active:after{transform:translate(-50%,-50%) scale(.9)}.fs-capture-btn.aligned{border-color:var(--success)}.fs-debug{grid-column:1;grid-row:3;justify-self:start;align-self:end;font-size:12px;line-height:1.25;opacity:.9;padding-bottom:2px}.fs-baseline{grid-column:3;grid-row:3;justify-self:end;align-self:end;display:flex;flex-direction:column;align-items:center;gap:6px}.fs-ref-btn{width:52px;height:52px;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.15);font-size:22px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fs-ref-btn.active{background:#00b894f2}.fs-ref-label{font-size:12px;opacity:.95}@media(min-width:760px){.fs-video-container{width:min(520px,100vw);height:min(70svh,calc(min(520px,100vw) * 4 / 3))}}.fullscreen-camera.active{--barMin: clamp(110px, 14svh, 170px);display:grid!important;grid-template-rows:1fr auto 1fr!important;width:100vw;height:100svh;height:100dvh;background:#000}.fs-topbar{grid-row:1;align-self:start}.fs-bottombar{grid-row:3;align-self:end;position:relative!important;min-height:220px;padding:0 16px calc(16px + env(safe-area-inset-bottom)) 16px!important;background:#000}.fs-stage{grid-row:2;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 10px}.fs-stage-inner,.fs-video-container{position:relative!important;width:min(100vw,calc((100dvh - (2 * var(--barMin))) * .75));aspect-ratio:3 / 4;max-width:100vw;max-height:calc(100dvh - (2 * var(--barMin)));margin:0 auto!important;overflow:hidden;background:#000}.fs-guide{position:absolute!important;inset:0!important;box-sizing:border-box;padding:clamp(10px,3.2vw,18px)!important;background-position:center!important;background-repeat:no-repeat!important;background-size:90% 90%!important;pointer-events:none}.fs-bottom-grid{position:relative!important;width:100%;min-height:220px}.fs-bottom-hint,.fs-hintbar{position:absolute!important;top:20px!important;left:50%!important;transform:translate(-50%)!important;max-width:88%;text-align:center;z-index:2}.fs-capture-btn{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:2}.fs-debug{position:absolute!important;left:16px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;justify-self:auto!important;align-self:auto!important;z-index:1}.fs-baseline,.fs-ref-toggle{position:absolute!important;right:16px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;justify-self:auto!important;align-self:auto!important;z-index:1}@media(min-width:760px){.fs-stage-inner,.fs-video-container{width:min(520px,calc((100dvh - (2 * var(--barMin))) * .75))}}.fullscreen-camera.active{display:grid!important;grid-template-rows:1fr auto 1fr!important;width:100vw!important;height:100svh!important;height:100dvh!important;background:#000!important}.fs-stage{grid-row:2!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;padding:0 10px!important;box-sizing:border-box!important}.fs-stage-inner,.fs-video-container{position:relative!important;width:min(100vw,calc((100dvh - 240px)*.75))!important;aspect-ratio:3 / 4!important;max-width:100vw!important;max-height:calc(100dvh - 240px)!important;margin:0 auto!important;overflow:hidden!important;background:#000!important;border-radius:0!important}.fs-video,.fs-ref-image,.fs-overlay{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.fs-guide{position:absolute!important;inset:0!important;pointer-events:none!important;box-sizing:border-box!important;padding:clamp(18px,5vw,28px)!important;background-position:center center!important;background-repeat:no-repeat!important;background-size:78% 78%!important;background-origin:content-box!important;background-clip:content-box!important}.fs-bottombar{grid-row:3!important;align-self:end!important;position:relative!important;width:100%!important;min-height:220px!important;padding:0 16px calc(16px + env(safe-area-inset-bottom)) 16px!important;box-sizing:border-box!important;background:#000!important}.fs-bottom-grid{position:relative!important;width:100%!important;min-height:220px!important}.fs-bottom-hint,.fs-hintbar{position:absolute!important;top:22px!important;left:50%!important;transform:translate(-50%)!important;width:max-content!important;max-width:88%!important;text-align:center!important;z-index:2!important}.fs-capture-btn{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;z-index:2!important}@media(min-width:760px){.fs-stage-inner,.fs-video-container{width:min(520px,calc((100dvh - 240px)*.75))!important}}.fs-bottombar{flex:1 1 0!important;min-height:220px!important;width:100%!important;box-sizing:border-box!important;background:#000!important;padding:12px 16px calc(16px + env(safe-area-inset-bottom)) 16px!important;display:flex!important;align-items:stretch!important}.fs-stage-inner,.fs-video-container{position:relative!important;width:min(100vw,calc((100dvh - 220px)*.75))!important;aspect-ratio:3 / 4!important;max-width:100vw!important;max-height:calc(100dvh - 220px)!important;margin:0 auto!important;overflow:hidden!important;background:#000!important}.fs-bottom-grid{position:relative!important;width:100%!important;height:100%!important;min-height:190px!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;grid-template-rows:auto 1fr auto!important;align-items:center!important}.fs-bottom-hint,.fs-hintbar{position:static!important;grid-column:2!important;grid-row:1!important;justify-self:center!important;align-self:start!important;transform:none!important;text-align:center!important;max-width:88%!important;z-index:2!important}.fs-capture-btn{position:static!important;grid-column:2!important;grid-row:2!important;justify-self:center!important;align-self:center!important;margin:0!important;transform:none!important;z-index:2!important}.fs-capture-btn:after{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.fs-debug{position:static!important;grid-column:1!important;grid-row:3!important;justify-self:start!important;align-self:end!important;z-index:1!important}.fs-baseline,.fs-ref-toggle{position:static!important;grid-column:3!important;grid-row:3!important;justify-self:end!important;align-self:end!important;right:auto!important;bottom:auto!important;z-index:1!important}@media(min-width:760px){.fs-stage-inner,.fs-video-container{width:min(520px,calc((100dvh - 220px)*.75))!important}}.fullscreen-camera.active{--stageW: min(100vw, 520px);--stageH: min( calc(100dvh - 250px) , calc(var(--stageW) * 4 / 3));display:grid!important;grid-template-rows:calc((100dvh - var(--stageH)) / 2) var(--stageH) calc((100dvh - var(--stageH)) / 2)!important;width:100vw!important;height:100svh!important;height:100dvh!important;background:#000!important}.fs-topbar,.fs-header{grid-row:1!important;align-self:start!important;width:100%!important;box-sizing:border-box!important}.fs-stage{grid-row:2!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;min-height:0!important;padding:0 10px!important;box-sizing:border-box!important}.fs-stage-inner,.fs-video-container{position:relative!important;height:100%!important;aspect-ratio:3 / 4!important;width:auto!important;max-width:100vw!important;margin:0 auto!important;overflow:hidden!important;background:#000!important}.fs-stage .fs-hint,.fs-video-container .fs-hint{display:none!important}.fs-video{object-fit:contain!important;object-position:center center!important;background:#000!important}.fs-guide{box-sizing:border-box!important;padding:clamp(22px,6vw,34px) clamp(18px,4vw,28px) clamp(44px,10vw,64px) clamp(18px,4vw,28px)!important;background-position:center center!important;background-repeat:no-repeat!important;background-size:100% 100%!important;background-origin:content-box!important;background-clip:content-box!important;pointer-events:none!important}.fs-bottombar{grid-row:3!important;align-self:end!important;position:relative!important;width:100%!important;height:100%!important;min-height:0!important;padding:0 16px calc(16px + env(safe-area-inset-bottom)) 16px!important;box-sizing:border-box!important;background:#000!important}.fs-bottom-grid{position:relative!important;width:100%!important;height:100%!important;min-height:0!important}.fs-bottom-hint,.fs-hintbar{position:absolute!important;top:14px!important;left:50%!important;transform:translate(-50%)!important;width:max-content!important;max-width:88%!important;text-align:center!important;z-index:2!important}.fs-baseline,.fs-ref-toggle{position:absolute!important;right:16px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;z-index:1!important}@media(min-width:760px){.fs-stage-inner,.fs-video-container{height:100%!important;max-width:520px!important}}.fullscreen-camera.active{display:flex!important;flex-direction:column!important;width:100vw!important;height:100svh!important;height:100dvh!important;background:#000!important}.fs-topbar,.fs-header{flex:1 1 0!important;min-height:110px!important;width:100%!important;box-sizing:border-box!important}.fs-bottombar{flex:1 1 0!important;min-height:220px!important;width:100%!important;box-sizing:border-box!important;background:#000!important;position:relative!important;padding:0 16px calc(16px + env(safe-area-inset-bottom)) 16px!important}.fs-stage{flex:0 0 auto!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 10px!important;box-sizing:border-box!important}.fs-stage-inner,.fs-video-container{position:relative!important;width:min(100vw,calc((100dvh - 260px)*.75))!important;height:auto!important;aspect-ratio:3 / 4!important;max-width:100vw!important;max-height:calc(100dvh - 260px)!important;margin:0 auto!important;overflow:hidden!important;background:#000!important}.fs-video,.fs-ref-image,.fs-overlay,.fs-guide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.fs-video{object-fit:cover!important;object-position:center center!important;background:#000!important}.fs-ref-image{object-fit:cover!important;object-position:center center!important;opacity:.45!important;pointer-events:none!important;mix-blend-mode:screen!important}.fs-guide{box-sizing:border-box!important;padding:clamp(28px,7vw,40px) clamp(20px,5vw,28px) clamp(58px,14vw,82px) clamp(20px,5vw,28px)!important;background-position:center center!important;background-repeat:no-repeat!important;background-size:100% 100%!important;background-origin:content-box!important;background-clip:content-box!important;pointer-events:none!important}.fs-bottom-grid{position:static!important;width:100%!important;height:100%!important;min-height:0!important}.fs-bottom-hint,.fs-hintbar{position:absolute!important;top:16px!important;left:50%!important;transform:translate(-50%)!important;width:max-content!important;max-width:88%!important;text-align:center!important;z-index:2!important}.fs-capture-btn{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;width:84px!important;height:84px!important;z-index:2!important}.fs-capture-btn:after{top:50%!important;left:50%!important;width:62px!important;height:62px!important;transform:translate(-50%,-50%)!important}.fs-debug{position:absolute!important;left:16px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;z-index:1!important}.fs-baseline,.fs-ref-toggle{position:absolute!important;right:16px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;left:auto!important;top:auto!important;transform:none!important;z-index:1!important}@media(min-width:760px){.fs-stage-inner,.fs-video-container{width:min(520px,calc((100dvh - 260px)*.75))!important}}.fs-bottombar .fs-bottom-hint,.fs-bottombar .fs-hintbar{position:absolute!important;inset:16px auto auto 50%!important;transform:translate(-50%)!important;margin:0!important;width:max-content!important;max-width:88%!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;z-index:2!important}.fs-bottombar .fs-baseline,.fs-bottombar .fs-ref-toggle{position:absolute!important;right:16px!important;left:auto!important;top:auto!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;transform:none!important;margin:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;z-index:1!important}.fs-bottombar .fs-ref-label{text-align:center!important}.fs-guide{inset:0!important;padding:0!important;background-position:center center!important;background-repeat:no-repeat!important;background-size:auto 75%!important;transform:none!important}html,body,#root{width:100%;min-height:100svh;min-height:100dvh;overflow-x:hidden}.fullscreen-camera,.fullscreen-camera.active,.fs-stage,.fs-stage-inner,.fs-video-container{writing-mode:horizontal-tb!important;transform:none!important}@media(orientation:landscape){.fullscreen-camera.active{width:100vw!important;height:100dvh!important}.fs-stage-inner,.fs-video-container{aspect-ratio:3 / 4!important;width:min(56.25dvh,100vw)!important;height:auto!important;max-height:100dvh!important;margin:0 auto!important}}.fs-guide{inset:0!important;padding:0!important;background-position:center 58%!important;background-repeat:no-repeat!important;background-size:auto 75%!important;transform:none!important;pointer-events:none!important}html,body,#root{overflow-x:hidden!important}.fullscreen-camera.active{position:fixed!important;inset:0!important;width:100vw!important;height:100svh!important;height:100dvh!important;display:block!important;background:#000!important;overflow:hidden!important;z-index:9999!important}.fullscreen-camera.active .fs-topbar,.fullscreen-camera.active .fs-bottombar{display:none!important}.fullscreen-camera.active .fs-stage-wrap,.fullscreen-camera.active .fs-stage-inner,.fullscreen-camera.active .fs-video-container{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;border-radius:0!important;overflow:hidden!important;background:#000!important}.fullscreen-camera.active .fs-guide{inset:0!important;padding:0!important;background-position:center 37%!important;background-repeat:no-repeat!important;background-size:auto 50%!important;transform:none!important;pointer-events:none!important}.fullscreen-camera.active .fs-close{position:absolute!important;top:calc(16px + env(safe-area-inset-top))!important;left:16px!important;z-index:6!important;width:56px!important;height:56px!important;border-radius:999px!important;border:none!important;background:#282828eb!important;color:#fff!important;font-size:22px!important;display:grid!important;place-items:center!important}.fullscreen-camera.active .fs-modepill{position:absolute!important;top:calc(18px + env(safe-area-inset-top))!important;right:16px!important;left:auto!important;z-index:5!important;justify-self:auto!important;padding:12px 18px!important;border-radius:999px!important;background:#222222eb!important;color:#fff!important;font-size:16px!important;line-height:1!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.fullscreen-camera.active .fs-stage-status{position:absolute!important;top:calc(18px + env(safe-area-inset-top))!important;left:50%!important;transform:translate(-50%)!important;z-index:5!important}.fullscreen-camera.active .fs-guide-hint{position:absolute!important;left:50%!important;top:min(69%,calc(100% - 210px))!important;transform:translate(-50%)!important;z-index:4!important;width:max-content!important;max-width:86%!important;text-align:center!important;color:#fff!important;font-size:14px!important;line-height:1.4!important;padding:10px 18px!important;border-radius:999px!important;background:#0000008c!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.fullscreen-camera.active .fs-capture-btn{position:absolute!important;left:50%!important;top:min(80%,calc(100% - 110px))!important;transform:translate(-50%)!important;z-index:4!important;width:92px!important;height:92px!important;margin:0!important}.fullscreen-camera.active .fs-capture-btn:after{width:68px!important;height:68px!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.fullscreen-camera.active .fs-debug{position:absolute!important;left:16px!important;bottom:calc(16px + env(safe-area-inset-bottom))!important;z-index:3!important;color:#ffffffeb!important;font-size:12px!important;line-height:1.35!important;background:#00000059!important;padding:10px 12px!important;border-radius:12px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.fullscreen-camera.active .fs-ref-toggle{position:absolute!important;right:16px!important;bottom:calc(16px + env(safe-area-inset-bottom))!important;left:auto!important;top:auto!important;transform:none!important;z-index:3!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important}.fullscreen-camera.active .fs-ref-label{color:#fff!important;font-size:12px!important;text-align:center!important}.fullscreen-camera.active .fs-guide{background-position:center 30%!important;background-size:auto 60%!important}.fullscreen-camera.active .fs-preview-shell{position:absolute!important;inset:0!important;z-index:1!important;transform:scale(.8)!important;transform-origin:center center!important;pointer-events:none!important}.fullscreen-camera.active .fs-guide{position:absolute!important;inset:0!important;z-index:2!important;background-position:center 25%!important;background-size:auto 70%!important;background-repeat:no-repeat!important;pointer-events:none!important}.fullscreen-camera.active .fs-preview-shell{position:absolute!important;inset:0!important;z-index:1!important;transform:scale(.5)!important;transform-origin:center center!important;pointer-events:none!important}.fullscreen-camera.active .fs-close{position:absolute!important;top:calc(16px + env(safe-area-inset-top))!important;left:16px!important;z-index:6!important;width:56px!important;height:56px!important;padding:0!important;border-radius:999px!important;border:none!important;background:#282828eb!important;color:#fff!important;font-size:24px!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}.fullscreen-camera.active .fs-stage-wrap,.fullscreen-camera.active .fs-stage-inner,.fullscreen-camera.active .fs-video-container{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000!important}.fullscreen-camera.active .fs-preview-shell{position:absolute!important;left:50%!important;top:50%!important;width:min(100vw,56.25dvh)!important;height:min(100dvh,calc(100vw * 16 / 9))!important;transform:translate(-50%,-50%) scale(1)!important;transform-origin:center center!important;z-index:1!important;overflow:hidden!important;background:#000!important;pointer-events:none!important}.fullscreen-camera.active .fs-video,.fullscreen-camera.active .fs-ref-image,.fullscreen-camera.active .fs-overlay{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.fullscreen-camera.active .fs-ref-image{object-fit:cover!important;object-position:center center!important;opacity:.45!important;pointer-events:none!important;mix-blend-mode:screen!important;transform:scaleX(-1)!important}.fullscreen-camera.active .fs-guide{position:absolute!important;inset:0!important;z-index:2!important;background-position:center 15%!important;background-size:auto 80%!important;background-repeat:no-repeat!important;pointer-events:none!important}.fullscreen-camera.active .fs-close{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:0!important;line-height:1!important}@media(orientation:landscape){.fullscreen-camera.active .fs-preview-shell{width:min(56.25dvh,100vw)!important;height:min(100dvh,calc(100vw * 16 / 9))!important}}.fullscreen-camera.active .fs-video,.fullscreen-camera.active .fs-ref-image,.fullscreen-camera.active .fs-overlay,.fullscreen-camera.active .fs-guide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.fullscreen-camera.active .fs-video{object-fit:cover!important;object-position:center center!important;transform:scaleX(-1)!important}.fullscreen-camera.active .fs-ref-image{object-fit:cover!important;object-position:center center!important;opacity:.45!important;mix-blend-mode:screen!important;transform:scaleX(-1)!important}.fullscreen-camera.active .fs-overlay{transform:scaleX(-1)!important}.fullscreen-camera.active .fs-guide{background-repeat:no-repeat!important;background-position:center 15%!important;background-size:auto 80%!important;pointer-events:none!important}@media(orientation:landscape){.fullscreen-camera.active .fs-preview-shell{width:min(75dvh,100vw)!important;height:min(100dvh,calc(100vw * 4 / 3))!important}}.fullscreen-camera.active .fs-ref-image{transform:none!important}.compare-confidence{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#fff}.compare-confidence-grade{font-size:13px;font-weight:700;margin-bottom:4px}.compare-confidence-hint{font-size:12px;line-height:1.5;color:#4b5563}.compare-confidence-a{background:#10b98114}.compare-confidence-b{background:#f59e0b1a}.compare-confidence-c{background:#ef444414}#screen-camera.active{display:flex!important;flex-direction:column!important;gap:10px!important;min-height:calc(100svh - 142px)!important}.camera-preview{flex:1 1 auto!important;display:flex!important;align-items:stretch!important;justify-content:center!important;background:var(--card)!important;border-radius:18px!important;padding:10px!important;margin-bottom:8px!important;box-shadow:0 4px 20px #00000014!important}.preview-box{position:relative!important;width:100%!important;aspect-ratio:3 / 4!important;min-height:min(48svh,500px)!important;max-height:min(52svh,540px)!important;background:#000!important;border-radius:16px!important;overflow:hidden!important}.preview-overlay{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(to bottom,#0000001f,#00000047)!important}.preview-placeholder{display:grid!important;gap:8px!important;place-items:center!important;color:#fff!important;text-align:center!important;padding:18px!important}.preview-placeholder-icon{font-size:34px!important}.tap-hint{position:absolute!important;left:50%!important;bottom:14px!important;transform:translate(-50%)!important;background:#0000009e!important;color:#fff!important;padding:8px 16px!important;border-radius:999px!important;font-size:12px!important;line-height:1.2!important;white-space:nowrap!important}.mode-selector{display:flex!important;gap:8px!important;margin-bottom:8px!important}.mode-btn{flex:1 1 0!important;padding:12px 10px!important;border:2px solid var(--border)!important;border-radius:12px!important;background:var(--card)!important;cursor:pointer!important;text-align:center!important}.mode-btn-icon{font-size:1.25rem!important}.mode-btn-label{font-size:.78rem!important;font-weight:600!important;margin-top:3px!important}.start-btn{width:100%!important;min-height:52px!important;padding:14px 16px!important;background:var(--accent)!important;color:#fff!important;border:none!important;border-radius:14px!important;font-size:1rem!important;font-weight:700!important;cursor:pointer!important;margin-top:auto!important}@media(max-width:768px){#screen-camera.active{min-height:calc(100svh - 132px)!important;gap:8px!important}.camera-preview{padding:8px!important;margin-bottom:6px!important}.preview-box{min-height:min(46svh,460px)!important;max-height:min(50svh,500px)!important;border-radius:14px!important}.mode-selector{gap:6px!important;margin-bottom:6px!important}.mode-btn{padding:10px 8px!important}.mode-btn-icon{font-size:1.1rem!important}.mode-btn-label{font-size:.74rem!important}.start-btn{min-height:50px!important;padding:13px 14px!important}}@media(max-height:740px){#screen-camera.active{min-height:calc(100svh - 124px)!important}.preview-box{min-height:min(42svh,420px)!important;max-height:min(46svh,460px)!important}.mode-btn{padding:9px 8px!important}.start-btn{min-height:48px!important;padding:12px 14px!important}}.fullscreen-camera.active .fs-guide{opacity:.38!important;background-repeat:no-repeat!important;background-position:center 15%!important;background-size:auto 80%!important;pointer-events:none!important}.fullscreen-camera.active .fs-overlay{pointer-events:none!important;transform:scaleX(-1)!important}#screen-camera.active{display:flex!important;flex-direction:column!important;gap:12px!important;min-height:calc(100svh - 150px)!important}.camera-preview{flex:1 1 auto!important;display:flex!important;align-items:stretch!important;justify-content:center!important;background:var(--card)!important;border-radius:20px!important;padding:12px!important;margin-bottom:12px!important;box-shadow:0 4px 20px #00000014!important}.preview-box{position:relative!important;width:100%!important;aspect-ratio:3 / 4!important;min-height:min(52svh,520px)!important;max-height:min(56svh,560px)!important;background:#000!important;border-radius:16px!important;overflow:hidden!important}.preview-video{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;background:#000!important;transform:scaleX(-1)!important}.preview-overlay{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.tap-hint{position:absolute!important;bottom:16px!important;left:50%!important;transform:translate(-50%)!important;background:#000000b3!important;color:#fff!important;padding:10px 20px!important;border-radius:20px!important;font-size:.95rem!important;max-width:84%!important;text-align:center!important}.mode-selector{display:flex!important;gap:10px!important;margin-bottom:12px!important}.mode-btn{flex:1!important;padding:12px!important;min-height:92px!important;border:2px solid var(--border)!important;border-radius:12px!important;background:var(--card)!important;cursor:pointer!important;text-align:center!important}.mode-btn-icon{font-size:1.35rem!important}.mode-btn-label{font-size:.9rem!important;font-weight:600!important;margin-top:4px!important}.start-btn{width:100%!important;padding:14px 16px!important;min-height:56px!important;background:var(--accent)!important;color:#fff!important;border:none!important;border-radius:14px!important;font-size:1rem!important;font-weight:700!important;cursor:pointer!important;position:sticky!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;z-index:2!important}.fullscreen-camera.active .fs-preview-shell{position:absolute!important;left:50%!important;top:50%!important;width:min(100vw,75dvh)!important;height:min(100dvh,calc(100vw * 4 / 3))!important;transform:translate(-50%,-50%)!important;transform-origin:center center!important;z-index:1!important;overflow:hidden!important;background:#000!important;pointer-events:none!important}.fullscreen-camera.active .fs-video{object-fit:cover!important;object-position:center center!important;background:#000!important;transform:scaleX(-1)!important}.fullscreen-camera.active .fs-ref-image{object-fit:cover!important;object-position:center center!important;opacity:.45!important;mix-blend-mode:screen!important;transform:none!important}@media(max-width:430px){#screen-camera.active{min-height:calc(100svh - 138px)!important}.camera-preview{padding:10px!important;margin-bottom:10px!important}.preview-box{min-height:min(50svh,500px)!important;max-height:min(54svh,540px)!important}.mode-btn{min-height:84px!important;padding:10px!important}.start-btn{padding:13px 14px!important}}.fs-ref-label{display:none!important}.fs-ref-toggle{display:flex;align-items:center;justify-content:center}.fs-ref-btn{display:flex!important;align-items:center;justify-content:center;width:56px;min-width:56px;height:56px;padding:0!important;border-radius:50%!important;font-size:14px;font-weight:700;line-height:1;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.fs-ref-btn.is-off{background:transparent!important;border:2px solid rgba(255,255,255,.3)!important;color:#111!important}.fs-ref-btn.is-on{background:var(--success)!important;border:2px solid var(--success)!important;color:#fff!important}.fs-ref-btn:disabled{opacity:1!important;cursor:default!important;pointer-events:none!important}.success-modal,.success-modal.active{z-index:10001!important}.success-content{position:relative;z-index:10002!important}.success-btns{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:nowrap}.success-btn{min-width:96px}.success-btn.ghost{background:#ffffff1a!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important}.success-btn:disabled{opacity:.72;cursor:default}@media(max-width:430px){.success-btns{gap:8px}.success-btn{min-width:84px;padding:12px 16px}}.history-item.locked{cursor:not-allowed}.history-item-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000008f;color:#fff;font-size:.82rem;font-weight:700;z-index:2;pointer-events:none}.history-item-delete,.history-item-badge,.history-item-score,.history-item-date{z-index:3}:root{--bg: #242424;--bg-deep: #171717;--card: rgba(47, 47, 47, .94);--card-soft: rgba(58, 58, 58, .92);--border: rgba(253, 200, 0, .22);--text: rgba(255, 255, 255, .94);--text-light: rgba(255, 255, 255, .68);--text-muted: rgba(255, 255, 255, .74);--accent: #fe9448;--accent-strong: #ff6428;--warning: #fdc800;--success: #00b894;--brand-yellow: #fdf914;--brand-gold: #fdc800;--brand-orange: #fe9448;--brand-fire: #ff6428;--brand-gradient: linear-gradient(135deg, #fdf914 0%, #fdc800 34%, #fe9448 68%, #ff6428 100%);--brand-glow: 0 0 28px rgba(254, 148, 72, .38)}body{background:radial-gradient(circle at 12% 8%,rgba(253,249,20,.08),transparent 28%),radial-gradient(circle at 88% 12%,rgba(255,100,40,.14),transparent 34%),linear-gradient(180deg,#2a2a2a,#242424 46%,#171717)!important;color:var(--text)!important}.header{background:#1c1c1ceb!important;border-bottom:1px solid var(--border)!important;box-shadow:0 12px 32px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header img,.auth-brand-logo,img[src="/bumblebee-logo.png"]{object-fit:contain;filter:drop-shadow(0 0 14px rgba(253,200,0,.24))}.logo,.auth-logo{color:var(--text)!important;letter-spacing:-.02em}.logo span,.auth-logo span{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent!important}.nav-tabs{background:#1c1c1cf5!important;border-bottom:1px solid var(--border)!important}.nav-tab{color:var(--text-light)!important}.nav-tab.active{color:var(--brand-gold)!important}.nav-tab.active:after{background:var(--brand-gradient)!important;box-shadow:var(--brand-glow)}.camera-preview,.metrics-card,.guide-content,.compare-slot,.profile-card,.device-card,.history-panel,.result-card,.form-card{background:var(--card)!important;border:1px solid var(--border)!important;box-shadow:0 18px 46px #00000057}.mode-btn,.reset-btn,.history-filter-btn,.device-mode-btn{background:#2f2f2fe0!important;color:var(--text)!important;border-color:var(--border)!important}.mode-btn.active,.device-mode-btn.active{background:#fdc80021!important;border-color:var(--brand-gold)!important;box-shadow:0 0 0 1px #fdc80029,var(--brand-glow)}.start-btn,.guide-btn,.primary-btn,.success-btn.primary,button[type=submit]{background:var(--brand-gradient)!important;color:#1a1a1a!important;border:0!important;font-weight:800;box-shadow:0 12px 26px #ff642847}.start-btn:hover,.guide-btn:hover,.primary-btn:hover,button[type=submit]:hover{filter:brightness(1.04);transform:translateY(-1px)}input,textarea,select{background:#242424eb!important;color:var(--text)!important;border:1px solid var(--border)!important}input::placeholder,textarea::placeholder{color:#ffffff6b!important}.history-item{background:var(--card-soft)!important;border:1px solid rgba(253,200,0,.16)}.history-item-badge,.metrics-diff.down,.fs-status-dot,.spinner{border-color:var(--brand-gold)!important}.spinner{border-top-color:var(--brand-fire)!important}.loading-overlay{background:#242424!important}.guide-modal,.success-modal{background:#000000e0!important}.fs-status-pill,.fs-statuspill,.tap-hint,.compare-slot-label,.slider-label,.history-item-date{background:#000000ad!important;color:#fff!important;border:1px solid rgba(253,200,0,.16)}.fs-status-pill.ready,.fs-statuspill.ready{background:#fdc80038!important}.fs-status-pill.aligned,.fs-statuspill.aligned{background:#00b894d1!important}.preview-box,.preview-video,.fullscreen-camera,.fs-video,.fs-stage,.fs-video-stage{background:#000!important}.bottom-nav,.tabbar,.footer-nav{background:#1c1c1cf5!important;border-top:1px solid var(--border)!important;box-shadow:0 -16px 36px #0000004d}.bottom-nav .active,.tabbar .active,.footer-nav .active{color:var(--brand-gold)!important}@media(max-width:480px){.header{background:#1c1c1cf5!important}}.profile-phone-row{display:grid;grid-template-columns:minmax(120px,.42fr) minmax(0,1fr);gap:8px}.profile-phone-row select,.profile-phone-row input,.profile-date-input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--text)}.profile-date-input{padding-right:42px}.profile-calendar-icon{position:absolute;right:14px;top:50%;width:16px;height:16px;transform:translateY(-50%);pointer-events:none;color:#ffffffe0;font-size:0}.profile-calendar-icon:before{content:"";position:absolute;inset:3px 1px 1px;border:1.8px solid currentColor;border-radius:3px}.profile-calendar-icon:after{content:"";position:absolute;left:4px;right:4px;top:0;height:5px;border-left:1.8px solid currentColor;border-right:1.8px solid currentColor}@media(max-width:520px){.profile-phone-row{grid-template-columns:1fr}}.profile-calendar-icon{appearance:none;border:0;background:transparent;color:transparent;cursor:pointer;position:absolute;right:10px;top:50%;width:28px;height:28px;transform:translateY(-50%);padding:0}.profile-date-picker-native{position:absolute;right:10px;top:50%;width:28px;height:28px;transform:translateY(-50%);opacity:0;pointer-events:none}.profile-date-input-wrap{position:relative}.profile-date-input{padding-right:52px!important}.profile-calendar-icon{appearance:none!important;position:absolute!important;right:12px!important;top:50%!important;width:30px!important;height:30px!important;transform:translateY(-50%)!important;padding:0!important;border:0!important;background:transparent!important;color:#fffffff0!important;cursor:pointer!important;pointer-events:auto!important;font-size:0!important;z-index:3!important}.profile-calendar-icon:before{content:""!important;position:absolute!important;inset:8px 6px 5px!important;border:2px solid currentColor!important;border-radius:4px!important}.profile-calendar-icon:after{content:""!important;position:absolute!important;left:10px!important;right:10px!important;top:4px!important;height:7px!important;border-left:2px solid currentColor!important;border-right:2px solid currentColor!important}.profile-date-picker-native{position:absolute!important;right:12px!important;top:50%!important;width:30px!important;height:30px!important;transform:translateY(-50%)!important;opacity:0!important;pointer-events:none!important;z-index:2!important}:root{--wcc-skin-app-visual-width: min(100vw, 75dvh );--wcc-locked-modal-width: min(var(--wcc-skin-app-visual-width), calc(100vw - 32px) )}.profile-statement-row{display:flex;justify-content:center;align-items:center;width:100%;margin-top:14px}.profile-statement-button{width:min(100%,360px);border:1px solid rgba(253,200,0,.45);border-radius:999px;padding:12px 18px;background:#fdc8001f;color:#fff7c4;font-size:14px;font-weight:800;letter-spacing:.02em;cursor:pointer;box-shadow:0 12px 26px #0000003d}.profile-statement-button:disabled{opacity:.58;cursor:not-allowed}.service-statement-modal{position:fixed!important;inset:0!important;width:100vw!important;max-width:100vw!important;transform:none!important;z-index:9998!important;display:none!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;padding:16px!important;overflow:hidden!important;background:#000000b8!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.service-statement-modal.active{display:flex!important}.service-statement-dialog{width:var(--wcc-locked-modal-width)!important;max-width:var(--wcc-locked-modal-width)!important;max-height:min(86dvh,820px)!important;margin:0 auto!important;box-sizing:border-box!important;border-radius:22px!important;overflow:hidden!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto auto!important;border:1px solid rgba(253,200,0,.5)!important;background:radial-gradient(circle at 18% 0%,rgba(253,200,0,.08),transparent 34%),linear-gradient(180deg,#232323fc,#121212fc)!important;color:#fff!important;box-shadow:0 28px 80px #0000008c!important}.service-statement-header{padding:20px 24px 14px!important;border-bottom:1px solid rgba(255,255,255,.1)!important;box-sizing:border-box!important}.service-statement-eyebrow{margin-bottom:6px!important;color:#fdc800!important;font-size:11px!important;font-weight:900!important;letter-spacing:.18em!important;text-transform:uppercase!important}.service-statement-header h2{margin:0!important;font-size:clamp(23px,3.2vw,30px)!important;font-weight:900!important;line-height:1.22!important;letter-spacing:-.02em!important}.service-statement-version{display:none!important}.service-statement-content{min-height:0!important;width:100%!important;max-width:none!important;padding:22px 24px!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important;scrollbar-width:thin;scrollbar-color:rgba(253,200,0,.45) rgba(255,255,255,.08)}.service-statement-content::-webkit-scrollbar{width:8px}.service-statement-content::-webkit-scrollbar-track{background:#ffffff14}.service-statement-content::-webkit-scrollbar-thumb{background:#fdc80073;border-radius:999px}.service-statement-text{width:100%!important;max-width:none!important;white-space:pre-wrap!important;color:#ffffffeb!important;font-size:16px!important;line-height:1.9!important;letter-spacing:.01em!important;overflow-wrap:break-word!important;word-break:normal!important}.service-statement-checks{display:grid!important;gap:10px!important;margin-top:18px!important;padding-top:16px!important;border-top:1px solid rgba(255,255,255,.12)!important}.service-statement-check-row{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;gap:10px!important;align-items:flex-start!important;padding:12px 14px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;background:#ffffff0b!important;color:#ffffffe6!important;font-size:13px!important;line-height:1.55!important}.service-statement-check-row input{width:18px!important;height:18px!important;margin-top:2px!important;accent-color:#fdc800!important}.service-statement-error,.service-statement-empty{padding:14px 16px!important;border-radius:14px!important;background:#ffffff0f!important;color:#ffffffc7!important;font-size:14px!important;line-height:1.7!important}.service-statement-error{margin-top:14px!important;border:1px solid rgba(255,92,92,.35)!important;background:#ff5c5c1f!important;color:#ffd3d3!important}.service-statement-actions{display:flex!important;justify-content:center!important;align-items:center!important;gap:14px!important;padding:14px 24px 18px!important;border-top:1px solid rgba(255,255,255,.1)!important;background:#101010eb!important;box-sizing:border-box!important}.service-statement-confirm-button,.service-statement-close-button{min-width:144px!important;border:0!important;border-radius:999px!important;padding:13px 22px!important;font-size:15px!important;font-weight:900!important;cursor:pointer!important}.service-statement-confirm-button{background:linear-gradient(135deg,#ffdf33,#ff8a42)!important;color:#161616!important;box-shadow:0 14px 28px #ff91372e!important}.service-statement-close-button{background:#ffffff1f!important;color:#fff!important}.service-statement-confirm-button:disabled,.service-statement-close-button:disabled{opacity:.5!important;cursor:not-allowed!important}.service-statement-confirm-info{padding:0 24px 20px!important;color:#ffffffc7!important;font-size:13px!important;line-height:1.7!important;text-align:left!important;box-sizing:border-box!important}@media(max-width:640px){:root{--wcc-locked-modal-width: calc(100vw - 20px) }.service-statement-modal{align-items:flex-start!important;padding:10px!important}.service-statement-dialog{max-height:calc(100dvh - 28px)!important;border-radius:18px!important}.service-statement-header{padding:16px 18px 12px!important}.service-statement-header h2{font-size:26px!important}.service-statement-content{padding:16px 18px!important}.service-statement-text{font-size:18px!important;line-height:1.85!important}.service-statement-actions{padding:14px 18px 16px!important;flex-direction:column!important}.service-statement-confirm-button,.service-statement-close-button{width:100%!important}.service-statement-confirm-info{padding:0 18px 18px!important}}.service-statement-confirm-info{padding:14px 24px 0!important;color:#ffffffd1!important;font-size:13px!important;line-height:1.7!important;text-align:left!important;box-sizing:border-box!important}.service-statement-confirm-info+.service-statement-actions{padding-top:12px!important}@media(max-width:640px){.service-statement-confirm-info{padding:12px 18px 0!important}.service-statement-confirm-info+.service-statement-actions{padding-top:12px!important}}.wcc-login-page{min-height:100dvh;display:grid;place-items:center;padding:32px 18px;background:radial-gradient(circle at 18% 6%,rgba(253,249,20,.1),transparent 30%),radial-gradient(circle at 86% 12%,rgba(255,100,40,.15),transparent 35%),linear-gradient(180deg,#2a2a2a,#242424 44%,#171717);color:#ffffffeb}.wcc-login-card{width:min(560px,100%);padding:34px;border-radius:28px;background:linear-gradient(180deg,#ffffff09,#ffffff04),#2f2f2ff5;border:1px solid rgba(253,200,0,.24);box-shadow:0 28px 80px #0000006b,0 0 36px #fe944826}.wcc-login-title-row{display:flex;align-items:center;gap:16px;margin-bottom:28px}.wcc-login-logo{width:54px;height:54px;flex:0 0 auto;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:50%;background:#111;border:1px solid rgba(253,200,0,.42);box-shadow:0 0 24px #fdc80029}.wcc-login-logo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:2}.wcc-login-logo span{z-index:1;font-size:14px;font-weight:950;color:#fdc800}.wcc-login-card h1{margin:0;color:#fff;font-size:clamp(34px,6vw,48px);line-height:1.05;font-weight:950;letter-spacing:-.6px}.wcc-login-card h1 span{background:linear-gradient(135deg,#fdf914,#fdc800 32%,#fe9448 68%,#ff6428);-webkit-background-clip:text;background-clip:text;color:transparent}.wcc-login-card p{margin:12px 0 0;color:#ffffffad;font-size:18px;font-weight:700}.wcc-login-line-button{width:100%;min-height:62px;display:grid;place-items:center;border:0;border-radius:16px;background:#06c755;color:#fff;font-size:20px;font-weight:950;cursor:pointer;box-shadow:0 18px 36px #06c7552e;transition:transform .16s ease,filter .16s ease}.wcc-login-line-button:hover{transform:translateY(-1px);filter:brightness(1.04)}.wcc-login-oa-link{display:block;width:fit-content;margin:26px auto 0;color:#2f82ff;font-size:18px;font-weight:800;text-decoration:none}.wcc-login-oa-link:hover{color:#6aa5ff}.wcc-login-oa-link.is-disabled{opacity:.48;pointer-events:none}.wcc-login-error{margin-bottom:18px;padding:14px 16px;border-radius:16px;color:#fff;background:#ff642829;border:1px solid rgba(255,100,40,.42);line-height:1.55}.wcc-placeholder-card{text-align:left}@media(max-width:520px){.wcc-login-card{padding:26px 20px;border-radius:24px}.wcc-login-title-row{align-items:flex-start;gap:12px}.wcc-login-logo{width:46px;height:46px}.wcc-login-card p,.wcc-login-oa-link{font-size:16px}.wcc-login-line-button{min-height:56px;font-size:18px}}