:root{--bg: #120d09;--text: #fff7eb;--muted: rgba(255, 244, 226, .76);--surface: rgba(25, 18, 13, .74);--line: rgba(255, 232, 194, .16);--accent: #ffcc63;--accent-deep: #e8902a;--blue: #5db0ff;--success: #59c978;--shadow: 0 30px 80px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}body{min-height:100vh;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;border:0}select,input[type=range]{width:100%}input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent-deep)}.hidden{display:none!important}.app-shell{position:relative;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 8%,rgba(255,213,126,.2),transparent 24%),radial-gradient(circle at 18% 24%,rgba(58,41,20,.24),transparent 24%),linear-gradient(180deg,#110d0a24,#110d0abd)}#cameraVideo,#overlayCanvas,.camera-vignette{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#cameraVideo{object-fit:cover;transform:scaleX(-1);background:radial-gradient(circle at 50% 32%,rgba(255,220,155,.14),transparent 18%),linear-gradient(180deg,#1a1410,#0f0b08);filter:saturate(1.06) contrast(1.04) brightness(.98)}#overlayCanvas{z-index:2}.camera-vignette{z-index:1;pointer-events:none;background:radial-gradient(circle at center,transparent 40%,rgba(10,7,5,.22) 72%,rgba(10,7,5,.48) 100%),linear-gradient(180deg,#09060580,#09060500 22%,#0906052e 72%,#0906057a)}.top-bar{position:absolute;top:18px;left:18px;right:18px;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.top-kicker{margin:0 0 6px;color:#ffe0a8d1;font-size:.78rem;font-weight:700;letter-spacing:.28em}.top-bar h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.6rem,2.8vw,2.4rem)}.chrome-button{min-height:46px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,236,208,.16);background:#130e0ab3;color:var(--text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 30px #0003}.empty-state{position:absolute;left:18px;right:18px;top:14vh;z-index:4;width:min(560px,100%);margin:0 auto;padding:24px 26px 22px;border:1px solid rgba(255,236,208,.14);border-radius:28px;background:linear-gradient(135deg,#312215bd,#100c09ad),#110c09ad;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);text-align:center;box-shadow:var(--shadow)}.empty-title{margin:0 0 10px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.08}.empty-copy{width:min(440px,100%);margin:0 auto;color:var(--muted);line-height:1.7}.empty-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}.empty-tags span{padding:9px 14px;border:1px solid rgba(255,228,187,.16);border-radius:999px;background:#ffffff0a;color:#fff3dae6;font-size:.86rem}.bottom-hud{position:absolute;left:20px;right:20px;bottom:28px;z-index:4;display:grid;gap:14px;justify-items:center;width:min(620px,100%);margin:0 auto}.status-pill{margin:0;max-width:100%;padding:11px 18px;border:1px solid rgba(255,239,214,.14);border-radius:999px;background:#130e0aad;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff7ebe0;font-size:.94rem;line-height:1.35;text-align:center;box-shadow:0 10px 30px #0003}.primary-action,.retry-action,.result-secondary-action{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-width:min(460px,calc(100vw - 40px));min-height:76px;padding:0 28px 0 34px;border-radius:999px;font-weight:700;letter-spacing:.03em;color:#251707;background:linear-gradient(180deg,#fff8d857,#fff8d800 44%),linear-gradient(135deg,var(--accent),var(--accent-deep));box-shadow:0 18px 42px #f09a2847,inset 0 1px #ffffff6b;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.primary-action:hover,.retry-action:hover,.result-secondary-action:hover,.chrome-button:hover,.settings-close:hover,.settings-reset:hover{transform:translateY(-2px)}.primary-action:disabled,.retry-action:disabled,.result-secondary-action:disabled,.chrome-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.primary-copy{display:grid;gap:2px;text-align:left}.primary-title{font-size:1.5rem}.primary-subtitle{color:#3c220ac7;font-size:.84rem;font-weight:600;letter-spacing:.06em}.primary-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fffdf447;color:#442607eb;font-size:1.4rem;box-shadow:inset 0 1px #ffffff47}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(255,207,102,.14),transparent 28%),#0a0705b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.result-scene{position:relative;display:grid;justify-items:center;gap:22px;width:min(580px,calc(100vw - 32px));padding:22px 0 10px}.result-glow{position:absolute;inset:15% 16% auto;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(255,199,89,.56),transparent 70%);filter:blur(32px);pointer-events:none}.result-card{position:relative;width:min(428px,calc(100vw - 64px));padding:26px 24px 28px;border:1px solid rgba(255,226,185,.22);border-radius:34px;background:linear-gradient(180deg,#3d2a1af5,#160f0bf5),#160f0bf5;box-shadow:0 24px 72px #00000061,inset 0 0 0 1px #ffffff0f;text-align:center}.result-card:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:26px;border:1px solid rgba(255,212,137,.2);pointer-events:none}.result-emblem{width:fit-content;margin:0 auto 12px;padding:8px 14px;border-radius:999px;background:#ffd0762e;color:#ffe3b0;font-size:.84rem;font-weight:700;letter-spacing:.24em}.result-title{margin:0 0 16px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.1rem,4vw,2.9rem);line-height:1.04;letter-spacing:-.03em}.result-portrait-frame{position:relative;width:min(332px,100%);margin:0 auto;padding:14px;border-radius:28px;background:linear-gradient(180deg,#ffd691e0,#b77022f0);box-shadow:0 16px 34px #0000004d,inset 0 1px #ffffff6b}#resultFaceImage{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:20px;background:#efe2cd}.result-name{margin:18px 0 0;color:#2f1d0a;font-family:Georgia,Times New Roman,serif;font-size:1.8rem;font-weight:700;line-height:1.08}.result-name:not(:empty){margin-top:18px;padding:10px 24px;border-radius:18px;background:linear-gradient(180deg,#fddea4f5,#e3b259f5);box-shadow:0 14px 24px #00000029,inset 0 1px #ffffff7a}.result-meta{margin:16px 0 0;color:#fff5e7d6;line-height:1.55}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.retry-action,.result-secondary-action{justify-content:center;min-width:200px;min-height:64px;font-size:1.08rem}.result-secondary-action{color:var(--text);background:#17110cc7;border:1px solid rgba(255,228,193,.16);box-shadow:0 16px 34px #00000038,inset 0 1px #ffffff14}.settings-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;display:grid;justify-items:end}.settings-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0806059e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-drawer{position:relative;z-index:1;width:min(440px,100vw);height:100%;padding:24px;border-left:1px solid rgba(255,228,193,.12);background:#18120ef0;overflow:auto;box-shadow:-12px 0 44px #0000003d}.settings-header,.settings-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-kicker{margin:0 0 4px;color:#ffdfb0b8;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase}.settings-drawer h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:2rem}.settings-close,.settings-reset{min-height:46px;padding:0 18px;border-radius:14px;border:1px solid rgba(255,228,193,.14);background:#ffffff0f;color:var(--text)}.settings-body{display:grid;gap:18px;margin:24px 0}.field{display:grid;gap:10px;padding:16px;border-radius:18px;border:1px solid rgba(255,228,193,.1);background:#ffffff0a}.field-label{font-weight:700}.field-hint{color:#fff5e7a3;line-height:1.55}.toggle-field{grid-template-columns:1fr auto;align-items:center}.range-field{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.range-field output{min-width:72px;color:#ffe3b0;text-align:right;font-weight:700}select{min-height:44px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,228,193,.12);background:#ffffff0f;color:var(--text)}input[type=range]{accent-color:var(--accent-deep)}@media (max-width: 800px){.top-bar{align-items:stretch;flex-direction:column}.chrome-button{width:fit-content}}@media (max-width: 640px){.empty-state{top:12vh;padding-inline:20px}.bottom-hud{width:calc(100vw - 28px);gap:12px}.primary-action,.retry-action,.result-secondary-action{min-width:calc(100vw - 28px)}.primary-action{padding-inline:22px}.primary-title{font-size:1.26rem}.primary-subtitle{font-size:.76rem}.settings-drawer{width:100vw}}