.app-header[data-v-5d56618f]{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-2);height:20%;flex-shrink:0;padding:var(--space-2) var(--space-3);background-color:var(--color-header-bg)}.header-top[data-v-5d56618f]{display:flex;align-items:center;justify-content:space-between}.logo[data-v-5d56618f]{font-family:var(--font-heading);font-size:var(--fs-logo);font-weight:600;color:#fff;text-decoration:none}.header-bottom[data-v-5d56618f]{display:flex;align-items:center;justify-content:space-between}.nav-link[data-v-5d56618f]{position:relative;display:inline-flex;align-items:center;color:var(--color-header-text);text-decoration:none;font-size:var(--fs-lg);font-weight:500;padding:var(--space-3) var(--space-5);min-height:calc(var(--tap-btn) * 1.4);border:var(--hairline) solid rgba(255,255,255,.3);border-radius:var(--radius-pill);background-color:#ffffff24;transition:background-color .12s ease,transform .12s ease;transform:translateY(-25%)}.nav-link[data-v-5d56618f]:active{transform:scale(.95);background-color:#ffffff4d}.nav-link[data-v-5d56618f]:hover{color:var(--color-header-text-active);background-color:#ffffff3d}.nav-link.active[data-v-5d56618f],.nav-link.active[data-v-5d56618f]:hover{color:var(--color-charcoal);font-weight:700;background-color:var(--color-gold);border-color:var(--color-gold)}.badge-nav[data-v-5d56618f]{position:absolute;bottom:calc(-1 * var(--space-1));left:50%;transform:translate(-50%) translateY(25%);z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:calc(var(--space-5) * 3 + var(--space-1));height:var(--tap-badge);padding:0 var(--space-1);font-size:var(--fs-badge-num);font-weight:700;background-color:var(--color-badge-bg);color:var(--color-badge-text);border-radius:var(--radius-md);box-shadow:0 var(--hairline) var(--space-1) #0000004d}.btn-info[data-v-5d56618f]{width:var(--tap-icon);height:var(--tap-icon);border-radius:50%;border:var(--hairline) solid rgba(255,255,255,.35);background-color:#ffffff24;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.btn-info svg[data-v-5d56618f]{width:var(--icon-size);height:var(--icon-size)}.btn-info[data-v-5d56618f]:hover{background-color:#ffffff3d}.btn-logout[data-v-5d56618f]{width:var(--tap-icon);height:var(--tap-icon);border-radius:50%;border:var(--hairline) solid rgba(255,255,255,.35);background:#ffffff24;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.btn-logout svg[data-v-5d56618f]{width:var(--icon-size);height:var(--icon-size)}.btn-logout[data-v-5d56618f]:hover{background-color:#ffffff1a}.btn-slot[data-v-5d56618f]{width:var(--tap-icon);height:var(--tap-icon);flex-shrink:0}.logout-overlay[data-v-5d56618f]{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--space-5)}.logout-modal[data-v-5d56618f]{position:relative;background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6) var(--space-6);max-width:82.05cqw;width:100%;text-align:center;box-shadow:var(--shadow-overlay)}.logout-modal .close-btn[data-v-5d56618f]{position:absolute;top:var(--space-3);right:var(--space-4);background:none;border:none;font-size:var(--fs-3xl);color:var(--color-text-faint);cursor:pointer;line-height:1}.logout-modal .close-btn[data-v-5d56618f]:hover{color:var(--color-text-muted)}.logout-modal h2[data-v-5d56618f]{font-size:var(--fs-2xl);margin:0 0 var(--space-2);color:var(--color-header-bg)}.logout-text[data-v-5d56618f]{font-size:var(--fs-md);color:var(--color-text-muted);margin:0 0 var(--space-5);line-height:1.5}.logout-btn[data-v-5d56618f]{width:100%;padding:3.59cqw;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--fs-lg);font-weight:600;cursor:pointer}.logout-btn[data-v-5d56618f]:hover{background:var(--color-primary-dark)}.app-footer[data-v-7997cc3a]{display:flex;align-items:center;justify-content:center;height:10%;flex-shrink:0;background-color:#f5f5f5;border-top:var(--hairline) solid var(--color-border)}.footer-links[data-v-7997cc3a]{display:flex;justify-content:center;gap:var(--space-4)}.footer-links button[data-v-7997cc3a]{color:var(--color-primary);background:none;border:none;cursor:pointer;font-size:var(--fs-sm);text-decoration:underline}.footer-links button[data-v-7997cc3a]:hover{color:var(--color-primary-dark)}.overlay-backdrop[data-v-7997cc3a]{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.overlay[data-v-7997cc3a]{background:var(--color-bg-card);padding:var(--space-6);border-radius:var(--radius-md);max-width:102.56cqw;width:90%;position:relative;text-align:left;box-shadow:var(--shadow-overlay)}.overlay-close[data-v-7997cc3a]{position:absolute;top:var(--space-3);right:var(--space-3);font-size:var(--fs-3xl);line-height:1;background:none;border:none;cursor:pointer;color:var(--color-text-faint)}.overlay h3[data-v-7997cc3a]{margin:0 0 var(--space-3)}.overlay p[data-v-7997cc3a]{margin:0 0 var(--space-1);line-height:1.6}.overlay p[data-v-7997cc3a]:last-child{margin-bottom:0}.onboarding-overlay[data-v-7642f0f6]{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--space-5)}.onboarding-modal[data-v-7642f0f6]{position:relative;background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6) var(--space-6);max-width:102.56cqw;width:100%;text-align:center;box-shadow:var(--shadow-overlay)}.close-btn[data-v-7642f0f6]{position:absolute;top:var(--space-3);right:var(--space-4);background:none;border:none;font-size:var(--fs-3xl);color:var(--color-text-faint);cursor:pointer;line-height:1}.close-btn[data-v-7642f0f6]:hover{color:var(--color-text-muted)}.panel-emoji[data-v-7642f0f6]{font-size:var(--fs-6xl);line-height:1;margin-bottom:var(--space-4)}.onboarding-modal h2[data-v-7642f0f6]{font-size:var(--fs-2xl);margin:0 0 var(--space-2);color:var(--color-header-bg)}.panel-text[data-v-7642f0f6]{font-size:var(--fs-md);color:var(--color-text-muted);margin:0 0 var(--space-5);line-height:1.5}.dots[data-v-7642f0f6]{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-5)}.dot[data-v-7642f0f6]{width:var(--dot-size);height:var(--dot-size);border-radius:50%;background:var(--color-border)}.dot.active[data-v-7642f0f6]{background:var(--color-primary)}.next-btn[data-v-7642f0f6]{width:100%;padding:3.59cqw;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--fs-lg);font-weight:600;cursor:pointer}.next-btn[data-v-7642f0f6]:hover{background:var(--color-primary-dark)}@font-face{font-family:Bodoni Moda;font-style:normal;font-weight:400 900;font-display:swap;src:url(/MVP/fonts/bodoni-moda-latin.woff2) format("woff2")}@font-face{font-family:Karla;font-style:normal;font-weight:400 700;font-display:swap;src:url(/MVP/fonts/karla-latin.woff2) format("woff2")}:root{--color-charcoal: #1c1c1e;--color-coral: #c0392b;--color-gold: #c9a96e;--color-cream: #f7f3ed;--color-taupe: #8b7d6b;--color-rose: #e8b4b8;--color-header-bg: var(--color-charcoal);--color-header-text: rgba(255, 255, 255, .8);--color-header-text-active: #ffffff;--color-hate: #ff4757;--color-dont-like: #ffa502;--color-like: #2ed573;--color-love: #ff6b81;--color-border: var(--color-taupe);--color-bg-card: #ffffff;--color-bg-page: var(--color-cream);--color-text: var(--color-charcoal);--color-text-muted: var(--color-taupe);--color-error-bg: #ffebee;--color-error-text: #c62828;--color-badge-bg: var(--color-coral);--color-badge-text: #ffffff;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--shadow-card: 0 2px 12px rgba(0, 0, 0, .08);--shadow-card-hover: 0 4px 20px rgba(0, 0, 0, .12);--shadow-overlay: 0 8px 32px rgba(0, 0, 0, .15);--shadow-elevated: 0 6px 24px rgba(0, 0, 0, .16);--font-heading: "Bodoni Moda", serif;--font-body: "Karla", sans-serif;--space-1: 1.03cqw;--space-2: 2.05cqw;--space-3: 3.39cqw;--space-4: 4.1cqw;--space-5: 5.13cqw;--space-6: 6.15cqw;--space-8: 8.21cqw;--fs-xs: 2.56cqw;--fs-sm: 3.08cqw;--fs-md: 3.59cqw;--fs-lg: 4.51cqw;--fs-xl: 4.62cqw;--fs-2xl: 5.13cqw;--fs-3xl: 6.15cqw;--fs-4xl: 7.18cqw;--fs-4xl-home: 10.77cqw;--fs-badge-num: 4.62cqw;--fs-emoji: 8.21cqw;--fs-5xl: 10.77cqw;--fs-6xl: 12.31cqw;--fs-logo: 6.15cqw;--icon-size: 6.46cqw;--tap-icon: 10.77cqw;--tap-btn: 10.26cqw;--tap-badge: 7.38cqw;--ctrl-size: 8.2cqw;--dot-size: 2.05cqw;--hairline: .26cqw;--border-thick: .51cqw;--color-primary: var(--color-coral);--color-primary-dark: var(--color-charcoal);--color-text-faint: var(--color-taupe)}*,*:before,*:after{box-sizing:border-box}*{touch-action:pan-x pan-y}h1,h2,h3{font-family:var(--font-heading)}*{-webkit-user-select:none;-webkit-touch-callout:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--color-text);background-color:var(--color-bg-page);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}button{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--color-coral);outline-offset:2px}a{color:var(--color-coral);text-decoration:none}a:hover{color:var(--color-charcoal)}.app-container{width:calc(var(--vw) * 100);height:calc(var(--vh) * 100);display:flex;justify-content:center;align-items:center;background:var(--color-bg-page);overflow:hidden}.content-box{width:min(calc(var(--vw) * 100),calc(var(--vh) * 50));height:calc(min(calc(var(--vw) * 100),calc(var(--vh) * 50))*2);background:var(--color-bg-page);position:relative;display:flex;flex-direction:column;container-type:inline-size}.content-box main{flex:1;position:relative;overflow:hidden}