@charset "UTF-8";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";.bottom-nav[data-v-3997bc99]{position:fixed;bottom:0;left:0;right:0;height:calc(70px + env(safe-area-inset-bottom,0px));background-color:var(--surface-1);display:flex;justify-content:space-around;align-items:flex-start;padding-top:8px;box-shadow:0 -2px 10px #0000000d;backdrop-filter:blur(10px);border-top:1px solid var(--border-light);z-index:90}.nav-tab[data-v-3997bc99]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0;color:var(--text-tertiary);transition:color .3s ease}.nav-tab.active[data-v-3997bc99]{color:var(--primary)}.nav-tab[data-v-3997bc99]:active{opacity:.7}.nav-icon[data-v-3997bc99]{margin-bottom:4px;display:flex;align-items:center;justify-content:center}.nav-svg[data-v-3997bc99]{stroke:currentColor;transition:transform .2s ease}.nav-tab:active .nav-svg[data-v-3997bc99]{transform:scale(.9)}.nav-label[data-v-3997bc99]{font-size:var(--text-xs);font-weight:500}.nav-center-btn[data-v-3997bc99]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0;background:transparent;border:none;color:var(--text-tertiary);transition:color .3s ease}.nav-center-btn.active[data-v-3997bc99]{color:var(--primary)}.nav-center-btn[data-v-3997bc99]:active{opacity:.7}.center-icon[data-v-3997bc99]{width:26px;height:26px;object-fit:contain;margin-bottom:0;transform:scale(1.2)}.center-badge[data-v-3997bc99]{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;background-color:#ff5c5c;color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 5px #ff5c5c4d}.fullscreen-loading-overlay[data-v-73af05db]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-bg);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn-73af05db .3s ease-in-out}@keyframes fadeIn-73af05db{0%{opacity:0}to{opacity:.8}}.loading-content[data-v-73af05db]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;border-radius:12px;position:relative;width:280px;height:280px;text-align:center}.loading-spinner[data-v-73af05db]{width:70px;height:70px;border:5px solid rgba(255,255,255,.2);border-top:5px solid #a78bfa;border-radius:50%;animation:spin-73af05db 1.5s linear infinite;position:relative;z-index:2;margin:0 auto 20px}.loading-text[data-v-73af05db]{margin-top:15px;font-size:var(--text-xl);color:#fff;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.5);z-index:2;letter-spacing:1px;width:100%;text-align:center}.mystic-particles[data-v-73af05db]{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1}.particle[data-v-73af05db]{position:absolute;font-size:var(--text-xl);opacity:.6;animation:float-particle-73af05db 7s infinite ease-in-out}.particle.p1[data-v-73af05db]{top:10%;left:20%;animation-delay:0s}.particle.p2[data-v-73af05db]{top:20%;right:15%;animation-delay:1s}.particle.p3[data-v-73af05db]{bottom:30%;right:25%;animation-delay:2s}.particle.p4[data-v-73af05db]{bottom:10%;left:30%;animation-delay:3s}.particle.p5[data-v-73af05db]{top:40%;left:10%;animation-delay:4s}.particle.p6[data-v-73af05db]{bottom:40%;right:10%;animation-delay:5s}@keyframes float-particle-73af05db{0%,to{transform:translate(0) rotate(0);opacity:.5}25%{transform:translate(20px,-20px) rotate(15deg);opacity:.8}50%{transform:translateY(15px) rotate(0);opacity:.8}75%{transform:translate(-20px,-10px) rotate(-15deg);opacity:.6}}@keyframes spin-73af05db{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.loading-content[data-v-73af05db]{width:240px;height:240px}.loading-spinner[data-v-73af05db]{width:60px;height:60px}.loading-text[data-v-73af05db],.particle[data-v-73af05db]{font-size:var(--text-lg)}}@media (max-width: 480px){.loading-content[data-v-73af05db]{width:220px;height:220px;padding:20px}.loading-spinner[data-v-73af05db]{width:50px;height:50px;border-width:4px;margin-bottom:15px}.loading-text[data-v-73af05db]{font-size:var(--text-md);margin-top:10px}.particle[data-v-73af05db]{font-size:var(--text-md)}}.alert-overlay[data-v-720d18aa]{position:fixed;inset:0;background-color:var(--overlay-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.alert-overlay.show[data-v-720d18aa]{opacity:1;visibility:visible;pointer-events:auto}.alert-content[data-v-720d18aa]{width:270px;background-color:var(--modal-bg);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow, 0 4px 20px rgba(0, 0, 0, .15));transform:scale(1.05);transition:transform .2s ease;animation:fadeIn-720d18aa .2s ease forwards}.alert-overlay.show .alert-content[data-v-720d18aa]{transform:scale(1)}.alert-emoji[data-v-720d18aa]{font-size:36px;text-align:center;margin:20px 0 12px;animation:emoji-bounce-720d18aa .6s ease}@keyframes emoji-bounce-720d18aa{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-12px)}60%{transform:translateY(-6px)}}.alert-title[data-v-720d18aa]{font-size:var(--text-lg, 18px);font-weight:600;color:var(--text-primary, #000);margin:0 16px 8px;text-align:center}.alert-message[data-v-720d18aa]{font-size:var(--text-sm, 14px);color:var(--text-secondary, #666);margin:0 16px 20px;text-align:center;line-height:1.4}.alert-actions[data-v-720d18aa]{display:flex;flex-direction:row;border-top:.5px solid var(--border-light, rgba(0, 0, 0, .1))}.alert-btn[data-v-720d18aa]{flex:1;height:44px;font-size:var(--text-md, 16px);font-weight:400;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:none;transition:background-color .15s}.alert-btn[data-v-720d18aa]:not(:first-child){border-left:.5px solid var(--border-light, rgba(0, 0, 0, .1))}.alert-btn-cancel[data-v-720d18aa]{color:var(--btn-decline-text, #8E8E93)}.alert-btn-confirm[data-v-720d18aa]{color:var(--btn-action, #B8A0E2);font-weight:600}.alert-btn[data-v-720d18aa]:active{background-color:var(--surface-2, rgba(0, 0, 0, .05))}@keyframes fadeIn-720d18aa{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@media (max-width: 320px){.alert-content[data-v-720d18aa]{width:250px}}.app-toast[data-v-d276c3c3]{position:fixed;left:50%;transform:translate(-50%);min-width:180px;max-width:80%;background-color:var(--surface-3);border-radius:var(--radius-md);box-shadow:var(--shadow);display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-lg);z-index:2000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-light);box-sizing:border-box;width:auto}.toast-flexible[data-v-d276c3c3]{width:fit-content!important;min-width:180px;max-width:90%}@media (min-width: 768px){.app-toast[data-v-d276c3c3]{max-width:600px}.toast-flexible[data-v-d276c3c3]{max-width:80%}}@media (max-width: 480px){.app-toast[data-v-d276c3c3]{min-width:90%;max-width:95%;width:90%}.toast-flexible[data-v-d276c3c3]{width:fit-content!important;min-width:auto;max-width:95%}}.toast-success[data-v-d276c3c3]{border-left:3px solid var(--success)}.toast-error[data-v-d276c3c3]{border-left:3px solid var(--error)}.toast-warning[data-v-d276c3c3]{border-left:3px solid var(--warning)}.toast-info[data-v-d276c3c3]{border-left:3px solid var(--primary)}.toast-icon[data-v-d276c3c3]{margin-right:12px;flex-shrink:0}.custom-icon[data-v-d276c3c3]{font-size:20px;display:flex;align-items:center;justify-content:center}.toast-success .toast-icon[data-v-d276c3c3]{color:var(--success)}.toast-error .toast-icon[data-v-d276c3c3]{color:var(--error)}.toast-warning .toast-icon[data-v-d276c3c3]{color:var(--warning)}.toast-info .toast-icon[data-v-d276c3c3]{color:var(--primary)}.toast-content[data-v-d276c3c3]{flex:1;min-width:0;word-break:break-word;overflow-wrap:break-word}.toast-title[data-v-d276c3c3]{font-size:var(--text-md);font-weight:600;color:var(--text-primary);margin-bottom:4px}.toast-message[data-v-d276c3c3]{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);line-height:1.4;white-space:pre-line}.toast-close-btn[data-v-d276c3c3]{background:none;border:none;color:var(--text-tertiary);font-size:20px;padding:0;margin-left:8px;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.toast-fade-enter-active[data-v-d276c3c3],.toast-fade-leave-active[data-v-d276c3c3]{transition:opacity .3s,transform .3s}.toast-fade-enter-from[data-v-d276c3c3],.toast-fade-leave-to[data-v-d276c3c3]{opacity:0;transform:translate(-50%,20px)}.toast-container[data-v-0d4ca29e]{position:fixed;z-index:20000;pointer-events:auto;left:0;right:0;bottom:0}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;background:var(--surface-1)}.app{width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden;display:flex;flex-direction:column}.app-background{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--surface-1);z-index:0}.app-layout{position:absolute;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;top:0;left:0}@supports (-webkit-touch-callout: none){html{height:-webkit-fill-available}body,.app{height:100vh;height:-webkit-fill-available;width:100%;overflow:hidden;position:fixed;top:0;left:0}.app-layout{position:absolute;top:0;left:0;width:100%;height:100%}}*{-webkit-tap-highlight-color:transparent}:root{--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 48px;--header-height: 70px;--font: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--text-2xs: 10px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 28px;--text-4xl: 32px;--text-5xl: 36px;--text-6xl: 40px;--success: #5BC6B5;--success-light: rgba(91, 198, 181, .15);--success-dark: #3AAE9C;--warning: #FF8756;--warning-light: rgba(255, 135, 86, .15);--warning-dark: #E86B3F;--error: #FF5F77;--error-light: rgba(255, 95, 119, .15);--error-dark: #E93B5C;--neutral: #C0C0C0;--neutral-light: rgba(192, 192, 192, .15);--neutral-dark: #9E9E9E;--match-score: #FF3B6D;--link-color: #6C5CE7}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;scrollbar-width:thin;scrollbar-color:var(--primary) transparent}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent;margin:10px 0}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--primary),var(--accent));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}input,button,textarea,select{-webkit-appearance:none;border-radius:0;font-family:var(--font)}body{font-family:var(--font);font-size:var(--text-md);line-height:1.5;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h2,h3{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.page-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em;background:var(--title);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}a{color:var(--link-color);text-decoration:none;transition:opacity .2s ease}a:hover,a:focus{opacity:.8}a:active{opacity:.6}strong,b{font-weight:600;color:var(--text-primary)}small{font-size:var(--text-xs);color:var(--text-tertiary)}p{margin-bottom:var(--spacing-md)}p:last-child{margin-bottom:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}:root{--bg-gradient: linear-gradient(135deg, #FFF1E6, #F4C6D7, #A0C4FF);--bg: #F4E6F0;--title: linear-gradient(90deg, #4B4453, #9376E0);--surface: rgba(252, 250, 255, .4);--surface-1: rgba(248, 245, 252, .7);--surface-2: rgba(245, 240, 250, .85);--surface-3: rgba(240, 235, 245, .95);--surface-4: rgb(235, 228, 240);--primary: #B8A0E2;--primary-light: rgba(184, 160, 226, .15);--primary-dark: #9F88D0;--primary-pastal: #E2D7FF;--accent: #FFB6C1;--accent-light: rgba(255, 182, 193, .15);--male: #5C95FF;--male-light: rgba(160, 196, 255, .15);--female: #E490B1;--female-light: rgba(228, 144, 177, .25);--text-primary: #4B4453;--text-secondary: #7A7297;--text-tertiary: #9D9BB0;--btn-accept: #FF7396;--btn-accept-disabled: #FFADC0;--btn-accept-shadow: rgba(255, 115, 150, .25);--btn-action: #B8A0E2;--btn-action-disabled: #D1C7E7;--btn-action-shadow: rgba(184, 160, 226, .25);--btn-decline-bg: white;--btn-decline-border: rgba(200, 200, 200, .3);--btn-decline-text: #8E8E93;--btn-decline-disabled-bg: #F5F5F5;--btn-decline-disabled-text: #C7C7CC;--border-light: rgba(184, 160, 226, .12);--border: rgba(244, 198, 215, .25);--border-glow: rgba(184, 160, 226, .3);--divider: rgba(184, 160, 226, .1);--shadow-soft: 0 2px 10px rgba(244, 198, 215, .08);--shadow: 0 4px 20px rgba(255, 179, 171, .2);--shadow-glow: 0 0 15px rgba(184, 160, 226, .15);--card-bg: linear-gradient(var(--radius-lg), rgba(255, 241, 230, .4), rgba(244, 198, 215, .4));--card-border: 1px solid rgba(255, 179, 171, .2);--home-card-bg: linear-gradient(135deg, rgba(255, 240, 245, .95), rgba(255, 228, 225, .9));--home-card-selected-bg: linear-gradient(135deg, rgba(255, 240, 245, .95), rgba(254, 228, 225, .95));--home-card-border: rgba(244, 198, 215, .3);--home-card-shadow: 0 2px 10px rgba(244, 198, 215, .15);--home-card-tag-bg: rgba(255, 255, 255, .6);--home-card-tag-border: rgba(244, 198, 215, .3);--overlay-bg: rgba(130, 110, 160, .6);--cloud-bg: white;--cloud-opacity: .4;--star-bg: white;--toast-bg: rgba(255, 255, 255, .95);--toast-border: rgba(255, 255, 255, .2);--toast-shadow: 0 4px 12px rgba(0, 0, 0, .15);--toast-title-color: #4B4453;--toast-message-color: #7A7297;--toast-icon-color: #B8A0E2;--toast-close-color: #9D9BB0;--toast-close-active-bg: rgba(244, 198, 215, .1);--bottom-nav-bg: rgba(255, 255, 255, .8);--bottom-nav-border: rgba(244, 198, 215, .2);--chat-input-bg: rgba(255, 255, 255, .9);--photo-gallery-bg: linear-gradient(135deg, rgba(255, 241, 230, .98), rgba(244, 198, 215, .98));--gallery-header-bg: rgba(255, 255, 255, .7);--sidebar-bg: rgba(255, 255, 255, .9);--menu-item-bg: rgba(255, 255, 255, .6);--modal-bg: rgba(255, 255, 255, .9);--nav-btn-bg: linear-gradient(135deg, #A78BFA, #EC4899);--premium-card-bg: linear-gradient(135deg, rgba(255, 241, 230, .4), rgba(244, 198, 215, .4));--premium-card-border: rgba(255, 179, 171, .3);--premium-card-shadow: 0 4px 15px rgba(255, 179, 171, .15);--premium-card-shine: rgba(255, 255, 255, .2);--premium-btn-bg: linear-gradient(90deg, var(--primary), var(--accent));--premium-btn-shadow: 0 2px 8px rgba(244, 198, 215, .3);--nav-card-bg: rgba(30, 30, 60, .1);--card-placeholder-bg: linear-gradient(135deg, #B8A0E2 0%, #8B7AB8 50%, #6B5B95 100%);--card-placeholder-icon-color: rgba(255, 255, 255, .4);--info-card-bg: rgba(184, 160, 226, .08);--sinsal-gilsin-bg: linear-gradient(135deg, rgba(75, 212, 165, .15), rgba(75, 212, 165, .05));--sinsal-gilsin-border: rgba(75, 212, 165, .3);--sinsal-hyungsin-bg: linear-gradient(135deg, rgba(255, 107, 107, .15), rgba(255, 107, 107, .05));--sinsal-hyungsin-border: rgba(255, 107, 107, .3);--story-placeholder-bg: #f1ecf8}[data-theme=dark]{--bg-gradient: linear-gradient(to bottom, #070C1B 0%, #263380 50%, #FF8F45 100%);--bg: #1A2850;--title: linear-gradient(90deg, #e7deef, #9376E0);--surface: rgba(10, 17, 38, .5);--surface-1: rgba(10, 17, 38, .7);--surface-2: rgba(24, 34, 82, .8);--surface-3: rgba(35, 48, 95, .95);--surface-4: rgba(24, 34, 82, 1);--male: #4A95FF;--male-light: rgba(74, 149, 255, .15);--female: #FF7A96;--female-light: rgba(255, 122, 150, .25);--primary: #6C74D9;--primary-light: rgba(108, 116, 217, .15);--primary-dark: #4A51AF;--primary-pastal: #9BA2FF;--accent: #FF8F45;--accent-2: #FF8F45;--accent-light: rgba(255, 143, 69, .15);--text-primary: #F0F0FF;--text-secondary: #C5C1E8;--text-tertiary: #9895C7;--btn-accept: #FF7A96;--btn-accept-disabled: #8B5A66;--btn-accept-shadow: rgba(255, 122, 150, .25);--btn-action: #6C74D9;--btn-action-disabled: #8F90C1;--btn-action-shadow: rgba(108, 116, 217, .25);--btn-decline-bg: #0A1126;--btn-decline-border: rgba(108, 116, 217, .2);--btn-decline-text: #C5C1E8;--btn-decline-disabled-bg: #12172C;--btn-decline-disabled-text: #8181A5;--shadow-soft: 0 2px 10px rgba(0, 0, 0, .3);--shadow: 0 4px 15px rgba(0, 0, 0, .35);--shadow-glow: 0 0 15px rgba(108, 116, 217, .1);--card-bg: linear-gradient(var(--radius-lg), rgba(10, 17, 38, .5), rgba(16, 25, 58, .5));--card-border: 1px solid rgba(108, 116, 217, .1);--home-card-bg: linear-gradient(135deg, rgba(10, 17, 38, .95), rgba(16, 25, 58, .9));--home-card-selected-bg: linear-gradient(135deg, rgba(16, 25, 58, .95), rgba(24, 34, 82, .95));--home-card-border: rgba(108, 116, 217, .15);--home-card-shadow: 0 2px 10px rgba(0, 0, 0, .3);--home-card-tag-bg: rgba(108, 116, 217, .5);--home-card-tag-border: rgba(108, 116, 217, .15);--overlay-bg: rgba(7, 12, 27, .6);--cloud-bg: rgba(180, 190, 255, .25);--cloud-opacity: .4;--star-bg: #BBBBFF;--toast-bg: rgba(10, 17, 38, .95);--toast-border: rgba(108, 116, 217, .1);--toast-shadow: 0 4px 16px rgba(0, 0, 0, .3);--toast-title-color: #F0F0FF;--toast-message-color: #C5C1E8;--toast-icon-color: #6C74D9;--toast-close-color: #9895C7;--toast-close-active-bg: rgba(108, 116, 217, .1);--bottom-nav-bg: rgba(10, 17, 38, .8);--bottom-nav-border: rgba(108, 116, 217, .1);--chat-input-bg: rgba(10, 17, 38, .9);--photo-gallery-bg: linear-gradient(135deg, rgba(15, 22, 41, .98), rgba(35, 40, 80, .98));--gallery-header-bg: rgba(24, 34, 82, .7);--sidebar-bg: rgba(24, 34, 82, .9);--menu-item-bg: rgba(30, 35, 70, .6);--modal-bg: rgba(30, 35, 70, .9);--nav-btn-bg: linear-gradient(135deg, #6C74D9, #9F4385);--premium-card-bg: linear-gradient(135deg, rgba(30, 35, 70, .7), rgba(40, 25, 80, .6));--premium-card-border: rgba(108, 116, 217, .3);--premium-card-shadow: 0 4px 15px rgba(0, 0, 0, .3);--premium-card-shine: rgba(108, 116, 217, .3);--premium-icon-glow: rgba(255, 143, 69, .7);--premium-btn-bg: linear-gradient(90deg, var(--primary), var(--accent));--premium-btn-shadow: 0 2px 8px rgba(108, 116, 217, .3);--link-color: #A794FF;--nav-card-bg: rgba(60, 60, 90, .3);--card-placeholder-bg: linear-gradient(135deg, #6C74D9 0%, #4A51AF 50%, #3A4188 100%);--card-placeholder-icon-color: rgba(255, 255, 255, .4);--info-card-bg: rgba(108, 116, 217, .1);--sinsal-gilsin-bg: linear-gradient(135deg, rgba(100, 230, 180, .25), rgba(100, 230, 180, .12));--sinsal-gilsin-border: rgba(100, 230, 180, .5);--sinsal-hyungsin-bg: linear-gradient(135deg, rgba(255, 130, 180, .25), rgba(255, 130, 180, .12));--sinsal-hyungsin-border: rgba(255, 130, 180, .5);--story-placeholder-bg: #2A3550}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-md);cursor:pointer;transition:all .3s ease;width:100%;padding:16px 20px;background:linear-gradient(90deg,var(--primary),#A78BFA);border:none;color:#fff;box-shadow:0 5px 15px #b8a0e24d;position:relative;overflow:hidden}.btn:active{transform:translateY(1px);opacity:.9}.btn.secondary{background:linear-gradient(90deg,var(--surface-2),var(--surface-3));border:1px solid var(--border);color:var(--text-secondary);box-shadow:none}.btn.secondary:active{background:linear-gradient(90deg,var(--surface-3),var(--surface-2));color:var(--text-primary)}.phone-login-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--text-md);cursor:pointer;width:100%;padding:var(--spacing-md);background:linear-gradient(90deg,var(--primary),#A78BFA);border:none;color:#fff;font-weight:600;position:relative;overflow:hidden;box-shadow:0 5px 15px #b8a0e24d;transition:all .3s ease;margin-bottom:var(--spacing-lg)}.phone-login-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 8px #b8a0e233}.phone-login-btn:disabled{background:var(--btn-action-disabled);cursor:not-allowed;opacity:.7}.phone-login-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:rotate(30deg);animation:shimmer 4s infinite;z-index:1}.modal-btn-group{position:sticky!important;bottom:0!important;background-color:var(--surface-2)!important;z-index:15!important;padding:var(--spacing-sm)!important;border-top:1px solid var(--divider)!important;margin-top:0!important;margin-bottom:0!important;display:flex!important;flex-direction:row!important;gap:var(--spacing-md)!important}.modal-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-md);cursor:pointer;transition:all .3s ease;padding:16px 20px}.modal-btn:active{transform:scale(.98)}.modal-btn.primary{background:var(--primary);border:none;color:#fff;box-shadow:0 4px 15px #b8a0e24d}.modal-btn.secondary{background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary)}.back-btn{width:var(--spacing-xl);height:var(--spacing-xl);border-radius:50%;border:none;background-color:var(--surface-2);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease}.back-btn:active{transform:scale(.95);background-color:var(--surface-3)}.button-option{background-color:var(--surface-2);border:1px solid var(--border-glow);border-radius:var(--radius-md);padding:var(--spacing-sm);text-align:center;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.button-option.selected{background:linear-gradient(135deg,var(--primary-light),rgba(184,160,226,.05));border-color:var(--primary);color:var(--text-primary);box-shadow:0 0 12px var(--border-glow)}.button-group.two-columns{grid-template-columns:repeat(2,1fr)}.button-group.three-columns{grid-template-columns:repeat(3,1fr)}.card{background-color:var(--surface-1);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow);border:1px solid var(--border-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden;margin-bottom:var(--spacing-lg);min-height:200px;height:auto}.card:after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--border-light);pointer-events:none}.login-card{width:100%;max-width:400px;background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);background:radial-gradient(circle at 80% 20%,var(--home-card-tag-bg) 0%,transparent 60%);pointer-events:none;z-index:0}.personality-description{background-color:var(--primary-light);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border:1px solid rgba(184,160,226,.3)}.personality-description p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;text-align:center;margin:0}.premium-card{background:var(--premium-card-bg);border:1px solid var(--premium-card-border);border-radius:var(--radius-lg);box-shadow:var(--premium-card-shadow);padding:var(--spacing-lg);position:relative;overflow:hidden}.premium-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,transparent 0%,var(--premium-card-shine) 50%,transparent 100%);transform:rotate(30deg);animation:shimmer 4s infinite;z-index:0}.home-card{background:var(--home-card-bg);border:1px solid var(--home-card-border);border-radius:var(--radius-lg);box-shadow:var(--home-card-shadow);padding:var(--spacing-lg)}.home-card.selected{background:var(--home-card-selected-bg);box-shadow:var(--shadow-glow)}.form-group{margin-bottom:var(--spacing-lg);position:relative}label{display:block;margin-bottom:var(--spacing-sm);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}input,select{width:100%;padding:var(--spacing-md);background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-md);transition:all .3s ease;-webkit-appearance:none}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 12px var(--border-glow)}input::placeholder,select::placeholder{color:var(--text-tertiary)}.form-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:4px}.text-count{text-align:right;font-size:var(--text-xs);color:var(--text-tertiary);margin-top:4px}.text-count-warning{color:var(--warning)}.text-count-error{color:var(--error)}.required-label{color:var(--error);margin-left:2px}.phone-input-wrapper{display:flex;align-items:center;padding:12px 16px;background-color:var(--surface-2);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);transition:all .3s ease;width:100%}.phone-input-wrapper:focus-within:not(.disabled){box-shadow:0 0 0 2px var(--border-glow)}.phone-input-wrapper.disabled{opacity:.7;cursor:not-allowed}.phone-icon{font-size:var(--text-xl);margin-right:var(--spacing-sm);color:var(--text-secondary)}.phone-input{flex:1;border:none;background:transparent;font-size:var(--text-sm);padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-primary);outline:none;width:100%}.phone-input:disabled{color:var(--text-primary);background:transparent}.phone-input::placeholder{color:var(--text-tertiary)}.checkbox-wrapper{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:0}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.checkbox-text{font-weight:500}.custom-dropdown-wrapper{position:relative}.custom-dropdown-wrapper.has-error:after{content:"";position:absolute;inset:0;border-radius:12px;border:1px solid var(--error);box-shadow:0 0 0 1px var(--error-light);pointer-events:none}.profile-image-container{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-right:var(--spacing-md);background-color:var(--surface-2);flex-shrink:0;box-shadow:0 2px 8px #0000001a;border:2px solid var(--border-glow);position:relative}.profile-image-container:active{transform:scale(.95)}.profile-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-secondary);background:var(--surface-2);position:absolute;top:0;left:0;padding-right:2px;padding-bottom:2px}.profile-image-placeholder svg{position:relative;top:-1px;transform:translate(-5%) translateY(-5%)}.profile-image,.profile-image-placeholder{width:50px;height:50px;border-radius:50%;overflow:hidden;background-color:var(--surface-2);box-shadow:var(--shadow-soft);border:1px solid var(--border-glow)}.profile-image{width:100%;height:100%;object-fit:cover}.modal-overlay{position:fixed;inset:0;background-color:#00000080;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease;touch-action:none;overflow:hidden;width:100%;height:100%;-webkit-overflow-scrolling:touch;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.modal-content{position:relative;width:90%;max-width:480px;background-color:var(--surface-2);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border-light);animation:scaleIn .3s ease;display:flex;flex-direction:column;max-height:70vh;overflow:hidden;margin-bottom:env(safe-area-inset-bottom,0);z-index:2001;margin-top:0}.modal-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background-color:var(--surface-2);z-index:10;padding:var(--spacing-md);border-bottom:1px solid var(--divider)}.modal-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);text-align:center;flex:1;display:flex;align-items:center;justify-content:center}.modal-body{flex:1;overflow-y:auto;padding:var(--spacing-md) var(--spacing-md) 0 var(--spacing-md);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:calc(70vh - 130px);scrollbar-width:none;-ms-overflow-style:none}.modal-body::-webkit-scrollbar{display:none}body.modal-open{overflow:hidden;position:fixed;width:100%;height:100%}body.modal-open .bottom-nav{visibility:hidden!important;z-index:0!important}@supports (-webkit-touch-callout: none){.modal-overlay{position:fixed!important;inset:0!important;display:block!important;z-index:9999!important;animation:none!important;opacity:1!important}.modal-content{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%!important;max-width:480px!important;margin:0!important;max-height:70vh!important;z-index:2001!important;animation:none!important;opacity:1!important}.modal-body{-webkit-overflow-scrolling:touch;max-height:calc(70vh - 130px)}}.social-icon-btn{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:var(--shadow-soft);transition:all .3s ease;position:relative;overflow:hidden}.social-icon-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:float 3s infinite ease-in-out}.social-icon-btn:active{transform:translateY(1px)}.social-icon-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.loading-spinner{width:20px;height:20px;border-radius:50%;border:2px solid rgba(0,0,0,.1);border-top-color:currentColor;animation:spin .8s linear infinite}.error-message{color:var(--error);font-size:var(--text-xs);margin-top:4px}.error-input,input.error-input,textarea.error-input,select.error-input{border-color:var(--error)!important;box-shadow:0 0 0 1px var(--error-light)!important}.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md);text-align:center}.empty-message{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.5}.survey-card{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-xs)}.survey-item{display:flex;flex-direction:row;gap:var(--spacing-sm);background-color:var(--surface-1);border-radius:var(--radius-lg);padding:var(--spacing-md);border:1px solid var(--border-light);box-shadow:var(--shadow-soft);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.survey-item.error-survey-item{border:1px solid var(--error)!important;box-shadow:0 0 0 1px var(--error-light)!important}.question-number{display:flex;align-items:center;justify-content:center;width:25px;height:25px;min-width:25px;background-color:var(--primary);color:#fff;border-radius:50%;font-weight:600;font-size:var(--text-md);flex-shrink:0;align-self:flex-start}.question-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.question-header{display:flex;align-items:center;gap:var(--spacing-sm)}.survey-question{font-weight:600;color:var(--text-primary);font-size:var(--text-md);line-height:1.4}.survey-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);width:100%;padding-left:0}.survey-option{width:100%;box-sizing:border-box;background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-sm);text-align:center;color:var(--text-secondary);font-size:var(--text-xs);font-weight:400;cursor:pointer;position:relative;overflow:hidden;min-height:54px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:var(--shadow-soft);line-height:1.3;word-break:keep-all;white-space:normal}.survey-option:active{transform:scale(.98);background-color:var(--surface-3)}.survey-option.selected{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:var(--primary);color:#fff;box-shadow:var(--shadow-glow);font-weight:500}.tab-nav.skeleton{margin-bottom:var(--spacing-md);background-color:var(--surface-2);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);border:1px solid var(--border-light)}.tab:not(.active):hover{background-color:#ffffff1a;color:var(--text-primary)}.tab-content-container.skeleton{position:relative;min-height:200px;background-color:transparent}.tab-content{opacity:0;visibility:hidden;position:absolute;left:0;top:0;width:100%;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;z-index:1;height:0;overflow:hidden}.tab-content.active{opacity:1;visibility:visible;position:relative;height:auto;overflow:visible;z-index:2}.tab-badge{background-color:var(--accent);color:#fff;font-size:var(--text-xs);font-weight:600;border-radius:10px;padding:2px 6px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.skeleton-tab{flex:1;display:flex;justify-content:center;align-items:center;padding:10px;border-bottom:2px solid transparent}.skeleton-tab .skeleton-text{width:70%;height:16px}.skeleton-base,.skeleton-table .skeleton-row .skeleton-cell,.skeleton-image,.skeleton-button,.skeleton-circle,.skeleton-list .skeleton-item .skeleton-icon,.skeleton-text,.skeleton-list .skeleton-item .skeleton-content .skeleton-subtitle,.skeleton-list .skeleton-item .skeleton-content .skeleton-title{background:linear-gradient(135deg,var(--surface-2),var(--surface-3));border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s infinite}.skeleton-text,.skeleton-list .skeleton-item .skeleton-content .skeleton-subtitle,.skeleton-list .skeleton-item .skeleton-content .skeleton-title{height:16px;width:100%;margin-bottom:var(--spacing-sm)}.skeleton-text.text-sm,.skeleton-list .skeleton-item .skeleton-content .text-sm.skeleton-subtitle,.skeleton-list .skeleton-item .skeleton-content .text-sm.skeleton-title{height:14px}.skeleton-text.text-lg,.skeleton-list .skeleton-item .skeleton-content .text-lg.skeleton-subtitle,.skeleton-list .skeleton-item .skeleton-content .text-lg.skeleton-title{height:20px}.skeleton-text.text-xl,.skeleton-list .skeleton-item .skeleton-content .text-xl.skeleton-subtitle,.skeleton-list .skeleton-item .skeleton-content .text-xl.skeleton-title{height:24px}.skeleton-text.w-25,.skeleton-list .skeleton-item .skeleton-content .w-25.skeleton-subtitle,.skeleton-list .skeleton-item .skeleton-content .w-25.skeleton-title{width:25%}.skeleton-text.w-50,.skeleton-list .skeleton-item .skeleton-content .w-50.skeleton-subtitle,.skeleton-list .skeleton-item .skeleton-content .w-50.skeleton-title{width:50%}.skeleton-text.w-75,.skeleton-list .skeleton-item .skeleton-content .w-75.skeleton-subtitle,.skeleton-list .skeleton-item .skeleton-content .w-75.skeleton-title{width:75%}.skeleton-circle,.skeleton-list .skeleton-item .skeleton-icon{border-radius:50%}.skeleton-circle.avatar-sm,.skeleton-list .skeleton-item .avatar-sm.skeleton-icon{width:36px;height:36px}.skeleton-circle.avatar-md,.skeleton-list .skeleton-item .avatar-md.skeleton-icon{width:50px;height:50px}.skeleton-circle.avatar-lg,.skeleton-list .skeleton-item .avatar-lg.skeleton-icon{width:80px;height:80px}.skeleton-circle.icon-sm,.skeleton-list .skeleton-item .icon-sm.skeleton-icon{width:16px;height:16px}.skeleton-circle.icon-md,.skeleton-list .skeleton-item .icon-md.skeleton-icon{width:24px;height:24px}.skeleton-circle.icon-lg,.skeleton-list .skeleton-item .icon-lg.skeleton-icon{width:32px;height:32px}.skeleton-card{background-color:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden;background:linear-gradient(135deg,var(--surface-1),var(--surface-2));animation:skeleton-pulse 1.5s infinite;padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.skeleton-card.card-sm{min-height:120px}.skeleton-card.card-md{min-height:180px}.skeleton-card.card-lg{min-height:240px}.skeleton-button{height:40px;width:100%;border-radius:var(--radius-md)}.skeleton-button.btn-sm{height:32px}.skeleton-button.btn-lg{height:48px}.skeleton-image{width:100%;height:0;padding-bottom:56.25%}.skeleton-image.square{padding-bottom:100%}.skeleton-table{width:100%;border-spacing:0}.skeleton-table .skeleton-row{display:flex;margin-bottom:var(--spacing-sm)}.skeleton-table .skeleton-row .skeleton-cell{flex:1;height:24px;margin-right:var(--spacing-sm)}.skeleton-table .skeleton-row .skeleton-cell:last-child{margin-right:0}.skeleton-list .skeleton-item{display:flex;align-items:center;padding:var(--spacing-md);margin-bottom:var(--spacing-md);background-color:var(--surface-2);border-radius:var(--radius-md);animation:skeleton-pulse 1.5s infinite}.skeleton-list .skeleton-item .skeleton-icon{margin-right:var(--spacing-md)}.skeleton-list .skeleton-item .skeleton-content{flex:1}.skeleton-list .skeleton-item .skeleton-content .skeleton-title{margin-bottom:var(--spacing-xs)}.skeleton-list .skeleton-item .skeleton-content .skeleton-subtitle{width:70%}.skeleton-loading-container{padding:var(--spacing-md);padding-bottom:80px}@keyframes skeleton-pulse{0%{opacity:.7}50%{opacity:.9}to{opacity:.7}}.page-header{margin-top:env(safe-area-inset-top,0px);margin-bottom:var(--spacing-md);position:relative;display:flex;align-items:center;justify-content:flex-start}.page-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em}.header-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);text-align:center;flex:1}.back-button{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--surface-3);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;margin-right:var(--spacing-md)}.gallery-header{background-color:var(--gallery-header-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100}.bottom-nav{position:relative;width:100%;height:70px;background-color:var(--bottom-nav-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--bottom-nav-border);display:flex;align-items:center;justify-content:space-around;z-index:10;padding-bottom:env(safe-area-inset-bottom,0);flex-shrink:0;min-height:60px}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--text-tertiary);font-size:var(--text-xs);transition:color .3s ease}.nav-item.active{color:var(--primary)}.nav-item .nav-icon{font-size:var(--text-xl);margin-bottom:4px}.tab-nav{display:flex;margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--divider)}.tab{flex:1;text-align:center;padding:var(--spacing-md) 0;color:var(--text-secondary);font-size:var(--text-md);font-weight:500;cursor:pointer;position:relative;transition:color .3s ease}.tab.active{color:var(--text-primary)}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:2px 2px 0 0}.sidebar{position:fixed;top:0;right:0;bottom:0;width:80%;max-width:320px;background-color:var(--sidebar-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;transform:translate(100%);transition:transform .3s ease;box-shadow:var(--shadow);display:flex;flex-direction:column}.sidebar.active{transform:translate(0)}.sidebar-header{padding:var(--spacing-md);border-bottom:1px solid var(--divider);display:flex;align-items:center;justify-content:space-between}.sidebar-content{flex:1;overflow-y:auto}.sidebar-overlay{position:fixed;inset:0;background-color:var(--overlay-bg);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.nav-btn{background:var(--nav-btn-bg);color:#fff;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);position:relative;overflow:hidden}.nav-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:rotate(30deg);animation:shimmer 4s infinite;z-index:1}.page-container{box-sizing:border-box}.page-container.content-area{flex:1;min-height:0;max-height:calc(100vh - 60px - env(safe-area-inset-bottom,0px));overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;position:relative;background:var(--surface-1)}.detail-page{flex:1;min-height:0;display:flex;flex-direction:column;width:100%}.detail-page-container{flex:1;min-height:0;max-height:100vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;width:100%;max-width:100%;padding-bottom:calc(var(--spacing-xl) * 2);box-sizing:border-box;line-height:1.6;color:var(--text-primary);word-break:keep-all;margin-top:calc(var(--header-height) + env(safe-area-inset-top,0px));animation:fadeIn .3s ease-out;background:var(--surface-1)}.content-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:100%;position:relative;z-index:2;padding:var(--spacing-md)}.chat-view{display:flex;flex-direction:column;height:100dvh;max-height:100dvh;overflow:hidden;position:fixed;inset:0}.chat-view.test-mode{position:absolute}.chat-view.test-mode:before{content:attr(data-user);position:absolute;top:5px;right:10px;background-color:#ff6b6bcc;color:#fff;padding:2px 8px;border-radius:4px;font-size:var(--text-xs);z-index:100}.chat-header{flex-shrink:0;height:calc(var(--header-height, 70px) + env(safe-area-inset-top,0px));background-color:var(--surface-1);border-bottom:1px solid var(--divider);box-shadow:var(--shadow-soft);z-index:100;position:relative}.messages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-sm);-webkit-overflow-scrolling:touch;background:transparent;will-change:scroll-position;transform:translateZ(0);position:relative;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.chat-input{flex-shrink:0;background-color:var(--chat-input-bg, var(--surface-1));border-top:1px solid var(--divider);padding:var(--spacing-sm);padding-bottom:var(--spacing-sm);box-shadow:0 -2px 10px #0000000d;z-index:100;position:relative}@media (min-height: 600px){.chat-input{padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px))}}.connection-error{position:absolute;top:var(--header-height, 70px);left:0;right:0;padding:var(--spacing-md);background-color:var(--error-light);color:var(--error);font-size:var(--text-sm);text-align:center;z-index:90;border-bottom:1px solid var(--error)}.messages-container::-webkit-scrollbar{width:4px}.messages-container::-webkit-scrollbar-track{background:transparent;margin:5px 0}.messages-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px;transition:background .2s ease}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.loading-container{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--surface-1);z-index:200}.test-user-selector{position:absolute;top:0;left:0;right:0;background-color:var(--surface-1);border-bottom:1px solid var(--divider);padding:var(--spacing-sm) var(--spacing-md);z-index:1000;font-size:var(--text-sm);box-shadow:var(--shadow-soft)}.chat-view:has(.test-user-selector) .chat-header{margin-top:80px}.test-user-header{font-weight:700;margin-bottom:var(--spacing-sm);color:var(--error)}.test-user-name{margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.test-user-name input{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--surface-2);color:var(--text-primary)}.test-user-buttons{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.test-user-buttons button{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);font-size:var(--text-xs);transition:background-color .2s ease}.test-user-buttons button:hover{background-color:var(--surface-3)}.test-user-buttons button:active{transform:scale(.98)}.test-user-toggle{font-size:var(--text-xs);color:var(--text-tertiary);cursor:pointer;text-align:center;padding:var(--spacing-xs)}.test-user-toggle:hover{color:var(--text-secondary)}.mission-float-btn{position:absolute!important;top:calc(var(--header-height, 70px) + 10px)!important;right:10px!important;z-index:150}.mission-popup{position:absolute!important;top:calc(var(--header-height, 70px) + 60px)!important;right:20px!important;z-index:151;max-width:calc(100vw - 40px)}.chat-view:has(.test-user-selector) .mission-float-btn{top:calc(var(--header-height, 70px) + 90px)!important}.chat-view:has(.test-user-selector) .mission-popup{top:calc(var(--header-height, 70px) + 140px)!important}.sidebar-overlay{position:absolute;inset:0;background-color:var(--overlay-bg);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1;pointer-events:auto}.modal-overlay{position:absolute;inset:0;background-color:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:2000}@supports (-webkit-touch-callout: none){.chat-view{height:100%;position:fixed;inset:0}.messages-container{height:auto;position:relative;-webkit-overflow-scrolling:touch}}@media (max-height: 600px){.chat-header{height:60px}.chat-input,.messages-container{padding:var(--spacing-xs)}}@media (max-height: 500px){.chat-header{height:50px}.test-user-selector{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs)}}@media (orientation: landscape) and (max-height: 500px){.chat-view .mission-float-btn{top:10px!important;right:60px!important}.chat-view .mission-popup{top:50px!important;right:60px!important}}.message{animation:fadeIn .3s ease-out}.typing-indicator{animation:fadeIn .2s ease-out}.background-effects{position:fixed;inset:0;z-index:10;pointer-events:none}.cloud{position:absolute;background-color:var(--cloud-bg);border-radius:50%;filter:blur(12px);opacity:var(--cloud-opacity);animation:float 16s infinite ease-in-out}#cloud1{width:180px;height:90px;top:8%;left:8%;animation-delay:0s;background-color:var(--cloud-bg);opacity:var(--cloud-opacity)}#cloud2{width:250px;height:100px;bottom:10%;left:12%;animation-delay:3s;background-color:var(--cloud-bg);opacity:var(--cloud-opacity)}#cloud3{width:200px;height:80px;top:30%;left:60%;animation-delay:6s;background-color:var(--cloud-bg);opacity:var(--cloud-opacity)}#cloud4{width:160px;height:70px;top:60%;left:40%;animation-delay:9s;background-color:var(--cloud-bg);opacity:var(--cloud-opacity)}#cloud5{width:220px;height:90px;bottom:5%;right:10%;animation-delay:12s;background-color:var(--cloud-bg);opacity:var(--cloud-opacity)}.container{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.content-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:relative;z-index:2;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--spacing-md)}.content-wrapper:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-gradient);z-index:-1}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;width:100%;margin-top:var(--spacing-lg)}.login-header{text-align:center;margin-bottom:var(--spacing-lg);position:relative;z-index:1}.login-title{font-size:var(--text-xl);margin-bottom:var(--spacing-sm);color:var(--text-primary)}.login-subtitle{font-size:var(--text-md);color:var(--text-secondary);margin-bottom:var(--spacing-md)}.phone-login-section{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;width:100%}.privacy-notice{font-size:var(--text-xs);color:var(--text-primary);text-align:center;line-height:1.5}.text-link{color:var(--link-color);text-decoration:none;font-weight:500;position:relative}.text-link:active{opacity:.7}.loading-dots{display:flex;justify-content:center;align-items:center;gap:4px}.dot{width:8px;height:8px;background-color:#fff;border-radius:50%;display:inline-block;animation:bounce 1.5s infinite ease-in-out}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.3s}.dot:nth-child(3){animation-delay:.6s}.main-card{background:var(--card-bg);border:var(--card-border);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow);backdrop-filter:blur(10px);margin:var(--spacing-md);position:relative;overflow:hidden;z-index:1}.main-card:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);background:radial-gradient(circle at 80% 20%,var(--home-card-tag-bg) 0%,transparent 60%);pointer-events:none;z-index:-1}.main-card:after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--border-light);pointer-events:none;z-index:3}.card-title-emoji{display:inline-block;font-size:var(--text-xl);margin-right:2px;vertical-align:middle;position:relative;transform-origin:center;animation:gentle-pulse 3s ease-in-out infinite}@keyframes gentle-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.fortune-card{position:relative}.fortune-card .sparkle{content:"✨";position:absolute;top:10px;right:10px;font-size:var(--text-md);opacity:.7;animation:twinkling 2s infinite;z-index:2}@keyframes twinkling{0%{opacity:.7;transform:scale(.95) rotate(-5deg)}to{opacity:1;transform:scale(1.05) rotate(5deg)}}.fortune-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);position:relative;z-index:2}.fortune-title-wrapper{display:flex;align-items:center;gap:var(--spacing-sm)}.fortune-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);background:var(--title);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.fortune-title .card-title-emoji{animation:fortune-shine 3s ease-in-out infinite}@keyframes fortune-shine{0%,to{transform:scale(1) rotate(0);text-shadow:0 0 5px rgba(255,215,0,.3)}50%{transform:scale(1.1) rotate(5deg);text-shadow:0 0 12px rgba(255,215,0,.6),0 0 20px rgba(255,215,0,.3)}}.fortune-date{font-size:var(--text-xs);color:var(--text-secondary);background-color:var(--surface);padding:4px 10px;border-radius:100px}.fortune-message-container{position:relative;background-color:var(--surface-1);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);box-shadow:0 2px 10px #f4c6d726;z-index:2}.message-quote-icon{position:absolute;top:-10px;left:10px;font-size:var(--text-4xl);color:#b8a0e24d;font-family:var(--font)}.fortune-message{font-size:var(--text-sm);color:var(--text-primary);line-height:1.6;position:relative;text-indent:16px;font-style:italic}.fortune-details{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);position:relative;z-index:2}.fortune-detail-item{flex:1 0 45%;min-width:120px}.detail-label{font-size:var(--text-xs);color:var(--text-tertiary);display:block;margin-bottom:4px}.detail-value{font-size:var(--text-xs);color:var(--text-primary);font-weight:500}.energy-bar{height:6px;background-color:#ffffff80;border-radius:3px;overflow:hidden;margin-top:6px}.energy-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:3px}.compatibility-card{position:relative}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);position:relative;z-index:2}.card-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-top:0;margin-bottom:0;display:flex;align-items:center;gap:6px}.card-title .fire-icon{animation:flaming 3s infinite}@keyframes flaming{0%,to{transform:scale(1) rotate(-3deg);text-shadow:0 0 5px rgba(255,69,0,.5),0 0 10px rgba(255,69,0,.3)}50%{transform:scale(1.1) rotate(3deg);text-shadow:0 0 10px rgba(255,69,0,.8),0 0 15px rgba(255,69,0,.5)}}.partner-info-section{background-color:#fff6;border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);border:1px solid rgba(184,160,226,.1);position:relative;z-index:2}.partner-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);position:relative;z-index:2}.partner-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.partner-name-line{display:flex;align-items:center;gap:8px}.partner-name{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.partner-meta{display:flex;align-items:center;gap:8px;font-size:var(--text-xs);color:var(--text-secondary)}.partner-gender{color:var(--text-secondary)}.partner-gender.male{color:var(--male)}.partner-gender.female{color:var(--female)}.partner-score{color:var(--match-score);font-weight:600;font-size:var(--text-md);display:flex;align-items:center;gap:6px}.partner-tags{display:flex;flex-wrap:wrap;gap:6px;margin:var(--spacing-sm) 0 var(--spacing-md);position:relative;z-index:2}.partner-tag{background-color:#b8a0e21a;border:1px solid rgba(184,160,226,.2);border-radius:100px;padding:2px;font-size:var(--text-xs);color:var(--text-secondary)}.partner-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--spacing-md);position:relative;z-index:2}.heart-icon{display:inline-block;animation:heartbeat 3s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}40%{transform:scale(1)}60%{transform:scale(1.1)}to{transform:scale(1)}}.chat-btn{display:flex;align-items:center;justify-content:center;padding:12px 16px;width:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm);font-weight:600;gap:8px;box-shadow:0 3px 10px #b8a0e24d;transition:all .2s ease;margin-top:var(--spacing-md);cursor:pointer;position:relative;z-index:2}.chat-btn:active{transform:translateY(2px);box-shadow:0 1px 5px #b8a0e233}.main-card.kemi-rankings-card{padding:var(--spacing-md)!important}.kemi-rankings-simple{display:flex;flex-direction:column;gap:10px;position:relative;z-index:2;margin-top:20px}.kemi-intro{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--spacing-md);position:relative;z-index:2;padding:0 2px}.kemi-rank-item-simple{display:flex;align-items:center;padding:12px 16px;background-color:#ffffffa6;backdrop-filter:blur(5px);border-radius:18px;border:1px solid rgba(255,255,255,.5);box-shadow:0 2px 8px #0000000d;position:relative;transition:transform .2s ease}.kemi-rank-item-simple:active{transform:scale(.98)}.kemi-rank-item-simple.first{background:linear-gradient(135deg,#b98fff4d,#ffb6c14d);border:1px solid rgba(185,143,255,.4);box-shadow:0 4px 15px #b98fff40;padding:16px 18px;position:relative;transform:scale(1.02)}.kemi-rank-item-simple.first:before{content:"";position:absolute;inset:0;border-radius:18px;background:linear-gradient(135deg,#fff0 20%,#fff6,#fff0 80%);opacity:.7;z-index:0;animation:shimmer-bg 3s infinite}.kemi-rank-item-simple.first .kemi-names{font-size:var(--text-sm);font-weight:600;color:#5e456b}.kemi-rank-item-simple.first .mission-count{background:linear-gradient(135deg,#ca7bd7,#e5a0e0);color:#fff;box-shadow:0 2px 6px #ca7bd74d}.kemi-rank-item-simple:nth-child(2){background:linear-gradient(135deg,#9aabd840,#b0bce240);border:1px solid rgba(154,171,216,.3);box-shadow:0 3px 10px #9aabd826}.kemi-rank-item-simple:nth-child(2) .rank-badge{background:linear-gradient(135deg,#9aabd8,#a7b4e2);box-shadow:0 2px 6px #9aabd84d}.kemi-rank-item-simple:nth-child(2) .mission-count{background-color:#9aabd84d;color:#6677a6;border:1px solid rgba(154,171,216,.4)}.kemi-rank-item-simple:nth-child(3){background:linear-gradient(135deg,#c1c7e833,#cdd3f533);border:1px solid rgba(193,199,232,.25);box-shadow:0 2px 8px #c1c7e81a}.kemi-rank-item-simple:nth-child(3) .rank-badge{background:linear-gradient(135deg,#c1c7e8,#cdd3f5);box-shadow:0 2px 6px #c1c7e84d}.kemi-rank-item-simple:nth-child(3) .mission-count{background-color:#c1c7e84d;color:#8992c1;border:1px solid rgba(193,199,232,.4)}@keyframes shimmer-bg{0%{background-position:-100% 0}to{background-position:200% 0}}.rank-badge{width:26px;height:26px;border-radius:50%;color:#fff;font-size:var(--text-sm);font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:12px;position:relative;z-index:2}.kemi-rank-item-simple:nth-child(1) .rank-badge{background:linear-gradient(135deg,#b57edc,#ca7bd7);box-shadow:0 3px 8px #b57edc66}.crown-icon{position:absolute;top:-15px;left:50%;transform:translate(-50%);font-size:var(--text-lg);filter:drop-shadow(0 2px 3px rgba(255,215,0,.4));animation:float-crown 2s ease-in-out infinite;z-index:3}@keyframes float-crown{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-3px)}}.kemi-names{flex:1;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);position:relative;z-index:2}.mission-count{min-width:28px;height:28px;border-radius:14px;padding:0 10px;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;position:relative;z-index:2}.current-chat-card{position:relative;overflow:visible}@keyframes gentle-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.05)}}.notification-badge{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background-color:#ff5c5c;color:#fff;font-size:var(--text-xs);font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #ff5c5c66;z-index:110}.status-text{color:var(--text-primary)}.status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--success);animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.meta-separator{color:var(--text-tertiary);font-size:var(--text-xs)}.level-progress-section{background-color:#fff6;border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);border:1px solid rgba(184,160,226,.1);position:relative;z-index:2}.section-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap}.current-level-display{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.section-title{font-size:var(--text-md);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-description{font-size:var(--text-xs);color:var(--text-secondary);font-style:italic}.level-stats{font-size:var(--text-sm);font-weight:600;color:var(--primary);background-color:#b8a0e21a;border-radius:100px;padding:4px 10px;white-space:nowrap;margin-left:12px;flex-shrink:0}.level-progress-bar{position:relative;height:12px;background-color:#b8a0e21a;border-radius:6px;overflow:hidden;margin-bottom:var(--spacing-md)}.level-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:6px;transition:width .8s ease;position:relative;overflow:hidden}.level-progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.level-details-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:nowrap}.current-level-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.current-level-label{font-size:var(--text-xs);color:var(--text-tertiary)}.current-level-name{font-size:var(--text-sm);font-weight:600;color:var(--primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.next-level-info{text-align:right;margin-left:8px;flex-shrink:0}.next-level-text{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500;white-space:nowrap}.mission-today-info{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#fff1e699,#f4c6d74d);border-radius:var(--radius-sm);border:1px solid rgba(255,179,171,.3)}.today-mission-label{font-size:var(--text-xs);color:var(--text-primary);font-weight:500}.today-mission-count{font-size:var(--text-xs);font-weight:600;color:var(--accent);background-color:#ffffffb3;padding:2px 8px;border-radius:100px}.continue-chat-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 20px;background:linear-gradient(135deg,var(--primary),var(--accent));border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--text-md);font-weight:600;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 15px #b8a0e24d;transition:all .3s ease;z-index:2}.continue-chat-btn:active{transform:translateY(1px);box-shadow:0 2px 8px #b8a0e233}.btn-icon{font-size:var(--text-lg)}.btn-text{flex:1;text-align:center}.unread-count{position:absolute;top:-8px;right:-8px;min-width:24px;height:24px;border-radius:12px;background-color:#ff5c5c;color:#fff;font-size:var(--text-xs);font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 2px 6px #ff5c5c66}.main-skeleton-container{padding:var(--spacing-md);padding-bottom:80px}.fortune-header-skeleton{display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;margin-bottom:var(--spacing-md)}.fortune-header-skeleton .skeleton-title-wrapper{display:flex;align-items:center;gap:var(--spacing-sm)}.fortune-header-skeleton .skeleton-emoji{width:24px;height:24px;border-radius:50%;background-color:var(--surface-3);animation:skeleton-pulse 1.5s infinite}.fortune-header-skeleton .skeleton-title{height:20px;width:80px;background-color:var(--surface-3);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s infinite}.fortune-header-skeleton .skeleton-date{height:16px;width:60px;background-color:var(--surface-3);border-radius:100px;animation:skeleton-pulse 1.5s infinite}.fortune-skeleton .fortune-message-container.skeleton{position:relative;background-color:var(--surface-1);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);box-shadow:0 2px 10px #f4c6d726}.fortune-skeleton .fortune-message-container.skeleton .message-quote-icon{position:absolute;top:-10px;left:10px;font-size:var(--text-4xl);color:#b8a0e24d;font-family:var(--font)}.fortune-skeleton .fortune-message-container.skeleton .fortune-message{height:14px;width:100%;background-color:var(--surface-3);border-radius:var(--radius-sm);margin-bottom:8px;margin-left:16px;animation:skeleton-pulse 1.5s infinite}.fortune-skeleton .fortune-message-container.skeleton .fortune-message:last-child{width:80%;margin-bottom:0}.fortune-skeleton .fortune-luck-items{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.fortune-skeleton .fortune-luck-items .luck-item-row.skeleton{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--surface-1);border-radius:var(--radius-md);border:1px solid rgba(184,160,226,.2);animation:skeleton-pulse 1.5s infinite;animation-delay:calc(var(--index, 0) * .1s)}.fortune-skeleton .fortune-luck-items .luck-item-row.skeleton .luck-icon{width:36px;height:36px;border-radius:50%;background-color:var(--surface-3);animation:skeleton-pulse 1.5s infinite}.fortune-skeleton .fortune-luck-items .luck-item-row.skeleton .luck-content{flex:1;display:flex;flex-direction:column;gap:4px}.fortune-skeleton .fortune-luck-items .luck-item-row.skeleton .luck-content .luck-label{height:12px;width:50%;background-color:var(--surface-3);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s infinite}.fortune-skeleton .fortune-luck-items .luck-item-row.skeleton .luck-content .luck-value{height:16px;width:70%;background-color:var(--surface-3);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s infinite}.main-card-skeleton{border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow);border:1px solid var(--border-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden;margin-bottom:var(--spacing-lg);min-height:180px;background:var(--surface-1) linear-gradient(135deg,var(--surface-1),var(--surface-2));animation:skeleton-pulse 1.5s infinite;display:flex;flex-direction:column}.main-card-skeleton:after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--border-light);pointer-events:none}.match-card-skeleton{position:relative;overflow:hidden}.match-card-header-skeleton{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,var(--primary-dark),var(--primary),var(--female));margin:calc(var(--spacing-md) * -1) calc(var(--spacing-md) * -1) var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md) var(--radius-md) 0 0;min-height:32px}.match-card-header-skeleton .skeleton-header-text{height:14px;width:120px;background-color:#ffffff4d;border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s infinite}.match-card-header-skeleton .skeleton-score{height:20px;width:60px;background-color:#ffffff4d;border-radius:10px;animation:skeleton-pulse 1.5s infinite}.match-header-skeleton{display:flex;margin-bottom:var(--spacing-md);flex-wrap:nowrap;align-items:flex-start}.profile-image-container-skeleton{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-right:var(--spacing-md);flex-shrink:0}.profile-image-container-skeleton .skeleton-profile-image{width:100%;height:100%;background-color:var(--surface-3);border-radius:50%;animation:skeleton-pulse 1.5s infinite}.user-info-container-skeleton{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.user-info-container-skeleton .skeleton-name-line{display:flex;align-items:center;gap:8px;margin-bottom:4px}.user-info-container-skeleton .skeleton-name-line .skeleton-name{height:22px;width:80px;background-color:var(--surface-3);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s infinite}.user-info-container-skeleton .skeleton-name-line .skeleton-status{height:20px;width:60px;background-color:var(--surface-3);border-radius:100px;animation:skeleton-pulse 1.5s infinite}.user-info-container-skeleton .skeleton-meta{height:16px;width:120px;background-color:var(--surface-3);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s infinite}.match-profile-tags-skeleton{margin-bottom:var(--spacing-md);width:100%}.match-profile-tags-skeleton .match-tags-skeleton{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.match-profile-tags-skeleton .match-tags-skeleton .skeleton-tag{height:24px;width:60px;background-color:var(--surface-3);border-radius:100px;animation:skeleton-pulse 1.5s infinite}.match-profile-tags-skeleton .match-tags-skeleton .skeleton-tag:nth-child(2){width:80px}.match-profile-tags-skeleton .match-tags-skeleton .skeleton-tag:nth-child(3){width:70px}.match-description-container-skeleton{margin-bottom:var(--spacing-md)}.match-description-container-skeleton .skeleton-description-line{height:14px;width:100%;background-color:var(--surface-3);border-radius:var(--radius-sm);margin-bottom:6px;animation:skeleton-pulse 1.5s infinite}.match-description-container-skeleton .skeleton-description-line.short{width:70%}.match-description-container-skeleton .skeleton-description-line:last-child{margin-bottom:0}.match-action-skeleton{margin-top:var(--spacing-md)}.match-action-skeleton .skeleton-button{height:40px;width:100%;background-color:var(--surface-3);border-radius:var(--radius-md);animation:skeleton-pulse 1.5s infinite}.fortune-card-skeleton{background-color:var(--surface-1);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow);border:1px solid var(--border-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden;margin-bottom:var(--spacing-lg);min-height:150px;background:linear-gradient(135deg,var(--surface-1),var(--surface-2));animation:skeleton-pulse 1.5s infinite}.fortune-card-skeleton .skeleton-title{height:24px;width:70%;background-color:var(--surface-3);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.fortune-card-skeleton .skeleton-text{height:16px;width:100%;background-color:var(--surface-3);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.fortune-card-skeleton .skeleton-text:last-child{width:80%}.fortune-card-skeleton .skeleton-luck-items{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.fortune-card-skeleton .skeleton-luck-items .skeleton-luck-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--surface-2);border-radius:var(--radius-md);border:1px solid rgba(184,160,226,.2)}.fortune-card-skeleton .skeleton-luck-items .skeleton-luck-item .skeleton-icon{width:36px;height:36px;border-radius:50%;background-color:var(--surface-3)}.fortune-card-skeleton .skeleton-luck-items .skeleton-luck-item .skeleton-content{flex:1}.fortune-card-skeleton .skeleton-luck-items .skeleton-luck-item .skeleton-content .skeleton-label{height:12px;width:40%;background-color:var(--surface-3);border-radius:var(--radius-sm);margin-bottom:4px}.fortune-card-skeleton .skeleton-luck-items .skeleton-luck-item .skeleton-content .skeleton-value{height:16px;width:70%;background-color:var(--surface-3);border-radius:var(--radius-sm)}.card-header .fortune-title-wrapper .skeleton-emoji{width:24px;height:24px;border-radius:50%;background-color:var(--surface-3);animation:skeleton-pulse 1.5s infinite}.card-header .fortune-title-wrapper .skeleton-title{height:20px;width:150px;background-color:var(--surface-3);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s infinite}.floating-button-skeleton{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom,0px));right:20px;width:56px;height:56px;border-radius:50%;background-color:var(--surface-3);animation:skeleton-pulse 1.5s infinite;z-index:100}.today-match-skeleton{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);margin:var(--spacing-md);border-radius:var(--radius-lg)}.today-match-skeleton .skeleton-count-icon{width:24px;height:24px;border-radius:50%;background-color:var(--surface-3);flex-shrink:0;animation:skeleton-pulse 1.5s infinite}.today-match-skeleton .skeleton-count-text{flex:1}.today-match-skeleton .skeleton-count-text .skeleton-line{height:16px;width:80%;background-color:var(--surface-3);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s infinite}.today-match-skeleton .skeleton-arrow{width:20px;height:20px;background-color:var(--surface-3);border-radius:50%;flex-shrink:0;animation:skeleton-pulse 1.5s infinite}.recent-activity-skeleton{padding:var(--spacing-md);margin:var(--spacing-md);border-radius:var(--radius-lg)}.recent-activity-skeleton .skeleton-header{margin-bottom:var(--spacing-md)}.recent-activity-skeleton .skeleton-header .skeleton-title{height:20px;width:100px;background-color:var(--surface-3);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s infinite}.recent-activity-skeleton .skeleton-activity-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.recent-activity-skeleton .skeleton-activity-list .skeleton-activity-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--surface-2);border-radius:var(--radius-md);animation:skeleton-pulse 1.5s infinite;animation-delay:calc(var(--index, 0) * .1s)}.recent-activity-skeleton .skeleton-activity-list .skeleton-activity-item .skeleton-activity-icon{width:32px;height:32px;border-radius:50%;background-color:var(--surface-3);flex-shrink:0;animation:skeleton-pulse 1.5s infinite}.recent-activity-skeleton .skeleton-activity-list .skeleton-activity-item .skeleton-activity-content{flex:1;display:flex;flex-direction:column;gap:4px}.recent-activity-skeleton .skeleton-activity-list .skeleton-activity-item .skeleton-activity-content .skeleton-activity-text{height:14px;width:70%;background-color:var(--surface-3);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s infinite}.recent-activity-skeleton .skeleton-activity-list .skeleton-activity-item .skeleton-activity-content .skeleton-activity-time{height:12px;width:40%;background-color:var(--surface-3);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s infinite}.chat-floating-btn{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom,0px));right:20px;width:56px;height:56px;border-radius:50%;background:var(--primary);border:none;box-shadow:0 4px 15px #b8a0e266;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:visible;z-index:100;transition:transform .2s,box-shadow .2s;padding:0}.chat-floating-btn:active{transform:scale(.95);box-shadow:0 2px 8px #b8a0e24d}.chat-floating-btn:active .floating-icon{transform:scale(.9)}.chat-floating-btn .floating-icon{stroke:#fff;fill:#fff;width:30px;height:30px;transition:transform .2s ease}.chat-floating-btn .notification-badge{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;border-radius:50%;background-color:#ff5c5c;color:#fff;font-size:var(--text-xs);font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 2px 4px #ff5c5c66;z-index:110}.fortune-luck-items{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.luck-item-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--surface-1);border-radius:var(--radius-md);border:1px solid rgba(184,160,226,.2)}.luck-icon{width:36px;height:36px;border-radius:50%;background-color:var(--primary-pastal);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);box-shadow:0 2px 8px #b8a0e233}.luck-content{flex:1}.luck-label{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:2px}.luck-value{font-size:var(--text-md);font-weight:500;color:var(--text-primary)}.saju-check-button{width:100%;padding:var(--spacing-md);margin-top:var(--spacing-sm);background:var(--surface-1);border:1px solid rgba(184,160,226,.2);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:all .2s ease}.saju-check-button .button-text{flex:1;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.4}.saju-check-button .button-arrow{flex-shrink:0;color:var(--text-tertiary)}.saju-check-button:active{transform:scale(.98);opacity:.8}.skeleton-container{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.profile-rings-skeleton{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;background:var(--surface-1);border-bottom:1px solid var(--border-light)}.profile-rings-skeleton::-webkit-scrollbar{display:none}.skeleton-profile-ring{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.skeleton-ring-circle{width:70px;height:70px;border-radius:50%;background:var(--surface-3);border:2px solid var(--border-light);animation:skeleton-pulse 1.5s infinite}.skeleton-ring-name{width:50px;height:11px;background:var(--surface-3);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s infinite}.skeleton-card-viewer{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--surface-2)}.skeleton-profile-card{position:absolute;inset:0;background:var(--surface-3);animation:skeleton-pulse 1.5s infinite;display:flex;flex-direction:column;justify-content:space-between}.skeleton-card-top{padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:flex-start}.skeleton-location-badge{width:70px;height:28px;background:var(--surface-2);border-radius:16px;animation:skeleton-pulse 1.5s infinite}.skeleton-match-score{width:65px;height:32px;background:var(--surface-2);border-radius:16px;animation:skeleton-pulse 1.5s infinite}.skeleton-card-bottom{padding:var(--spacing-lg);padding-bottom:calc(66px + var(--spacing-lg))}.skeleton-card-name{width:180px;height:32px;background:var(--surface-2);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);animation:skeleton-pulse 1.5s infinite}.skeleton-card-tags{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.skeleton-card-tag{width:60px;height:22px;background:var(--surface-2);border-radius:14px;animation:skeleton-pulse 1.5s infinite}.skeleton-card-description{margin-bottom:var(--spacing-md)}.skeleton-card-description .skeleton-desc-line{height:14px;width:100%;background:var(--surface-2);border-radius:var(--radius-sm);margin-bottom:6px;animation:skeleton-pulse 1.5s infinite}.skeleton-card-description .skeleton-desc-line.short{width:60%}.skeleton-card-description .skeleton-desc-line:last-child{margin-bottom:0}.skeleton-action-button-container{position:fixed;bottom:calc(70px + env(safe-area-inset-bottom,0px));left:0;right:0;width:100%;z-index:4}.skeleton-action-button{width:100%;height:60px;background:var(--surface-3);border-radius:0;animation:skeleton-pulse 1.5s infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.match-page-wrapper{background:var(--surface-1);min-height:100vh}.match-page{padding-left:0!important;padding-right:0!important}.match-page .page-header,.match-page .match-info-card,.match-page .tab-nav,.match-page .empty-tab-message{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.match-page.story-style-match{padding:0!important;max-height:none!important;overflow:hidden!important}.match-page-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-sm)}.match-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em}.refresh-count{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--surface-2);border-radius:20px;border:1px solid var(--border-light);box-shadow:var(--shadow-soft)}.refresh-icon{font-size:var(--text-sm)}.refresh-text{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary)}.match-list{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--spacing-md);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;cursor:grab;user-select:none;scrollbar-width:none;-ms-overflow-style:none}.match-list::-webkit-scrollbar{display:none}.match-list.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.match-list:before,.match-list:after{content:"";flex:0 0 var(--spacing-md)}.match-list .match-card-wrapper{flex:0 0 auto;width:75vw;max-width:380px;scroll-snap-align:center;scroll-snap-stop:always}.page-subtitle{font-family:var(--font);font-size:var(--text-md);color:var(--text-secondary);line-height:1.2}.info-tooltip-trigger{width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.info-tooltip-trigger:active{transform:scale(.95);background:#0000000d}.info-tooltip-trigger svg{width:20px;height:20px}.info-sheet-title{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.info-sheet-icon{font-size:24px}.info-sheet-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.info-sheet-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--info-card-bg);border-radius:var(--radius-md);transition:all .2s ease}.info-item-icon{font-size:20px;flex-shrink:0}.info-item-text{flex:1;font-size:var(--text-sm);color:var(--text-primary);line-height:1.6}.empty-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center;min-height:300px}.empty-icon,.error-icon{font-size:64px;margin-bottom:var(--spacing-md);opacity:.8}.empty-message,.error-message{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.6;font-size:var(--text-sm)}.tabs-container{margin-bottom:var(--spacing-md)}.tab-nav{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.tab{flex:1;text-align:center;padding:var(--spacing-md) var(--spacing-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;position:relative;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;border-radius:var(--radius-md);min-height:44px}.tab.active{color:var(--primary);font-weight:700;background:var(--surface);box-shadow:var(--shadow-soft);border-radius:var(--radius-md) var(--radius-md) 0 0}.tab:not(.active):active{transform:scale(.98)}.tab-text{position:relative}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--primary);color:#fff;border-radius:10px;font-size:var(--text-xs);font-weight:700;line-height:1}.tab-content-container{position:relative;width:100%;margin-bottom:var(--spacing-lg)}.empty-tab-message{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin:0 var(--spacing-lg);margin-bottom:var(--spacing-lg)}.empty-icon,.empty-tab-icon{font-size:64px;margin-bottom:var(--spacing-md);opacity:.8}.empty-message{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--spacing-md)}.retry-btn{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-soft)}.retry-btn:active{transform:scale(.98);box-shadow:none}.story-style-match{display:flex;flex-direction:column;flex:1;overflow:hidden}.story-style-match .page-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);margin:0;background:var(--surface-1);border-bottom:1px solid var(--border-light);flex-shrink:0}.story-style-match .header-left{display:flex;align-items:center}.story-style-match .page-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em}.story-style-match .refresh-button{position:relative;width:40px;height:40px;border-radius:50%;border:none;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #6c74d94d}.story-style-match .refresh-button svg{stroke:#fff}.story-style-match .refresh-button:active:not(:disabled):not(.disabled){transform:scale(.95);background:var(--primary-dark)}.story-style-match .refresh-button:disabled{opacity:.4;cursor:not-allowed}.story-style-match .refresh-button.disabled{opacity:.4;cursor:not-allowed}.story-style-match .refresh-button.ad-button{background:linear-gradient(135deg,#4caf50,#45a049)!important;box-shadow:0 2px 8px #4caf504d!important}.story-style-match .refresh-button.ad-button .ad-icon{stroke:#fff}.story-style-match .refresh-button.ad-button:active:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40)!important;box-shadow:0 1px 4px #4caf5033!important}.story-style-match .refresh-count-badge{position:absolute;top:-4px;right:-4px;background:var(--primary);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;box-shadow:0 2px 4px #0003}.story-style-match .refresh-spinner{width:20px;height:20px;border:2px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.profile-rings-container{flex-shrink:0;background:var(--surface-1);border-bottom:1px solid var(--border-light);box-shadow:0 2px 8px #0000000d}.profile-rings-scroll{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.profile-rings-scroll::-webkit-scrollbar{display:none}.profile-divider{width:2px;height:70px;background:var(--border-light);margin:0 var(--spacing-xs);flex-shrink:0;align-self:center}.profile-empty-hint{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;text-align:center;width:100%}.story-card-viewer{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}.empty-story-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--surface-1)}.empty-story-state .empty-icon{font-size:64px;margin-bottom:var(--spacing-md);opacity:.5}.empty-story-state .empty-text{font-size:var(--text-md);color:var(--text-secondary);text-align:center;margin:0;white-space:pre-line;line-height:1.6}.empty-story-state .empty-refresh-btn{margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-md);font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #b8a0e24d}.empty-story-state .empty-refresh-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 6px #b8a0e233}.empty-story-state .empty-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.story-action-container{position:fixed;bottom:calc(70px + env(safe-area-inset-bottom,0px));left:0;right:0;width:100%;z-index:4}.story-action-button{width:100%;height:60px;padding:0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border:none;border-radius:0;color:#fff;font-size:var(--text-lg);font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease}.story-action-button:active:not(:disabled){filter:brightness(.95)}.story-action-button.disabled,.story-action-button:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#888,#666)}.story-action-button .button-icon{font-size:22px}.story-action-button .button-text{letter-spacing:-.02em}.support-main-section{padding:var(--spacing-lg);margin-bottom:var(--spacing-xs);border-bottom:1px solid var(--divider)}.greeting-section{display:flex;align-items:center;margin-bottom:var(--spacing-md)}.greeting-emoji{font-size:var(--text-6xl);margin-right:var(--spacing-md);animation:float 3s infinite ease-in-out}.greeting-text h2{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.greeting-text p{font-size:var(--text-sm);color:var(--text-secondary)}.contact-btn{width:100%;display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);background:var(--primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--text-md);font-weight:600;gap:var(--spacing-sm);box-shadow:0 4px 10px #b8a0e24d;cursor:pointer;transition:all .2s ease}.contact-btn:active{transform:translateY(2px);box-shadow:0 2px 5px #b8a0e233}.contact-icon{font-size:var(--text-lg)}.support-section{padding:var(--spacing-md);margin-bottom:var(--spacing-xs);border-bottom:1px solid var(--divider)}.support-section:last-child{border-bottom:none}.menu-section{padding:var(--spacing-sm) 0}.menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.menu-title{font-size:var(--text-md);font-weight:600;color:var(--text-primary);margin:0}.view-all-btn{font-size:var(--text-sm);color:var(--primary);background:none;border:none;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:background-color .2s ease}.view-all-btn:active{background-color:var(--primary-light)}.faq-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm)}.faq-accordion-item{border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;background-color:var(--surface-2)}.faq-accordion-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);cursor:pointer;transition:background-color .2s ease}.faq-question{font-size:var(--text-sm);color:var(--text-primary);flex:1}.faq-icon{color:var(--text-tertiary);transition:transform .3s ease}.faq-icon.rotated{transform:rotate(180deg)}.faq-accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 var(--spacing-md);background-color:var(--surface-3)}.faq-accordion-content.open{max-height:500px;padding:var(--spacing-md);border-top:1px solid var(--border-light)}.faq-answer{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.notice-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.notice-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--surface-2);border-radius:var(--radius-md);border:1px solid var(--border-light);cursor:pointer;transition:all .2s ease}.notice-item:active{background-color:var(--primary-light);border-color:var(--primary)}.notice-info{flex:1}.notice-title{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.notice-date{font-size:var(--text-xs);color:var(--text-tertiary)}.notice-icon{color:var(--text-tertiary)}.menu-list{display:flex;flex-direction:column}.menu-item{display:flex;align-items:center;padding:var(--spacing-md) 0;cursor:pointer;transition:opacity .2s ease}.menu-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);margin-right:var(--spacing-md)}.menu-text{flex:1;font-size:var(--text-md);color:var(--text-primary)}.menu-arrow{color:var(--text-tertiary)}.contact-info-section{padding:var(--spacing-lg)}.contact-info-item{margin-bottom:var(--spacing-md)}.contact-info-item:last-child{margin-bottom:0}.contact-info-label{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--spacing-xs)}.contact-info-value{font-size:var(--text-sm);color:var(--text-primary)}.skeleton-card{position:relative;overflow:hidden}.skeleton-card:after{content:"";position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#ffffff1a 20%,#fff3 60%,#fff0);animation:shimmer 2s infinite;animation-delay:calc(var(--card-index, 0) * .2s)}.my-card.skeleton-card{background-color:var(--surface-1);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);position:relative;overflow:hidden;box-shadow:var(--shadow-soft)}.skeleton-profile-image{width:50px;height:50px;border-radius:50%;background-color:var(--surface-2);margin-right:var(--spacing-md);flex-shrink:0}.skeleton-refresh-btn{width:36px;height:36px;border-radius:50%;background-color:var(--surface-2);flex-shrink:0}.skeleton-name{width:120px;height:20px;background-color:var(--surface-2);border-radius:var(--radius-sm);margin-bottom:8px}.skeleton-meta{display:flex;gap:8px}.skeleton-meta span{width:60px;height:16px;background-color:var(--surface-2);border-radius:var(--radius-sm)}.skeleton-tags{display:flex;flex-wrap:wrap;gap:4px}.skeleton-tags .skeleton-tag{width:70px;height:22px;background-color:var(--surface-2);border-radius:100px}.menu-card.skeleton-card{background-color:var(--surface-1);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);box-shadow:var(--shadow-soft);border:1px solid var(--border-light);overflow:hidden;padding:0}.skeleton-icon{width:36px;height:36px;border-radius:var(--radius-md);background-color:var(--surface-2);margin-right:var(--spacing-md);flex-shrink:0}.skeleton-text{width:70%;height:16px;background-color:var(--surface-2);border-radius:var(--radius-sm);flex:1}.skeleton-arrow{width:18px;height:18px;border-radius:50%;background-color:var(--surface-2);margin-left:auto}.premium-card-skeleton{background:linear-gradient(135deg,#1e2346b3,#28195099);border:1px solid var(--premium-card-border);box-shadow:var(--premium-card-shadow);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}[data-theme=dark] .my-card.skeleton-card,[data-theme=dark] .menu-card.skeleton-card{background-color:var(--surface-1)}[data-theme=dark] .skeleton-profile-image,[data-theme=dark] .skeleton-refresh-btn,[data-theme=dark] .skeleton-name,[data-theme=dark] .skeleton-meta span,[data-theme=dark] .skeleton-tag,[data-theme=dark] .skeleton-icon,[data-theme=dark] .skeleton-text,[data-theme=dark] .skeleton-arrow{background-color:#ffffff1a}[data-theme=dark] .skeleton-card:after{background-image:linear-gradient(90deg,#fff0 0,#ffffff0d 20%,#ffffff1a 60%,#fff0)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md);text-align:center;min-height:50vh}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md);text-align:center;min-height:50vh}.error-icon{font-size:var(--text-6xl);margin-bottom:var(--spacing-md)}.error-message{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.5}.retry-btn{background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease}.retry-btn:active{transform:translateY(0)}.header-badge{font-size:var(--text-xs);font-weight:500;padding:3px 8px;background-color:var(--primary-light);color:var(--primary);border-radius:100px;border:1px solid rgba(184,160,226,.3);display:inline-flex;align-items:center;height:20px;position:relative}.header-badge.premium{background:linear-gradient(135deg,var(--primary-pastal),var(--primary));color:#4b4453;border:1px solid rgba(184,160,226,.5);box-shadow:0 2px 8px #b8a0e24d}.my-profile-section{padding:var(--spacing-lg);margin-bottom:var(--spacing-xs);border-bottom:1px solid var(--divider)}.my-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);width:100%}.my-info{display:flex;flex-direction:column;gap:4px;flex:1}.my-name{font-size:var(--text-md);font-weight:600;color:var(--text-primary);position:relative}.my-meta{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--text-secondary)}.my-gender{color:var(--text-secondary)}.my-gender.male{color:var(--male)}.my-gender.female{color:var(--female)}.dot-separator{width:3px;height:3px;background-color:var(--text-tertiary);border-radius:50%;display:inline-block;margin:0 2px}.my-tags{display:flex;flex-wrap:wrap;gap:4px}.my-tag{background:#b8a0e240;border-radius:100px;padding:3px 8px;font-size:var(--text-xs);color:var(--text-secondary);border:1px solid rgba(184,160,226,.15);font-weight:500;transition:all .2s ease;letter-spacing:.1em}.status-badge{font-size:var(--text-xs);font-weight:500;padding:4px 8px;background-color:var(--primary-light);color:var(--primary);border-radius:100px;border:1px solid rgba(184,160,226,.3);display:inline-flex;align-items:center;height:24px}.premium-badge{background:linear-gradient(135deg,var(--primary-pastal),var(--primary));color:#4b4453;border:1px solid rgba(184,160,226,.5);box-shadow:0 2px 8px #b8a0e24d}.premium-icon{margin-left:4px;font-size:var(--text-sm)}.menu-section{padding:var(--spacing-xs) 0;margin-bottom:var(--spacing-xs);border-bottom:1px solid var(--divider)}.menu-section:last-child{border-bottom:none}.menu-item{display:flex;align-items:center;padding:var(--spacing-md);border:none;background:transparent;cursor:pointer;width:100%;text-align:left;transition:opacity .2s ease}.menu-item:active{opacity:.6}.menu-item.disabled{position:relative;cursor:not-allowed;opacity:.9}.menu-icon{width:36px;height:36px;border-radius:var(--radius-md);background-color:var(--primary-light);display:flex;align-items:center;justify-content:center;color:var(--primary);margin-right:var(--spacing-md);flex-shrink:0}.disabled-icon{opacity:.7;background-color:var(--primary-light)}.menu-text-container{display:flex;align-items:center;gap:8px}.menu-text{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.disabled-text{opacity:.7}.flex-spacer{flex:1}.menu-arrow{color:var(--text-tertiary);margin-left:auto}.premium-feature-tag{font-size:var(--text-xs);padding:2px 6px;background:linear-gradient(135deg,var(--primary-pastal),var(--primary));color:#4b4453;border-radius:100px;font-weight:600;box-shadow:0 2px 5px #b8a0e24d}.lock-icon-container{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.lock-icon{font-size:var(--text-sm);opacity:.8}.refresh-button{width:var(--spacing-xl);height:var(--spacing-xl);border-radius:50%;background-color:var(--primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0}.refresh-button:active{transform:rotate(180deg);background-color:var(--primary);color:#fff}.refresh-button:active .refresh-icon{transform:rotate(180deg)}.refresh-button.loading .refresh-icon{animation:spin 1s linear infinite}.refresh-icon{width:18px;height:18px;transition:transform .5s ease}.policy-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0;background:var(--title);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.03em;display:flex;align-items:center;height:100%}.policy-section{padding:var(--spacing-md);margin-bottom:var(--spacing-xs);border-bottom:1px solid var(--divider)}.policy-section:last-child{border-bottom:none}.policy-card,.policy-card-main{padding:0}.policy-section-title{font-size:var(--text-lg);font-weight:600;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);color:var(--text-primary)}.policy-text{font-size:var(--text-sm);margin-bottom:var(--spacing-md);color:var(--text-secondary)}.policy-list{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.policy-list-item{font-size:var(--text-sm);margin-bottom:var(--spacing-xs);color:var(--text-secondary);position:relative}.policy-list-item:before{content:"•";position:absolute;left:-15px;color:var(--primary)}.policy-highlight{background-color:var(--primary-light);padding:var(--spacing-md);border-left:3px solid var(--primary);border-radius:var(--radius-sm);margin:0 0 var(--spacing-md) 0}.policy-highlight .policy-text{margin-bottom:0;font-weight:500}.policy-contact{background-color:var(--surface-2);padding:var(--spacing-md);border-radius:var(--radius-md);margin:var(--spacing-md) 0}.policy-emergency{background-color:var(--error-light);padding:var(--spacing-md);border-left:3px solid var(--error);border-radius:var(--radius-sm);margin:var(--spacing-md) 0}.policy-link{color:var(--link-color);text-decoration:none;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;display:inline-block;max-width:100%}.policy-link:hover{text-decoration:underline}.policy-footer{text-align:center;font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--spacing-xl);padding-top:var(--spacing-md);border-top:1px solid var(--divider)}.profile-page-container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--surface-1);padding:0 0 env(safe-area-inset-bottom,0px)}.step-content{overflow-y:auto;flex:1;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-xl);-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;animation:fadeIn .5s ease forwards;scrollbar-width:none;-ms-overflow-style:none}.step-content::-webkit-scrollbar{display:none}.stepper,.error-alert{flex-shrink:0}.signup-btn-group{flex-shrink:0;padding:var(--spacing-md) var(--spacing-lg);padding-bottom:max(var(--spacing-md),env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-light);background-color:var(--surface-1);display:flex;gap:var(--spacing-sm);position:sticky;bottom:0;z-index:10}.intro-compact{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:var(--radius-md);background:linear-gradient(90deg,var(--primary-light),rgba(123,104,238,.05));border-left:3px solid var(--primary)}.intro-compact .intro-icon{font-size:var(--text-xl)}.intro-compact .intro-content{flex:1}.intro-compact .intro-title{font-size:var(--text-md);font-weight:600;margin-bottom:0;color:var(--text-primary)}.intro-compact .intro-desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.profile-page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);padding-top:max(var(--spacing-md),env(safe-area-inset-top,0px));background-color:var(--surface-1);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:100;flex-shrink:0}.profile-page-header .page-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0}.profile-page-header .back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:transparent;border:none;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.profile-page-header .back-btn:active{background-color:var(--surface-2);transform:scale(.95)}.profile-form-group{margin-bottom:var(--spacing-lg);position:relative}.error-alert{background-color:#ffe5e5;border:1px solid #FF5C5C;border-radius:var(--radius-md);padding:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);color:#c53030;font-size:var(--text-sm);position:relative}.error-alert svg{flex-shrink:0;color:#ff5c5c}.error-close{position:absolute;top:4px;right:8px;background:none;border:none;color:#ff5c5c;font-size:var(--text-lg);cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.stepper{display:flex;align-items:center;justify-content:space-between;margin:var(--spacing-lg);margin-bottom:0;position:relative;padding:0 10px}.stepper:before{content:"";position:absolute;top:16px;left:40px;right:40px;height:1px;background-color:var(--border-light);z-index:0}.progress-line{position:absolute;top:16px;left:40px;height:1px;background:linear-gradient(90deg,var(--primary),var(--accent));z-index:1;transition:width .3s ease}.step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.step .step-number{width:32px;height:32px;border-radius:50%;background-color:var(--surface-1);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-secondary);margin-bottom:8px;position:relative;z-index:2;transition:all .3s ease}.step .step-label{font-size:var(--text-xs);color:var(--text-secondary);text-align:center}.step.active .step-number{background:var(--accent);color:#fff;border:none;box-shadow:0 4px 10px var(--primary-light)}.step.active .step-label{color:var(--text-primary);font-weight:500}.step.completed .step-number{background-color:var(--primary);color:#fff;border:none;box-shadow:0 4px 10px var(--primary-light)}.step.completed .step-number svg{animation:check-animation .5s ease-in-out}.step.completed .step-label{color:var(--text-secondary);font-weight:500}@keyframes check-animation{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.two-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.button-group{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.button-group.error-input{border-radius:var(--radius-md);box-shadow:0 0 0 1px var(--error)!important}.button-option{background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-sm);text-align:center;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.button-option:active{background-color:var(--surface-3);transform:scale(.98)}.button-option.selected{background:linear-gradient(135deg,var(--primary-light),var(--primary-light));border-color:var(--primary);color:var(--text-primary);box-shadow:0 0 12px var(--border-glow)}.age-range{display:flex;align-items:center;gap:var(--spacing-md)}.age-range input{flex:1;text-align:center}.age-range span{color:var(--text-secondary);font-size:var(--text-sm)}.age-range.error-input{border-radius:var(--radius-md);box-shadow:0 0 0 1px var(--error)!important;padding:var(--spacing-sm)}.age-input-wrapper{display:flex;flex-direction:column}.age-preference{display:flex;flex-direction:column;gap:var(--spacing-md)}.checkbox-wrapper{display:flex;align-items:center;margin-top:var(--spacing-xs)}.date-group,.time-group{position:relative;z-index:30}.time-group{z-index:20}.signup-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-md);cursor:pointer;transition:all .3s ease;width:100%;padding:14px 16px;background:linear-gradient(90deg,var(--primary),var(--primary-dark));border:none;color:#fff;box-shadow:0 5px 15px #b8a0e24d;font-size:var(--text-sm)}.signup-btn:active{transform:translateY(1px);opacity:.9}.signup-btn.secondary{background:var(--primary-dark);border:1px solid var(--border);color:#efefef;box-shadow:none}.signup-btn:disabled{background:var(--btn-action-disabled, #D1C7E7);opacity:.7;cursor:not-allowed;pointer-events:none;box-shadow:none;transform:none;transition:none}.signup-btn:disabled:active{transform:none;opacity:.7}.signup-btn.secondary:disabled{background:var(--surface-2, #f5f5f5);opacity:.5;color:var(--text-tertiary, #9D9BB0);border:1px solid var(--border-light)}@supports (padding-top: env(safe-area-inset-top)){.container{padding-top:env(safe-area-inset-top);height:calc(100vh - env(safe-area-inset-top))}}.error-survey-item{border:1px solid var(--error)!important;box-shadow:0 0 0 1px var(--error-light)!important}.two-options-grid.error-input{border-radius:var(--radius-md);box-shadow:0 0 0 1px var(--error)!important}.field-error-message{margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);color:var(--error);font-size:var(--text-xs);line-height:1.4;animation:fadeIn .3s ease}.settings-section{padding:var(--spacing-xs) 0;margin-bottom:var(--spacing-xs);border-bottom:1px solid var(--divider)}.settings-section:last-child{border-bottom:none}.section-header{padding:var(--spacing-sm) 0}.section-title{font-size:var(--text-md);font-weight:600;color:var(--text-primary);margin:0}.settings-list{display:flex;flex-direction:column}.settings-item{padding:var(--spacing-md);display:flex;align-items:center;justify-content:space-between}.settings-item.danger .settings-item-title{color:var(--error)}.settings-item-title{font-size:var(--text-md);color:var(--text-primary);font-weight:500}.settings-item-description{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.settings-item-detail{font-size:var(--text-xs);color:var(--text-secondary);margin-top:4px;opacity:.8}.settings-item-info{flex:1}.arrow-item{cursor:pointer;transition:opacity .2s ease}.arrow-item:active{opacity:.6}.settings-arrow{color:var(--text-tertiary)}.toggle-switch{width:50px;height:28px;border-radius:14px;background-color:var(--neutral);position:relative;cursor:pointer;transition:background-color .3s ease}.toggle-switch.active{background-color:var(--primary)}.toggle-slider{width:24px;height:24px;border-radius:50%;background-color:#fff;position:absolute;top:2px;left:2px;transition:transform .3s ease;box-shadow:0 1px 3px #0000001a}.toggle-switch.active .toggle-slider{transform:translate(22px)}.settings-item-value{font-size:var(--text-sm);color:var(--text-secondary)}.settings-select{padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--surface-2);color:var(--text-primary);font-size:var(--text-sm);min-width:100px}.confirm-icon{font-size:var(--text-6xl);margin-bottom:var(--spacing-md)}.confirm-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.confirm-message{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.5}.confirm-actions{display:flex;gap:var(--spacing-md);width:100%}.btn-cancel,.btn-confirm,.btn-danger{flex:1;padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:none}.btn-cancel{background-color:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border)}.btn-confirm{background:linear-gradient(90deg,var(--primary),var(--accent));color:#fff}.btn-danger{background-color:var(--error);color:#fff}.match-card-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm)}.match-card{position:relative;width:100%;height:500px;border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease-in-out;-webkit-tap-highlight-color:transparent;cursor:pointer}.match-card:active{transform:scale(.98)}.card-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.background-image{width:100%;height:100%;object-fit:cover;object-position:center}.background-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--story-placeholder-bg);color:var(--text-tertiary)}.card-top-badge{position:absolute;top:var(--spacing-md);left:var(--spacing-md);right:var(--spacing-md);display:flex;justify-content:space-between;align-items:flex-start;z-index:2}.status-badge{display:flex;flex-direction:column;gap:var(--spacing-xs)}.location-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);color:#fff;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5)}.card-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg);background:linear-gradient(to top,#000000d9,#0009,#0000);z-index:1;color:#fff}.overlay-header{margin-bottom:var(--spacing-sm)}.match-name{font-size:var(--text-2xl);font-weight:700;color:#fff;margin:0 0 var(--spacing-xs) 0;text-shadow:0 2px 8px rgba(0,0,0,.3)}.match-tags-inline{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.match-tag-inline{background:#fff3;backdrop-filter:blur(10px);border-radius:16px;padding:2px 5px;font-size:var(--text-xs);color:#fff;border:1px solid rgba(255,255,255,.3);font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:.08em}.match-score{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;background-color:#fffffff2;color:var(--primary);font-weight:700;font-size:var(--text-sm);backdrop-filter:blur(10px);margin-left:auto}.match-profile-tags{padding:0 var(--spacing-xs)}.match-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.match-tag{background:#b8a0e233;backdrop-filter:blur(10px);border-radius:20px;padding:6px 12px;font-size:var(--text-xs);color:var(--text-secondary);border:1px solid rgba(184,160,226,.3);transition:all .2s ease;font-weight:500}.match-description-container{margin-top:var(--spacing-sm)}.match-description{font-size:var(--text-sm);line-height:1.5;color:#fffffff2;margin:0;word-break:break-word;text-shadow:0 1px 4px rgba(0,0,0,.3)}.match-description.truncated{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:4.5em}.description-toggle-container{display:flex;justify-content:flex-end;margin-top:var(--spacing-xs)}.description-toggle{background:#fff3;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:var(--text-xs);font-weight:600;padding:4px 12px;border-radius:16px;cursor:pointer;transition:all .2s ease}.description-toggle:active{background:#ffffff4d;transform:scale(.95)}.activity-indicator{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);color:#fff;padding:6px 12px;border-radius:20px;background:#4bd4a5f2;backdrop-filter:blur(10px);box-shadow:0 4px 12px #4bd4a54d;font-weight:600}.active-dot{width:6px;height:6px;background-color:#fff;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.active-text{font-weight:600}.match-action{padding:0 var(--spacing-xs);animation:fadeIn .3s ease-in-out}.action-btn{background:var(--btn-action);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm);font-weight:500;padding:10px 0;width:100%;cursor:pointer;box-shadow:0 2px 8px var(--btn-action-shadow);transition:all .2s ease;letter-spacing:.02em}.action-btn:active{transform:translateY(1px);box-shadow:0 1px 4px var(--btn-action-shadow)}.action-btn:disabled{opacity:.7;background:var(--btn-action-disabled, #B8B8B8);box-shadow:none;cursor:not-allowed;position:relative}.action-btn.has-active-chat{background:var(--primary);box-shadow:0 2px 8px #b8a0e266;position:relative}.action-btn.has-active-chat:after{content:"";position:absolute;width:6px;height:6px;background-color:#fff;border-radius:50%;top:50%;right:12px;transform:translateY(-50%);box-shadow:0 0 0 2px #ffffff4d;animation:pulse 2s infinite}.received-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.accept-btn{flex:1;background:var(--btn-accept);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm);font-weight:500;padding:10px 0;cursor:pointer;box-shadow:0 2px 8px var(--btn-accept-shadow);transition:all .2s ease;position:relative;overflow:hidden;letter-spacing:.02em}.accept-btn:before{content:""}.accept-btn:active{transform:translateY(1px);box-shadow:0 1px 4px var(--btn-accept-shadow)}.accept-btn:disabled{opacity:.7;background:var(--btn-accept-disabled, #95c8c0);box-shadow:none;cursor:not-allowed;position:relative}.decline-btn{flex:1;background:var(--btn-decline-bg);border:1px solid var(--btn-decline-border);border-radius:var(--radius-md);color:var(--btn-decline-text);font-size:var(--text-sm);font-weight:500;padding:10px 0;cursor:pointer;transition:all .2s ease;letter-spacing:.02em}.decline-btn:before{content:""}.decline-btn:active{transform:translateY(1px);background:#f8f8f8;color:#6e6e73}.decline-btn:disabled{opacity:.7;background:#f1f1f1;color:#aeaeb2;border-color:#e5e5ea;cursor:not-allowed}.match-notification{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:100px;font-size:var(--text-xs);font-weight:500;display:flex;align-items:center;gap:6px;animation:fadeIn .5s ease forwards;border:1px solid transparent}.match-notification.ACCEPTED{background-color:var(--success-light);color:var(--text-primary);border-color:#bfe8e24d}.match-notification.ACCEPTED:before{content:"✓";display:flex;align-items:center;justify-content:center;width:16px;height:16px;background-color:var(--success);color:#fff;border-radius:50%;font-size:var(--text-xs)}.match-notification.PENDING{background-color:var(--warning-light);color:var(--text-primary);border-color:#ffad8d4d}.match-notification.PENDING:before{content:"!";display:flex;align-items:center;justify-content:center;width:16px;height:16px;background-color:var(--warning);color:#fff;border-radius:50%;font-size:var(--text-xs)}.match-notification.REQUEST{background-color:var(--neutral-light);color:var(--text-primary);border-color:#d8d8d84d}.match-notification.REQUEST:before{content:"?";display:flex;align-items:center;justify-content:center;width:16px;height:16px;background-color:var(--neutral);color:#fff;border-radius:50%;font-size:var(--text-xs)}.match-notification.REJECTED{background-color:var(--error-light);color:var(--text-primary);border-color:#ffb3ab4d}.match-notification.REJECTED:before{content:"✕";display:flex;align-items:center;justify-content:center;width:16px;height:16px;background-color:var(--error);color:#fff;border-radius:50%;font-size:var(--text-xs)}.match-notification{padding:var(--spacing-xs) var(--spacing-md);margin:0 var(--spacing-xs)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 360px){.match-card{height:450px}.match-name{font-size:var(--text-lg)}.match-score{font-size:var(--text-xs);padding:4px 10px}}html,body{position:fixed!important;width:100%!important;height:100%!important;overflow:hidden!important}.app{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;overflow:hidden!important}.app-layout{position:relative!important;width:100%!important;height:100%!important;overflow:hidden!important}@supports (-webkit-touch-callout: none){html,body{position:fixed!important;overflow:hidden!important}.app{height:100vh!important;height:100dvh!important;bottom:auto!important}.app-layout{height:100%!important}}