:root{--text:#71717a;--text-h:#18181b;--bg:#fff;--border:#e4e4e7;--code-bg:#f7f7f8;--accent:#18181b;--accent-fg:#fafafa;--accent-bg:#18181b0d;--accent-border:#18181b38;--pop:#e11d48;--pop-bg:#e11d4814;--pop-border:#e11d4852;--gradient:linear-gradient(135deg, #2563eb, #06b6d4);--gradient-fg:#fff;--shadow:#18181b0f 0 1px 2px, #18181b0a 0 4px 10px;--shadow-hover:#18181b1a 0 4px 6px -1px, #18181b12 0 10px 20px -4px;--shadow-frame:0 30px 60px -20px #18181b59, 0 0 0 1px #18181b0f;--sans:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI Variable", "Segoe UI", Roboto, sans-serif;--heading:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI Variable", "Segoe UI", Roboto, sans-serif;font:16px/155% var(--sans);letter-spacing:-.1px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#a1a1aa;--text-h:#fafafa;--bg:#0f0f10;--border:#2a2a2d;--code-bg:#1a1a1c;--accent:#6b6b70;--accent-fg:#fafafa;--accent-bg:#ffffff0f;--accent-border:#ffffff2e;--pop:#fb7185;--pop-bg:#fb71851f;--pop-border:#fb718566;--gradient:linear-gradient(135deg, #3b82f6, #22d3ee);--shadow:#0000004d 0 1px 2px, #0003 0 4px 10px;--shadow-hover:#0006 0 4px 6px -1px, #0000004d 0 10px 20px -4px;--shadow-frame:0 30px 60px -20px #0009, 0 0 0 1px #ffffff14}}body{background:radial-gradient(circle at 12% -10%, #2563eb29, transparent 42%), radial-gradient(circle at 90% 110%, #06b6d424, transparent 45%), var(--bg);min-height:100svh;margin:0}#root{box-sizing:border-box;background:var(--bg);width:430px;max-width:100%;height:100svh;margin:0 auto}@media (width>=480px){body{justify-content:center;padding:28px 0;display:flex}#root{height:calc(100svh - 56px);box-shadow:var(--shadow-frame);border-radius:28px;overflow:hidden}}h1,h2,h3{font-family:var(--heading);letter-spacing:-.4px;color:var(--text-h);font-weight:700}h2{letter-spacing:-.4px;margin:0 0 16px;font-size:22px;line-height:120%}p{margin:0}.app{flex-direction:column;height:100%;display:flex;position:relative}.loading-text{text-align:center;color:var(--text);margin-top:40px;font-size:13px}.app-header{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;justify-content:center;align-items:center;padding:18px 20px;display:flex}.content{text-align:left;flex:1;padding:20px 20px 28px;animation:.28s fadeIn;overflow-y:auto}.page-title{text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bottom-nav{border-top:1px solid var(--border);background:var(--bg);padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));flex-shrink:0;display:flex}.bottom-nav-button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 4px;font-size:11px;font-weight:500;transition:color .15s,background .15s;display:flex}.bottom-nav-button:hover{background:var(--code-bg)}.bottom-nav-icon{width:22px;height:22px}.bottom-nav-button--active .bottom-nav-icon{color:#2563eb}.bottom-nav-button--active .bottom-nav-label{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}.bottom-nav-icon-wrap{display:inline-flex;position:relative}.bottom-nav-badge{background:var(--gradient);color:#fff;border:2px solid var(--bg);border-radius:999px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-4px;right:-8px}.save-button,.checkin-button,.chat-input-row button,.like-button-large{background:var(--gradient);color:var(--gradient-fg);font:inherit;cursor:pointer;border:none;border-radius:14px;padding:12px 20px;font-size:14px;font-weight:600;transition:opacity .15s,transform .15s,box-shadow .15s;box-shadow:0 6px 16px -6px #2563eb80}.save-button:active,.checkin-button:active,.chat-input-row button:active,.like-button-large:active{transform:scale(.96)}.save-button:hover,.checkin-button:hover,.chat-input-row button:hover,.like-button-large:hover{opacity:.9}.save-button:disabled,.like-button-large:disabled,.pass-button:disabled{opacity:.5;cursor:default;transform:none}.cancel-checkin-button,.chat-toggle-button{border:1px solid var(--border);color:var(--text-h);font:inherit;cursor:pointer;background:0 0;border-radius:10px;padding:6px 12px;font-size:13px;transition:border-color .15s}.cancel-checkin-button:hover,.chat-toggle-button:hover{border-color:var(--text)}.profile-form{flex-direction:column;gap:20px;display:flex}.photo-field{flex-direction:column;align-items:center;gap:12px;display:flex}.photo-preview{background:var(--code-bg);border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.photo-preview--main{width:140px;height:140px;box-shadow:var(--shadow-hover);border-width:3px}.photo-preview--main .photo-placeholder-icon{width:64px;height:64px}.secondary-photos{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.secondary-photo-slot{aspect-ratio:1;background:var(--code-bg);border-radius:14px;position:relative;overflow:hidden}.secondary-photo-slot img{object-fit:cover;width:100%;height:100%;display:block}.secondary-photo-add{border:1.5px dashed var(--border);width:100%;height:100%;color:var(--text);cursor:pointer;box-sizing:border-box;border-radius:14px;justify-content:center;align-items:center;font-size:22px;transition:border-color .15s;display:flex}.secondary-photo-add:hover{border-color:var(--text)}.secondary-photo-remove{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:13px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.photo-preview img{object-fit:cover;width:100%;height:100%}.photo-placeholder-icon{width:40px;height:40px;color:var(--text)}.photo-upload-label{border:1px solid var(--border);color:var(--text-h);cursor:pointer;border-radius:12px;padding:9px 16px;font-size:13px;font-weight:500;transition:border-color .15s}.photo-upload-label:hover{border-color:var(--text)}.settings-group{border:1px solid var(--border);background:var(--code-bg);border-radius:16px}.settings-row{border-bottom:1px solid var(--border);padding:12px 14px;position:relative}.settings-row:last-child{border-bottom:none}.settings-row-input{width:100%;font:inherit;color:var(--text-h);resize:none;box-sizing:border-box;background:0 0;border:none;padding:0;font-size:15px}.settings-row-input:focus{outline:none}.location-name-suggestions{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow-hover);z-index:20;border-radius:12px;max-height:220px;margin:4px 0 0;padding:6px;list-style:none;position:absolute;top:100%;left:14px;right:14px;overflow-y:auto}.location-name-suggestions li+li{margin-top:2px}.location-name-suggestions button{cursor:pointer;text-align:left;width:100%;font:inherit;box-sizing:border-box;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}.location-name-suggestions button:hover{background:var(--code-bg)}.location-name-suggestion-name{color:var(--text-h);font-size:13px;font-weight:600}.location-name-suggestion-address{color:var(--text);font-size:12px}.section-label{color:var(--text);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.field{color:var(--text-h);flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.tag-selector-group{flex-wrap:wrap;align-items:flex-start;gap:8px 10px;display:flex}.sub-tag-row{flex-basis:100%;width:100%;margin:-2px 0 2px}.sub-tag-selector{border-left:2px solid var(--pop-border);background:var(--pop-bg);border-radius:0 12px 12px 0;flex-wrap:wrap;gap:6px;padding:10px 12px;display:flex}.sub-tag-chip{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:12px;transition:all .15s}.sub-tag-chip:hover{border-color:var(--text)}.sub-tag-chip--selected{border:1px solid var(--pop-border);background:var(--pop-bg);color:var(--pop)}.tag-chip{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:7px 15px;font-size:13px;font-weight:500;transition:all .15s}.tag-chip:hover{border-color:var(--text)}.tag-chip--selected{background:var(--gradient);color:#fff;border:none}.toast{background:var(--text-h);color:var(--bg);box-shadow:var(--shadow-hover);z-index:60;white-space:nowrap;border-radius:999px;padding:12px 22px;font-size:13px;font-weight:600;animation:.25s toastIn;position:absolute;bottom:88px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.custom-tag-chip{border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--text-h);border-radius:999px;align-items:center;gap:4px;padding:4px 6px 4px 14px;font-size:13px;display:inline-flex}.custom-tag-chip button{color:var(--text);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:16px;line-height:1}.custom-tag-form{gap:8px;margin-top:8px;display:flex}.custom-tag-form input{font:inherit;border:1px solid var(--border);background:var(--code-bg);color:var(--text-h);border-radius:12px;flex:1;padding:9px 12px;font-size:14px}.custom-tag-form input:focus{border-color:#2563eb;outline:none}.add-custom-tag-button{background:var(--gradient);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:40px;height:40px;font-size:18px;line-height:1;transition:opacity .15s,transform .15s}.add-custom-tag-button:active{transform:scale(.92)}.add-custom-tag-button:hover{border-color:var(--text)}.locations-list{flex-direction:column;gap:16px;display:flex}.sub-tabs{background:var(--code-bg);border-radius:12px;gap:6px;width:fit-content;padding:4px;display:flex}.sub-tab-button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:7px 18px;font-size:13px;font-weight:500;transition:all .15s}.sub-tab-button--active{background:var(--bg);color:var(--text-h);box-shadow:var(--shadow)}.location-search{font:inherit;border:1px solid var(--border);background:var(--code-bg);color:var(--text-h);box-sizing:border-box;border-radius:14px;width:100%;padding:11px 16px;font-size:14px;transition:border-color .15s,background .15s}.location-search:focus{background:var(--bg);border-color:#2563eb;outline:none}.add-location-button{border:1.5px dashed var(--border);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:14px;padding:10px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s}.add-location-button:hover{color:var(--text-h);border-color:#2563eb}.add-location-form{border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:14px;padding:16px;display:flex}.add-location-actions{justify-content:flex-end;gap:8px;display:flex}.remove-location-button{color:var(--pop);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:4px;padding:0;font-size:12px;text-decoration:underline}.profile-card-area{margin-top:14px}.undo-pass-button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;margin:10px auto 0;font-size:13px;transition:color .15s;display:block}.undo-pass-button:hover{color:var(--text-h)}.profile-card{border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow-hover);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:22px;transition:transform .25s;animation:.3s cardEnter;position:relative;overflow:hidden}.profile-card:active{cursor:grabbing}.swipe-stamp{z-index:2;letter-spacing:1px;text-transform:uppercase;pointer-events:none;border:3px solid;border-radius:8px;padding:6px 14px;font-size:20px;font-weight:800;position:absolute;top:20px}.swipe-stamp--like{color:#22c55e;border-color:#22c55e;left:16px;transform:rotate(-12deg)}.swipe-stamp--pass{color:var(--pop);border-color:var(--pop);right:16px;transform:rotate(12deg)}@keyframes cardEnter{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-card--exit-like{animation:.28s forwards swipeOutRight}.profile-card--exit-pass{animation:.28s forwards swipeOutLeft}@keyframes swipeOutRight{to{opacity:0;transform:translate(130%)rotate(14deg)}}@keyframes swipeOutLeft{to{opacity:0;transform:translate(-130%)rotate(-14deg)}}.profile-card-photo{object-fit:cover;background:var(--code-bg);width:100%;height:240px;display:block}.profile-card-body{padding:16px 18px}.profile-card-name{color:var(--text-h);margin:0 0 2px;font-size:17px}.profile-card-window{color:var(--text);margin:0 0 8px;font-size:12px}.affinity-stars{letter-spacing:2px;margin:0 0 10px;font-size:16px;display:block}.affinity-stars--compact{letter-spacing:1px;vertical-align:middle;margin:0 0 0 6px;font-size:10px;display:inline-flex}.affinity-star{color:var(--border)}.affinity-star--filled{color:#f5a623}.star-picker{gap:4px;display:flex}.star-picker-star{color:var(--border);cursor:pointer;background:0 0;border:none;padding:4px;font-size:28px;line-height:1;transition:transform .1s}.star-picker-star:active{transform:scale(.9)}.star-picker-star--filled{color:#f5a623}.field-caption{color:var(--text);font-size:12px;font-weight:400}.profile-card-in-common{color:#2563eb;margin:0 0 8px;font-size:12px;font-weight:600}.profile-card-bio{color:var(--text-h);margin:0 0 12px;font-size:13px;line-height:145%}.profile-card-tags{flex-wrap:wrap;gap:6px;display:flex}.profile-card-tag{border:1px solid var(--border);color:var(--text);border-radius:999px;padding:3px 10px;font-size:11px}.profile-card-actions{gap:10px;padding:0 18px 18px;display:flex}.pass-button{border:1px solid var(--border);color:var(--text-h);font:inherit;cursor:pointer;background:0 0;border-radius:14px;flex:1;padding:12px;font-size:14px;font-weight:600;transition:border-color .15s,transform .15s}.pass-button:active{transform:scale(.96)}.pass-button:hover{border-color:var(--text)}.location-card{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:20px 22px;transition:box-shadow .2s,transform .2s}.location-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.back-button{color:var(--text-h);font:inherit;cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:4px;padding:4px 0;font-size:14px;font-weight:600;transition:opacity .15s;display:inline-flex}.back-button-icon{width:18px;height:18px}.back-button:hover{opacity:.7}.location-summary-card{border:1px solid var(--border);background:var(--bg);width:100%;box-shadow:var(--shadow);text-align:left;font:inherit;color:inherit;cursor:pointer;box-sizing:border-box;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;transition:box-shadow .2s,transform .2s;display:flex}.location-summary-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.location-summary-info h3{margin:0 0 4px;font-size:16px}.location-summary-checkin{color:#2563eb;margin:6px 0 0;font-size:12px;font-weight:600}.location-summary-arrow{width:20px;height:20px;color:var(--text);flex-shrink:0}.location-card h3{color:var(--text-h);margin:0 0 4px;font-size:16px}.location-address,.location-schedule{margin:2px 0;font-size:13px}.checkin-form{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.checkin-form select,.checkin-date-input{font:inherit;border:1px solid var(--border);background:var(--code-bg);color:var(--text-h);border-radius:12px;padding:9px 12px;font-size:13px}.checkin-date-input{width:100%}.checkin-conflict-warning{border:1px solid var(--pop-border);background:var(--pop-bg);width:100%;color:var(--text-h);border-radius:12px;flex-direction:column;gap:8px;margin-top:4px;padding:10px 12px;font-size:12px;display:flex}.checkin-active{color:var(--text-h);flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;font-size:13px;display:flex}.checkin-expired-note{color:var(--pop);margin-top:12px;font-size:13px}.people-present{border-top:1px solid var(--border);margin-top:16px;padding-top:16px;font-size:13px}.people-present-title{color:var(--text-h);font-weight:600}.people-present-hint{border-top:1px solid var(--border);color:var(--text);margin-top:14px;padding-top:14px;font-size:13px}.empty-hint{text-align:center;color:var(--text);flex-direction:column;align-items:center;gap:10px;padding:32px 16px;font-size:14px;display:flex}.empty-hint-icon{width:32px;height:32px;color:var(--border)}.search-field{align-items:center;display:flex;position:relative}.search-field-icon{width:17px;height:17px;color:var(--text);pointer-events:none;position:absolute;left:14px}.search-field .location-search{padding-left:40px}.completeness{flex-direction:column;gap:6px;display:flex}.completeness-track{background:var(--border);border-radius:999px;height:5px;overflow:hidden}.completeness-fill{background:var(--gradient);border-radius:999px;height:100%;transition:width .3s}.completeness-label{color:var(--text);font-size:12px;font-weight:500}.people-present ul{margin:8px 0 0;padding-left:0;list-style:none}.person-tags{color:var(--text);font-size:12px}.person-item{border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:12px}.person-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.person-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.person-photo{object-fit:cover;background:var(--code-bg);border-radius:50%;flex-shrink:0;width:40px;height:40px}.person-info{color:var(--text-h);font-size:13px}.like-button{border:1px solid var(--pop-border);color:var(--pop);cursor:pointer;background:0 0;border-radius:8px;padding:4px 12px;font-size:12px;transition:background .15s}.like-button:hover{background:var(--pop-bg)}.like-pending{color:var(--text);font-size:12px;font-style:italic}.person-match{align-items:center;gap:8px;display:flex}.match-badge{color:var(--pop);font-size:12px;font-weight:600}.chat-box{border:1px solid var(--border);background:var(--code-bg);border-radius:14px;margin-top:10px;padding:12px}.chat-messages{flex-direction:column;gap:6px;max-height:160px;margin-bottom:10px;display:flex;overflow-y:auto}.chat-empty{color:var(--text);margin:0;font-size:12px}.chat-message{border-radius:14px;max-width:80%;padding:8px 13px;font-size:13px}.chat-message--me{background:var(--gradient);color:#fff;align-self:flex-end}.chat-message--them{background:var(--bg);border:1px solid var(--border);color:var(--text-h);align-self:flex-start}.chat-message--typing{align-items:center;gap:4px;padding:10px 13px;display:flex}.typing-dot{background:var(--text);border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite typingBounce}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat-input-row{gap:6px;display:flex}.chat-input-row input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:12px;flex:1;padding:9px 12px;font-size:13px}.chat-input-row input:focus{border-color:#2563eb;outline:none}.chat-input-row button{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex}.send-icon{width:17px;height:17px}.matches-list{flex-direction:column;gap:12px;display:flex}.match-item{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;transition:box-shadow .2s,transform .2s;overflow:hidden}.match-item:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.match-item-header{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;box-sizing:border-box;background:0 0;border:none;align-items:center;gap:12px;padding:14px 16px;display:flex}.match-item-photo-wrap{flex-shrink:0;position:relative}.match-item-photo{object-fit:cover;background:var(--code-bg);border-radius:50%;flex-shrink:0;width:48px;height:48px;display:block}.unread-dot{background:var(--gradient);border:2px solid var(--bg);border-radius:50%;width:11px;height:11px;position:absolute;top:0;right:0}.match-item-info{flex:1;min-width:0}.match-item-info strong{color:var(--text-h);font-size:14px}.match-item-location{color:var(--text);font-size:12px}.match-item-preview{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:13px;overflow:hidden}.match-item-arrow{width:18px;height:18px;color:var(--text);flex-shrink:0}.match-item-actions{justify-content:center;gap:16px;margin-top:10px;display:flex}.unmatch-button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.unmatch-button--danger,.unmatch-button:hover{color:var(--pop)}.unmatch-confirm{border-top:1px solid var(--border);color:var(--text-h);flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;font-size:12px;display:flex}.unmatch-confirm-actions{gap:8px;display:flex}.unmatch-confirm-button{background:var(--pop);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:6px 12px;font-size:12px}.match-detail{flex-direction:column;gap:14px;display:flex}.match-detail-person{font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:12px;padding:0;display:flex}.match-detail-person:hover .match-detail-info strong{text-decoration:underline}.match-detail-photo{object-fit:cover;background:var(--code-bg);border-radius:50%;flex-shrink:0;width:52px;height:52px}.match-detail-info{flex-direction:column;gap:2px;display:flex}.match-detail-info strong{color:var(--text-h);font-size:16px}.match-detail-messages{border:1px solid var(--border);background:var(--code-bg);border-radius:14px;flex-direction:column;gap:8px;max-height:55vh;padding:12px;display:flex;overflow-y:auto}.match-profile{flex-direction:column;gap:16px;display:flex}.match-profile-gallery{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.match-profile-photo{aspect-ratio:1;object-fit:cover;background:var(--code-bg);border-radius:16px;width:100%;display:block}.match-profile-photo:first-child{aspect-ratio:16/10;grid-column:span 2}.match-profile-name{margin:0}.match-profile-section{flex-direction:column;gap:8px;display:flex}.onboarding{text-align:center;flex-direction:column;align-items:center;gap:10px;height:100%;padding-top:48px;display:flex}.onboarding-title{letter-spacing:-.6px;margin:4px 0 0;font-size:28px}.onboarding-text{color:var(--text);margin-bottom:8px;font-size:14px}.onboarding-steps{text-align:left;color:var(--text-h);margin:0 0 auto;padding-left:20px;font-size:14px;line-height:200%}.login-form{flex-direction:column;gap:12px;width:100%;display:flex}.about-screen{flex-direction:column;gap:22px;display:flex}.about-hero{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.about-title{letter-spacing:-.4px;margin:0;font-size:20px}.about-callout{background:var(--pop-bg);border:1px solid var(--pop-border);color:var(--text-h);border-radius:16px;padding:16px 18px;font-size:13px;line-height:155%}.about-section{flex-direction:column;gap:8px;display:flex}.about-text{color:var(--text-h);font-size:13px;font-weight:400;line-height:155%}.about-steps{color:var(--text-h);margin:0;padding-left:20px;font-size:13px;line-height:180%}.about-note{color:var(--text);margin:0;font-size:12px}.about-install-step{color:var(--text-h);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:400;display:flex}.about-install-icon{width:18px;height:18px;color:var(--text);flex-shrink:0}.about-install-dots{text-align:center;width:18px;color:var(--text);flex-shrink:0;font-size:16px;font-weight:700}.about-whatsapp-button{justify-content:center;align-self:flex-start;align-items:center;text-decoration:none;display:inline-flex}@media (width<=480px){.content{padding:16px 16px 24px}.location-card{padding:16px 18px}}.match-celebration-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-sizing:border-box;background:#0f0f108c;justify-content:center;align-items:center;padding:24px;animation:.25s matchOverlayFadeIn;display:flex;position:absolute;inset:0}.match-celebration-card{background:var(--bg);width:100%;max-width:320px;box-shadow:var(--shadow-hover);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:6px;padding:32px 24px 24px;animation:.45s cubic-bezier(.34,1.56,.64,1) matchCardPop;display:flex;position:relative;overflow:hidden}.match-celebration-heart{color:var(--pop);opacity:0;animation:1.4s ease-out forwards matchHeartBurst;position:absolute}.match-celebration-heart--1{width:22px;height:22px;animation-delay:.1s;top:18px;left:24px}.match-celebration-heart--2{width:16px;height:16px;animation-delay:.25s;top:30px;right:30px}.match-celebration-heart--3{width:28px;height:28px;animation-delay:.4s;bottom:70px;left:12px}.match-celebration-heart--4{width:18px;height:18px;animation-delay:.55s;bottom:90px;right:18px}.match-celebration-photo{object-fit:cover;background:var(--code-bg);border:3px solid var(--pop);border-radius:50%;width:96px;height:96px;margin-bottom:8px;animation:1.6s ease-in-out .3s matchPhotoPulse}.match-celebration-title{margin:0;font-size:22px}.match-celebration-subtitle{color:var(--text);margin:0 0 10px;font-size:13px}.match-celebration-actions{flex-direction:column;gap:8px;width:100%;display:flex}.match-celebration-actions .save-button,.match-celebration-actions .cancel-checkin-button{box-sizing:border-box;width:100%}@keyframes matchOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes matchCardPop{0%{opacity:0;transform:scale(.75)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes matchHeartBurst{0%{opacity:0;transform:scale(.4)translateY(0)}30%{opacity:1;transform:scale(1.15)translateY(-6px)}to{opacity:0;transform:scale(.9)translateY(-26px)}}@keyframes matchPhotoPulse{0%{transform:scale(.85)}35%{transform:scale(1.08)}55%{transform:scale(1)}70%{transform:scale(1.04)}to{transform:scale(1)}}