:root{--bg:#fbf6ee;--bg-soft:#f4eadc;--surface:#fffcf7eb;--surface-strong:#fffaf3;--text:#5f554a;--text-strong:#241b16;--muted:#8c7d6e;--border:#decfbd;--border-strong:#bda78f;--accent:#9b6049;--accent-soft:#ead4c4;--success:#536f4b;--warning:#9a6a2f;--danger:#9a4d45;--shadow:0 24px 70px #5b3e2621;--serif:Georgia, "Times New Roman", serif;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--data:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--bg);font:16px/1.6 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#ffffffc7,#0000 38rem),linear-gradient(#fbf6ee 0%,#f7eddf 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}#app{min-height:100vh}.app-shell{width:min(100% - 32px,760px);min-height:100vh;margin:0 auto;padding:56px 0}.hero{text-align:center;margin-bottom:28px}.eyebrow,.section-kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.75rem;font-weight:700}h1,h2{color:var(--text-strong);font-family:var(--serif);margin:0;font-weight:500}h1{letter-spacing:-.075em;font-size:clamp(3.25rem,14vw,7rem);line-height:.9}h2{letter-spacing:-.035em;font-size:clamp(1.45rem,4vw,2rem);line-height:1.1}.intro{max-width:560px;color:var(--muted);font-family:var(--serif);margin:18px auto 0;font-size:clamp(1.05rem,2.5vw,1.25rem)}.status-banner,.panel,.upload-zone,.results-panel,.error-message{border:1px solid var(--border);box-shadow:var(--shadow)}.status-banner{min-height:44px;color:var(--muted);background:#fffaf3c7;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:28px;padding:10px 16px;display:inline-flex}.status-banner[data-state=ready]{color:var(--success);border-color:#536f4b47}.status-banner[data-state=failed]{color:var(--danger);border-color:#9a4d4552}.spinner{border:2px solid #9b604938;border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.9s linear infinite spin}.spinner.large{border-width:3px;width:34px;height:34px}.panel,.upload-zone,.results-panel{background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;margin-top:18px}.panel{padding:26px}.section-copy{text-align:center;margin-bottom:20px}.segmented-control{gap:10px;display:grid}.mode-button{border:1px solid var(--border);width:100%;color:var(--text);text-align:left;background:#ffffff8f;border-radius:18px;gap:4px;padding:16px 18px;transition:background .18s,border-color .18s,transform .18s;display:grid}.mode-button:hover{border-color:var(--border-strong);transform:translateY(-1px)}.mode-button.active{background:var(--accent-soft);color:var(--text-strong);border-color:#9b604973}.mode-button span{font-family:var(--serif);color:var(--text-strong);font-size:1.12rem}.mode-button small{color:var(--muted)}.upload-zone{background:linear-gradient(135deg, #fff9, #f4eadc8c), var(--surface-strong);text-align:center;border-style:dashed;border-width:1.5px;place-items:center;min-height:300px;transition:border-color .18s,background .18s,transform .18s;display:grid;position:relative;overflow:hidden}.upload-zone:hover,.upload-zone.dragging{border-color:var(--accent);background:linear-gradient(135deg, #ffffffb8, #ead4c4b8), var(--surface-strong);transform:translateY(-1px)}.upload-zone.processing{pointer-events:none}.file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.upload-content{max-width:440px;padding:42px 24px}.upload-content p:not(.section-kicker){color:var(--muted);margin:10px 0 0}.file-name{font-family:var(--data);font-size:.9rem}.loading-mask{color:var(--text-strong);opacity:0;pointer-events:none;background:#fffaf3e0;place-content:center;gap:14px;padding:28px;transition:opacity .16s;display:grid;position:absolute;inset:0}.loading-mask.visible{opacity:1}.loading-mask p{max-width:360px;color:var(--muted);margin:0}.results-panel{text-align:center;padding:28px;display:none}.results-panel.visible{display:block}.score-display{color:var(--text-strong);font-family:var(--data);align-items:baseline;gap:8px;margin:18px 0 24px;display:inline-flex}.score-display span:first-child{letter-spacing:-.08em;font-size:clamp(4rem,18vw,7.5rem);font-weight:800;line-height:.9}.score-display span:last-child{color:var(--muted);font-size:1.35rem;font-weight:700}.score-verdict{background:#ead4c457;border:1px solid #9b60493d;border-radius:20px;max-width:460px;margin:0 auto 24px;padding:16px 18px}.score-verdict p{color:var(--text-strong);font-family:var(--serif);margin:0;font-size:clamp(1.25rem,4vw,1.75rem);line-height:1.1}.score-verdict span{color:var(--muted);margin-top:8px;display:block}.debug-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.debug-grid div{border:1px solid var(--border);background:#ffffff80;border-radius:16px;padding:14px}.debug-grid dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:.78rem;font-weight:700}.debug-grid dd{color:var(--text-strong);font-family:var(--data);margin:0;font-weight:700}.error-message{color:var(--danger);text-align:center;background:#9a4d451a;border-radius:18px;margin:18px 0 0;padding:14px 16px}.error-message:empty,.error-message[hidden]{display:none}.disclaimer-backdrop{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 50% 14%,#fffaf3b3,#0000 32rem),#241b166b;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.disclaimer-backdrop.hidden{display:none}.disclaimer-card{background:var(--surface-strong);text-align:center;border:1px solid #decfbde0;border-radius:32px;width:min(100%,480px);padding:28px;box-shadow:0 28px 90px #241b1642}.disclaimer-pig{width:min(220px,72%);margin:-8px auto 4px;display:block}.disclaimer-card h2{margin-bottom:14px}.disclaimer-card p{color:var(--muted);margin:12px 0 0}.typed-copy{min-height:1.6em}.disclaimer-check{border:1px solid var(--border);color:var(--text-strong);text-align:left;cursor:pointer;opacity:.52;background:#f4eadc8a;border-radius:18px;align-items:flex-start;gap:10px;margin-top:20px;padding:14px;transition:opacity .16s;display:flex}.disclaimer-backdrop.typing-complete .disclaimer-check{opacity:1}.disclaimer-check input{width:18px;height:18px;accent-color:var(--accent);margin-top:3px}.disclaimer-button{background:var(--accent);color:#fffaf3;border:1px solid #9b604980;border-radius:999px;width:100%;min-height:48px;margin-top:14px;font-weight:800;transition:opacity .16s,transform .16s}.disclaimer-button:not(:disabled):hover{transform:translateY(-1px)}.disclaimer-button:disabled{cursor:not-allowed;opacity:.46}.disclaimer-check.hidden-until-typed,.disclaimer-button.hidden-until-typed{display:none}.disclaimer-card .disclaimer-warmup{margin-top:12px;font-size:.88rem}.face-test-shell{padding-bottom:72px}.face-test-grid{gap:18px;margin-top:24px;display:grid}.face-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);text-align:center;border-radius:28px;padding:24px}.face-file-label{background:var(--accent-soft);min-height:44px;color:var(--text-strong);cursor:pointer;border:1px solid #9b60495c;border-radius:999px;justify-content:center;align-items:center;margin-bottom:16px;padding:8px 18px;font-weight:700;display:inline-flex}.face-preview{border:1px dashed var(--border-strong);min-height:240px;color:var(--muted);background:#ffffff75;border-radius:22px;place-items:center;display:grid;overflow:hidden}.face-preview img{object-fit:contain;width:100%;max-height:360px}.face-file-name,.face-status{color:var(--muted);font-family:var(--data);margin:12px 0 0;font-size:.92rem}.face-status[data-state=ready]{color:var(--success);font-weight:700}.descriptor-panel{text-align:left;margin-top:16px;display:none}.descriptor-panel.visible{display:block}.descriptor-panel label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:700;display:block}.descriptor-panel textarea{resize:vertical;border:1px solid var(--border);width:100%;min-height:120px;color:var(--text);background:#ffffff8f;border-radius:14px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;line-height:1.45}.descriptor-copy-button{background:var(--surface-strong);width:100%;min-height:40px;color:var(--text-strong);border:1px solid #9b60495c;border-radius:999px;margin-top:10px;font-weight:700}.descriptor-copy-button:disabled{cursor:not-allowed;opacity:.55}.face-result-panel{margin-top:18px}.face-distance{color:var(--text-strong);font-family:var(--data);letter-spacing:-.06em;margin:18px 0 8px;font-size:clamp(3rem,14vw,6rem);font-weight:800;line-height:.95}.face-verdict{max-width:440px;color:var(--muted);font-family:var(--serif);background:#ead4c457;border-radius:18px;margin:0 auto 22px;padding:14px 16px;font-size:1.3rem}.face-verdict[data-match=yes]{color:var(--success)}.face-verdict[data-match=no]{color:var(--danger)}.face-debug-grid{margin-top:16px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){.app-shell{width:min(100% - 24px,760px);padding:36px 0}.panel,.results-panel{padding:20px}.upload-zone{border-radius:24px;min-height:260px}.debug-grid{grid-template-columns:1fr}}