:root{--c-primary: #a855f7;--c-primary-strong: #7c3aed;--c-primary-soft: #f3e8ff;--c-accent: #ec4899;--c-accent-strong: #db2777;--c-accent-soft: #fce7f3;--c-bg: #ffffff;--c-surface: #fafafa;--c-surface-raised: #ffffff;--c-overlay: rgb(24 24 27 / 60%);--c-text: #18181b;--c-text-muted: #71717a;--c-text-subtle: #a1a1aa;--c-text-on-primary: #ffffff;--c-border: #e4e4e7;--c-border-strong: #d4d4d8;--c-success: #16a34a;--c-success-soft: #dcfce7;--c-success-text: #0a7b24;--c-danger: #dc2626;--c-danger-soft: #fee2e2;--c-danger-text: #a10000;--c-warning: #f59e0b;--c-warning-soft: #fef3c7;--c-warning-text: #92400e;--c-info: #2563eb;--c-info-soft: #dbeafe;--g-brand: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--g-brand-soft: linear-gradient(135deg, #f3e8ff 0%, #fce7f3 100%);--font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", roboto, sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.875rem;--lh-tight: 1.2;--lh-snug: 1.4;--lh-normal: 1.5;--lh-relaxed: 1.65;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--sp-0: 0;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-pill: 999px;--radius-circle: 50%;--shadow-xs: 0 1px 2px rgb(24 24 27 / 6%);--shadow-sm: 0 1px 3px rgb(24 24 27 / 8%), 0 1px 2px rgb(24 24 27 / 4%);--shadow-md: 0 4px 12px rgb(24 24 27 / 8%), 0 2px 4px rgb(24 24 27 / 4%);--shadow-lg: 0 12px 32px rgb(24 24 27 / 10%), 0 4px 8px rgb(24 24 27 / 4%);--shadow-focus: 0 0 0 3px rgb(168 85 247 / 30%);--layout-max: 480px;--header-height: 56px;--bottomnav-height: 64px;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 800;--z-modal: 900;--z-toast: 1000;--t-fast: .12s ease;--t-base: .18s ease;--t-slow: .28s ease;accent-color:var(--c-primary);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background-color:var(--c-surface);color:var(--c-text);font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{overscroll-behavior-y:contain}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--fw-semibold);line-height:var(--lh-tight);color:var(--c-text)}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}p{margin:0}a{color:var(--c-primary-strong);text-decoration:none;transition:color var(--t-fast)}a:hover{color:var(--c-accent-strong)}a:focus-visible{outline:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-focus)}img,svg,video{display:block;max-width:100%}img{height:auto}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}button:disabled{cursor:not-allowed;opacity:.55}input,textarea,select{width:100%;padding:var(--sp-3) var(--sp-4);background-color:var(--c-bg);color:var(--c-text);border:1px solid var(--c-border);border-radius:var(--radius-md);transition:border-color var(--t-fast),box-shadow var(--t-fast)}input::placeholder,textarea::placeholder{color:var(--c-text-subtle)}input:hover:not(:disabled),textarea:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--c-border-strong)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:var(--c-primary);box-shadow:var(--shadow-focus)}input:disabled,textarea:disabled,select:disabled{background-color:var(--c-surface);color:var(--c-text-muted);cursor:not-allowed}textarea{resize:vertical;min-height:80px;line-height:var(--lh-snug)}label{display:block;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-text);margin-bottom:var(--sp-1)}fieldset{margin:0;padding:0;border:none}legend{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-text);padding:0;margin-bottom:var(--sp-2)}:focus-visible{outline:none;box-shadow:var(--shadow-focus)}::selection{background-color:var(--c-primary-soft);color:var(--c-primary-strong)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--c-border-strong);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background-color:var(--c-text-subtle)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:var(--layout-max);margin-inline:auto;padding-inline:var(--sp-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:44px;padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:var(--fs-md);font-weight:var(--fw-semibold);line-height:1;text-align:center;cursor:pointer;transition:background-color var(--t-fast),color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast);-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:scale(.98)}.btn--primary{background:var(--g-brand);color:var(--c-text-on-primary);box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-md)}.btn--secondary{background-color:var(--c-bg);color:var(--c-primary-strong);border:1px solid var(--c-border)}.btn--secondary:hover:not(:disabled){border-color:var(--c-primary);background-color:var(--c-primary-soft)}.btn--ghost{background-color:transparent;color:var(--c-text)}.btn--ghost:hover:not(:disabled){background-color:var(--c-surface)}.btn--danger{background-color:var(--c-danger);color:#fff}.btn--danger:hover:not(:disabled){background-color:#b91c1c}.btn--sm{min-height:36px;padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm)}.btn--block{width:100%}.field{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-4)}.field--grow{flex:1 1 auto}.field-row{display:flex;gap:var(--sp-3);align-items:flex-start}.field-group{display:flex;flex-direction:column;gap:var(--sp-3)}.field-error{font-size:var(--fs-xs);color:var(--c-danger);margin-top:var(--sp-1)}.field-checking{font-size:var(--fs-xs);color:var(--c-text-muted);margin-top:var(--sp-1)}.field-ok{font-size:var(--fs-xs);color:var(--c-success);margin-top:var(--sp-1)}.field__hint,.hint{font-size:var(--fs-xs);color:var(--c-text-muted);margin-top:var(--sp-1)}.field__textarea{min-height:96px}.form-error{background-color:var(--c-danger-soft);color:var(--c-danger);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);margin-bottom:var(--sp-4)}.success-msg{background-color:var(--c-success-soft);color:#15803d;border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);margin-bottom:var(--sp-4)}.choice-group{display:flex;flex-direction:column;gap:var(--sp-2)}.choice-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background-color:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--t-fast),background-color var(--t-fast)}.choice-item:hover{border-color:var(--c-primary);background-color:var(--c-primary-soft)}.choice-item input{width:auto;accent-color:var(--c-primary)}.status{text-align:center;color:var(--c-text-muted);font-size:var(--fs-sm);padding:var(--sp-6) var(--sp-4)}.status--empty{color:var(--c-text-subtle)}.status--error{color:var(--c-danger)}.auth-page{display:flex;align-items:flex-start;justify-content:center;min-height:100dvh;padding:var(--sp-6) var(--sp-4);background:radial-gradient(circle at 20% 0%,rgba(168,85,247,.08) 0%,transparent 60%),radial-gradient(circle at 80% 100%,rgba(236,72,153,.08) 0%,transparent 55%),var(--c-surface)}.auth-card{width:100%;max-width:420px;padding:var(--sp-8) var(--sp-6);background-color:var(--c-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--sp-4)}.auth-card h1{font-size:var(--fs-2xl);font-weight:var(--fw-bold);background:var(--g-brand);background-clip:text;-webkit-background-clip:text;color:transparent;margin-bottom:var(--sp-2)}.auth-card h2{font-size:var(--fs-xl);font-weight:var(--fw-semibold)}.auth-card form{display:flex;flex-direction:column;gap:var(--sp-2)}.auth-card button[type=submit],.auth-card .step-actions button[type=submit],.verify-icon~button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:var(--sp-3) var(--sp-5);margin-top:var(--sp-2);background:var(--g-brand);color:var(--c-text-on-primary);border:none;border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:var(--fs-md);font-weight:var(--fw-semibold);cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow var(--t-fast),transform var(--t-fast),opacity var(--t-fast)}.auth-card button[type=submit]:hover:not(:disabled),.auth-card .step-actions button[type=submit]:hover:not(:disabled),.verify-icon~button:hover:not(:disabled){box-shadow:var(--shadow-md)}.auth-card button[type=submit]:active:not(:disabled),.auth-card .step-actions button[type=submit]:active:not(:disabled),.verify-icon~button:active:not(:disabled){transform:scale(.98)}.auth-card button[type=submit]:disabled,.auth-card .step-actions button[type=submit]:disabled,.verify-icon~button:disabled{cursor:not-allowed;opacity:.55}.auth-card .step-actions button[type=button]{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:var(--sp-3) var(--sp-5);background-color:var(--c-bg);color:var(--c-primary-strong);border:1px solid var(--c-border);border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:var(--fs-md);font-weight:var(--fw-semibold);cursor:pointer;transition:border-color var(--t-fast),background-color var(--t-fast)}.auth-card .step-actions button[type=button]:hover:not(:disabled){border-color:var(--c-primary);background-color:var(--c-primary-soft)}.auth-link{text-align:center;font-size:var(--fs-sm);color:var(--c-text-muted);margin-top:var(--sp-2)}.auth-link a{font-weight:var(--fw-semibold);color:var(--c-primary-strong);margin-left:var(--sp-1)}.steps-progress{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-2)}.steps-label{font-size:var(--fs-xs);color:var(--c-text-muted);font-weight:var(--fw-medium);letter-spacing:.04em;text-transform:uppercase}.progress-bar{height:6px;background-color:var(--c-border);border-radius:var(--radius-pill);overflow:hidden}.progress-fill{height:100%;background:var(--g-brand);border-radius:var(--radius-pill);transition:width var(--t-base)}.register-step{display:flex;flex-direction:column;gap:var(--sp-3)}.register-step__hint{font-size:var(--fs-sm);color:var(--c-text-muted);margin-bottom:var(--sp-2)}.step-actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-4)}.step-actions button{flex:1 1 0}.verify-icon{font-size:3rem;text-align:center;margin-bottom:var(--sp-2);filter:drop-shadow(0 4px 8px rgba(168,85,247,.25))}.auth-card .abandon-block{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--c-border);text-align:center}.auth-card .abandon-hint{font-size:var(--fs-sm);color:var(--c-text-muted);margin-bottom:var(--sp-2)}.auth-card .abandon-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:var(--sp-2) var(--sp-4);background:transparent;color:var(--c-danger, #c62828);border:1px solid transparent;border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;text-decoration:underline;transition:background-color var(--t-fast);box-shadow:none;margin-top:0;width:auto}.auth-card .abandon-btn:hover:not(:disabled){background-color:#c6282814;text-decoration:none}.auth-card .abandon-btn:disabled{cursor:not-allowed;opacity:.55}.auth-card fieldset legend{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--c-text);margin-bottom:var(--sp-2);padding:0}.auth-card .field-row select{padding-right:var(--sp-2)}.landing-page{align-items:center}.landing-card{align-items:center;text-align:center;gap:var(--sp-5)}.landing-tagline{font-size:var(--fs-md);color:var(--c-text-muted);line-height:1.5;margin:0}.landing-actions{display:flex;flex-direction:column;gap:var(--sp-3);width:100%;margin-top:var(--sp-2)}.landing-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:var(--fs-md);font-weight:var(--fw-semibold);text-decoration:none;cursor:pointer;transition:box-shadow var(--t-fast),transform var(--t-fast),background-color var(--t-fast),border-color var(--t-fast)}.landing-cta--primary{background:var(--g-brand);color:var(--c-text-on-primary);border:none;box-shadow:var(--shadow-sm)}.landing-cta--primary:hover{box-shadow:var(--shadow-md)}.landing-cta--primary:active{transform:scale(.98)}.landing-cta--secondary{background-color:var(--c-bg);color:var(--c-primary-strong);border:1px solid var(--c-border)}.landing-cta--secondary:hover{border-color:var(--c-primary);background-color:var(--c-primary-soft)}.profile-view__match-overlay,.discover__match-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background-color:var(--c-overlay);padding:var(--sp-4)}.profile-view__match-content,.discover__match-content{width:100%;max-width:320px;padding:var(--sp-6);background-color:var(--c-bg);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-lg)}.profile-view__match-title,.discover__match-title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);background:var(--g-brand);background-clip:text;-webkit-background-clip:text;color:transparent;margin-bottom:var(--sp-2)}.profile-view__match-sub,.discover__match-sub{color:var(--c-text-muted);margin-bottom:var(--sp-4)}.profile-view__match-close,.discover__match-close{width:100%;min-height:44px;background:var(--g-brand);color:#fff;border-radius:var(--radius-pill);font-weight:var(--fw-semibold)}.chat-room__reply-banner{flex-shrink:0;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background-color:var(--c-surface);border-top:1px solid var(--c-border);border-left:3px solid var(--c-primary)}.chat-room__reply-banner-info{flex:1 1 auto;display:flex;flex-direction:column;min-width:0}.chat-room__reply-banner-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--c-primary-strong)}.chat-room__reply-banner-content{font-size:var(--fs-xs);color:var(--c-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-room__reply-banner-cancel{flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-circle);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-sm);color:var(--c-text-muted);background:transparent;border:none}.chat-room__reply-banner-cancel:hover{background-color:var(--c-bg);color:var(--c-text)}.chat-room__skeleton{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2) 0}.chat-room__skeleton-bubble{height:38px;border-radius:var(--radius-lg);background-color:var(--c-border);animation:chat-room-skeleton-pulse 1.4s ease-in-out infinite;max-width:75%;flex-shrink:0}.chat-room__skeleton-bubble--theirs{align-self:flex-start;width:62%;border-bottom-left-radius:var(--radius-sm)}.chat-room__skeleton-bubble--mine{align-self:flex-end;width:52%;border-bottom-right-radius:var(--radius-sm)}.chat-room__skeleton-bubble--short{width:35%}.chat-room__skeleton-bubble--tall{height:70px}@keyframes chat-room-skeleton-pulse{0%,to{opacity:.45}50%{opacity:.85}}.chat-room__day-break{display:flex;align-items:center;justify-content:center;margin:var(--sp-3) 0 var(--sp-2);font-size:var(--fs-xs);color:var(--c-text-muted)}.chat-room__day-break:before,.chat-room__day-break:after{content:"";flex:1 1 auto;height:1px;background-color:var(--c-border)}.chat-room__day-break span{padding:0 var(--sp-3);background-color:var(--c-surface);text-transform:capitalize}.chat-room__jump-marker{display:flex;align-items:center;justify-content:center;margin:var(--sp-3) 0;font-size:var(--fs-xs);color:var(--c-primary-strong);font-weight:var(--fw-semibold)}.chat-room__jump-marker:before,.chat-room__jump-marker:after{content:"";flex:1 1 auto;height:1px;background-color:var(--c-primary);opacity:.4}.chat-room__jump-marker span{padding:0 var(--sp-3);background-color:var(--c-surface)}.chat-room__unread-marker{display:flex;align-items:center;justify-content:center;margin:var(--sp-3) 0;font-size:var(--fs-xs);color:var(--c-accent, #e63946);font-weight:var(--fw-semibold)}.chat-room__unread-marker:before,.chat-room__unread-marker:after{content:"";flex:1 1 auto;height:1px;background-color:var(--c-accent, #e63946);opacity:.5}.chat-room__unread-marker span{padding:0 var(--sp-3);background-color:var(--c-surface);text-transform:uppercase;letter-spacing:.06em}.chat-room__system-notice{align-self:center;max-width:80%;margin:var(--sp-2) auto;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-pill);background-color:var(--c-surface);border:1px solid var(--c-border);font-size:var(--fs-xs);font-style:italic;color:var(--c-text-muted);text-align:center}.chat-room__back-to-live{position:absolute;bottom:calc(72px + env(safe-area-inset-bottom,0));right:var(--sp-4);z-index:var(--z-sticky);display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-pill);background:var(--g-brand);color:var(--c-text-on-primary);font-size:var(--fs-xs);font-weight:var(--fw-medium);box-shadow:var(--shadow-md)}.chat-room__historical-hint{flex-shrink:0;margin:0;padding:var(--sp-1) var(--sp-4);background-color:var(--c-surface);color:var(--c-text-muted);font-size:var(--fs-xs);text-align:center;border-top:1px solid var(--c-border)}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/poppins/poppins-400.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/poppins/poppins-500.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/poppins/poppins-600.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/poppins/poppins-700.woff2) format("woff2")}