:root{--color-primary: #D97B6C;--color-primary-light: #F2C4BA;--color-primary-dark: #B85E50;--color-background: #FDF8F6;--color-background-soft: #F7EFEb;--color-background-mute: #EFE5E0;--color-surface: #FFFFFF;--color-surface-raised: #FFFFFF;--color-border: #EDE0DB;--color-border-hover: #D4C0BA;--color-text: #2D1F1A;--color-text-secondary: #7A5C54;--color-text-muted: #A68B83;--color-heading: #1E130F;--color-success: #6BAE88;--color-warning: #D4A44C;--color-danger: #C0544A;--color-excellent: #6BAE88;--color-good: #8CB8A0;--color-fair: #D4A44C;--color-poor: #C0544A;--color-metric-oiliness: #F59E0B;--color-metric-dryness: #60A5FA;--color-metric-acne: #F87171;--color-metric-redness: #FB7185;--color-metric-puffiness: #A78BFA;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(45, 31, 26, .08);--shadow-md: 0 4px 12px rgba(45, 31, 26, .1);--shadow-lg: 0 8px 24px rgba(45, 31, 26, .12);--nav-height: 64px;--header-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{min-height:100vh;min-height:100dvh;color:var(--color-text);background:var(--color-background);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea{font-family:inherit;font-size:inherit}img{display:block;max-width:100%}#app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;max-width:480px;margin:0 auto;background:var(--color-background)}.page{flex:1;padding-bottom:var(--nav-height);overflow-y:auto}.page--no-nav{padding-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:var(--radius-full);font-size:15px;font-weight:600;line-height:1;transition:opacity .15s,transform .1s;cursor:pointer;border:none;text-align:center;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;pointer-events:none}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-dark)}.btn--outline{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--danger{background:var(--color-danger);color:#fff}.btn--full{width:100%}.btn--sm{padding:10px 18px;font-size:13px}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.form-input{width:100%;padding:14px 16px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:15px;color:var(--color-text);background:var(--color-surface);outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--color-primary)}.form-input::placeholder{color:var(--color-text-muted)}.form-error{font-size:12px;color:var(--color-danger)}.page-header{display:flex;align-items:center;padding:16px 20px;height:var(--header-height);background:var(--color-background);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--color-border)}.page-header__title{font-size:17px;font-weight:700;color:var(--color-heading);flex:1}.page-header__back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-text-secondary);margin-right:8px}.section-title{font-size:13px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.badge--excellent{background:#e8f5ee;color:var(--color-excellent)}.badge--good{background:#eef5f1;color:var(--color-good)}.badge--fair{background:#fdf3e0;color:var(--color-warning)}.badge--poor{background:#fceae9;color:var(--color-danger)}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 24px;text-align:center}.empty-state__icon{font-size:56px;line-height:1}.empty-state__title{font-size:18px;font-weight:700;color:var(--color-heading)}.empty-state__text{font-size:14px;color:var(--color-text-muted);max-width:260px}.error-banner{background:#fceae9;border:1px solid #F5C4C1;border-radius:var(--radius-md);padding:12px 16px;font-size:13px;color:var(--color-danger);display:flex;flex-direction:column;gap:10px}.error-banner__hint{font-size:12px;color:var(--color-text-muted)}.bottom-nav[data-v-6ead88d3]{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--nav-height);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;align-items:stretch;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav__item[data-v-6ead88d3]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--color-text-muted);transition:color .15s;text-decoration:none}.bottom-nav__item--active[data-v-6ead88d3]{color:var(--color-primary)}.bottom-nav__icon[data-v-6ead88d3]{font-size:22px;line-height:1}.bottom-nav__label[data-v-6ead88d3]{font-size:11px;font-weight:500}.app-header[data-v-7999481e]{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:var(--header-height, 56px);background:var(--color-background);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50}.app-header__title[data-v-7999481e]{font-size:17px;font-weight:700;color:var(--color-heading)}.app-header__menu-wrap[data-v-7999481e]{position:relative}.app-header__menu-btn[data-v-7999481e]{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:transparent;cursor:pointer;border:none;padding:0}.app-header__menu-icon[data-v-7999481e]{font-size:22px;line-height:1}.app-header__badge[data-v-7999481e]{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--color-danger, #e53e3e);border-radius:50%;border:1.5px solid var(--color-background)}.app-header__dropdown[data-v-7999481e]{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000001f;z-index:200;overflow:hidden}.app-header__dropdown-item[data-v-7999481e]{display:flex;align-items:center;gap:10px;width:100%;padding:13px 16px;font-size:15px;font-weight:500;color:var(--color-text);background:transparent;border:none;cursor:pointer;text-align:left;position:relative}.app-header__dropdown-item[data-v-7999481e]:hover{background:var(--color-background-soft)}.app-header__dropdown-item--danger[data-v-7999481e]{color:var(--color-danger, #e53e3e)}.app-header__dropdown-icon[data-v-7999481e]{font-size:18px;line-height:1}.app-header__item-badge[data-v-7999481e]{width:8px;height:8px;background:var(--color-danger, #e53e3e);border-radius:50%;margin-left:auto;flex-shrink:0}.app-header__dropdown-divider[data-v-7999481e]{height:1px;background:var(--color-border);margin:0}.app-header__overlay[data-v-7999481e]{position:fixed;inset:0;z-index:199}.menu-fade-enter-active[data-v-7999481e],.menu-fade-leave-active[data-v-7999481e]{transition:opacity .15s,transform .15s}.menu-fade-enter-from[data-v-7999481e],.menu-fade-leave-to[data-v-7999481e]{opacity:0;transform:translateY(-6px)}