:root{--primary:#2c3e40;--primary-dark:#1e2d2f;--primary-light:#f5f3ed;--accent:#febc17;--accent-light:#febc1726;--danger:#c4724a;--danger-light:#fbe9e7;--warning:#febc17;--warning-light:#febc1726;--success:#5a8a5e;--success-light:#e8f5e9;--purple:#8b5cf6;--gray-50:#faf9f5;--gray-100:#faf9f5;--gray-200:#d1cfc8;--gray-300:#b0aea5;--gray-400:#9c9a91;--gray-500:#7a7a72;--gray-600:#5a5a52;--gray-700:#42423a;--gray-800:#2c3e40;--gray-900:#1e2d2f;--font:"Plus Jakarta Sans", -apple-system, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000f, 0 1px 3px #00000014;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a, 0 4px 6px #0000000d;--shadow-card:0 2px 8px #00000014;--transition:.2s ease;--transition-slow:.35s ease;--bottom-nav-h:4.5rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:var(--text-base);color:var(--gray-800);background:var(--gray-100);-webkit-font-smoothing:antialiased;min-height:100dvh}img{object-fit:cover;max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}:root{--frame-h:min(844px, 100dvh);--frame-bottom:max(0px, calc((100dvh - var(--frame-h)) / 2));--frame-w:390px}#app-shell{background:#ebebeb;justify-content:center;align-items:center;min-height:100dvh;display:flex}#screen-container{width:390px;height:var(--frame-h);background:var(--gray-50);border-radius:28px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000002e}@media (width<=480px){:root{--frame-h:100dvh;--frame-w:100%}#app-shell{background:var(--gray-50)}#screen-container{width:100%;box-shadow:none;border-radius:0}}.screen{background:var(--gray-50);scrollbar-width:none;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden auto}.screen::-webkit-scrollbar{display:none}.screen-content{padding-bottom:calc(var(--bottom-nav-h) + var(--space-4));flex:1}.bottom-nav{bottom:var(--frame-bottom);width:100%;max-width:390px;height:var(--bottom-nav-h);border-top:1px solid var(--gray-200);z-index:100;background:#fff;align-items:stretch;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 -4px 16px #0000000f}@media (width>=481px){.bottom-nav{border-radius:0 0 26px 26px;overflow:hidden}}.bottom-nav-item{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-1);cursor:pointer;transition:color var(--transition);color:var(--gray-400);font-size:var(--text-xs);background:0 0;border:none;flex-direction:column;flex:1;font-weight:600;display:flex}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item .nav-icon{font-size:1.4rem;line-height:1}.app-bar{padding:var(--space-4) var(--space-4);align-items:center;gap:var(--space-3);z-index:50;border-bottom:1px solid var(--gray-100);background:#fff;display:flex;position:sticky;top:0}.app-bar-title{font-size:var(--text-lg);flex:1;font-weight:700}.back-btn{border-radius:var(--radius-full);width:2.25rem;height:2.25rem;color:var(--gray-700);transition:background var(--transition);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.back-btn:hover{background:var(--gray-100)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-radius:var(--radius-2xl);font-weight:700;font-size:var(--text-base);transition:all var(--transition);cursor:pointer;white-space:nowrap;border:2px solid #0000;display:inline-flex}.btn-full{width:100%}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-primary:active{transform:scale(.97)}.btn-outline{color:var(--primary);border-color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary-light)}.btn-ghost{color:var(--gray-600);padding:var(--space-2) var(--space-4);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--primary)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-xl)}.btn-xs{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-lg)}.btn-accent{background:var(--accent);color:var(--primary);border-color:var(--accent)}.btn-bottom-fixed{bottom:calc(var(--bottom-nav-h) + var(--space-4));z-index:40;margin:var(--space-4);position:sticky;left:0;right:0}.card{border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:#fff;overflow:hidden}.card-padded{padding:var(--space-4)}.input-group{gap:var(--space-1);flex-direction:column;display:flex}.input-label{font-size:var(--text-sm);color:var(--gray-700);font-weight:600}.input-field{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--gray-200);border-radius:var(--radius-xl);font-size:var(--text-base);color:var(--gray-800);background:var(--gray-50);transition:border-color var(--transition), box-shadow var(--transition);outline:none}.input-field:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #0d94881f}.input-field::placeholder{color:var(--gray-400)}.chip{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);border:1.5px solid var(--gray-200);background:var(--gray-50);color:var(--gray-600);cursor:pointer;transition:all var(--transition);-webkit-user-select:none;user-select:none;font-weight:600;display:inline-flex}.chip:hover,.chip.selected{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;display:inline-flex}.badge-green{background:var(--success-light);color:#15803d}.badge-teal{background:var(--primary-light);color:var(--primary-dark)}.badge-orange{background:var(--warning-light);color:#c2410c}.badge-red{background:var(--danger-light);color:#b91c1c}.badge-yellow{background:var(--accent-light);color:#855b00}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.badge-purple{color:#6d28d9;background:#ede9fe}.section-header{padding:var(--space-4) var(--space-4) var(--space-2);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--text-base);color:var(--gray-800);font-weight:700}.section-link{font-size:var(--text-sm);color:var(--primary);cursor:pointer;font-weight:600}.stars{color:var(--accent);font-size:var(--text-sm)}.rating-row{align-items:center;gap:var(--space-1);display:flex}.rating-count{font-size:var(--text-xs);color:var(--gray-500)}.divider{background:var(--gray-100);height:1px;margin:var(--space-4) 0}.divider-text{align-items:center;gap:var(--space-3);color:var(--gray-400);font-size:var(--text-sm);margin:var(--space-4) 0;display:flex}.divider-text:before,.divider-text:after{content:"";background:var(--gray-200);flex:1;height:1px}.toggle-row{padding:var(--space-3) 0;border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;display:flex}.toggle-switch{width:2.75rem;height:1.5rem;position:relative}.toggle-switch input{display:none}.toggle-track{background:var(--gray-200);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition);position:absolute;inset:0}.toggle-track:after{content:"";width:1.25rem;height:1.25rem;transition:transform var(--transition);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle-switch input:checked+.toggle-track{background:var(--primary)}.toggle-switch input:checked+.toggle-track:after{transform:translate(1.25rem)}.progress-bar{background:var(--gray-100);border-radius:var(--radius-full);width:100%;height:.5rem;overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:var(--primary);height:100%;transition:width var(--transition-slow)}.skeleton{background:linear-gradient(90deg, var(--gray-100) 25%, var(--gray-200) 50%, var(--gray-100) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{bottom:calc(var(--bottom-nav-h) + var(--space-4));background:var(--gray-900);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-xl);font-size:var(--text-sm);z-index:9999;pointer-events:none;opacity:0;transition:opacity var(--transition), transform var(--transition);text-align:center;max-width:320px;font-weight:600;line-height:1.4;position:fixed;left:50%;transform:translate(-50%)translateY(0)}.toast.show{opacity:1}.screen-enter{animation:.28s forwards slideInRight}.screen-exit{animation:.28s forwards slideOutLeft}.screen-enter-back{animation:.28s forwards slideInLeft}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.img-placeholder{background:linear-gradient(135deg, var(--primary-light), var(--accent-light));justify-content:center;align-items:center;font-size:2rem;display:flex}.scroll-row{gap:var(--space-3);padding:0 var(--space-4) var(--space-2);scrollbar-width:none;display:flex;overflow-x:auto}.scroll-row::-webkit-scrollbar{display:none}.map-placeholder{color:var(--primary);background:linear-gradient(135deg,#e0f2fe,#cffafe);justify-content:center;align-items:center;font-size:2.5rem;display:flex;position:relative;overflow:hidden}.map-placeholder:before{content:"";background-image:repeating-linear-gradient(0deg,#0000,#0000 20px,#0d948814 20px 21px),repeating-linear-gradient(90deg,#0000,#0000 20px,#0d948814 20px 21px);position:absolute;inset:0}.qr-box{border-radius:var(--radius-lg);border:3px solid var(--gray-800);background:#fff;justify-content:center;align-items:center;width:160px;height:160px;font-size:3rem;display:flex;position:relative}.qr-box:before,.qr-box:after{content:"";border-color:var(--primary);border-style:solid;width:32px;height:32px;position:absolute}.qr-box:before{border-radius:var(--radius-sm) 0 0 0;border-width:4px 0 0 4px;top:-3px;left:-3px}.qr-box:after{border-radius:0 0 var(--radius-sm) 0;border-width:0 4px 4px 0;bottom:-3px;right:-3px}.swipe-card{border-radius:var(--radius-2xl);width:100%;height:100%;box-shadow:var(--shadow-lg);-webkit-user-select:none;user-select:none;cursor:grab;transition:transform var(--transition), box-shadow var(--transition);position:relative;overflow:hidden}.swipe-card:active{cursor:grabbing}.swipe-card-img{object-fit:cover;width:100%;height:100%}.swipe-card-overlay{background:linear-gradient(#0000 0%,#0003 50%,#000000d9 100%);position:absolute;inset:0}.swipe-card-content{padding:var(--space-6);color:#fff;position:absolute;bottom:0;left:0;right:0}.swipe-card-name{font-size:var(--text-2xl);margin-bottom:var(--space-2);font-weight:800}.swipe-card-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.swipe-actions{justify-content:center;gap:1.25rem;padding:1.5rem 1rem;display:flex}.swipe-btn{width:3.5rem;height:3.5rem;transition:all var(--transition);box-shadow:var(--shadow-md);cursor:pointer;background:#fff;border:2px solid;border-radius:50%;justify-content:center;align-items:center;display:flex}.swipe-btn-skip,.swipe-btn-like{border-color:var(--danger);color:var(--danger)}.swipe-btn-super{border-color:var(--accent);color:var(--accent);width:4rem;height:4rem}.swipe-btn-visited{border-color:var(--success);color:var(--success)}.swipe-btn:hover{box-shadow:var(--shadow-lg);transform:scale(1.1)}.swipe-feedback{top:var(--space-8);font-size:var(--text-3xl);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);opacity:0;pointer-events:none;border:3px solid;font-weight:900;transition:opacity .15s;position:absolute;transform:rotate(-20deg)}.swipe-feedback.like{left:var(--space-6);color:var(--success);border-color:var(--success);transform:rotate(-20deg)}.swipe-feedback.nope{right:var(--space-6);color:var(--danger);border-color:var(--danger);transform:rotate(20deg)}.swipe-feedback.show{opacity:1}.msi{vertical-align:middle;font-size:1.1em;line-height:1}.timeline{padding:var(--space-4)}.timeline-item{gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.timeline-left{flex-direction:column;flex-shrink:0;align-items:center;width:2rem;display:flex}.timeline-dot{background:var(--primary);color:#fff;width:2rem;height:2rem;font-size:var(--text-xs);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.timeline-dot.done{background:var(--gray-300)}.timeline-line{background:var(--gray-200);width:2px;margin-top:var(--space-1);flex:1}.timeline-content{padding-bottom:var(--space-4);flex:1}.timeline-card{background:var(--gray-50);border-radius:var(--radius-lg);padding:var(--space-3);border:1px solid var(--gray-200)}.timeline-time{font-size:var(--text-xs);color:var(--gray-500);font-weight:600}.timeline-name{font-size:var(--text-base);color:var(--gray-800);margin-bottom:var(--space-1);font-weight:700}.timeline-transit{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;color:var(--gray-500);font-size:var(--text-xs);display:flex}.insurance-card{border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-4);cursor:pointer;transition:all var(--transition);position:relative;overflow:hidden}.insurance-card.selected{border-color:var(--primary);background:var(--primary-light)}.insurance-card.recommended:after{content:"🤖 AI Rekomendasikan";background:var(--primary);color:#fff;font-size:var(--text-xs);padding:2px var(--space-2);border-radius:0 0 0 var(--radius-lg);font-weight:700;position:absolute;top:0;right:0}.passport-card{background:var(--gray-900);color:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);position:relative;overflow:hidden}.passport-card:before{content:"";background:#2c3e4033;border-radius:50%;width:180px;height:180px;position:absolute;top:-40px;right:-40px}.passport-card:after{content:"";background:#f59e0b1a;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-60px;left:-20px}.checkout-item{padding:var(--space-3) 0;border-bottom:1px dashed var(--gray-200);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.checkout-item:last-child{border-bottom:none}.checkout-item-price{color:var(--gray-800);font-weight:700}.checkout-total{font-size:var(--text-lg);font-weight:800}.stats-row{gap:var(--space-3);padding:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.stats-row--single{padding:var(--space-2) var(--space-4);grid-template-columns:1fr}.stat-card{background:var(--gray-50);border-radius:var(--radius-lg);padding:var(--space-3);text-align:center;border:1px solid var(--gray-200)}.stat-value{font-size:var(--text-lg);color:var(--gray-800);font-weight:800}.stat-label{font-size:var(--text-xs);color:var(--gray-500);margin-top:2px;font-weight:500}.dest-card{border-radius:var(--radius-xl);width:140px;box-shadow:var(--shadow-card);cursor:pointer;transition:transform var(--transition);flex-shrink:0;overflow:hidden}.dest-card:hover{transform:translateY(-2px)}.dest-card-img{width:140px;height:96px;font-size:2rem}.dest-card-body{padding:var(--space-2)}.dest-card-name{font-size:var(--text-sm);font-weight:700}.dest-card-sub{font-size:var(--text-xs);color:var(--gray-500)}.trip-card{border:1.5px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-4);margin:0 var(--space-4) var(--space-3);cursor:pointer;transition:all var(--transition)}.trip-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.trip-card-title{font-size:var(--text-base);margin-bottom:var(--space-1);font-weight:700}.trip-card-guide{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--gray-600);margin-bottom:var(--space-2);display:flex}.guide-avatar{background:var(--primary-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1rem;display:flex}.alert-banner{text-align:left;background:#fffdf5;border:1px solid #ede8d4;border-radius:14px;align-items:flex-start;gap:.625rem;width:100%;padding:.75rem;display:flex}.alert-warning{color:#92400e}.alert-info{color:#1e3a8a}.alert-success{color:#166534}@supports (padding-top:env(safe-area-inset-top)){.screen{padding-top:env(safe-area-inset-top)}.bottom-nav{padding-bottom:env(safe-area-inset-bottom);height:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom))}}@media (width>=768px){body{background:var(--gray-200);background-image:radial-gradient(circle at 20%,#0d94880d 0%,#0000 60%),radial-gradient(circle at 80% 20%,#f59e0b0d 0%,#0000 50%)}}.floating-sos-btn{bottom:calc(var(--bottom-nav-h) + 1.25rem + var(--frame-bottom));z-index:99;border:2.5px solid var(--accent);cursor:pointer;width:3.5rem;height:3.5rem;transition:all var(--transition);background:linear-gradient(135deg,#ef4444,#b91c1c);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;right:max(1.25rem,50vw - 195px + 1.25rem);box-shadow:0 4px 16px #febc1773}.floating-sos-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #febc1799}.floating-translate-btn{bottom:calc(var(--bottom-nav-h) + 5.5rem + var(--frame-bottom));z-index:99;border:2.5px solid var(--accent);cursor:pointer;width:3.5rem;height:3.5rem;transition:all var(--transition);background:linear-gradient(135deg,#2c3e40,#1b2728);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;right:max(1.25rem,50vw - 195px + 1.25rem);box-shadow:0 4px 16px #2c3e4059}.floating-translate-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #2c3e4080}.btn-cta{background:var(--accent);color:var(--primary);border:none;border-radius:14px;font-weight:800;box-shadow:0 4px 12px #febc1740}.btn-cta:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.setup-progress{align-items:center;margin-top:2rem;display:flex}.setup-progress-step{color:var(--gray-400);text-align:center;flex-direction:column;align-items:center;font-size:.7rem;font-weight:700;display:flex}.setup-progress-step.active{color:var(--primary)}.setup-progress-step span{font-size:.65rem;font-weight:500}.setup-progress-line{background:var(--gray-200);flex:1;height:2px;margin:0 .25rem}.setup-progress-line.active{background:var(--primary)}.bottom-sheet-backdrop{opacity:0;pointer-events:none;max-width:var(--frame-w);z-index:200;background:#0006;margin:0 auto;transition:opacity .42s cubic-bezier(.32,.72,0,1);position:fixed;inset:0}.bottom-sheet-backdrop.open{opacity:1;pointer-events:auto}.bottom-sheet{padding:1.25rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0px));max-width:var(--frame-w);z-index:201;background:#fff;border-radius:20px 20px 0 0;margin:0 auto;transition:transform .42s cubic-bezier(.32,.72,0,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet-handle{background:var(--gray-200);border-radius:var(--radius-full);touch-action:none;width:2.5rem;height:4px;margin:0 auto .875rem}@keyframes tsMissingPulse{0%,to{box-shadow:0 0 #ef444400}30%{box-shadow:0 0 0 3px #ef44448c}60%{box-shadow:0 0 0 3px #ef444459}}.ts-missing{border-radius:var(--radius-lg);animation:1.2s ease-out 2 tsMissingPulse}.wallet-btn{color:#fff;cursor:pointer;height:44px;transition:opacity var(--transition);background:#000;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;font-size:.72rem;font-weight:600;display:flex}.wallet-btn:hover{opacity:.85}.wallet-btn .wallet-btn-lines{text-align:left;line-height:1.15}.wallet-btn .wallet-btn-lines small{opacity:.8;font-size:.58rem;font-weight:400;display:block}.plan-cta-card{color:var(--primary);cursor:pointer;transition:transform var(--transition);background:linear-gradient(135deg,#febc17,#e0a40f);border-radius:16px;padding:1.1rem;box-shadow:0 4px 14px #febc174d}.plan-cta-card:active{transform:scale(.98)}button.plan-cta-card{text-align:left;width:100%;font:inherit;background:linear-gradient(135deg,#febc17,#e0a40f);border:none}.btn:active,.chip:active,.quick-action-btn:active,.active-trip-card:active,.trip-card:active,.dest-card:active{transform:scale(.97)}.card-enter{animation:.4s both cardEnter}@keyframes cardEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.notif-optin-overlay,.gallery-overlay{max-width:var(--frame-w);z-index:300;background:#00000073;flex-direction:column;justify-content:flex-end;margin:0 auto;display:flex;position:fixed;inset:0}.notif-optin-sheet,.gallery-sheet{padding:1.25rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;background:#fff;border-radius:20px 20px 0 0;max-height:82%;animation:.42s cubic-bezier(.32,.72,0,1) sheet-slide-up;overflow-y:auto;box-shadow:0 -8px 24px #0000001f}@keyframes sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.notif-optin-title{color:var(--gray-800);margin:0 0 .25rem;font-size:1.15rem;font-weight:800}.notif-optin-sub{color:var(--gray-500);margin:0 0 1rem;font-size:.875rem;line-height:1.4}.notif-optin-row{color:var(--gray-800);cursor:pointer;align-items:center;gap:.625rem;padding:.5rem 0;font-size:.9rem;display:flex}.notif-optin-row input{width:1.1rem;height:1.1rem;accent-color:var(--primary);flex:none}.notif-optin-overlay .btn-primary{width:100%;margin-top:1rem}.notif-optin-skip{width:100%;color:var(--gray-500);cursor:pointer;background:0 0;border:none;margin-top:.5rem;padding:.625rem;font-size:.9rem;font-weight:600}.gallery-sheet-head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.gallery-sheet-head h2{color:var(--gray-800);margin:0;font-size:1.15rem;font-weight:800}.gallery-close{color:var(--gray-500);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.5rem;line-height:1}.gallery-dest{margin-bottom:1.25rem}.gallery-dest-head{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.gallery-dest-name{color:var(--gray-800);font-size:.95rem;font-weight:700}.gallery-dest-rating{color:#f59e0b;font-size:.8rem;font-weight:600}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.gallery-photo{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-xl);background:var(--gray-100);width:100%}:root{--community-frame-w:390px}html,body{height:100%}#app-shell{height:100dvh;min-height:100dvh}#screen-container{width:min(100%, var(--community-frame-w));max-width:var(--community-frame-w)}#community-root{width:100%;height:100%;min-height:0}.community-screen{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;background:var(--gray-50);height:100%;min-height:0;overflow:hidden auto}.bottom-nav,.community-sticky-cta{max-width:var(--community-frame-w)}.bottom-nav{overflow:visible}.community-nav-create{z-index:2;justify-content:flex-start;gap:.18rem;margin-top:-1.6rem;padding-top:0;position:relative}.community-nav-create-icon{background:var(--primary);width:3.25rem;height:3.25rem;color:var(--accent);border:4px solid var(--gray-50);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 5px 14px #1e2d2f33}.community-nav-create.active .community-nav-create-icon{background:var(--accent-dark);color:#fff}.community-content{padding:1rem;padding-bottom:calc(var(--bottom-nav-h) + 1.25rem)}.community-kicker{color:var(--accent-dark);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:800}.community-title{color:var(--gray-900);margin-top:.25rem;font-size:1.5rem;font-weight:900;line-height:1.2}.community-sub{color:var(--gray-500);margin-top:.35rem;font-size:.82rem;line-height:1.55}.community-top-actions{align-items:center;gap:.5rem;display:flex}.community-icon-btn{border:1px solid var(--gray-200);width:2.5rem;height:2.5rem;color:var(--primary);background:#fff;border-radius:50%;place-items:center;display:grid}.community-icon-btn .material-symbols-outlined{font-size:1.15rem}.community-filters{scrollbar-width:none;gap:.5rem;padding:.875rem 0 .5rem;display:flex;overflow-x:auto}.community-filters::-webkit-scrollbar{display:none}.community-filters .chip{white-space:nowrap}.community-hero-card{border-radius:var(--radius-2xl);min-height:27rem;box-shadow:var(--shadow-lg);color:#fff;background:linear-gradient(145deg,#394b4e,#172628);position:relative;overflow:hidden}.community-hero-card.has-poster{background:#1e2d2f}.community-hero-card.has-poster:before{content:"";z-index:1;background:linear-gradient(#121f200f 32%,#121f20f7 95%);position:absolute;inset:0}.community-hero-card img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.community-hero-card.no-poster:before{content:"♟";color:#febc1740;font-size:12rem;position:absolute;top:2rem;right:-.5rem;transform:rotate(18deg)}.community-card-head,.community-card-foot{z-index:2;position:absolute;left:1rem;right:1rem}.community-card-head{justify-content:space-between;align-items:start;gap:.5rem;display:flex;top:1rem}.community-card-foot{bottom:1rem}.community-live{color:var(--primary);background:#fffffff2;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.68rem;font-weight:800;display:inline-flex}.community-live:before{content:"";background:var(--coral);border-radius:50%;width:.42rem;height:.42rem}.community-save{color:#fff;background:#1c2c2d94;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:2.35rem;height:2.35rem;display:grid}.community-save.saved{background:var(--accent);color:var(--primary);border-color:var(--accent)}.community-date{color:var(--accent);font-size:.76rem;font-weight:800}.community-card-title{max-width:15rem;margin-top:.45rem;font-size:1.75rem;font-weight:900;line-height:1.05}.community-card-meta{color:#ffffffd1;flex-wrap:wrap;gap:.35rem .75rem;margin-top:.625rem;font-size:.72rem;display:flex}.community-card-meta span{align-items:center;gap:.2rem;display:flex}.community-card-meta .material-symbols-outlined{font-size:.95rem}.community-card-line{border-top:1px solid #fff3;margin:.85rem 0 .7rem}.community-host-line{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.community-avatar{background:var(--accent);width:2rem;height:2rem;color:var(--primary);border-radius:.65rem;flex:none;place-items:center;font-size:.8rem;font-weight:900;display:grid}.community-avatar.coral{background:var(--danger-light);color:var(--danger-text)}.community-host{align-items:center;gap:.5rem;min-width:0;display:flex}.community-host strong{font-size:.72rem;display:block}.community-host p{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;max-width:10rem;margin-top:.1rem;font-size:.65rem;overflow:hidden}.community-price{text-align:right;flex:none}.community-price small{color:#ffffff9e;font-size:.62rem;display:block}.community-price strong{color:var(--accent);font-size:1rem}.community-swipe-actions{justify-content:center;align-items:center;gap:.75rem;padding:.875rem 0 .3rem;display:flex}.community-round-action{border:1px solid var(--gray-200);width:2.9rem;height:2.9rem;color:var(--primary);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;place-items:center;display:grid}.community-round-action.primary{background:var(--accent);width:3.5rem;height:3.5rem;color:var(--primary);border-color:var(--accent)}.community-round-action.skip{color:var(--danger-text)}.community-swipe-hint{text-align:center;color:var(--gray-500);font-size:.68rem}.community-section{padding:1.25rem 1rem 0}.community-section-head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.community-section-title{color:var(--gray-900);font-size:1rem;font-weight:800}.community-section-link{color:var(--primary);font-size:.72rem;font-weight:800}.community-horizontal{scrollbar-width:none;gap:.75rem;margin-right:-1rem;padding-right:1rem;display:flex;overflow-x:auto}.community-horizontal::-webkit-scrollbar{display:none}.community-mini-card{border-radius:var(--radius-xl);border:1px solid var(--gray-200);cursor:pointer;background:#fff;flex:none;width:10.5rem;padding:.75rem}.community-mini-cover{border-radius:var(--radius-md);background:var(--primary-light);align-items:end;height:5rem;padding:.4rem;display:flex;position:relative;overflow:hidden}.community-mini-cover:after{content:"♟";color:#2c3e404d;font-size:4.5rem;position:absolute;top:.1rem;right:-.1rem;transform:rotate(16deg)}.community-mini-cover.coral{background:var(--danger-light)}.community-mini-cover.green{background:var(--success-light)}.community-mini-date{z-index:1;color:var(--primary);background:#fff;border-radius:.35rem;padding:.2rem .35rem;font-size:.58rem;font-weight:800;position:relative}.community-mini-card h3{color:var(--gray-900);margin-top:.6rem;font-size:.78rem;line-height:1.25}.community-mini-card p{color:var(--gray-500);white-space:nowrap;text-overflow:ellipsis;margin-top:.25rem;font-size:.64rem;overflow:hidden}.community-mini-card strong{color:var(--accent-dark);margin-top:.55rem;font-size:.75rem;display:block}.community-event-row{border:1px solid var(--gray-200);border-radius:var(--radius-xl);cursor:pointer;background:#fff;grid-template-columns:5.5rem minmax(0,1fr);gap:.75rem;padding:.75rem;display:grid}.community-event-row+.community-event-row{margin-top:.625rem}.community-event-cover{border-radius:var(--radius-md);background:var(--primary-light);align-items:end;min-height:6.5rem;padding:.4rem;display:flex;position:relative;overflow:hidden}.community-event-cover:after{content:"♟";color:#2c3e4042;font-size:5.5rem;position:absolute;top:.7rem;right:-.45rem;transform:rotate(17deg)}.community-event-cover.coral{background:var(--danger-light)}.community-event-cover.green{background:var(--success-light)}.community-event-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.community-event-cover span{z-index:1;color:var(--primary);background:#fff;border-radius:.35rem;padding:.2rem .35rem;font-size:.58rem;font-weight:800;position:relative}.community-event-body{flex-direction:column;min-width:0;display:flex}.community-event-type{color:var(--accent-dark);text-transform:uppercase;letter-spacing:.04em;font-size:.61rem;font-weight:800}.community-event-body h2{color:var(--gray-900);margin-top:.18rem;font-size:.9rem;line-height:1.16}.community-event-meta{color:var(--gray-500);flex-wrap:wrap;gap:.25rem .55rem;margin-top:.45rem;font-size:.62rem;display:flex}.community-event-meta span{align-items:center;gap:.15rem;display:flex}.community-event-meta .material-symbols-outlined{font-size:.82rem}.community-event-bottom{justify-content:space-between;align-items:end;margin-top:auto;padding-top:.5rem;display:flex}.community-event-bottom strong{color:var(--accent-dark);font-size:.78rem}.community-event-bottom small{color:var(--gray-500);font-size:.61rem}.community-detail-hero{background:var(--gray-900);color:#fff;min-height:14rem;position:relative;overflow:hidden}.community-detail-hero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.community-detail-hero:after{content:"";background:linear-gradient(#17252714,#172527f5);position:absolute;inset:0}.community-detail-hero.no-poster:before{content:"♟";color:#febc174d;font-size:10rem;position:absolute;top:1rem;right:.75rem;transform:rotate(15deg)}.community-detail-top,.community-detail-copy{z-index:2;position:absolute;left:1rem;right:1rem}.community-detail-top{justify-content:space-between;display:flex;top:1rem}.community-detail-copy{bottom:1rem}.community-detail-copy h1{margin-top:.35rem;font-size:1.45rem;line-height:1.08}.community-detail-copy p{color:#ffffffbf;margin-top:.35rem;font-size:.72rem}.community-detail-body{padding:1rem 1rem calc(var(--bottom-nav-h) + 5.6rem)}.community-info-grid{border-bottom:1px solid var(--gray-200);grid-template-columns:repeat(3,1fr);gap:.3rem;padding-bottom:.875rem;display:grid}.community-info{color:var(--primary);align-items:start;gap:.3rem;display:flex}.community-info .material-symbols-outlined{color:var(--accent-dark);font-size:1rem}.community-info small{color:var(--gray-500);font-size:.58rem;display:block}.community-info strong{color:var(--gray-800);margin-top:.1rem;font-size:.64rem;line-height:1.25;display:block}.community-detail-section{margin-top:1rem}.community-detail-section h2{color:var(--gray-900);margin-bottom:.5rem;font-size:.95rem}.community-detail-section>p{color:var(--gray-600);font-size:.75rem;line-height:1.55}.community-host-card{border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:#fff;align-items:center;gap:.6rem;padding:.65rem;display:flex}.community-host-card .community-avatar{width:2.5rem;height:2.5rem}.community-host-card strong{color:var(--gray-800);font-size:.74rem;display:block}.community-host-card p{color:var(--gray-500);margin-top:.15rem;font-size:.62rem}.community-game-chips{flex-wrap:wrap;gap:.35rem;display:flex}.community-game-chip{border-radius:var(--radius-full);background:var(--primary);color:#fff;padding:.4rem .55rem;font-size:.65rem;font-weight:700}.community-package{background:var(--primary);color:#fff;border-radius:var(--radius-xl);padding:.875rem;position:relative;overflow:hidden}.community-package:after{content:"";background:var(--accent);opacity:.12;border-radius:50%;width:8rem;height:8rem;position:absolute;top:-3rem;right:-2.5rem}.community-package-label{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-size:.62rem;font-weight:800}.community-package-price{z-index:1;margin:.3rem 0 .65rem;font-size:1.35rem;font-weight:900;position:relative}.community-package-list{z-index:1;gap:.35rem;display:grid;position:relative}.community-package-list span{color:#ffffffd1;align-items:center;gap:.25rem;font-size:.68rem;display:flex}.community-package-list .material-symbols-outlined{color:var(--accent);font-size:.9rem}.community-sticky-cta{bottom:var(--frame-bottom);width:100%;max-width:390px;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid var(--gray-200);z-index:101;background:#faf9f5f5;align-items:center;gap:.75rem;display:flex;position:fixed;left:50%;transform:translate(-50%)}.community-sticky-price{min-width:5.8rem}.community-sticky-price small{color:var(--gray-500);font-size:.6rem;display:block}.community-sticky-price strong{color:var(--accent-dark);margin-top:.12rem;font-size:.83rem;display:block}.community-sticky-cta .btn{flex:1}.community-order-card{border:1px solid var(--gray-200);border-radius:var(--radius-xl);background:#fff;overflow:hidden}.community-order-card+.community-order-card{margin-top:.75rem}.community-order-head{border-bottom:1px dashed var(--gray-200);justify-content:space-between;gap:.5rem;padding:.875rem;display:flex}.community-order-head h2{color:var(--gray-900);font-size:.95rem;line-height:1.2}.community-order-head p{color:var(--gray-500);margin-top:.2rem;font-size:.64rem}.community-order-body{padding:.875rem}.community-order-grid{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.community-order-grid small{color:var(--gray-500);font-size:.6rem;display:block}.community-order-grid strong{color:var(--gray-800);margin-top:.15rem;font-size:.68rem;display:block}.community-pass-preview{background:var(--primary);border-radius:var(--radius-lg);color:#fff;align-items:center;gap:.65rem;margin-top:.75rem;padding:.7rem;display:flex}.community-qr{background:repeating-linear-gradient(45deg,#fff 0 3px,var(--primary) 3px 6px,#fff 6px 8px);border:3px solid #fff;border-radius:.3rem;flex:none;width:3.15rem;height:3.15rem}.community-pass-preview strong{color:var(--accent);letter-spacing:.08em;font-family:monospace;font-size:.95rem;display:block}.community-pass-preview span{color:#ffffffad;margin-top:.15rem;font-size:.61rem;display:block}.community-role-card{border:1px solid var(--gray-200);border-radius:var(--radius-xl);text-align:left;background:#fff;align-items:center;gap:.7rem;width:100%;padding:.75rem;display:flex}.community-role-card+.community-role-card{margin-top:.5rem}.community-role-card.active{border:2px solid var(--primary);background:var(--primary-light)}.community-role-card .material-symbols-outlined{color:var(--accent-dark);font-size:1.3rem}.community-role-card strong{color:var(--gray-800);font-size:.76rem;display:block}.community-role-card p{color:var(--gray-500);margin-top:.15rem;font-size:.62rem;line-height:1.4}.community-role-card .material-symbols-outlined:last-child{color:var(--gray-500);margin-left:auto;font-size:1rem}.community-form-card{border:1px solid var(--gray-200);border-radius:var(--radius-xl);background:#fff;padding:.875rem}.community-form-card+.community-form-card{margin-top:.75rem}.community-form-card h2{color:var(--gray-900);margin-bottom:.75rem;font-size:.95rem}.community-field{flex-direction:column;gap:.28rem;margin-top:.65rem;display:flex}.community-field label{color:var(--gray-600);font-size:.66rem;font-weight:700}.community-field input,.community-field select,.community-field textarea{border:1px solid var(--gray-200);border-radius:var(--radius-md);width:100%;min-height:2.55rem;color:var(--gray-800);background:#fff;padding:.6rem .7rem;font-size:.76rem}.community-field textarea{resize:vertical;min-height:4.5rem}.community-form-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.community-status{border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:.28rem .5rem;font-size:.6rem;font-weight:800;display:inline-flex}.community-status.pending{background:var(--warning-light);color:var(--accent-dark)}.community-status.success{background:var(--success-light);color:#157f3c}.community-status.info{background:var(--info-bg);color:var(--info)}.community-request{border:1px solid var(--gray-200);border-radius:var(--radius-xl);background:#fff;padding:.8rem}.community-request+.community-request{margin-top:.65rem}.community-request-head{justify-content:space-between;gap:.5rem;display:flex}.community-request h3{color:var(--gray-900);font-size:.85rem}.community-request-meta{color:var(--gray-500);flex-wrap:wrap;gap:.25rem .5rem;margin-top:.4rem;font-size:.61rem;display:flex}.community-request-meta span{align-items:center;gap:.15rem;display:flex}.community-request-meta .material-symbols-outlined{font-size:.83rem}.community-note{border-radius:var(--radius-md);background:var(--gray-50);color:var(--gray-600);margin-top:.6rem;padding:.55rem;font-size:.65rem;line-height:1.45}.community-offer{border-radius:var(--radius-md);background:var(--primary-light);color:var(--gray-700);margin-top:.6rem;padding:.6rem}.community-offer strong{font-size:.68rem}.community-offer p{color:var(--gray-500);margin-top:.15rem;font-size:.61rem}.community-modal-backdrop{z-index:200;background:#1e2d2f8c;justify-content:center;align-items:end;display:flex;position:fixed;inset:0}.community-modal{background:var(--gray-50);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;width:100%;max-width:390px;max-height:85dvh;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));overflow:auto}.community-modal-handle{background:var(--gray-300);border-radius:99px;width:2.5rem;height:.25rem;margin:0 auto 1rem}.community-poster-maker{border:1px solid var(--gray-200);border-radius:var(--radius-xl);background:#fff;margin-top:1rem;padding:.75rem}.community-poster-maker-head{justify-content:space-between;align-items:start;gap:.5rem;margin-bottom:.65rem;display:flex}.community-poster-maker h3{color:var(--gray-900);font-size:.82rem}.community-poster-maker p{color:var(--gray-500);margin-top:.12rem;font-size:.62rem;line-height:1.4}.community-poster-download{color:var(--accent-dark);white-space:nowrap;flex:none;font-size:.64rem;font-weight:800}.community-poster-canvas{aspect-ratio:4/5;border-radius:var(--radius-lg);background:var(--primary);width:100%;height:auto;display:block;box-shadow:0 8px 16px #1e2d2f1f}.community-request-with-poster{align-items:flex-start;gap:.65rem;display:flex}.community-request-poster{border-radius:var(--radius-md);object-fit:cover;background:var(--primary);flex:none;width:3.15rem;height:4rem}.community-empty{border:1px dashed var(--gray-300);border-radius:var(--radius-xl);text-align:center;background:#fff;padding:1.5rem 1rem}.community-empty .material-symbols-outlined{color:var(--accent-dark);font-size:2rem}.community-empty h2{color:var(--gray-900);margin-top:.35rem;font-size:1rem}.community-empty p{color:var(--gray-500);max-width:16rem;margin:.35rem auto .75rem;font-size:.72rem;line-height:1.5}.community-splash-mark{pointer-events:none;background:radial-gradient(circle at 74% 32%,#ffffff2e 0 2.5rem,#0000 2.6rem),radial-gradient(circle at 24% 62%,#2c3e401f 0 5rem,#0000 5.1rem);position:absolute;inset:0}.community-splash-board{background:linear-gradient(45deg,#0000 47%,#2c3e401a 48% 52%,#0000 53%),linear-gradient(-45deg,#0000 47%,#2c3e401a 48% 52%,#0000 53%);border:4px solid #2c3e4033;border-radius:1.5rem;width:13rem;height:8.5rem;position:absolute;top:11rem;left:50%;transform:translate(-50%)rotate(-8deg)}.community-splash-piece{color:var(--primary);opacity:.78;font-size:6rem;position:absolute;top:12.2rem;left:50%;transform:translate(-50%)}.splash-screen{flex-direction:column;width:100%;min-height:100dvh;display:flex;position:relative;overflow:hidden}.splash-screen .top-section{z-index:1;flex-direction:column;align-items:center;gap:1.25rem;padding:4.5rem 1.75rem 2rem;display:flex;position:relative}.splash-screen .logo-row{align-items:center;gap:.75rem;display:flex}.splash-screen .logo-compass{object-fit:contain;width:3.25rem;height:3.25rem}.splash-screen .logo-name{color:var(--primary);letter-spacing:2px;margin:0;font-size:2.25rem;font-weight:900}.splash-screen .tagline{color:var(--primary);text-align:center;font-size:1.05rem;font-weight:700;line-height:1.6}.splash-screen .bottom-section{z-index:2;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem 2rem;display:flex;position:absolute;bottom:0;left:0;right:0}.splash-screen .stats-wrap{flex-direction:column;gap:.5rem;display:flex}.splash-screen .stats-note{color:var(--primary);justify-content:center;align-items:center;gap:.375rem;font-size:.68rem;font-weight:700;display:flex}.splash-screen .stats-note .badge{background:var(--primary);color:#fff}.splash-screen .stats-bar{background:#ffffffeb;border:1px solid #2c3e401f;border-radius:1rem;align-items:center;padding:1rem .75rem;display:flex;box-shadow:0 8px 32px #2c3e4014}.splash-screen .stat{flex:1;justify-content:center;align-items:baseline;gap:2px;display:flex}.splash-screen .stat-val{color:var(--primary);font-size:1.15rem;font-weight:900}.splash-screen .stat-lbl{color:var(--gray-700);font-size:.68rem;font-weight:700}.splash-screen .stat-divider{background:#2c3e401f;flex:none;width:1px;height:1.2rem}.splash-screen .btns{flex-direction:column;gap:.7rem;display:flex}.splash-screen .trust{color:var(--primary);justify-content:center;align-items:center;gap:.5rem;font-size:.68rem;font-weight:700;display:flex}.pass-card{background:var(--gray-900);color:#fff;border-radius:var(--radius-2xl);padding:1.125rem;position:relative;overflow:hidden}.pass-card:before{content:"";background:#febc1729;border-radius:50%;width:13rem;height:13rem;position:absolute;top:-6rem;right:-4rem}.pass-card>*{z-index:1;position:relative}.pass-qr{border-radius:var(--radius-lg);background:#fff;justify-content:center;align-items:center;width:10rem;height:10rem;margin:.875rem auto 0;padding:6px;display:flex}.profile-card-dark{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--radius-2xl);padding:1.25rem;box-shadow:0 10px 25px #2c3e4026}.profile-stats-grid{border-top:1px solid #ffffff1a;gap:4px;padding-top:.875rem;display:grid}.profile-stat-box{text-align:center;flex-direction:column;gap:2px;display:flex}.ps-val{color:#fff;font-size:.95rem;font-weight:800}.ps-lbl{color:#fff9;text-transform:uppercase;letter-spacing:.02em;font-size:.58rem}.menu-item{border-bottom:1px solid var(--gray-200);text-align:left;width:100%;color:var(--gray-700);background:#fff;align-items:center;gap:.65rem;padding:.8rem;display:flex}.menu-item:last-child{border-bottom:0}.menu-item .material-symbols-outlined:last-child{color:var(--gray-500);margin-left:auto}.search-bar{border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:#fff;align-items:center;gap:.5rem;padding:.65rem .75rem;display:flex}.search-bar .material-symbols-outlined{color:var(--gray-500);font-size:1.15rem}.search-bar input{min-width:0;color:var(--gray-800);background:0 0;border:0;outline:0;flex:1;font-size:.78rem}@media (width>=481px){#screen-container{width:min(var(--community-frame-w), calc(100vw - 2rem))}.bottom-nav,.community-sticky-cta{max-width:min(var(--community-frame-w), calc(100vw - 2rem))}.community-sticky-cta{border-radius:0 0 26px 26px}}.splash-screen{background:linear-gradient(#febc17 0%,#e0a40f 100%);flex-direction:column;width:100%;min-height:100dvh;display:flex;position:relative;overflow:hidden}.map-bg{opacity:.18;z-index:0;pointer-events:none;background:url(/images/v1408_3.png) 50%/contain no-repeat;height:280px;position:absolute;top:180px;left:-20px;right:-20px}.top-section{z-index:1;flex-direction:column;align-items:center;gap:1.25rem;width:100%;padding:4.5rem 1.75rem 2rem;display:flex;position:relative}.logo-row{align-items:center;gap:.75rem;display:flex}.logo-compass{object-fit:contain;width:52px;height:52px}.logo-name{color:#2c3e40;letter-spacing:2px;font-size:2.25rem;font-weight:900}.tagline{color:#2c3e40;text-align:center;opacity:.9;font-size:1.1rem;font-weight:700;line-height:1.6}.bottom-section{z-index:1;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem 2rem;display:flex;position:absolute;bottom:0;left:0;right:0}.stats-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #2c3e401f;border-radius:16px;align-items:center;padding:1rem .75rem;display:flex;box-shadow:0 8px 32px #2c3e4014}.stat{flex:1;justify-content:center;align-items:baseline;gap:2px;display:flex}.stat-val{color:#2c3e40;font-size:1.15rem;font-weight:900}.stat-lbl{color:#2c3e4099;font-size:.68rem;font-weight:700}.stat-divider{background:#2c3e401f;flex-shrink:0;width:1px;height:1.2rem}.btns{flex-direction:column;gap:.7rem;display:flex}.btns .btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:14px;justify-content:center;align-items:center;width:100%;padding:.95rem 1rem;font-family:inherit;font-size:.95rem;font-weight:800;text-decoration:none;transition:all .18s;display:flex}.btns .btn-dark{color:#faf9f5;background:#2c3e40;box-shadow:0 6px 20px #2c3e404d}.btns .btn-dark:hover{background:#1e2b2c}.btns .btn-outline{color:#2c3e40;background:#ffffff26;border:2px solid #2c3e40}.btns .btn-outline:hover{background:#ffffff4d}.btns .btn-ghost{color:#2c3e40;text-align:center;opacity:.85;background:0 0;padding:.3rem;font-size:.85rem;font-weight:700}.btns .btn-ghost:hover{opacity:1}.field-error{color:var(--danger);margin-top:.25rem;font-size:.75rem;font-weight:600}.trust{color:#2c3e40;opacity:.75;justify-content:center;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;display:flex}.register-screen{background:#faf9f5;flex-direction:column;width:100%;min-height:100dvh;display:flex}.register-screen .header{background:#faf9f5;flex-shrink:0;justify-content:center;align-items:center;padding:1rem 1.5rem .75rem;display:flex;position:relative}.register-screen .back{color:#2c3e40;cursor:pointer;background:#fff;border:1px solid #e8e6e0;border-radius:10px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1rem;display:flex;position:absolute;top:50%;left:1.5rem;transform:translateY(-50%)}.register-screen .logo-row{background:#fff;border:1px solid #e8e6e0;border-radius:20px;align-items:center;gap:.4rem;padding:4px 12px;display:flex;box-shadow:0 2px 6px #00000005}.register-screen .logo-row img{object-fit:contain;width:18px;height:18px}.register-screen .logo-name{color:#2c3e40;letter-spacing:1px;font-size:.875rem;font-weight:800;line-height:1.2}.register-screen .form-area{flex:1;padding:1rem 1.5rem;overflow-y:auto}.register-screen .form-title{color:#2c3e40;margin-bottom:.25rem;font-size:1.5rem;font-weight:800}.register-screen .form-sub{color:#9c9a91;margin-bottom:1.5rem;font-size:.85rem}.register-screen .group{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.register-screen .label{color:#5a5a52;font-size:.78rem;font-weight:600}.register-screen .field{color:#2c3e40;background:#fff;border:1.5px solid #e8e6e0;border-radius:12px;outline:none;width:100%;padding:.8rem 1rem;font-family:inherit;font-size:.9rem;transition:border .2s}.register-screen .field:focus{border-color:var(--accent);box-shadow:0 0 0 3px #febc1733}.register-screen .field-wrap{position:relative}.register-screen .field-wrap .field{padding-right:3rem}.register-screen .eye{color:#b0aea5;cursor:pointer;font-size:.9rem;position:absolute;top:50%;right:.875rem;transform:translateY(-50%)}.register-screen .divider{color:#b0aea5;align-items:center;gap:.75rem;margin:1.25rem 0;font-size:.78rem;display:flex}.register-screen .divider:before,.register-screen .divider:after{content:"";background:#e8e6e0;flex:1;height:1px}.register-screen .socials{gap:.75rem;margin-bottom:1.25rem;display:flex}.register-screen .soc-btn{cursor:pointer;color:#2c3e40;background:#fff;border:1.5px solid #e8e6e0;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.register-screen .soc-btn:hover{background:#f5f3ed;border-color:#d1cfc8}.register-screen .soc-btn svg{flex-shrink:0}.register-screen .ktp-label{color:#5a5a52;margin-bottom:.5rem;font-size:.78rem;font-weight:600}.register-screen .ktp-sub{color:#b0aea5;font-size:.7rem;font-weight:400}.register-screen .ktp{cursor:pointer;background:#fff;border:1.5px dashed #d1cfc8;border-radius:12px;align-items:center;gap:.875rem;padding:.875rem;transition:all .2s;display:flex}.register-screen .ktp:hover{background:#f5f3ed;border-color:#2c3e40}.register-screen .ktp-icon{object-fit:contain;background:#f5f3ed;border-radius:10px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;display:flex}.register-screen .ktp .info p:first-child{color:#2c3e40;font-size:.85rem;font-weight:600}.register-screen .ktp .info p:last-child{color:#9c9a91;font-size:.72rem}.register-screen .ktp .arr{color:#b0aea5;margin-left:auto}.register-screen .footer{flex-shrink:0;padding:1rem 1.5rem 1.75rem}.register-screen .btn-primary{background:var(--accent);width:100%;color:var(--primary);cursor:pointer;border:none;border-radius:14px;padding:.9rem;font-family:inherit;font-size:.95rem;font-weight:800;transition:all .2s;box-shadow:0 4px 12px #febc1740}.register-screen .btn-primary:active{background:#e0a40f;transform:scale(.98)}.register-screen .note{text-align:center;color:#b0aea5;margin-top:.5rem;font-size:.7rem}.register-screen .note a{color:#2c3e40;font-weight:600;text-decoration:none}.register-screen .field-error{color:var(--danger);margin-top:.25rem;font-size:.75rem;font-weight:600}.profile-setup-screen{flex-direction:column;min-height:100dvh;display:flex}.profile-setup-screen .avatar-upload{background:var(--primary-light);cursor:pointer;border:3px solid var(--primary);width:90px;height:90px;transition:transform var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.profile-setup-screen .avatar-upload:hover{transform:scale(1.05)}.profile-setup-screen .avatar-badge{background:var(--primary);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;display:flex;position:absolute;bottom:0;right:0}.profile-setup-screen .chip-grid{flex-wrap:wrap;gap:.5rem;display:flex}.profile-setup-screen #prof-city{border-color:var(--gray-200);cursor:pointer;transition:all var(--transition)}.profile-setup-screen #prof-city:hover,.profile-setup-screen #prof-city:focus{border-color:var(--accent);background:#fffdf6;box-shadow:0 0 0 3px #febc1733}.profile-setup-screen .chip:hover{border-color:var(--accent);color:var(--primary);background:var(--accent-light)}.profile-setup-screen .chip.selected{border-color:var(--accent);color:var(--primary);background:var(--accent-light);box-shadow:0 2px 8px #febc1726}