:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#00d4ff;--accent-bg:#00d4ff14;--accent-border:#00d4ff66;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/150% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#0f1117;--border:#2e303a;--code-bg:#1f2028;--accent:#00d4ff;--accent-bg:#00d4ff1a;--accent-border:#00d4ff66;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}*,:before,:after{box-sizing:border-box}body{margin:0}#root{width:100%;max-width:800px;margin:0 auto}h1,h2{color:var(--text-h);font-weight:600}p{margin:0}.app{flex-direction:column;min-height:100svh;display:flex}header{text-align:center;border-bottom:1px solid var(--border);padding:32px 20px 24px}header h1{letter-spacing:-1px;background:linear-gradient(135deg,#00d4ff,#7b2ff7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:36px}.subtitle{color:var(--text);font-size:15px}main{flex-direction:column;flex:1;align-items:center;gap:24px;padding:32px 20px;display:flex}.btn{cursor:pointer;font-size:16px;font-weight:600;font-family:var(--sans);border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 28px;transition:transform .15s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{color:#fff;background:linear-gradient(135deg,#00d4ff,#7b2ff7);box-shadow:0 4px 14px #00d4ff4d}.btn-primary:hover{box-shadow:0 6px 20px #00d4ff66}.btn-secondary{background:var(--accent-bg);color:var(--text-h);border:2px solid var(--border);cursor:pointer}.btn-secondary:hover{border-color:var(--accent-border)}.actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px;display:flex}.camera-container{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:640px;display:flex}.camera-view{aspect-ratio:4/3;object-fit:cover;background:#000;border-radius:16px;width:100%;max-width:640px}.camera-actions{align-items:center;gap:24px;display:flex}.btn-capture{border:4px solid var(--border);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;padding:0;transition:border-color .2s;display:flex}.btn-capture:hover{border-color:#00d4ff}.capture-inner{background:linear-gradient(135deg,#00d4ff,#7b2ff7);border-radius:50%;width:56px;height:56px;transition:transform .15s}.btn-capture:hover .capture-inner{transform:scale(.9)}.btn-icon{background:var(--accent-bg);border:2px solid var(--border);cursor:pointer;width:48px;height:48px;color:var(--text-h);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.btn-icon:hover{border-color:var(--accent-border)}.loading-screen{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.spinner{border:4px solid var(--border);border-top-color:#00d4ff;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-container{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:640px;display:flex}.image-wrapper{justify-content:center;width:100%;display:flex;position:relative}.result-image{border-radius:16px;width:100%;max-width:640px;display:block}.overlay-canvas{pointer-events:none;border-radius:16px;width:100%;max-width:640px;position:absolute;top:0;left:50%;transform:translate(-50%)}.result-cards{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;display:flex}.result-card{background:var(--social-bg);border:1px solid var(--border);text-align:center;border-radius:16px;flex:1;min-width:200px;max-width:300px;padding:24px}.age-display{justify-content:center;align-items:baseline;gap:4px;margin-bottom:16px;display:flex}.age-number{background:linear-gradient(135deg,#00d4ff,#7b2ff7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:64px;font-weight:700;line-height:1}.age-unit{color:var(--text);font-size:24px;font-weight:600}.details{flex-direction:column;gap:8px;display:flex}.detail-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.detail-label{color:var(--text);font-size:14px}.detail-value{color:var(--text-h);font-size:15px;font-weight:600}.confidence{color:var(--text);margin-left:4px;font-size:13px;font-weight:400}.error-message{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;width:100%;max-width:600px;padding:12px 20px;font-size:15px}@media (width<=480px){header h1{font-size:28px}.actions{flex-direction:column;align-items:stretch;margin-top:24px}.btn{justify-content:center}.age-number{font-size:48px}}