.photo-frame{position:relative;width:min(360px,78vw);aspect-ratio:1 / 1;margin:0 auto;border-radius:50%;padding:14px;background:var(--surface);box-shadow:var(--neu-raised)}.photo-frame--sm{width:min(220px,60vw)}.photo-frame__glass{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--surface-raised);box-shadow:var(--neu-inset)}.photo-frame__glass video,.photo-frame__glass img{width:100%;height:100%;object-fit:cover;display:block}.photo-frame__glass--flip video,.photo-frame__glass--flip img{transform:scaleX(-1)}.photo-frame--busy{animation:frame-breathe 2.4s ease-in-out infinite}@keyframes frame-breathe{0%,to{box-shadow:var(--neu-raised)}50%{box-shadow:10px 10px 20px var(--shadow-dark-strong),-10px -10px 20px var(--shadow-light)}}@media (max-width: 520px){.photo-frame{width:78vw}}.webcam-capture{display:flex;flex-direction:column;align-items:center;gap:20px}.webcam-capture__frame-wrap{position:relative}.webcam-capture__flip{position:absolute;bottom:6px;right:6px;width:42px;height:42px;border-radius:50%;border:none;background:var(--surface-raised);box-shadow:var(--neu-raised-sm);color:var(--accent-2);display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.webcam-capture__flip:hover{transform:scale(1.06)}.webcam-capture__flip:active{box-shadow:var(--neu-inset-sm)}.webcam-capture__error{max-width:380px;text-align:center;color:var(--danger);font-size:.9rem;line-height:1.5}.webcam-capture__controls{display:flex;gap:14px}.btn__shutter{display:inline-block;width:10px;height:10px;border-radius:50%;background:currentColor;margin-right:10px;vertical-align:middle}.result-view{display:flex;flex-direction:column;align-items:center;gap:20px}.result-view__tabs{display:flex;gap:4px;padding:5px;border-radius:999px;background:var(--surface);box-shadow:var(--neu-inset-sm)}.result-view__tab{border:none;background:transparent;color:var(--text-muted);font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:8px 20px;border-radius:999px;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.result-view__tab.is-active{background:var(--accent-grad);color:#fff;box-shadow:var(--neu-raised-sm)}.result-view__recommendation{max-width:440px;text-align:center;background:var(--surface);box-shadow:var(--neu-raised);border-radius:var(--radius-md);padding:18px 22px}.result-view__eyebrow{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2);margin-bottom:8px;font-weight:600}.result-view__recommendation p{font-size:.95rem;line-height:1.6;color:var(--text)}.result-view__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.toggle-switch{display:flex;align-items:center;justify-content:space-between;gap:12px}.toggle-switch__label{font-size:.85rem;color:var(--text-muted)}.toggle-switch__track{position:relative;width:52px;height:30px;border-radius:999px;border:none;padding:3px;background:var(--track-off);box-shadow:var(--neu-inset-sm);transition:background .25s ease;flex-shrink:0}.toggle-switch__track.is-on{background:var(--accent-grad)}.toggle-switch__thumb{display:block;width:24px;height:24px;border-radius:50%;background:var(--surface-raised);box-shadow:var(--neu-raised-sm);transform:translate(0);transition:transform .25s ease}.toggle-switch__track.is-on .toggle-switch__thumb{transform:translate(22px);background:#fff}.settings-panel__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#14182059;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:20}.settings-panel__scrim.is-open{opacity:1;pointer-events:auto}.settings-panel{position:fixed;top:0;right:0;height:100%;width:min(400px,92vw);background:var(--surface);box-shadow:-18px 0 40px var(--shadow-dark);transform:translate(100%);transition:transform .3s ease,background .25s ease;z-index:21;display:flex;flex-direction:column}.settings-panel.is-open{transform:translate(0)}.settings-panel__header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px}.settings-panel__close{width:34px;height:34px;border-radius:50%;background:var(--surface);box-shadow:var(--neu-raised-sm);border:none;color:var(--text-muted);font-size:1.3rem;line-height:1}.settings-panel__close:hover{color:var(--accent-2)}.settings-panel__close:active{box-shadow:var(--neu-inset-sm)}.settings-panel__body{padding:4px 24px 40px;overflow-y:auto;display:flex;flex-direction:column;gap:26px}.settings-panel__section{display:flex;flex-direction:column;gap:8px}.settings-panel__section--row{flex-direction:row;gap:16px}.settings-panel__section--row>div{flex:1;display:flex;flex-direction:column;gap:8px}.settings-panel__section--row-between{flex-direction:row;align-items:center;justify-content:space-between;background:var(--surface);box-shadow:var(--neu-raised-sm);border-radius:var(--radius-sm);padding:12px 16px}.settings-panel__label{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.settings-panel__label-row{display:flex;justify-content:space-between;align-items:baseline}.settings-panel__label-actions{display:flex;gap:12px}.settings-panel__reset{background:none;border:none;color:var(--accent-2);font-size:.75rem;font-weight:600}.settings-panel__reset:hover{text-decoration:underline}.settings-panel input[type=password],.settings-panel textarea,.settings-panel select{background:var(--surface);box-shadow:var(--neu-inset-sm);border:none;border-radius:var(--radius-sm);color:var(--text);padding:12px 14px;font-size:.9rem;resize:vertical}.settings-panel__hint{font-size:.78rem;color:var(--text-faint);line-height:1.5}.settings-panel__char-count{font-size:.72rem;color:var(--text-faint);text-align:right}.settings-panel__refs{display:flex;flex-wrap:wrap;gap:10px}.settings-panel__ref{position:relative;width:56px;height:56px;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--neu-raised-sm)}.settings-panel__ref img{width:100%;height:100%;object-fit:cover;display:block}.settings-panel__ref-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;border:none;background:#141820a6;color:#fff;font-size:.8rem;line-height:1;display:flex;align-items:center;justify-content:center}.settings-panel__add-ref{width:56px;height:56px;border-radius:var(--radius-sm);border:none;background:var(--surface);box-shadow:var(--neu-inset-sm);color:var(--accent-2);font-size:.8rem;font-weight:600}.settings-panel__add-ref:hover{color:var(--accent-1)}.history-gallery{width:100%;max-width:560px;margin:0 auto}.history-gallery__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.history-gallery__title{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.history-gallery__clear{border:none;background:none;color:var(--text-faint);font-size:.75rem;text-decoration:underline}.history-gallery__clear:hover{color:var(--danger)}.history-gallery__empty{font-size:.82rem;color:var(--text-faint);text-align:center;padding:16px;background:var(--surface);box-shadow:var(--neu-inset-sm);border-radius:var(--radius-sm)}.history-gallery__strip{display:flex;gap:10px;overflow-x:auto;padding:4px 4px 10px}.history-gallery__thumb{flex:0 0 auto;width:56px;height:56px;border-radius:50%;padding:0;border:none;overflow:hidden;background:var(--surface);box-shadow:var(--neu-raised-sm);transition:transform .2s ease}.history-gallery__thumb:hover{transform:translateY(-2px)}.history-gallery__thumb img{width:100%;height:100%;object-fit:cover;display:block}.progress-ring{position:relative;width:140px;height:140px;border-radius:50%;background:var(--surface);box-shadow:var(--neu-raised);display:flex;align-items:center;justify-content:center;padding:10px}.progress-ring svg{transform:rotate(-90deg)}.progress-ring__track{opacity:.6}.progress-ring__value{stroke:var(--accent-2);transition:stroke-dashoffset .4s ease}.progress-ring__center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.progress-ring__percent{font-family:var(--font-display);font-size:1.5rem;font-weight:700;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.progress-ring__label{font-size:.68rem;color:var(--text-faint);text-align:center;max-width:90px;line-height:1.3}.theme-toggle{position:relative;width:64px;height:32px;border-radius:999px;border:none;background:var(--surface);box-shadow:var(--neu-inset-sm);display:flex;align-items:center;justify-content:space-between;padding:0 8px}.theme-toggle__icon{color:var(--text-faint);display:flex;align-items:center;justify-content:center;z-index:1;transition:color .2s ease}.theme-toggle__icon.is-active{color:#fff}.theme-toggle__thumb{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:var(--accent-grad);box-shadow:var(--neu-raised-sm);transition:transform .25s ease}.theme-toggle__thumb.is-dark{transform:translate(32px)}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--surface-raised);color:var(--text);box-shadow:var(--neu-raised);padding:12px 22px;border-radius:999px;font-size:.85rem;font-weight:500;z-index:60;animation:toast-in .25s ease}.toast--success{color:var(--success)}.toast--error{color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.app{min-height:100vh;display:flex;flex-direction:column}.app__header{display:flex;align-items:center;justify-content:space-between;padding:24px clamp(20px,5vw,56px)}.app__brand{display:flex;align-items:center;gap:14px}.app__brand-mark{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.2rem;font-weight:700;background:var(--accent-grad);color:#fff;box-shadow:var(--neu-raised-sm)}.app__brand h1{font-size:1.4rem}.app__tagline{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.app__header-actions{display:flex;align-items:center;gap:14px}.app__settings-btn{background:var(--surface);box-shadow:var(--neu-raised-sm);border:none;color:var(--text);padding:10px 20px;border-radius:999px;font-size:.82rem;font-weight:600;transition:box-shadow .15s ease,transform .15s ease}.app__settings-btn:hover{transform:translateY(-1px)}.app__settings-btn:active{box-shadow:var(--neu-inset-sm);transform:none}.app__stage{flex:1;display:flex;flex-direction:column;align-items:center;gap:28px;padding:20px clamp(20px,5vw,56px) 60px}.app__error{max-width:480px;width:100%;background:var(--surface);box-shadow:var(--neu-inset-sm);color:var(--danger);padding:12px 18px;border-radius:var(--radius-sm);font-size:.88rem;text-align:center}.app__loading{display:flex;flex-direction:column;align-items:center;gap:24px}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;padding:13px 28px;font-size:.9rem;font-weight:600;letter-spacing:.01em;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn--primary{background:var(--accent-grad);color:#fff;box-shadow:var(--neu-raised-sm)}.btn--primary:hover{transform:translateY(-1px)}.btn--primary:active{box-shadow:var(--neu-inset-sm);transform:none}.btn--primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--ghost{background:var(--surface);box-shadow:var(--neu-raised-sm);color:var(--text)}.btn--ghost:hover{color:var(--accent-2)}.btn--ghost:active{box-shadow:var(--neu-inset-sm)}.btn--wide{width:100%;max-width:380px}:root,[data-theme=light]{--bg: #e4e9f2;--surface: #e4e9f2;--surface-raised: #eef1f8;--text: #2c3244;--text-muted: #6b7684;--text-faint: #9aa4b2;--accent-1: #5b9bff;--accent-2: #2451d6;--accent-grad: linear-gradient(135deg, var(--accent-1), var(--accent-2));--accent-soft: rgba(74, 129, 255, .14);--danger: #e2685c;--success: #35b391;--shadow-light: #ffffff;--shadow-dark: rgba(163, 177, 198, .6);--shadow-dark-strong: rgba(148, 163, 191, .75);--track-off: #c9d1e0;color-scheme:light}[data-theme=dark]{--bg: #1b2029;--surface: #1b2029;--surface-raised: #212734;--text: #eaeef5;--text-muted: #99a3b5;--text-faint: #6b7488;--accent-1: #6fa4ff;--accent-2: #3a63e0;--accent-grad: linear-gradient(135deg, var(--accent-1), var(--accent-2));--accent-soft: rgba(111, 164, 255, .16);--danger: #f0847a;--success: #4fd3ab;--shadow-light: rgba(255, 255, 255, .045);--shadow-dark: rgba(0, 0, 0, .55);--shadow-dark-strong: rgba(0, 0, 0, .7);--track-off: #323a49;color-scheme:dark}:root{--font-display: "Poppins", "Inter", sans-serif;--font-body: "Inter", "Segoe UI", sans-serif;--radius-lg: 28px;--radius-md: 18px;--radius-sm: 12px;--neu-raised: 8px 8px 16px var(--shadow-dark), -8px -8px 16px var(--shadow-light);--neu-raised-sm: 5px 5px 10px var(--shadow-dark), -5px -5px 10px var(--shadow-light);--neu-inset: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light);--neu-inset-sm: inset 3px 3px 6px var(--shadow-dark), inset -3px -3px 6px var(--shadow-light)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background .25s ease,color .25s ease}#root{min-height:100vh}h1,h2,h3{font-family:var(--font-display);font-weight:600;margin:0;letter-spacing:-.01em;color:var(--text)}p{margin:0}button{font-family:var(--font-body);cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-1);outline-offset:3px}textarea,input,select{font-family:var(--font-body);color:var(--text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--track-off);border-radius:8px}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}