*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--rose:#B23E5C;--coral:#C2463A;--gold:#A86A3C;--bg:#FDF2F4;--text:#2A1520;--text2:#5C3040;--muted:#7A5563;--border:rgba(178,62,92,.13);--border2:rgba(42,21,32,.08);--rose-pale:#FCEAEE;--shadow:0 2px 12px rgba(42,21,32,.06);--shadow-lg:0 8px 40px rgba(42,21,32,.14);--surface:#fff;--surface-2:#FFF7F9;--nav-bg:rgba(255,250,251,.92);--on-primary:#fff;--pill-gold-bg:#FFF3EE;--primary-shadow:rgba(178,62,92,.28);--login-bg:radial-gradient(130% 120% at 50% 18%, #FDF1F4 0%, #EBE6EA 70%);--login-surface:rgba(255,255,255,.72);--login-border:rgba(154,134,144,.32);--login-text:#2A1520;--login-muted:#7A5563;--login-accent:#B23E5C}html,body,#root{height:100%;width:100%;overflow-x:hidden}body{font-family:Plus Jakarta Sans,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;touch-action:manipulation;overscroll-behavior:none}#root{padding-top:env(safe-area-inset-top)}.serif{font-family:Fraunces,serif}:focus-visible{outline:2px solid var(--rose);outline-offset:2px;border-radius:8px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--rose);outline-offset:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes floatA{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes floatB{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes push-progress{0%{width:100%}to{width:0%}}.fade-up{animation:fadeUp .45s ease both}.fade-up-1{animation-delay:.08s}.fade-up-2{animation-delay:.15s}.fade-up-3{animation-delay:.22s}.fade-up-4{animation-delay:.3s}.fade-up-5{animation-delay:.38s}.page{min-height:100vh;min-height:100dvh;padding-bottom:120px;padding-bottom:calc(120px + env(safe-area-inset-bottom));max-width:480px;margin:0 auto;position:relative}.card{background:var(--surface);border:1.5px solid var(--border);border-radius:24px;padding:22px 20px;box-shadow:var(--shadow)}.btn-primary{background:linear-gradient(135deg,var(--rose),var(--coral));color:var(--on-primary);border:none;border-radius:16px;padding:14px 22px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 18px var(--primary-shadow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px var(--primary-shadow)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-outline{background:var(--surface);color:var(--rose);border:1.5px solid var(--border);border-radius:16px;padding:13px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.btn-outline:hover{background:var(--rose-pale)}.field{width:100%;background:var(--surface-2);border:1.5px solid var(--border);color:var(--text);padding:14px 16px;border-radius:14px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;outline:none;transition:border-color .2s}.field:focus{border-color:var(--rose)}.field::placeholder{color:var(--muted)}.pill{background:var(--rose-pale);border:1px solid var(--border);color:var(--rose);border-radius:999px;padding:5px 13px;font-size:12px;font-weight:700;display:inline-block}.pill-gold{background:var(--pill-gold-bg);border:1px solid rgba(212,137,90,.2);color:var(--gold);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.section-label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--rose),var(--coral));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--on-primary);flex-shrink:0}.online-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;display:inline-block;margin-right:6px}.h-display{font-family:Fraunces,serif;font-size:32px;font-weight:600;line-height:1.08;letter-spacing:-.02em;color:var(--text)}.h-title{font-family:Fraunces,serif;font-size:22px;font-weight:600;line-height:1.15;letter-spacing:-.015em;color:var(--text)}.num-serif{font-family:Fraunces,serif;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--rose);opacity:.9}.screen-head{padding:28px 20px 18px;position:relative}.screen-head .eyebrow{display:block;margin-bottom:6px}.screen-head h1{font-family:Fraunces,serif;font-size:30px;font-weight:600;letter-spacing:-.02em;line-height:1.1;margin-bottom:6px;color:var(--text)}.screen-head p.sub{color:var(--text2);font-size:14px;line-height:1.5;max-width:34ch}.screen-head:after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.card-elevated{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:20px;box-shadow:0 1px 2px #2a15200a,0 12px 32px -8px #2a15201a;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s}.card-elevated:active,.card-elevated:hover{transform:translateY(-2px);box-shadow:0 2px 4px #2a15200d,0 20px 44px -8px #2a152029}.card-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--rose),var(--coral));border-radius:26px;padding:22px;color:#fff;box-shadow:0 16px 40px -10px var(--primary-shadow)}.card-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:26px;box-shadow:inset 0 1px #ffffff47;pointer-events:none}.card-hero:after{content:"";position:absolute;top:-45%;right:-15%;width:220px;height:220px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.2),transparent);pointer-events:none}.card-hero>*{position:relative;z-index:1}.empty{text-align:center;padding:52px 28px}.empty-orb{width:84px;height:84px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;background:radial-gradient(circle at 30% 30%,var(--rose-pale),#fff);box-shadow:0 8px 28px -8px var(--primary-shadow),inset 0 0 0 1px var(--border)}.empty h3{font-family:Fraunces,serif;font-size:19px;font-weight:600;margin-bottom:6px;color:var(--text)}.empty p{color:var(--muted);font-size:14px;line-height:1.5;max-width:28ch;margin:0 auto}.skeleton{background:linear-gradient(90deg,var(--rose-pale) 25%,#fff 50%,var(--rose-pale) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:18px}.chip{padding:8px 16px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text2);transition:all .2s;white-space:nowrap}.chip.active{background:linear-gradient(135deg,var(--rose),var(--coral));color:#fff;border-color:transparent;box-shadow:0 4px 14px -4px var(--primary-shadow)}@keyframes navPop{0%{transform:scale(.7) translateY(8px);opacity:0}65%{transform:scale(1.12) translateY(-4px)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes navGlow{0%,to{box-shadow:0 6px 20px var(--primary-shadow)}50%{box-shadow:0 8px 28px var(--primary-shadow)}}.nav-bottom{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:448px;background:var(--nav-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-radius:999px;border:1.5px solid var(--border);display:flex;align-items:center;padding:10px 8px;z-index:100;box-shadow:0 8px 32px #1a0d121f,0 2px 8px #1a0d120f;gap:0}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;background:none;border:none;cursor:pointer;padding:0;transition:transform .18s cubic-bezier(.34,1.56,.64,1);-webkit-tap-highlight-color:transparent;position:relative;gap:0}.nav-item:active{transform:scale(.88)}.nav-icon-wrap{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:2}.nav-item.active .nav-icon-wrap{background:linear-gradient(135deg,var(--rose),var(--coral));transform:translateY(-18px);box-shadow:0 8px 24px var(--primary-shadow);animation:navGlow 2.5s ease-in-out infinite;width:52px;height:52px}.nav-item.active .nav-icon-wrap:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:20px;height:6px;border-radius:50%;background:var(--primary-shadow);filter:blur(4px)}.nav-icon-emoji{font-size:22px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:block;filter:saturate(1.1) opacity(.88) drop-shadow(0 1px 2px rgba(0,0,0,.08))}.nav-item.active .nav-icon-emoji{font-size:24px;filter:saturate(1.3) opacity(1) brightness(1.1) drop-shadow(0 2px 6px rgba(255,255,255,.8));animation:navPop .38s cubic-bezier(.34,1.56,.64,1)}.nav-label{font-size:9px;font-weight:700;font-family:Plus Jakarta Sans,sans-serif;letter-spacing:.04em;color:var(--muted);transition:all .25s ease;margin-top:4px;opacity:.8}.nav-item.active .nav-label{color:var(--rose);opacity:1;font-weight:800}.nav-bottom.nav-compact{padding:9px 5px}.nav-bottom.nav-compact .nav-item{min-width:0}.nav-bottom.nav-compact .nav-icon-wrap{width:36px;height:36px}.nav-bottom.nav-compact .nav-item.active .nav-icon-wrap{width:40px;height:40px;transform:translateY(-13px)}.nav-bottom.nav-compact .nav-icon-emoji{font-size:18px}.nav-bottom.nav-compact .nav-item.active .nav-icon-emoji{font-size:20px}.nav-bottom.nav-compact .nav-label{font-size:7px;letter-spacing:0;margin-top:3px;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-card{background:var(--surface);border:1.5px solid var(--border2);border-radius:20px;padding:18px;cursor:pointer;box-shadow:var(--shadow);transition:all .22s}.room-card:hover,.room-card.active{border-color:var(--rose);box-shadow:0 0 0 3px var(--primary-shadow),var(--shadow)}.pdf-row{background:var(--surface);border:1.5px solid var(--border2);border-radius:18px;padding:14px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}.btn-wa{flex:1;background:#25d366;color:#fff;border:none;border-radius:13px;padding:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px}.shimmer-text{background:linear-gradient(90deg,var(--rose) 0%,var(--coral) 50%,var(--rose) 100%);background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s infinite}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);background:#2a1520;color:#fff;padding:11px 22px;border-radius:14px;font-size:14px;font-weight:600;z-index:999;box-shadow:0 4px 24px #0000004d;white-space:nowrap;animation:fadeUp .3s ease}.flex{display:flex!important}.flex-col{display:flex!important;flex-direction:column!important}.flex-center{display:flex!important;align-items:center!important}.flex-between{display:flex!important;align-items:center!important;justify-content:space-between!important}.flex-wrap{display:flex!important;flex-wrap:wrap!important}.grid-2{display:grid!important;grid-template-columns:1fr 1fr!important}.gap-4{gap:4px!important}.gap-6{gap:6px!important}.gap-8{gap:8px!important}.gap-10{gap:10px!important}.gap-12{gap:12px!important}.gap-14{gap:14px!important}.gap-16{gap:16px!important}.gap-20{gap:20px!important}.mb-4{margin-bottom:4px!important}.mb-8{margin-bottom:8px!important}.mb-10{margin-bottom:10px!important}.mb-14{margin-bottom:14px!important}.mb-16{margin-bottom:16px!important}.mb-20{margin-bottom:20px!important}.mb-24{margin-bottom:24px!important}.w-full{width:100%!important}.text-center{text-align:center!important}.hidden{display:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}