:root{--dusty-pink:#d9a3a0;--matcha-green:#a8c97f;--soft-matcha:#dce8c8;--warm-cream:#f4f1ec;--cocoa-brown:#6c5648;--soft-grey:#8e8a86;--ink:#332c29;--white:#fffdfa;color:var(--ink);background:linear-gradient(#f8f3ef 0%,#f4efe8 100%);font-family:Manrope,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root,main{min-height:100%;margin:0}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0}input,textarea{width:100%;color:var(--ink);background:#fffdfaeb;border:1px solid #6c56482e;border-radius:18px;padding:.9rem 1rem}.dubaibi-app{place-items:center;min-height:100vh;padding:1.5rem;display:grid;position:relative;overflow:hidden}.ambient{filter:blur(18px);opacity:.45;border-radius:999px;width:22rem;height:22rem;position:absolute}.ambient-left{background:#d9a3a059;top:-6rem;left:-6rem}.ambient-right{background:#a8c97f4d;bottom:-7rem;right:-7rem}.phone-shell{background:#fffdfaf0;border:1px solid #6c56481a;border-radius:28px;width:min(100%,1220px);min-height:min(92vh,900px);padding:1.15rem;position:relative;box-shadow:0 18px 50px #4c3c2f14}.stage,.dashboard-stage{flex-direction:column;gap:.85rem;height:100%;display:flex}.stage{justify-content:center;max-width:640px;margin:0 auto;padding:.5rem 0}.auth-facebook-stage{max-width:none;position:relative}.hero-mark,.mini-mark{align-self:center}.hero-mark{width:13rem}.mini-mark{width:4.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--soft-grey);margin:0;font-size:.75rem}h1,h2,h3,h4,strong{color:var(--ink);margin:0;font-family:Cormorant Garamond,Georgia,serif}h1{text-align:center;font-size:clamp(3rem,7vw,4.9rem)}h2{font-size:clamp(2rem,4vw,2.8rem)}h3{font-size:1.6rem}h4{font-size:1.35rem}p,small{margin:0}.tagline,.body-copy,.hint-text{text-align:center}.body-copy,.hint-text,.section-header p,.match-card p,.list-card p,.profile-card p,.suggestion-card p,.thread-copy span,.member-row p,.message-bubble p{color:#332c29c2}.hint-text{font-size:.92rem}.primary-action,.ghost-action,.auth-action,.soft-badge,.settings-row,.thread-row,.bottom-nav button,.choice-chip,.intent-card{transition:transform .18s,background-color .18s,border-color .18s}.primary-action,.ghost-action,.auth-action{border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-height:3.1rem;padding:0 1.2rem;display:inline-flex}.primary-action{background:linear-gradient(135deg, var(--dusty-pink), #e4b8b6);color:var(--white)}.ghost-action,.auth-action,.soft-badge,.settings-row,.thread-row,.choice-chip,.intent-card,.icon-button,.overlay-card,.match-card,.suggestion-card,.circle-card,.profile-card,.list-panel,.list-card,.hero-card,.chat-window,.thread-list{background:#fffdfae6;border:1px solid #6c56481a}.ghost-action,.auth-action,.soft-badge,.choice-chip{color:var(--ink)}.ghost-action:hover,.auth-action:hover,.settings-row:hover,.thread-row:hover,.choice-chip:hover,.intent-card:hover,.primary-action:hover{transform:translateY(-1px)}.stacked-actions,.list-column,.member-list{flex-direction:column;gap:.8rem;display:flex}.stage-header,.app-topbar,.brand-lockup,.topbar-actions,.match-card-top,.circle-card-top,.profile-card-top,.chat-window-header,.thread-row,.member-row,.section-title,.composer-row,.card-actions{align-items:center;display:flex}.stage-header,.app-topbar,.chat-window-header{justify-content:space-between;gap:1rem}.progress-track{background:#6c56481a;border-radius:999px;width:100%;height:.45rem;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--matcha-green), var(--dusty-pink));height:100%;display:block}.step-dots,.choice-cloud,.chip-row,.suggestion-grid,.circle-grid,.two-column-panels,.intent-grid{flex-wrap:wrap;gap:.75rem;display:flex}.step-dot,.choice-chip{border-radius:999px;padding:.75rem 1rem}.step-dot.active,.choice-chip.selected,.intent-card.selected,.bottom-nav button.active{background:#a8c97f2e;border-color:#a8c97f8c}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.full-width{grid-column:1/-1}.form-grid label{flex-direction:column;gap:.45rem;display:flex}.stage-actions,.topbar-actions,.card-actions{justify-content:space-between;gap:.75rem}.intent-card{text-align:left;border-radius:24px;flex:220px;padding:1rem}.dashboard-stage{gap:1rem}.app-topbar h2{font-size:1.35rem}.brand-lockup{gap:.85rem}.brand-button,.hero-card-button,.match-open-button,.notification-card,.member-row-button,.chat-profile-button{text-align:left}.brand-button,.hero-card-button,.match-open-button,.member-row-button,.chat-profile-button{width:100%}.brand-lockup img{width:3.4rem;height:3.4rem}.icon-button,.send-button{border-radius:999px;place-items:center;width:2.8rem;height:2.8rem;display:grid;position:relative}.badge{background:var(--dusty-pink);min-width:1.2rem;height:1.2rem;color:var(--white);border-radius:999px;place-items:center;padding:0 .2rem;font-size:.7rem;display:grid;position:absolute;top:-.15rem;right:-.15rem}.status-banner,.hero-card,.overlay-card,.match-card,.suggestion-card,.circle-card,.profile-card,.list-panel,.chat-window,.thread-list{border-radius:22px;padding:.9rem}.hero-card{align-items:center;gap:.9rem;display:flex}.hero-card-button{border:1px solid #6c56481a}.avatar-ring,.avatar-pill,.profile-media-fallback{color:var(--cocoa-brown);background:color-mix(in srgb, var(--accent) 22%, white);place-items:center;display:grid}.avatar-ring{border:2px solid var(--accent);border-radius:22px;width:4rem;height:4rem;font-weight:700}.avatar-ring.large{width:5.5rem;height:5.5rem}.avatar-pill{border-radius:18px;width:2.75rem;height:2.75rem;font-weight:700}.profile-media{object-fit:cover;background:#efe7df;border-radius:18px;flex-shrink:0}.profile-media-thumb,.profile-media-card{width:3rem;height:3rem}.profile-media-hero{border-radius:20px;width:4.25rem;height:4.25rem}.profile-media-large{border-radius:24px;width:5.5rem;height:5.5rem}.profile-media-preview{border-radius:24px;width:6rem;height:6rem}.profile-media-fallback{border:1px solid #6c56481a;font-weight:700}.photo-preview-panel{justify-content:center;padding-bottom:.25rem;display:flex}.soft-chip,.soft-badge,.score-pill{color:var(--cocoa-brown);background:#d9a3a01f;border-radius:999px;justify-content:center;align-items:center;padding:.4rem .75rem;display:inline-flex}.score-pill{background:#a8c97f2e}.match-stack,.tab-content,.chat-layout{flex-direction:column;gap:.85rem;display:flex}.chat-layout{flex-direction:column;display:flex}.thread-list,.chat-window,.list-panel{gap:.9rem}.thread-list{flex-direction:column;display:flex}.thread-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.list-card,.notification-card{text-align:left;width:100%}.notification-card{flex-direction:column;gap:.25rem;display:flex}.match-open-button,.member-row-button,.chat-profile-button{background:0 0}.chat-profile-button{flex-direction:column;align-items:flex-start;gap:.2rem;display:flex}.thread-row{text-align:left;border-radius:18px;align-items:flex-start;gap:.8rem;width:100%;padding:.65rem .75rem}.thread-row.selected{background:#d9a3a01a;border-color:#d9a3a080}.thread-copy{flex-direction:column;flex:1;gap:.25rem;display:flex}.thread-row small{color:#332c2994;white-space:nowrap}.message-column{flex-direction:column;gap:.75rem;min-height:15rem;max-height:24rem;padding-right:.15rem;display:flex;overflow-y:auto}.message-bubble{background:#fffdfae6;border-radius:22px 22px 22px 6px;max-width:80%;padding:.85rem 1rem}.message-bubble.mine{background:#a8c97f2e;border-radius:22px 22px 6px;align-self:flex-end}.composer-row{gap:.75rem}.composer-row input{flex:1}.chat-empty-window{justify-content:center;min-height:14rem}.settings-list{flex-direction:column;gap:.7rem;display:flex}.settings-detail,.settings-detail-list,.toggle-copy{flex-direction:column;display:flex}.settings-detail,.settings-detail-list{gap:.8rem}.settings-row{border-radius:20px;justify-content:space-between;width:100%;padding:.9rem 1rem}.settings-back{align-self:flex-start}.toggle-row,.settings-note{background:#fffdfaeb;border:1px solid #6c56481a;border-radius:20px;width:100%;padding:.95rem 1rem}.toggle-row{text-align:left;justify-content:space-between;align-items:center;gap:1rem;display:flex}.toggle-copy{gap:.2rem}.toggle-pill{background:#6c56482e;border-radius:999px;flex-shrink:0;align-items:center;width:3.15rem;height:1.9rem;padding:.2rem;transition:background-color .18s;display:inline-flex}.toggle-pill span{background:var(--white);border-radius:999px;width:1.5rem;height:1.5rem;transition:transform .18s;box-shadow:0 3px 10px #332c2924}.toggle-pill.active{background:#a8c97fa6}.toggle-pill.active span{transform:translate(1.2rem)}.settings-note{flex-direction:column;gap:.35rem;display:flex}.bottom-nav{grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:auto;display:grid}.bottom-nav button{color:var(--ink);background:#fffdfae6;border:1px solid #6c56481a;border-radius:20px;flex-direction:column;align-items:center;gap:.35rem;padding:.8rem .45rem;display:flex}.match-card{flex-direction:column;gap:.7rem;display:flex}.match-card-top{align-items:center}.match-title-stack{flex:1}.empty-state-card{align-items:flex-start}.match-subtext{align-items:center;gap:.35rem;font-size:.95rem;display:flex}.suggestion-grid,.circle-grid,.two-column-panels{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.circle-hero{background:radial-gradient(circle at 100% 0,#d9a3a029,#0000 16rem),linear-gradient(#fffdfaeb,#dce8c833);border:1px solid #6c56481a;border-radius:24px;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1.15rem 1.25rem}.circle-hero-pills span{background:#fffdfae6;border:1px solid #6c56481a}.suggestion-card,.circle-card,.profile-card,.list-panel{box-shadow:none}.circle-card{background:linear-gradient(#fffdfafa,#fff8f2eb);flex-direction:column;gap:.9rem;display:flex}.circle-card-heading{flex-direction:column;gap:.2rem;display:flex}.circle-card-copy{color:#332c29ad}.circle-count-badge{min-width:2.7rem;height:2.7rem;color:var(--cocoa-brown);background:#d9a3a01f;border:1px solid #d9a3a047;border-radius:999px;place-items:center;display:inline-grid}.member-row{background:#fffdfad1;border-radius:18px;align-items:center;gap:.85rem;padding:.7rem}.member-row-copy{flex-direction:column;flex:1;gap:.2rem;display:flex}.member-row-copy p{color:#332c29b3}.member-row-copy small{color:#332c29ad}.member-mini-chip{color:var(--cocoa-brown);background:#a8c97f29;font-size:.82rem}.loading-state{min-height:100vh;color:var(--ink);place-items:center;display:grid}.auth-page-shell{background:radial-gradient(circle at 0 0,#d9a3a02e,#0000 28rem),radial-gradient(circle at 100% 100%,#a8c97f38,#0000 24rem),linear-gradient(#faf6f1 0%,#f5efe7 100%);place-items:center;min-height:100vh;padding:1.25rem;display:grid}.auth-page-panel{background:#fffdfaeb;border:1px solid #6c56481a;border-radius:32px;width:min(100%,1160px);padding:1.5rem;box-shadow:0 24px 70px #4c3c2f14}.auth-page-header,.auth-brand,.auth-page-body,.auth-page-pills,.circle-hero,.circle-hero-pills,.member-chip-row{display:flex}.auth-page-header{align-items:center;gap:1rem;margin-bottom:1.5rem}.auth-brand img{width:7rem;height:auto}.auth-brand-copy{flex-direction:column;gap:.35rem;display:flex}.auth-brand-copy h1{font-size:clamp(2rem,4vw,3.15rem)}.auth-brand-copy p:not(.eyebrow),.auth-page-story p:not(.eyebrow),.circle-hero p:not(.eyebrow){color:#332c29c2}.auth-page-body{align-items:stretch;gap:1.25rem}.auth-page-form-card,.auth-page-story{border:1px solid #6c56481a;border-radius:28px;padding:1.5rem}.auth-page-form-card{background:#fffffff5;flex:0 30rem;box-shadow:0 16px 42px #4c3c2f14}.auth-page-story{background:linear-gradient(145deg,#fffdfacc,#dce8c840),#fffdfabf;flex-direction:column;flex:auto;justify-content:center;gap:.95rem;display:flex}.auth-page-story-mark{width:4.2rem;height:4.2rem}.auth-page-pills,.circle-hero-pills,.member-chip-row{flex-wrap:wrap;gap:.65rem}.auth-page-pills span,.circle-hero-pills span,.member-mini-chip{border-radius:999px;align-items:center;padding:.45rem .8rem;display:inline-flex}.auth-page-pills span{background:#a8c97f24;border:1px solid #a8c97f59}.auth-page-form{flex-direction:column;gap:.8rem;display:flex}.auth-page-form label{flex-direction:column;gap:.4rem;display:flex}.auth-page-submit{background:linear-gradient(135deg, #a55d6b, var(--dusty-pink));min-height:3.25rem;color:var(--white);border-radius:16px;margin-top:.5rem}.auth-page-footer{color:#332c29c2;margin-top:1rem}.auth-page-footer a{color:var(--cocoa-brown);font-weight:600}.auth-helper-text,.auth-error-text{min-height:1rem;display:block}.auth-helper-text{color:#332c2994}.auth-error-text{color:#9d4b5a}.onboarding-error{color:#8a3d4b;background:#9d4b5a14;border:1px solid #9d4b5a2e;border-radius:18px;padding:.85rem 1rem}.floating-back{position:absolute;top:0;left:0}.auth-facebook-layout{grid-template-columns:minmax(0,1.2fr) minmax(340px,420px);align-items:center;gap:2rem;min-height:100%;padding:2rem 1rem 1rem;display:grid}.auth-facebook-copy{flex-direction:column;gap:1rem;max-width:34rem;display:flex}.auth-copy-left{text-align:left}.auth-points{flex-wrap:wrap;gap:.7rem;display:flex}.auth-points span{background:#a8c97f24;border:1px solid #a8c97f59;border-radius:999px;padding:.55rem .9rem}.auth-facebook-card{background:#fffffff2;border:1px solid #6c56481f;border-radius:24px;padding:1.4rem;box-shadow:0 14px 36px #4c3c2f1a}.facebook-form{flex-direction:column;gap:.85rem;display:flex}.facebook-login-button,.facebook-register-button,.auth-link-button{border-radius:14px;justify-content:center;align-items:center;gap:.55rem;min-height:3.1rem;display:inline-flex}.facebook-login-button{color:var(--white);background:#a55d6b}.facebook-register-button{color:var(--white);background:#8fa969}.auth-link-button{color:#7b6b61;background:0 0}.auth-divider{background:#6c56481f;height:1px;margin:.25rem 0}@media (width>=1100px){.dubaibi-app{padding:.35rem}.phone-shell{width:calc(100vw - .7rem);max-width:none;min-height:calc(100vh - .7rem);padding:1.2rem 1.4rem}.dashboard-stage{gap:1.15rem}.tab-content{gap:1rem}}@media (width<=900px){.phone-shell{border-radius:28px;min-height:calc(100vh - 2rem)}.auth-page-body{flex-direction:column}.auth-facebook-layout,.two-column-panels,.thread-list-grid,.circle-grid,.suggestion-grid,.form-grid{grid-template-columns:1fr}}@media (width<=640px){.dubaibi-app{padding:.5rem}.phone-shell{border-radius:24px;padding:.85rem}.app-topbar,.stage-header,.match-card-top,.profile-card-top{align-items:flex-start}.auth-facebook-layout{gap:1rem;padding-top:3.5rem}.auth-page-shell{padding:.75rem}.auth-page-panel{padding:1rem}.auth-page-header,.circle-hero{flex-direction:column;align-items:flex-start}.bottom-nav button span{font-size:.78rem}}