@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=Great+Vibes&display=swap');
:root{--ink:#312327;--ink-soft:#6c565b;--gold:#b78a50;--gold-dark:#895d31;--rose:#a8748a;--rose-deep:#86536c;--blush:#fbf1f0;--pale:#fff9f7;--line:#e9d7d4;--shadow:0 12px 34px rgba(112,67,79,.1)}
*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}body{background:#f7edeb}button,input,select{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #a56c82;outline-offset:3px}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.showcase{min-height:100dvh;display:grid;grid-template-columns:minmax(475px,1fr) minmax(460px,.88fr);background:radial-gradient(ellipse at 7% 15%,#fffaf4 0,transparent 38%),linear-gradient(126deg,#f5e2dc,#f9f3ef 58%,#ebd7dc);overflow:hidden}
.presentation{position:relative;min-height:100dvh;padding:34px 50px 20px 62px;display:flex;flex-direction:column;isolation:isolate;overflow:hidden}.presentation:before,.presentation:after{content:"";position:absolute;pointer-events:none;z-index:-1;border:1px solid #fff6ed;transform:rotate(-30deg);border-radius:48%;width:540px;height:820px;left:-350px;top:-80px;box-shadow:0 0 0 24px rgba(255,255,255,.09),0 0 0 65px rgba(255,255,255,.09)}.presentation:after{width:460px;height:640px;left:65%;top:50%;border-color:#ead2c7}.presentation-top{z-index:1;display:flex;align-items:center;gap:22px}.monogram{font-family:'Cormorant Garamond',Georgia,serif;font-size:29px;font-weight:700;letter-spacing:-3px;color:#84586a;position:relative}.mini-crown{position:absolute;font-size:14px;letter-spacing:0;top:-8px;right:-13px;color:var(--gold)}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:700;color:#8b7272}.presentation-photo{position:absolute;left:-33px;top:80px;bottom:0;width:46%;overflow:hidden;mask-image:linear-gradient(to right,black 60%,transparent 99%);z-index:-1;opacity:.88}.presentation-photo img{width:100%;height:100%;object-fit:cover;object-position:29% 12%;filter:saturate(.88)}.photo-tint{position:absolute;inset:0;background:linear-gradient(90deg,transparent 32%,#f8e6e1 99%),linear-gradient(0deg,#f6e5e3 2%,transparent 55%)}.presentation-copy{margin:auto 0 auto auto;width:min(470px,78%);text-align:center;padding:80px 0 30px}.ornament{font-family:'Cormorant Garamond',Georgia,serif;letter-spacing:2.5px;color:#a06e75;font-size:15px;font-weight:600}.presentation-copy h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(48px,5.6vw,86px);line-height:.94;letter-spacing:1px;margin:24px 0 19px;text-shadow:0 2px 30px #fff9f0}.presentation-copy h1 span:not(.thin-slash){font-size:.84em;letter-spacing:5px}.thin-slash{color:#ad8b85;font-weight:400}.presentation-script{font-family:'Great Vibes','Segoe Script',cursive;font-size:clamp(26px,3vw,42px);color:#9f6c77;margin:10px 0 20px}.presentation-divider{display:flex;align-items:center;gap:14px;justify-content:center;color:#b59565;font-size:20px;margin-bottom:18px}.presentation-divider span{height:1px;width:69px;background:#bca196}.presentation-desc{max-width:345px;margin:0 auto 30px;line-height:1.9;font-size:13px;color:#785b61}.screen-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:360px;margin:0 auto}.screen-shortcuts button{padding:11px 7px;border-radius:25px;background:rgba(255,255,255,.65);border:1px solid #e9cfca;color:#6c4c54;font-size:11px;font-weight:700;transition:.2s}.screen-shortcuts button:hover,.screen-shortcuts button.is-selected{background:linear-gradient(115deg,#b98f5f,#856042);border-color:transparent;color:white;box-shadow:0 5px 16px #b99c9277}.demo-note{color:#a48e8f;font-size:10px;letter-spacing:1px;margin:31px 0 0}
.preview-area{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 25px 18px;background:radial-gradient(ellipse at 50% 50%,#ffffffb3,transparent 65%),linear-gradient(170deg,#edd5d4,#f7eeec 58%,#e7ccd1)}.preview-meta,.preview-footer{width:min(420px,100%);display:flex;justify-content:space-between;align-items:center;color:#967c80;letter-spacing:1.7px;font-size:9px;font-weight:700;gap:10px}.preview-meta{padding-bottom:14px}.preview-dot{display:inline-block;min-width:7px;width:7px;height:7px;background:#ae805c;border-radius:50%;margin-right:-1px}.preview-meta span:nth-child(2){margin-right:auto}.preview-version{opacity:.8}.preview-footer{padding-top:16px;font-size:8px;white-space:nowrap;letter-spacing:1px;opacity:.84}.phone-frame{position:relative;width:min(398px,100%);height:min(825px,calc(100dvh - 108px));min-height:665px;padding:10px;border-radius:51px;background:linear-gradient(135deg,#252022,#5e464e 14%,#141011 30%,#3e3533 65%,#151113 85%,#c0a19a);box-shadow:0 0 0 2px #cbbab5,0 0 0 5px #2f2627,0 0 0 7px #ab8b7d,0 21px 55px #5b3b4555,0 50px 90px #66485433}.phone-frame:before{content:"";height:50px;width:4px;background:#3e3334;border-radius:4px;position:absolute;left:-8px;top:160px}.phone-frame:after{content:"";height:64px;width:4px;background:#3e3334;border-radius:4px;position:absolute;right:-8px;top:177px}.phone-island{position:absolute;z-index:50;background:#151213;top:20px;left:50%;transform:translateX(-50%);height:25px;width:110px;border-radius:22px;box-shadow:inset 0 0 3px #5b5150}.app-shell{position:relative;width:100%;height:100%;overflow:hidden;background:#fff8f6;border-radius:41px;isolation:isolate}.phone-status{position:absolute;z-index:31;top:0;left:0;right:0;height:44px;display:flex;align-items:flex-start;padding:14px 24px 0 29px;justify-content:space-between;font-weight:700;font-size:12px;color:#241d21;pointer-events:none}.status-icons{display:flex;align-items:center;gap:7px}.signal{letter-spacing:-3px;font-size:11px}.battery{width:20px;height:9px;border-radius:3px;border:1.5px solid #262024;position:relative;margin-left:3px}.battery:before{content:"";position:absolute;left:2px;top:1px;bottom:1px;right:4px;background:#262024;border-radius:1px}.battery:after{content:"";position:absolute;right:-4px;top:2px;height:3px;width:2px;background:#262024;border-radius:1px}
.app-screen{position:absolute;inset:38px 0 70px;display:none;flex-direction:column;overflow:hidden;background:linear-gradient(125deg,#fffaf9,#fff3f2 85%)}.app-screen.is-active{display:flex}.app-header{height:46px;flex:0 0 46px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#fff6f5f2;z-index:2}.app-header>span{width:25px}.app-header-title{font-size:15px;font-weight:700;letter-spacing:-.3px}.app-header-title.scripted-small{font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;font-weight:700}.app-header-title span{font-size:15px;color:var(--gold-dark)}.icon-btn{width:28px;height:30px;display:flex;align-items:center;justify-content:center;color:#3c3034;background:transparent}.icon-btn .icon{width:19px;height:19px}.screen-scroll{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.screen-scroll::-webkit-scrollbar,.chat-scroll::-webkit-scrollbar{display:none}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:70px;background:rgba(255,249,248,.96);display:flex;align-items:center;justify-content:space-around;z-index:21;border-top:1px solid #f1e4e2;padding:4px 5px 8px;box-shadow:0 -5px 16px #d9bab522}.bottom-nav button{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;color:#5d5054;padding:3px 0;border-radius:7px}.bottom-nav button .icon{height:21px;width:21px}.bottom-nav button span{font-size:9px;font-weight:600;letter-spacing:-.45px}.bottom-nav button.active{color:#9a6d3c}.bottom-nav button.active .icon{stroke-width:2.3}
/* Welcome */
.screen-welcome{inset:0;background:radial-gradient(ellipse at 35% 16%,#f9e5e1,transparent 30%),linear-gradient(145deg,#edd1cf 0,#f8e9e5 49%,#fff4ee 100%)}.welcome-waves{position:absolute;inset:-12% -38%;transform:rotate(-31deg);opacity:.54;background:repeating-linear-gradient(102deg,transparent 0,transparent 25px,#fff9f9b0 27px,#fffaf8c9 35px,transparent 49px,transparent 78px);filter:blur(5px)}.welcome-photo{position:absolute;inset:-10px -45px 45% 4%;transform:rotate(-7deg);overflow:hidden;border-radius:40% 3% 55% 25%;opacity:.78;mask-image:linear-gradient(to bottom,black 55%,transparent 98%)}.welcome-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;filter:saturate(.8)}.welcome-soften{position:absolute;inset:23% 0 0;background:linear-gradient(0deg,#fff4ec 0,rgba(255,243,237,.93) 8%,rgba(250,234,227,.73) 28%,transparent 72%)}.welcome-brand{position:absolute;top:30%;left:0;right:0;text-align:center;text-shadow:0 2px 17px #7d4c4f8a}.gold-crown{font-size:35px;color:#c59f5f;line-height:1;display:block}.welcome-signature{font-family:'Great Vibes','Segoe Script',cursive;font-size:clamp(59px,14vw,82px);color:#fff;margin:4px 0 -12px;line-height:1.15}.signature-heart{font-family:Georgia,serif;font-size:.5em}.welcome-name{font-family:'Cormorant Garamond',Georgia,serif;color:#fff;font-size:22px;letter-spacing:5px;font-weight:600}.welcome-official{color:white;font-size:10px;letter-spacing:4px;margin-top:8px}.welcome-bottom{position:absolute;left:23px;right:23px;bottom:11%;text-align:center}.welcome-title{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:29px;line-height:1;margin:0 0 14px}.welcome-subtitle{font-size:11px;line-height:1.75;margin:0 0 24px}.welcome-subtitle span{color:var(--gold)}.gold-button{background:linear-gradient(100deg,#cfa675 0%,#b18752 45%,#916536 100%);color:#fff;box-shadow:inset 0 1px 1px #fff8,0 4px 14px #9c74503d;border:1px solid #e3bb8a;border-radius:28px;font-weight:700}.gold-button:hover{filter:brightness(1.06)}.join-button{display:flex;gap:11px;justify-content:center;align-items:center;width:85%;margin:auto;padding:13px 20px;font-size:13px}.join-button .icon{width:15px;height:15px}.login-link{margin:14px auto 0;background:transparent;font-size:11px;color:#5c4a4b}.login-link strong{text-decoration:underline;text-underline-offset:2px}
/* Home */
.home-hero{position:relative;height:192px;background:linear-gradient(100deg,#9d7c99,#caabb9);overflow:hidden}.home-hero img{height:100%;width:64%;object-fit:cover;object-position:50% 29%;position:absolute;right:-3px;top:0;filter:saturate(.9)}.home-hero-overlay{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#997b91 0,#9f7a98d9 32%,transparent 77%)}.home-hero-copy{position:relative;z-index:2;color:white;padding:32px 0 0 22px;text-shadow:0 2px 5px #705c6c33}.home-hero-copy p{font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;margin:0;letter-spacing:2px}.hero-signature{font-family:'Great Vibes','Segoe Script',cursive;font-size:48px;display:block;margin-top:2px;line-height:1.1}.home-hero-copy small{font-family:'Cormorant Garamond',Georgia,serif;letter-spacing:1px;font-size:14px}.hero-dots{position:absolute;bottom:10px;z-index:2;left:50%;display:flex;gap:4px}.hero-dots i{display:block;width:5px;height:5px;background:#fff9;border-radius:50%}.hero-dots i:first-child{background:#fff}.stat-panel{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);background:#fff4f1ee;margin:-10px 14px 11px;border-radius:13px;border:1px solid #f4e5e1;box-shadow:0 4px 14px #b9a2a12b;padding:9px 4px}.stat-panel>div{text-align:center;border-right:1px solid #d9c0be}.stat-panel>div:last-child{border:0}.stat-panel strong{display:block;font-size:13px}.stat-panel span{font-size:9px}.vip-promo{margin:0 14px 14px;width:calc(100% - 28px);background:linear-gradient(120deg,#d5b08c,#f2d5c0 48%,#fff0e7);border:1px solid #efd4be;border-radius:13px;text-align:left;display:flex;align-items:center;gap:11px;padding:10px;box-shadow:0 4px 10px #ac8f8133}.promo-icon{width:47px;height:47px;border-radius:12px;background:linear-gradient(145deg,#c4a37d,#8a623e);color:#fff1d6;display:flex;align-items:center;justify-content:center;font-size:32px}.promo-copy{flex:1}.promo-copy strong{font-size:12px}.promo-copy small{display:block;font-size:9px;line-height:1.45;padding-top:3px}.promo-arrow{font-family:Arial;font-size:26px;color:#987251}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 15px 8px}.section-heading h2{font-size:15px;margin:0;letter-spacing:-.4px}.section-heading button{display:flex;align-items:center;background:none;gap:2px;font-size:10px;color:#543f42}.section-heading button .icon{width:11px;height:11px}.featured-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 14px 15px}.featured-tile{position:relative;height:124px;border-radius:11px;overflow:hidden;background:#ccb4af;padding:0}.featured-tile img{width:100%;height:100%;object-fit:cover}.featured-play{position:absolute;bottom:7px;right:7px;color:white;background:#251f2688;border:1px solid #fff8;border-radius:30px;padding:3px 5px;font-size:8px}.home-update-heading{margin-top:9px}.muted{font-size:10px;color:#ac8d8f}.update-card{margin:0 14px 16px;display:flex;gap:9px;background:#fff;border-radius:11px;padding:12px;box-shadow:0 2px 10px #eddbdc8a}.update-avatar{width:30px;height:30px;flex:0 0 30px;border-radius:50%;overflow:hidden}.update-avatar img{width:100%;height:100%;object-fit:cover}.update-card>div:last-child{flex:1}.update-card strong{font-size:11px}.verified{color:#ac8153}.update-card p{font-size:11px;line-height:1.55;margin:5px 0 9px}.like-action{background:none;padding:0;color:#9b747b;font-size:10px;display:flex;align-items:center;gap:5px}.like-action .icon{width:14px;height:14px}.like-action.liked .icon{fill:#b96e8d}
/* Membership */
.membership-scroll{background:linear-gradient(#faeeeb,#fdf5f2)}.membership-hero{height:149px;position:relative;overflow:hidden;background:linear-gradient(110deg,#efdbd6,#e7bec9)}.membership-hero img{position:absolute;right:0;height:100%;width:41%;object-fit:cover;object-position:50% 23%;mask-image:linear-gradient(to right,transparent,black 38%)}.membership-hero-copy{position:relative;z-index:1;width:77%;text-align:center;padding-top:19px}.member-crown{color:#b98d4c;font-size:30px;display:block;height:29px}.membership-hero h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;line-height:1.2;font-style:italic;font-weight:600;margin:0 0 7px}.membership-hero p{font-size:10px;line-height:1.5;margin:0}.plan-list{padding:11px 15px 7px;display:grid;gap:11px}.plan-card{background:#fff8f6df;border:1px solid #f3dfd8;box-shadow:0 3px 10px #b4a1a126;border-radius:15px;padding:12px 12px 10px}.plan-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.plan-head>div{display:flex;align-items:center;gap:6px}.plan-head .icon{width:17px;height:17px;color:#a47c71}.plan-head strong{font-size:13px;white-space:nowrap}.plan-head b{font-size:11px;white-space:nowrap}.plan-head b span{font-size:9px;font-weight:500}.plan-card ul{list-style:none;margin:10px 0 0;padding:0 0 0 7px}.plan-card li{position:relative;font-size:10px;line-height:1.55;padding:0 0 0 16px}.plan-card li:before{content:'✓';font-weight:700;color:#936d59;position:absolute;left:0}.plan-select{margin-top:8px;padding:7px 12px;color:#93674a;background:#f6e7dc;border-radius:18px;font-size:10px;font-weight:700;width:100%;border:1px solid #edd3bc}.plan-vip{border:2px solid #bd9785;padding:11px;background:linear-gradient(145deg,#fff2f2,#f3dce3);box-shadow:0 6px 14px #bd9a9d3f}.plan-vip .plan-head{background:linear-gradient(90deg,#b49568,#8c536d);padding:8px 10px;margin:-11px -11px 9px;border-radius:12px 12px 7px 7px;color:white}.plan-vip .plan-head .icon{color:white}.popular{font-size:7px;background:#f4e3c7;color:#7d5541;padding:4px 5px;border-radius:10px;font-weight:700;white-space:nowrap}.plan-vip .plan-select{background:linear-gradient(110deg,#ba996b,#915a75);color:white;border:0}.fine-print{font-size:9px;color:#a38b8a;text-align:center;padding:0 14px;line-height:1.6;margin:4px 0 20px}
/* Chat */
.screen-chat{background:#fdf2ef}.chat-header-center{text-align:center;line-height:1.15}.chat-header-center strong{font-size:14px}.chat-header-center strong span{color:var(--gold)}.chat-header-center small{display:block;color:#7f7472;font-size:10px;margin-top:2px}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6aa778;margin-right:3px}.chat-scroll{overflow-y:auto;scrollbar-width:none;flex:1;min-height:0;padding:10px 14px 12px;background:linear-gradient(120deg,#fbedeb,#fffbf7)}.chat-day{font-size:9px;color:#ba9f9b;text-align:center;letter-spacing:1px;margin:0 0 14px}.incoming-locked{display:flex;align-items:flex-start;gap:8px;margin-bottom:14px}.chat-portrait{height:32px;width:32px;flex:0 0 32px;overflow:hidden;border-radius:50%;background:#d2adaf;border:2px solid white;box-shadow:0 1px 5px #9e858044}.chat-portrait img{width:100%;height:100%;object-fit:cover}.message-lock{border:1px solid #dfbb90;background:linear-gradient(125deg,#c9a675,#a77e57);color:white;box-shadow:0 5px 10px #90755c2d;display:flex;flex-direction:column;align-items:center;gap:5px;justify-content:center;border-radius:13px;width:190px;height:93px}.white-lock{border-radius:50%;height:35px;width:35px;display:flex;align-items:center;justify-content:center;background:#fff6e3;color:#896f52}.message-lock strong{font-size:10px}.message-lock b{font-size:12px}.blurred-media{height:107px;width:72%;align-self:flex-end;margin:0 0 14px auto;position:relative;background:#cba7b5;border-radius:12px;overflow:hidden;display:block;padding:0;color:white}.blurred-media img{width:100%;height:100%;object-fit:cover;filter:blur(15px) brightness(.7);transform:scale(1.2)}.locked-text{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;text-align:center;padding:5px}.locked-text .icon{width:17px;height:17px}.locked-text strong{font-size:10px;line-height:1.3}.locked-text small{font-size:10px}.chat-bubble-row{display:flex;align-items:flex-start;gap:7px;margin-bottom:10px}.chat-portrait.tiny{height:26px;width:26px;flex-basis:26px}.chat-bubble{max-width:74%;font-size:11px;border-radius:10px;padding:9px 11px;box-shadow:0 2px 5px #8a6b7033}.chat-bubble.incoming{background:white;border-top-left-radius:2px}.chat-bubble strong{font-size:12px}.chat-bubble p{line-height:1.45;margin:6px 0 7px}.chat-bubble time{display:block;text-align:right;color:#a69295;font-size:8px}.outgoing-row{justify-content:flex-end}.chat-bubble.outgoing{background:#e2b8ca;border-top-right-radius:2px}.chat-bubble.outgoing time{display:inline-block;color:#775468;margin-left:14px}.chat-compose{padding:7px 13px 11px;background:#fff5f2;border-top:1px solid #f4ddda;flex:0 0 auto}.paid-label{font-size:10px;font-weight:700;padding-bottom:6px}.paid-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.paid-actions button{border:1px solid #ecd9d2;border-radius:9px;background:#fff7f4;display:flex;gap:8px;align-items:center;padding:7px 7px;color:#61494d;text-align:left}.paid-actions button .icon{width:18px;height:18px;color:#8d6446}.paid-actions button span{font-size:9px;font-weight:700}.paid-actions button small{font-weight:600;display:block;font-size:9px;color:#956f4b}.message-form{display:flex;align-items:center;gap:6px}.message-form input{flex:1;min-width:0;border:1px solid #f1dedc;background:white;border-radius:18px;padding:8px 11px;font-size:11px}.compose-plus,.compose-send{background:transparent;display:grid;place-items:center;padding:4px}.compose-plus{color:#4f4548}.compose-send{height:32px;width:32px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#c98da8,#8c536f)}.compose-send .icon{width:17px;height:17px}
/* Exclusive */
.exclusive-scroll{padding:0 13px 20px}.filter-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0}.filter-btn{background:#f4e8e7;border-radius:20px;font-size:10px;color:#53444a;padding:9px 2px}.filter-btn.active{background:linear-gradient(95deg,#d6b78d,#b89165);color:#3b2929;box-shadow:0 2px 7px #c49a7755}.exclusive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.content-card{height:155px;position:relative;padding:0;overflow:hidden;border-radius:12px;background:#cfaeb0}.content-card img{width:100%;height:100%;object-fit:cover;object-position:center 38%;transition:transform .2s}.content-card:hover img{transform:scale(1.05)}.card-crown{position:absolute;top:6px;left:7px;z-index:1;font-size:19px;color:#fff1ae;text-shadow:0 2px 6px #32201b}.duration{position:absolute;right:6px;bottom:6px;background:#211a1cb9;border-radius:12px;color:white;font-size:9px;padding:3px 6px}.members-exclusive{display:flex;align-items:center;gap:9px;margin:14px 1px;padding:10px;border-radius:12px;background:#fff4ee;border:1px solid #ead7cd}.members-exclusive>span{font-size:28px;color:#a67b44}.members-exclusive>div{flex:1}.members-exclusive strong{font-size:11px}.members-exclusive p{font-size:9px;margin:4px 0 0;color:#887276}.members-exclusive button{background:#ad8255;color:white;border-radius:20px;font-size:10px;padding:8px 14px}
/* Booking */
.booking-scroll{background:#fbefed}.booking-hero{height:180px;position:relative;background:linear-gradient(115deg,#bd889a,#edd1d0);overflow:hidden}.booking-hero img{position:absolute;right:0;top:0;width:52%;height:100%;object-fit:cover;object-position:42% 25%;mask-image:linear-gradient(to right,transparent,black 38%)}.booking-hero-copy{width:62%;padding:18px 0 0 18px;position:relative;z-index:1}.booking-video-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:#9c698a;color:#fff;margin:0 0 10px 47px}.booking-video-icon .icon{width:20px;height:20px}.booking-hero h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;line-height:1.03;font-weight:600;margin:0 0 10px}.booking-hero p{font-size:10px;line-height:1.5;margin:0;color:#593e47}.booking-card{background:#fff7f5;border-radius:18px 18px 0 0;margin:-7px 8px 10px;padding:8px 10px 13px;position:relative;box-shadow:0 -3px 13px #81616d30}.booking-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#f5e7e4;border-radius:20px;padding:2px;margin-bottom:15px}.booking-tabs button{font-size:10px;font-weight:700;color:#6c565b;background:transparent;padding:8px 6px;border-radius:20px}.booking-tabs button.active{background:linear-gradient(110deg,#ac748d,#82516f);color:white;box-shadow:0 2px 8px #74536a33}.booking-card h3{font-size:11px;margin:15px 0 9px;font-weight:700}.duration-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.duration-options label{min-width:0;cursor:pointer}.duration-options input{position:absolute;opacity:0;pointer-events:none}.duration-options span{border:1px solid #ead2d1;border-radius:9px;min-height:52px;background:#fff9f8;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;gap:3px}.duration-options i{position:absolute;left:7px;top:19px;width:12px;height:12px;border:1.5px solid #cababa;border-radius:50%}.duration-options strong{font-size:9px;padding-left:9px}.duration-options b{font-size:10px}.duration-options input:checked+span{border-color:#ba829b;background:#fbebef;box-shadow:inset 0 0 0 1px #ba829b}.duration-options input:checked+span i{border-color:#a77087}.duration-options input:checked+span i:after{content:"";position:absolute;inset:2px;background:#a77087;border-radius:50%}.booking-inputs{display:grid;grid-template-columns:1.07fr 1fr;gap:7px}.booking-inputs label{min-width:0;display:flex;gap:3px;align-items:center;padding:7px 5px;background:#fff;border:1px solid #eadada;border-radius:8px}.booking-inputs .icon{flex:0 0 15px;width:15px;height:15px;color:#80666b}.booking-inputs input,.booking-inputs select{min-width:0;width:100%;background:transparent;border:0;outline:0;padding:0;font-size:9px;color:#453639;cursor:pointer}.booking-inputs select{appearance:none}.book-button{width:100%;padding:12px 8px;margin-top:17px;font-size:12px}.book-notes{margin:13px 0 0;font-size:9px;color:#786a6c;line-height:1.7}.empty-booking{text-align:center;padding:43px 0}.empty-booking>span{font-size:50px;color:#ca9eae}.empty-booking h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:24px}.empty-booking p{font-size:11px;color:#927d80}.empty-booking button{background:#b38e6a;color:white;font-size:11px;border-radius:17px;padding:9px 16px}
/* Profile */
.profile-scroll{background:#faf0ee}.profile-banner{padding:25px 15px 27px;text-align:center;background:linear-gradient(120deg,#e7c0c4,#fcdfd7 53%,#ecc0ca)}.profile-banner>span{display:block;font-size:22px;color:#a77d4b}.profile-avatar{margin:4px auto 10px;width:70px;height:70px;border-radius:50%;background:#fdf2ed;border:2px solid white;display:grid;place-items:center;color:#b18b86}.profile-avatar .icon{width:39px;height:39px}.profile-banner h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:27px;margin:3px 0}.profile-banner p{font-size:11px;color:#70575a}.profile-join{font-size:11px;font-weight:700;background:linear-gradient(110deg,#c79f68,#8d6747);border-radius:22px;color:white;padding:11px 17px;margin-top:7px}.profile-menu{margin:15px;border-radius:12px;overflow:hidden;background:#fff7f5}.profile-menu button{padding:16px 14px;display:flex;align-items:center;gap:11px;width:100%;background:transparent;border-bottom:1px solid #f0e0df;color:#604d51;text-align:left;font-size:12px;font-weight:600}.profile-menu button:last-child{border:0}.profile-menu button .icon{color:#9b7980}.profile-menu button span{margin-left:auto;font-size:20px;color:#c2a6ac}
/* Modal */
.modal-backdrop[hidden]{display:none}.modal-backdrop{position:fixed;z-index:80;inset:0;background:#2f2028a6;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}.dialog{width:min(360px,100%);position:relative;background:linear-gradient(140deg,#fff9f5,#f5e1e0);border:1px solid #f8e9e5;box-shadow:0 24px 50px #30232760;border-radius:20px;padding:29px 25px 25px;text-align:center}.dialog-symbol{font-size:34px;color:#b18c5d}.dialog h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;margin:8px 0 8px}.dialog p{font-size:12px;line-height:1.7;color:#78616a;margin:0 0 19px;white-space:pre-line}.modal-close{position:absolute;top:9px;right:12px;background:transparent;font-size:24px;color:#9a8387}.modal-primary{width:100%;padding:12px}.modal-secondary{display:block;width:100%;background:transparent;padding:12px;margin-top:4px;color:#80656d;font-size:11px}.toast{position:fixed;z-index:90;bottom:30px;left:50%;transform:translate(-50%,20px);background:#4b343e;color:white;padding:11px 17px;font-size:12px;border-radius:30px;box-shadow:0 8px 20px #2f222744;max-width:min(90%,400px);opacity:0;pointer-events:none;transition:.22s;text-align:center}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:1050px){.showcase{grid-template-columns:minmax(355px,.88fr) minmax(400px,1fr)}.presentation{padding:24px 18px}.presentation-photo{width:53%;opacity:.7}.presentation-copy{width:82%}.presentation-copy h1{font-size:56px}.ornament{font-size:12px}.preview-area{padding-left:16px;padding-right:16px}}
@media(max-width:760px){html,body{overflow:hidden}.showcase{display:block;width:100vw;height:100dvh;min-height:100dvh}.presentation,.preview-meta,.preview-footer{display:none}.preview-area{height:100dvh;min-height:100dvh;padding:0;display:block;background:#fff8f6}.phone-frame{width:100vw;height:100dvh;max-height:none;min-height:0;padding:0;border-radius:0;background:transparent;box-shadow:none}.phone-frame:before,.phone-frame:after{display:none}.phone-island{top:9px;width:105px;height:25px;background:#1c1819}.app-shell{border-radius:0}.phone-status{height:45px;padding:13px 25px 0}.app-screen{inset:42px 0 calc(72px + env(safe-area-inset-bottom,0px))}.bottom-nav{height:calc(72px + env(safe-area-inset-bottom,0px));padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.screen-welcome{inset:0}.welcome-photo{right:8%;left:4%;height:52%;bottom:auto}.welcome-brand{top:31%}.welcome-bottom{bottom:12%}.home-hero{height:210px}.featured-tile{height:146px}.membership-hero{height:167px}.booking-hero{height:202px}.content-card{height:clamp(155px,40vw,210px)}.plan-list{gap:12px}.plan-card{padding:14px}.plan-vip{padding:13px}.plan-vip .plan-head{margin:-13px -13px 11px}.chat-compose{padding-bottom:13px}}
@media(min-width:761px) and (max-height:765px){.preview-area{padding-top:10px;padding-bottom:10px}.phone-frame{height:calc(100dvh - 73px);min-height:600px}.preview-meta{padding-bottom:9px}.preview-footer{padding-top:10px}.presentation-copy{padding-top:30px}.presentation-copy h1{margin:15px 0}.presentation-desc{margin-bottom:18px}.presentation-script{margin-bottom:10px}}
@media(max-width:360px){.plan-head b{font-size:10px}.popular{font-size:6px}.featured-tile{height:112px}.home-hero{height:165px}.membership-hero{height:133px}.plan-card li{font-size:9px}.plan-card{padding:9px}.plan-vip{padding:9px}.plan-vip .plan-head{margin:-9px -9px 8px}.plan-list{gap:7px}.booking-hero{height:165px}.duration-options strong{font-size:8px}.booking-inputs{grid-template-columns:1fr 1fr}}
@media (max-width: 820px), ((hover: none) and (pointer: coarse)) {
  html, body {
    height: 100%;
    overflow: hidden;
    background: #fff8f6;
    -webkit-text-size-adjust: 100%;
  }
  body { position: fixed; inset: 0; width: 100%; touch-action: manipulation; }
  button, a { -webkit-tap-highlight-color: transparent; }
  .showcase, .preview-area, .phone-frame, .app-shell {
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: #fff8f6;
    box-shadow: none;
  }
  .showcase { display: block; overflow: hidden; }
  .presentation, .preview-meta, .preview-footer,
  .phone-island, .phone-status, .fine-print,
  .phone-frame:before, .phone-frame:after { display: none !important; }
  .app-shell { position: relative; overflow: hidden; }
  .app-screen {
    inset: 0 0 calc(62px + env(safe-area-inset-bottom, 0px)) 0;
    padding-top: env(safe-area-inset-top, 0px);
  }
  .screen-welcome { inset: 0; padding-top: env(safe-area-inset-top, 0px); }
  .app-header { height: 52px; flex-basis: 52px; padding: 0 6px; }
  .icon-btn { width: 44px; height: 44px; }
  .app-header-title { font-size: 17px; }
  .app-header-title.scripted-small { font-size: 28px; }
  .bottom-nav {
    height: calc(62px + env(safe-area-inset-bottom, 0px));
    padding: 4px 2px calc(8px + env(safe-area-inset-bottom, 0px));
  }
  .bottom-nav button { min-height: 48px; gap: 3px; }
  .bottom-nav button .icon { width: 24px; height: 24px; }
  .bottom-nav button span { font-size: 10px; letter-spacing: 0; }
  .welcome-photo { inset: env(safe-area-inset-top, 0px) -20% 40% -6%; height: auto; transform: rotate(-4deg); opacity: .9; }
  .welcome-brand { top: 36%; }
  .gold-crown { font-size: 34px; }
  .welcome-signature { font-size: 78px; }
  .welcome-name { font-size: 22px; letter-spacing: .22em; }
  .welcome-official { font-size: 12px; letter-spacing: .28em; }
  .welcome-bottom { left: 28px; right: 28px; bottom: calc(32px + env(safe-area-inset-bottom, 0px)); }
  .welcome-title { font-size: 32px; }
  .welcome-subtitle { font-size: 14px; line-height: 1.6; margin-bottom: 22px; }
  .join-button { width: 100%; min-height: 52px; font-size: 16px; }
  .login-link { min-height: 44px; font-size: 14px; }
  .home-hero { height: 248px; }
  .home-hero-copy p { font-size: 18px; }
  .hero-signature { font-size: 56px; }
  .stat-panel { margin-top: -18px; padding: 14px 4px; }
  .stat-panel strong { font-size: 18px; }
  .stat-panel span { font-size: 12px; }
  .vip-promo { padding: 14px; }
  .promo-icon { width: 52px; height: 52px; }
  .promo-copy strong { font-size: 15px; }
  .promo-copy small { font-size: 12px; }
  .section-heading h2 { font-size: 18px; }
  .section-heading button { min-height: 44px; font-size: 13px; }
  .featured-tile { height: 168px; border-radius: 14px; }
  .update-card { padding: 14px; }
  .update-card strong, .update-card p { font-size: 14px; }
  .like-action { min-height: 36px; font-size: 13px; }
  .membership-hero { height: 196px; }
  .membership-hero h2 { font-size: 34px; }
  .membership-hero p { font-size: 13px; }
  .plan-card { padding: 16px; }
  .plan-vip { padding: 16px; }
  .plan-vip .plan-head { margin: -16px -16px 12px; }
  .plan-head strong { font-size: 16px; }
  .plan-head b { font-size: 15px; }
  .plan-card li { font-size: 14px; line-height: 1.55; }
  .plan-select { min-height: 46px; font-size: 14px; }
  .popular { font-size: 10px; }
  .chat-header-center strong { font-size: 16px; }
  .chat-header-center small { font-size: 12px; }
  .chat-bubble, .chat-bubble p { font-size: 15px; }
  .chat-bubble time { font-size: 11px; }
  .message-lock { width: min(230px, 72%); height: 112px; }
  .message-lock strong, .locked-text strong, .locked-text small { font-size: 13px; }
  .paid-label { font-size: 13px; }
  .paid-actions button { min-height: 52px; }
  .paid-actions button span, .paid-actions button small { font-size: 12px; }
  .message-form input, .booking-inputs input, .booking-inputs select { font-size: 16px; }
  .message-form input { min-height: 44px; }
  .filter-btn { min-height: 40px; font-size: 13px; }
  .content-card { height: 210px; border-radius: 16px; }
  .members-exclusive strong { font-size: 15px; }
  .members-exclusive p { font-size: 13px; }
  .members-exclusive button { min-height: 40px; font-size: 13px; }
  .booking-hero { height: 220px; }
  .booking-hero h2 { font-size: 30px; }
  .booking-hero p { font-size: 13px; }
  .booking-tabs button { min-height: 42px; font-size: 13px; }
  .booking-card h3 { font-size: 15px; }
  .duration-options span { min-height: 74px; }
  .duration-options strong { font-size: 12px; }
  .duration-options b { font-size: 14px; }
  .book-button { min-height: 52px; font-size: 16px; }
  .book-notes { font-size: 13px; }
  .profile-banner h2 { font-size: 32px; }
  .profile-banner p { font-size: 14px; }
  .profile-join { min-height: 48px; font-size: 15px; padding-left: 22px; padding-right: 22px; }
  .profile-menu button { min-height: 56px; font-size: 16px; }
  .dialog { border-radius: 24px; padding: 28px 22px 22px; }
  .dialog h2 { font-size: 30px; }
  .dialog p { font-size: 15px; }
  .modal-primary, .modal-secondary { min-height: 48px; font-size: 15px; }
  .toast {
    bottom: calc(78px + env(safe-area-inset-bottom, 0px));
    font-size: 14px;
    max-width: calc(100% - 32px);
  }
  body.keyboard-open .screen-chat { inset: 0; }
  body.keyboard-open .bottom-nav { display: none; }
  body.keyboard-open .toast { bottom: 16px; }
}
@media ((hover: none) and (pointer: coarse) and (max-height: 480px)) {
  .welcome-signature { font-size: 48px; }
  .welcome-photo { inset: 0 -10% 28% -4%; }
  .welcome-brand { top: 18%; }
  .welcome-title { font-size: 24px; margin-bottom: 6px; }
  .welcome-subtitle { font-size: 12px; margin-bottom: 10px; }
  .welcome-bottom { bottom: calc(12px + env(safe-area-inset-bottom, 0px)); }
  .join-button { min-height: 44px; }
  .home-hero { height: 160px; }
}

.bottom-nav[hidden]{display:none}
.content-card[hidden],#newBooking[hidden],#myBookings[hidden]{display:none!important}