.btn{padding:10px 16px;border-radius:8px;text-decoration:none;display:inline-block;font:inherit;cursor:pointer;text-align:center;font-weight:500;-webkit-tap-highlight-color:transparent}.btn-outline{background:var(--surface);color:var(--color-white);border:1px solid var(--border)}.btn-accent{background:var(--color-accent-dark);color:var(--color-white);border:none;border-radius:12px;border:1px solid var(--accent);background:#8b5cf614}.btn:disabled{opacity:.4;cursor:not-allowed}.form-container{max-width:520px;padding:24px;margin:0 auto;min-height:60vh}.form-group{display:block;margin-bottom:16px}.label{display:block;margin:0 0 8px}.input{width:100%;padding:10px 12px;border:1px solid var(--border);background:var(--surface);border-radius:8px;font-size:18px}.input:focus{outline:2px solid white;outline-offset:-2px}.input:disabled,.input[disabled]{color:var(--text-dim);background:#00000005;cursor:not-allowed;opacity:1}.center-viewport{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:24px;background:var(--bg);color:var(--text)}.top-loader{position:fixed;top:48px;left:0;right:0;height:3px;background:var(--border);z-index:9999;overflow:hidden}.top-loader:after{content:"";position:absolute;top:0;left:0;height:100%;width:40%;background:var(--accent);border-radius:0 2px 2px 0;animation:top-loader-slide 1.2s ease-in-out infinite}@keyframes top-loader-slide{0%{left:-40%}to{left:100%}}.page-inner{max-width:560px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.page-title{width:100%;font-size:36px;margin-bottom:12px;user-select:none;-webkit-user-select:none}.subheading{color:var(--text-dim);font-size:16px;user-select:none;-webkit-user-select:none}.page-wrapper{max-width:720px;margin:0 auto}.form-container,.page-inner{height:90%;padding-bottom:96px}.dashboard-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;border-bottom:1px solid var(--border)}.sticky-action-bar{position:fixed;left:0;right:0;bottom:0;padding:12px 16px;display:flex;justify-content:center;z-index:60}.sticky-action-bar .actions-row{width:100%;max-width:560px;display:flex;gap:12px;justify-content:center;align-items:center}.sticky-action-bar .btn{font-size:18px;padding:14px 18px;border-radius:12px}.primary-action{width:100%;max-width:720px;font-size:18px;padding:14px 18px;border-radius:12px}@media(max-width:600px){.sticky-action-bar .actions-row{flex-direction:row}.sticky-action-bar .btn{width:100%}}.app-content{padding:48px 16px 16px;height:100%;min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px);min-height:calc(var(--vh, 1vh) * 100 - 64px)}.error-text{color:var(--color-error);margin-top:12px}.dim{margin-top:0;color:var(--text-dim)}.hint{font-size:13px;color:var(--text-dim);opacity:.7;margin:12px 0 0;line-height:1.4}.actions-row{display:flex;gap:12px;justify-content:center}.text-center{text-align:center}.mb-8{margin-bottom:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.form-header{font-size:28px;margin-bottom:24px}.gender-toggle-container,.ministry-toggle-container{display:flex;gap:8px}.gender-toggle,.ministry-toggle{flex:1;padding:10px 16px;font-size:16px}.relative{position:relative}.custom-datalist-container{position:absolute;top:100%;left:0;right:0;z-index:50;margin-top:4px}.custom-datalist{background:var(--surface);border:1px solid var(--border);border-radius:8px;max-height:200px;overflow-y:auto}.custom-datalist-item{padding:10px 12px;cursor:pointer;font-size:16px}.custom-datalist-item:hover{background:var(--color-accent-dark)}.spin-animation{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inline-flex-center{display:inline-flex;align-items:center;gap:8px}.site-header{position:fixed;left:0;right:0;top:0;height:48px;background:var(--bg);display:flex;align-items:center;border-bottom:1px solid var(--border);z-index:80}.site-header-inner{max-width:960px;width:100%;margin:0 auto;padding:0 16px;display:flex;justify-content:center;align-items:center}.site-logo{color:var(--text);text-decoration:none;font-weight:600;font-size:16px;cursor:default;pointer-events:none;user-select:none;-webkit-user-select:none}.landing-viewport{display:flex;height:calc(100vh - 152px);align-items:center;justify-content:center;padding:24px;background:var(--bg);color:var(--text);box-sizing:border-box;overflow:hidden}.landing-viewport .page-inner{padding-bottom:0}.animated-word{display:inline-block;opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease;font-style:italic;font-size:1em;user-select:none;-webkit-user-select:none}.animated-word.hidden{opacity:0;transform:translateY(-6px)}.animated-word.visible{opacity:1;transform:translateY(0)}.dashboard-footer{position:fixed;bottom:0;left:0;right:0;width:100%;background:linear-gradient(to top,var(--bg) 0%,var(--bg) 40%,transparent 100%);padding:16px 0 24px;z-index:60;display:flex;justify-content:center}.dashboard-footer-inner{max-width:720px;margin:0 auto;padding:0 24px}.tab-buttons{display:flex;gap:16px;justify-content:center;width:100%}.tab-button{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);padding:8px 16px;border-radius:20px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.tab-button.active{border-color:var(--color-white);color:var(--text);border:1px solid var(--accent);background:var(--surface)}.card{border-radius:12px;padding:20px}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin-bottom:16px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#f87171;font-size:14px;cursor:pointer;animation:fade-up .3s ease-out}.error-banner-dismiss{opacity:.6;font-size:12px;flex-shrink:0}.tab-content{animation:fade-up .3s ease-out}.how-it-works{display:flex;flex-direction:column;gap:6px}.how-it-works p{margin:0;font-size:14px;color:var(--color-text-dim);line-height:1.5}.match-request-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:50vh;text-align:center}.btn-lg{padding:16px 40px;font-size:18px;border-radius:14px}.btn-pulse{animation:btn-pulse 2.5s ease-in-out infinite}.match-notify-pulse{animation:card-pulse 5s ease-in-out infinite}@keyframes btn-pulse{0%,to{box-shadow:0 0 #7c3aed00}50%{box-shadow:0 0 16px 4px #7c3aed59}}@keyframes card-pulse{0%,to{box-shadow:0 0 #7c3aed00}50%{box-shadow:0 0 20px 6px #7c3aed40}}.match-notify{display:flex;align-items:center;gap:16px;padding:20px;border-radius:12px;border:1px solid var(--accent);background:#8b5cf614;cursor:pointer;transition:background .2s ease,transform .15s ease}.match-notify:active{transform:scale(.98)}.match-notify-icon{font-size:28px;color:var(--accent);flex-shrink:0;animation:pulse-glow 2s ease-in-out infinite}.match-notify-text{display:flex;flex-direction:column;gap:2px;flex:1}.match-notify-text strong{font-size:16px}.match-notify-arrow{font-size:24px;color:var(--accent);flex-shrink:0}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.match-revealed{animation:fade-up .35s ease-out;border-radius:12px;border:1px solid rgba(139,92,246,.25);overflow:hidden}.match-profile{display:flex;align-items:center;gap:16px;padding:20px 20px 10px;background:#8b5cf61f;border-bottom:1px solid rgba(139,92,246,.15)}.match-profile-info{display:flex;flex-direction:column;gap:2px}.match-profile-name{margin:0;font-size:24px}.match-tz{color:var(--text-dim, #aaa)}.match-availability{display:flex;flex-direction:column;gap:6px;padding:20px}.match-availability-label{font-size:13px;color:var(--text-dim, #aaa);margin:0 0 6px}.match-availability-tags{display:flex;flex-wrap:wrap;gap:6px}.match-section{padding:20px}.match-section-label{color:var(--color-text);font-size:15px;font-weight:600;margin:0 0 12px}.match-section-value{font-size:16px}.match-phone{font-size:20px;font-weight:500}.match-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.match-tag{font-size:14px;padding:6px 14px;border-radius:20px;background:#8b5cf614;color:var(--color-accent-light);border:1px solid rgba(139,92,246,.25)}.match-waiting{text-align:center}.match-wait ing-text{color:var(--dim);font-size:16px;line-height:1.5}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.date-scroll{display:flex;gap:10px;overflow-x:auto;padding:4px 2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.date-scroll::-webkit-scrollbar{display:none}.date-chip{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:74px;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:all .15s ease;flex-shrink:0}.date-chip:hover{border-color:var(--accent)}.date-chip-active{background:var(--accent);border-color:var(--accent);color:#fff}.date-chip-day{font-size:14px;font-weight:600}.date-chip-date{font-size:12px;opacity:.75}.picker-tz-note{text-align:center;font-size:13px;color:var(--color-text-dim);padding:8px 12px;background:#ffffff08;border-radius:8px;margin-top:-8px}.tw-wrap{display:flex;justify-content:center;position:relative;margin:8px auto;width:100%;max-width:280px;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent}.tw-highlight{position:absolute;left:0;right:0;border-radius:10px;background:#8b5cf626;border-top:1px solid rgba(139,92,246,.35);border-bottom:1px solid rgba(139,92,246,.35);pointer-events:none;z-index:1}.tw-col{flex:1;min-width:90px;overflow:hidden;position:relative;cursor:grab;mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%)}.tw-col:active{cursor:grabbing}.tw-track{will-change:transform}.tw-item{display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;color:var(--color-text-dim);cursor:pointer;opacity:.5;transition:opacity .2s ease,color .2s ease}.tw-item-active{color:#fff;opacity:1;font-weight:600}.tw-sep{display:flex;align-items:center;justify-content:center;width:20px;flex-shrink:0;font-size:20px;font-weight:600;color:var(--color-text-dim)}.tz-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;margin:12px;border-radius:10px;background:rgba(var(--accent-rgb, 168, 130, 255),.1);border:1px solid rgba(var(--accent-rgb, 168, 130, 255),.25);font-size:13px;color:var(--text-dim, #aaa)}.tz-banner-icon{font-size:16px;flex-shrink:0}.schedule-confirm{margin-top:20px;padding-top:0;border-top:1px solid var(--border);text-align:center}.schedule-summary{font-size:15px;font-weight:500;margin-bottom:12px;color:var(--accent)}.schedule-match-time{font-size:13px;color:var(--text-dim, #aaa);margin-bottom:14px}.picker-flow{animation:fade-up .25s ease-out}.picker-step{display:flex;flex-direction:column;gap:20px;animation:fade-up .2s ease-out}.picker-start{text-align:center;padding:8px 0}.picker-start .hint{margin:0 0 16px;font-size:14px;opacity:.85;line-height:1.5}.picker-start .match-tags{justify-content:center;margin-bottom:8px}.picker-nav{display:flex;gap:12px;margin-top:4px}.picker-back-btn,.picker-next-btn{flex:1}.picker-confirm{text-align:center;padding:24px 20px;border-radius:12px;background:#8b5cf614;border:1px solid rgba(139,92,246,.25)}.picker-confirm-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);margin:0 0 8px}.picker-confirm-time{font-size:22px;font-weight:600;color:var(--color-accent-light);margin:0 0 12px}.picker-confirm-match{font-size:14px;color:var(--color-text-dim);padding:10px 14px;background:#ffffff0a;border-radius:8px;margin:0}.proposal-card{text-align:center;padding:16px;border-radius:12px;background:#8b5cf614;border:1px solid rgba(139,92,246,.2)}.proposal-label{font-size:13px;color:var(--text-dim, #aaa);margin-bottom:4px}.proposal-time{font-size:20px;font-weight:600;color:var(--accent);margin-bottom:4px}.proposal-converted{font-size:13px;color:var(--text-dim, #aaa);margin-bottom:8px}.proposal-waiting{font-size:14px;color:var(--text-dim, #aaa);margin-top:12px}.proposal-actions{display:flex;gap:10px;margin-top:16px}.card h3{margin:0 0 12px;font-size:18px}.card-details{margin-bottom:16px}.card-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.scheduled-card{text-align:center;padding:16px;border-radius:12px;background:#8b5cf614;border:1px solid rgba(139,92,246,.2);margin-bottom:16px}.scheduled-label{font-size:13px;color:var(--color-text-dim);margin-bottom:4px}.scheduled-time{font-size:20px;font-weight:600;color:var(--color-accent-light)}.phone-reveal-section{text-align:center}.phone-hint{font-size:14px;color:var(--color-text-dim);margin-bottom:12px}.dates-list{display:flex;flex-direction:column;gap:12px}.date-card{border-radius:12px;border:1px solid rgba(139,92,246,.25);overflow:hidden}.date-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#8b5cf614}.date-card-info{display:flex;flex-direction:column;gap:2px}.date-card-name{margin:0;font-size:17px;font-weight:600}.date-card-time{font-size:14px;color:var(--color-text-dim);margin:0}.date-card-phone{display:flex;align-items:center;gap:10px;padding:12px 20px;border-top:1px solid rgba(139,92,246,.12);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease}.date-card-phone:active{background:#8b5cf614}.date-card-phone-icon{width:16px;height:16px;color:var(--color-accent-light);flex-shrink:0}.date-card-phone-number{font-size:16px;font-weight:600;color:var(--color-accent-light);letter-spacing:.02em}.date-card-phone-copy{margin-left:auto;font-size:12px;color:var(--color-text-dim);opacity:.7}.date-card-phone-toggle{display:flex;align-items:center;gap:10px;padding:12px 20px;border:none;background:none;border-top:1px solid rgba(255,255,255,.04);color:var(--color-text-dim);font-size:16px;cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;transition:color .15s ease}.date-card-phone-toggle:active{color:var(--color-accent-light)}.date-card-phone-toggle .date-card-phone-icon{width:16px;height:16px;color:var(--color-text-dim);opacity:.6}.date-card-phone-past{border-top:1px solid rgba(255,255,255,.04)}.date-card-phone-past .date-card-phone-number{font-size:16px;font-weight:500}.date-card-phone-pending{display:flex;align-items:center;gap:10px;padding:12px 20px;border-top:1px solid rgba(255,255,255,.04);font-size:13px;color:var(--color-text-dim);opacity:.7}.date-card-phone-pending .date-card-phone-icon{width:14px;height:14px;color:var(--color-text-dim);opacity:.5}.date-card-status{font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.status-upcoming{background:#8b5cf626;color:var(--color-accent-light);border:1px solid rgba(139,92,246,.3)}.status-ready{background:#fb923c26;color:#fb923c;border:1px solid rgba(251,146,60,.35)}.status-live{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.35)}.status-past{background:#ffffff0d;color:var(--color-text-dim);border:1px solid rgba(255,255,255,.1)}.status-vibes{background:#34d39926;color:#34d399;border:1px solid rgba(52,211,153,.35)}.status-feedback{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-waiting,.status-submitted{background:#ffffff0d;color:var(--color-text-dim);border:1px solid rgba(255,255,255,.1)}.vibes-nudge{padding:14px 20px;background:#8b5cf60f;border-top:1px solid rgba(139,92,246,.15)}.vibes-nudge-text{font-size:15px;color:var(--color-accent-light);line-height:1.4}.feedback-cta{padding:14px 20px;border-top:1px solid rgba(139,92,246,.15)}.feedback-cta-btn{width:100%;font-size:15px}.feedback-submitted{padding:12px 20px;border-top:1px solid rgba(255,255,255,.05);text-align:center;font-size:14px}.feedback-flow{padding:20px;border-top:1px solid rgba(139,92,246,.15);animation:fade-up .25s ease-out}.feedback-step{display:flex;flex-direction:column;gap:16px}.feedback-question{font-size:17px;font-weight:600;text-align:center;margin:0}.feedback-reactions{display:flex;gap:12px;justify-content:center}.feedback-reaction-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 24px;border-radius:14px;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:all .15s ease;flex:1;max-width:110px;-webkit-tap-highlight-color:transparent}.feedback-reaction-btn:hover{border-color:#8b5cf666}.reaction-active{background:#8b5cf61f;border-color:var(--color-accent-light)}.reaction-emoji{font-size:28px}.reaction-label{font-size:13px;font-weight:500;color:var(--color-text-dim)}.reaction-active .reaction-label{color:var(--color-accent-light)}.feedback-tags-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.feedback-tag{padding:8px 16px;border-radius:20px;border:1px solid var(--color-border);background:var(--color-surface);font-size:14px;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.feedback-tag:hover{border-color:#8b5cf666}.feedback-tag-active{background:#8b5cf61f;border-color:var(--color-accent-light);color:var(--color-accent-light)}.feedback-tag-report{border-color:#ef444433}.feedback-tag-report.feedback-tag-active{background:#ef44441f;border-color:#ef444480;color:#ef4444}.feedback-hint{font-size:13px;color:var(--color-text-dim);text-align:center;margin:-8px 0 4px}.feedback-nav{display:flex;gap:10px}.feedback-back-btn{flex:1}.feedback-next-btn{width:100%}.feedback-nav .feedback-next-btn{flex:1;width:auto}.feedback-report-toggle{background:none;border:none;color:var(--color-text-dim);font-size:14px;text-decoration:underline;cursor:pointer;padding:4px 0;text-align:center}.feedback-report-toggle:hover{color:var(--color-text)}.feedback-report-input{width:100%;padding:12px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:14px;font-family:inherit;resize:vertical;box-sizing:border-box}.feedback-report-input:focus{outline:none;border-color:var(--color-accent-light)}.page-wrapper{padding-bottom:96px}.searching-container{display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px 20px}.searching-rings{position:relative;width:120px;height:120px}.searching-rings span{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid transparent;border-top-color:var(--color-accent);border-radius:50%;animation:spin 1.6s linear infinite}.searching-rings span:nth-child(2){top:12px;right:12px;bottom:12px;left:12px;border-top-color:var(--color-accent-dim, rgba(139, 92, 246, .4));animation-duration:2.4s;animation-direction:reverse}.searching-rings span:nth-child(3){top:24px;right:24px;bottom:24px;left:24px;border-top-color:var(--color-accent);animation-duration:3.2s}.searching-dot{position:absolute;top:50%;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;background:var(--color-accent);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.searching-text{font-size:16px;color:var(--text-secondary);text-align:center}.searching-text strong{display:block;font-size:18px;color:var(--text-primary);margin-bottom:4px}.settings-page{display:flex;flex-direction:column;gap:24px}.settings-section{display:flex;flex-direction:column;gap:12px}.settings-heading{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-dim);margin:0;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.settings-heading-row{display:flex;justify-content:space-between;align-items:center}.settings-heading-row .settings-heading{border-bottom:none;padding-bottom:0}.settings-heading-row+.settings-grid,.settings-heading-row+p+.settings-grid{border-top:1px solid var(--color-border)}.settings-edit-btn{background:none;border:none;color:var(--color-accent-light);font-size:14px;font-weight:500;cursor:pointer;padding:4px 0}.settings-edit-btn:disabled{opacity:.35;cursor:not-allowed}.settings-grid{display:flex;flex-direction:column;gap:0}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.settings-row+.settings-row{border-top:1px solid rgba(255,255,255,.05)}.settings-label{font-size:15px;color:var(--color-text-dim)}.settings-value{font-size:15px;color:var(--color-text);font-weight:500}.settings-tags{display:flex;flex-wrap:wrap;gap:8px}.settings-tag{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;background:#8b5cf614;color:var(--color-accent-light);border:1px solid rgba(139,92,246,.25)}.referral-code-box{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid rgba(139,92,246,.25);border-radius:12px;background:#8b5cf614}.referral-code{font-size:20px;font-weight:600;letter-spacing:2px;color:var(--color-white)}:root{--color-bg: #0b0b0f;--color-surface: #12121a;--color-text: #eaeaf0;--color-text-dim: #b6b6c7;--color-border: #2a2a35;--color-accent: #7c3aed;--color-accent-light: #8B5CF6;--color-accent-dark: #6b21a8;--color-success: #10b981;--color-warning: #F59E0B;--color-error: #f06262;--color-white: #fff;--color-black: #000;--color-gray: #6B7280}:root{--bg: var(--color-bg);--surface: var(--color-surface);--text: var(--color-text);--text-dim: var(--color-text-dim);--border: var(--color-border);--accent: var(--color-accent)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent)}button,input,textarea,select{color:var(--text);background:var(--surface)}