@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=DM+Sans:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;700;800&family=Outfit:wght@500;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Playfair+Display:wght@600;700;800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#c39c73;--accent-bg:#c39c731a;--accent-border:#c39c7366;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"DM Sans", "Segoe UI", Roboto, sans-serif;--heading:"Playfair Display", Georgia, serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#e3c09b;--accent-bg:#e3c09b26;--accent-border:#e3c09b66;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}html,body{width:100%;margin:0;overflow-x:clip}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}::-webkit-scrollbar{width:0;height:0;display:none}*{scrollbar-width:none;-ms-overflow-style:none}.user-menu-container{z-index:1000;font-family:Plus Jakarta Sans,Outfit,sans-serif;display:inline-block;position:relative}.user-menu-trigger{cursor:pointer;color:#111;background:0 0;border:none;border-radius:20px;outline:none;align-items:center;gap:8px;padding:6px 12px;transition:background-color .2s,transform .1s;display:flex}@media (prefers-color-scheme:dark){.user-menu-trigger{color:#fff}}.user-menu-trigger:hover{background-color:#c39c7314}.user-menu-trigger:active{transform:scale(.97)}.user-menu-avatar-wrap{border:1.5px solid #111;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:border-color .2s;display:flex}@media (prefers-color-scheme:dark){.user-menu-avatar-wrap{border-color:#fff}}.user-menu-avatar-svg{color:#111;width:15px;height:15px}@media (prefers-color-scheme:dark){.user-menu-avatar-svg{color:#fff}}.user-menu-display-name{color:#111;letter-spacing:.5px;font-size:11.5px;font-weight:500}@media (prefers-color-scheme:dark){.user-menu-display-name{color:#fff}}.user-menu-dropdown{background-color:#fff;border:1px solid #0000000a;border-radius:16px;flex-direction:column;width:260px;padding:8px 0;animation:.2s cubic-bezier(.16,1,.3,1) userMenuSlideIn;display:flex;position:absolute;top:calc(100% + 8px);right:-8px;overflow:hidden;box-shadow:0 10px 40px #00000014,0 2px 10px #0000000a}@media (prefers-color-scheme:dark){.user-menu-dropdown{background-color:#1e1f26;border-color:#ffffff0f;box-shadow:0 10px 40px #0000004d}}@keyframes userMenuSlideIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.user-menu-header{text-align:left;padding:16px 20px 12px}.user-menu-header h4{color:#111;align-items:center;gap:6px;margin:0;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:16px;font-weight:800;display:flex}@media (prefers-color-scheme:dark){.user-menu-header h4{color:#fff}}.user-menu-divider{background-color:#f1f0ec;height:1px;margin:4px 0}@media (prefers-color-scheme:dark){.user-menu-divider{background-color:#ffffff0f}}.user-menu-body{flex-direction:column;padding:4px 8px;display:flex}.user-menu-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:flex-start;gap:14px;width:100%;padding:12px 14px;transition:background-color .2s;display:flex}.user-menu-item:hover{background-color:#faf9f6}@media (prefers-color-scheme:dark){.user-menu-item:hover{background-color:#ffffff08}}.user-menu-item-icon{color:#111;background-color:#0000;border:1px solid #e5e4df;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}@media (prefers-color-scheme:dark){.user-menu-item-icon{color:#fff;border-color:#ffffff1a}}.user-menu-item:hover .user-menu-item-icon{color:var(--accent);background-color:#c39c7314;border-color:#c39c7333}.user-menu-item-icon svg{width:18px;height:18px}.user-menu-item-text{text-align:left;flex-direction:column;gap:2px;display:flex}.user-menu-item-text strong{color:#111;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:13.5px;font-weight:700}@media (prefers-color-scheme:dark){.user-menu-item-text strong{color:#fff}}.user-menu-item-text span{color:#888;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:11px;line-height:1.3}.user-menu-item--admin:hover .user-menu-item-icon{color:#dc2626;background-color:#dc262614;border-color:#dc262633}.user-menu-footer{justify-content:flex-start;padding:12px 14px;display:flex}.user-menu-logout-btn{color:#111;cursor:pointer;background:0 0;border:none;margin-left:46px;padding:0;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:13.5px;font-weight:700;transition:color .2s}@media (prefers-color-scheme:dark){.user-menu-logout-btn{color:#fff}}.user-menu-logout-btn:hover{color:#dc2626}.profile-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background-color:#0006;justify-content:center;align-items:center;animation:.3s userModalFadeIn;display:flex;position:fixed;inset:0}@keyframes userModalFadeIn{0%{opacity:0}to{opacity:1}}.profile-modal-card{text-align:left;background-color:#fff;border-radius:20px;flex-direction:column;width:580px;max-width:90%;max-height:80vh;padding:24px;animation:.3s cubic-bezier(.34,1.56,.64,1) userModalScaleUp;display:flex;position:relative;box-shadow:0 20px 50px #00000026}@media (prefers-color-scheme:dark){.profile-modal-card{background-color:#1e1f26;box-shadow:0 20px 50px #0006}}@keyframes userModalScaleUp{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.profile-modal-close{cursor:pointer;color:#999;background:0 0;border:none;font-size:28px;line-height:1;position:absolute;top:16px;right:18px}.profile-modal-close:hover{color:#111}@media (prefers-color-scheme:dark){.profile-modal-close:hover{color:#fff}}.profile-modal-tabs{border-bottom:2px solid #f1f0ec;gap:12px;margin-bottom:20px;padding-bottom:1px;display:flex}@media (prefers-color-scheme:dark){.profile-modal-tabs{border-bottom-color:#ffffff14}}.profile-modal-tab-btn{color:#888;cursor:pointer;background:0 0;border:none;padding:8px 16px 12px;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:15px;font-weight:700;transition:color .2s;position:relative}.profile-modal-tab-btn:hover{color:#111}@media (prefers-color-scheme:dark){.profile-modal-tab-btn:hover{color:#fff}}.profile-modal-tab-btn.active{color:var(--accent)}.profile-modal-tab-btn.active:after{content:"";background-color:var(--accent);height:2px;position:absolute;bottom:-2px;left:0;right:0}.profile-modal-body{flex-grow:1;padding-right:4px;overflow-y:auto}.profile-avatar-row{align-items:center;gap:16px;margin-bottom:24px;display:flex}.profile-large-avatar{color:#fff;background:linear-gradient(135deg,#e3b398 0%,#c99371 100%);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:20px;font-weight:800;display:flex}.profile-avatar-row h3{color:#111;margin:0 0 4px;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:18px;font-weight:800}@media (prefers-color-scheme:dark){.profile-avatar-row h3{color:#fff}}.profile-badge-vip{color:var(--accent);text-transform:uppercase;font-size:12px;font-weight:600}.profile-details-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.profile-detail-item{flex-direction:column;gap:6px;display:flex}.profile-detail-item label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.profile-detail-item p{color:#111;background-color:#faf9f6;border-radius:8px;margin:0;padding:10px 14px;font-size:14.5px;font-weight:600}@media (prefers-color-scheme:dark){.profile-detail-item p{color:#fff;background-color:#ffffff08}}.profile-orders-list{flex-direction:column;gap:16px;display:flex}.profile-order-card{border:1px solid #f1f0ec;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}@media (prefers-color-scheme:dark){.profile-order-card{border-color:#ffffff0f}}.profile-order-header{justify-content:space-between;align-items:center;font-size:13.5px;display:flex}.profile-order-header strong{color:#111}@media (prefers-color-scheme:dark){.profile-order-header strong{color:#fff}}.profile-order-date{color:#888;margin-left:8px;font-size:12px}.profile-order-status{text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.profile-order-status.chờ-xử-lý{color:#b58055;background-color:#c39c731f}.profile-order-status.đang-giao-hàng{color:#0d9488;background-color:#0d948814}.profile-order-status.đã-giao-hàng{color:#16a34a;background-color:#16a34a14}.profile-order-status.đã-hủy{color:#dc2626;background-color:#dc262614}.profile-order-items{background-color:#faf9f6;border-radius:8px;flex-direction:column;gap:6px;padding:10px 14px;display:flex}@media (prefers-color-scheme:dark){.profile-order-items{background-color:#ffffff08}}.profile-order-item-row{color:#555;justify-content:space-between;font-size:12.5px;display:flex}@media (prefers-color-scheme:dark){.profile-order-item-row{color:#b3b3b3}}.profile-order-item-row .item-name{text-align:left;flex-grow:1}.profile-order-item-row .item-qty{text-align:center;color:#888;width:40px}.profile-order-item-row .item-price{color:#111;font-weight:600}@media (prefers-color-scheme:dark){.profile-order-item-row .item-price{color:#fff}}.profile-order-footer{border-top:1px dashed #f1f0ec;justify-content:space-between;align-items:center;padding-top:10px;font-size:14px;font-weight:700;display:flex}@media (prefers-color-scheme:dark){.profile-order-footer{border-top-color:#ffffff0f}}.profile-order-total{color:var(--accent);font-size:15.5px}.profile-orders-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 0;display:flex}.profile-orders-empty svg{color:#ccc;width:48px;height:48px}.profile-orders-empty p{color:#888;margin:0;font-size:14px}.profile-orders-empty a{background-color:var(--accent);color:#fff;border-radius:6px;padding:8px 20px;font-size:13.5px;font-weight:700;text-decoration:none;transition:background-color .2s;display:inline-block}.profile-orders-empty a:hover{background-color:#b58c65}.main-footer{background:linear-gradient(to bottom, var(--bg) 0%, #c39c731f 35%, #c39c7361 100%);font-family:var(--sans);border-top:1px solid var(--border);color:#6b6375;box-sizing:border-box;width:100%;padding:60px 8% 30px;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.main-footer{background:linear-gradient(to bottom, var(--bg) 0%, #e3c09b0f 35%, #e3c09b38 100%);color:#9ca3af}}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:40px;width:100%;max-width:1200px;margin:0 auto;display:flex}.footer-brand-section{flex:260px;max-width:320px}.footer-logo-wrapper{align-items:center;gap:10px;margin-bottom:16px;display:flex}.footer-logo img{object-fit:contain;width:auto;height:32px}.footer-brand-name{font-family:var(--sans);letter-spacing:.5px;color:#c39c73;font-size:20px;font-weight:700}@media (prefers-color-scheme:dark){.footer-brand-name{color:#e3c09b}}.footer-brand-desc{color:#6b6375;opacity:.9;margin-bottom:20px;font-size:12px;line-height:1.5}@media (prefers-color-scheme:dark){.footer-brand-desc{color:#9ca3af}}.footer-social-icons{gap:10px;display:flex}.social-icon-link{color:#6b6375;background:#fff;border:1px solid #c39c7333;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex;box-shadow:0 2px 5px #00000005}.social-icon-link svg{width:15px;height:15px;transition:transform .3s}.social-icon-link:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 10px #c39c7333}.social-icon-link:hover svg{transform:scale(1.1)}.footer-links-grid{flex:2 600px;grid-template-columns:repeat(4,minmax(110px,1fr));gap:24px;display:grid}.footer-links-col h4{letter-spacing:.5px;text-transform:uppercase;color:#8c6239;border-bottom:1px solid #8c623926;margin-bottom:16px;padding-bottom:6px;font-size:11.5px;font-weight:700}@media (prefers-color-scheme:dark){.footer-links-col h4{color:var(--accent);border-bottom:1px solid #e3c09b26}}.footer-links-col ul{margin:0;padding:0;list-style:none}.footer-links-col ul li{margin-bottom:8px}.footer-links-col ul li a{color:#6b6375;opacity:.9;font-size:12px;text-decoration:none;transition:all .2s;display:inline-block}@media (prefers-color-scheme:dark){.footer-links-col ul li a{color:#9ca3af}}.footer-links-col ul li a:hover{color:var(--accent);opacity:1;transform:translate(3px)}.footer-bottom-divider{background-color:#8c623926;width:100%;max-width:1200px;height:1px;margin:30px auto 20px}@media (prefers-color-scheme:dark){.footer-bottom-divider{background-color:#e3c09b26}}.footer-bottom{color:#6b6375;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1200px;margin:0 auto;font-size:11.5px;display:flex}@media (prefers-color-scheme:dark){.footer-bottom{color:#9ca3af}}.footer-copy{opacity:.85;margin:0}.heart-icon{color:#e28743;animation:1.5s infinite heartBeat;display:inline-block}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.footer-bottom-links{gap:16px;display:flex}.footer-bottom-links a{color:#6b6375;opacity:.85;text-decoration:none;transition:color .2s}@media (prefers-color-scheme:dark){.footer-bottom-links a{color:#9ca3af}}.footer-bottom-links a:hover{color:var(--accent);opacity:1}@media (width<=992px){.footer-links-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (width<=768px){.main-footer{padding:40px 5% 20px}.footer-top{flex-direction:column;gap:24px}.footer-brand-section{max-width:100%}.footer-bottom{text-align:center;flex-direction:column;gap:10px}.footer-bottom-links{justify-content:center}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#c0b8b0 transparent}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c0b8b0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a09890}::-webkit-scrollbar-button{display:none}body{color:#1a1a18;background-color:#fff;background-image:radial-gradient(at 0 0,#f0f0f066 0,#0000 50%),radial-gradient(at 100% 0,#ebebeb4d 0,#0000 50%),radial-gradient(#f5f5f533 0,#0000 60%);background-attachment:fixed;min-height:100vh;font-family:Plus Jakarta Sans,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){body{color:#ebdcd0;background-color:#121318;background-image:radial-gradient(at 0 0,#8c623926 0,#0000 50%),radial-gradient(at 100% 0,#2e20154d 0,#0000 50%),radial-gradient(#191a2080 0,#0000 60%),radial-gradient(at 100% 100%,#8c62391a 0,#0000 50%),radial-gradient(at 0 100%,#2e201533 0,#0000 50%)}}.navbar{z-index:100;-webkit-backdrop-filter:blur(16px);background:#f5f0e8bf;border-bottom:1px solid #c39c7314;justify-content:space-between;align-items:center;gap:32px;height:80px;padding:0 8%;transition:height .35s,background .35s,box-shadow .35s,border-color .35s;animation:.7s cubic-bezier(.22,1,.36,1) forwards navSlideDown;display:flex;position:sticky;top:0}.navbar--scrolled{background:#ffffffe0;border-bottom-color:#c39c731f;height:68px;box-shadow:0 8px 32px #c39c731a}.logo{align-items:center;gap:10px;text-decoration:none;transition:transform .3s,filter .3s;animation:.9s .15s both logoFadeIn;display:flex}.logo-img{object-fit:contain;width:auto;height:52px;transition:transform .3s;display:block}.logo:hover .logo-img{transform:scale(1.03)}.nav-actions{align-items:center;gap:12px;display:flex}.nav-links{align-items:center;gap:8px;list-style:none;display:flex}.nav-links li{opacity:0;animation:.6s cubic-bezier(.22,1,.36,1) forwards navLinkFadeIn}.nav-links a,.nav-links button,.nav-links .nav-link-btn{letter-spacing:.08em;text-transform:uppercase;color:#704f2d;cursor:pointer;vertical-align:middle;background:0 0;border:none;padding:8px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:600;line-height:normal;text-decoration:none;transition:color .3s;display:inline-block;position:relative}.nav-links a:after{content:"";transform-origin:50%;background:linear-gradient(90deg,#a98467,#e3c09b);border-radius:2px;height:2px;transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;bottom:6px;left:18px;right:18px;transform:scaleX(0)}.nav-links a:hover{color:#8c6239}.nav-links a:hover:after{transform:scaleX(1)}.nav-cta{letter-spacing:.03em;color:#fff;opacity:0;background:linear-gradient(135deg,#a98467,#c39c73);border-radius:999px;padding:12px 26px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:transform .3s,box-shadow .3s,background .3s;animation:.6s cubic-bezier(.22,1,.36,1) .5s forwards navLinkFadeIn;box-shadow:0 4px 20px #c39c7359}.nav-cta:hover{background:linear-gradient(135deg,#8c6239,#a98467);transform:translateY(-2px);box-shadow:0 8px 28px #c39c7373}.nav-cta:active{transform:translateY(0)}.user-nav-profile{background:#fff9;border:1px solid #c39c7326;border-radius:999px;align-items:center;gap:14px;padding:6px 16px;animation:.6s cubic-bezier(.22,1,.36,1) forwards navLinkFadeIn;display:flex}.user-nav-name{color:#704f2d;align-items:center;gap:6px;font-size:13.5px;font-weight:600;display:flex}.user-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800;display:inline-block}.user-badge--free{color:#6b6375;background:#e5e4e7}.user-badge--premium{color:#8c6239;background:#c39c732e;border:1px solid #c39c734d}.user-badge--vip{color:#704f2d;background:linear-gradient(135deg,#d4af37,#f3e5ab);border:1px solid #d4af37;box-shadow:0 2px 5px #d4af3733}.nav-admin-link{color:#fff;background:linear-gradient(135deg,#8c6239,#a98467);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:0 2px 8px #8c623940}.nav-admin-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8c623959}.nav-logout-btn{color:#8c6239;cursor:pointer;background:0 0;border:1px solid #8c62394d;border-radius:999px;padding:6px 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.nav-logout-btn:hover{background:#8c62390d;border-color:#8c6239}@keyframes navSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes navLinkFadeIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes logoFadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes logoShimmer{0%{background-position:0%}to{background-position:200%}}@keyframes iconPulse{0%,to{opacity:.7;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(90deg)}}@media (width<=900px){.nav-links{display:none}.nav-cta{padding:10px 20px;font-size:13px}}.hero{background:linear-gradient(135deg,#fff,#faf6f0,#f5efe6,#ebdcd0);justify-content:space-between;align-items:center;gap:40px;min-height:calc(100vh - 80px);padding:0 8%;display:flex;overflow:hidden}.hero-content{width:50%}.badge{color:#8c6239;background:#fff;border:1px solid #c39c7333;border-radius:30px;margin-bottom:25px;padding:10px 18px;font-weight:600;display:inline-block}.hero-content h1{letter-spacing:-.02em;color:#8c6239;font-family:Cormorant Garamond,Georgia,serif;font-size:72px;font-weight:700;line-height:1.1}.hero-content p{max-width:650px;margin-top:25px;font-size:22px;line-height:1.8}.hero-buttons{gap:15px;margin-top:35px;display:flex}.primary-btn{color:#fff;cursor:pointer;background:#a98467;border:none;border-radius:30px;padding:16px 34px;transition:transform .2s,background .2s;box-shadow:0 4px 14px #a984674d}.primary-btn:hover{background:#8c6239;transform:translateY(-2px)}.secondary-btn{color:#a98467;cursor:pointer;background:#fff;border:2px solid #a98467;border-radius:30px;padding:16px 34px;transition:transform .2s,background .2s}.secondary-btn:hover{background:#faf6f0;transform:translateY(-2px)}.hero-gallery{flex-shrink:0;width:46%;min-height:620px;position:relative}.hero-carousel{border-radius:40px;width:100%;max-width:480px;height:580px;margin:0 auto;animation:1s cubic-bezier(.22,1,.36,1) .3s both heroGalleryIn;position:relative;overflow:hidden;box-shadow:0 24px 60px #a9846733}.hero-video{object-fit:cover;width:100%;height:100%;display:block}.hero-slide{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1s,transform 1.2s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(1.08)}.hero-slide--active{opacity:1;z-index:1;transform:scale(1)}.hero-dots{z-index:2;gap:10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.hero-dot{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:transform .3s,background .3s,width .3s}.hero-dot--active{background:#fff;border-radius:999px;width:28px;box-shadow:0 2px 12px #a9846773}.hero-dot:hover{background:#ffffffd9;transform:scale(1.15)}.float-img{object-fit:cover;border:3px solid #fff;border-radius:20px;animation:4s ease-in-out infinite floatBob;position:absolute;box-shadow:0 12px 30px #a984672e}.float-img--1{width:110px;height:110px;animation-delay:0s;top:20px;right:-10px}.float-img--2{width:95px;height:95px;animation-delay:1.2s;bottom:80px;left:-20px}.float-img--3{width:85px;height:85px;animation-delay:2.4s;top:45%;right:-30px}@keyframes heroGalleryIn{0%{opacity:0;transform:translate(40px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes floatBob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(2deg)}}.features{text-align:center;cursor:none;background-color:#0e0f14;justify-content:center;align-items:center;min-height:100vh;padding:80px 0;display:flex;position:relative;overflow:hidden}@keyframes slideFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.features-dynamic-info{animation:.5s cubic-bezier(.34,1.56,.64,1) both slideFadeUp}.features-overlay-bg{z-index:1;filter:blur(2px);background:linear-gradient(#121318d1 0%,#121318e6 100%),url(/assets/features_bg-DmoBXB1p.png) 50%/cover no-repeat;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.05)}.features-content-wrap{z-index:2;width:100%;max-width:1200px;margin:0 auto;position:relative}.features-title-3d{letter-spacing:.15em;color:#fff;text-shadow:0 4px 12px #00000080;margin:0;font-family:Playfair Display,Georgia,serif;font-size:42px;font-weight:700}.features-subtitle-3d{color:#ffffffbf;text-shadow:0 2px 8px #0000004d;max-width:600px;margin:15px auto 60px;font-size:16px;font-weight:400}.features-carousel-container{perspective:900px;perspective-origin:50% 30%;justify-content:center;align-items:center;width:100%;height:500px;margin-bottom:30px;display:flex;position:relative;overflow:visible}.features-carousel-stage{width:260px;height:400px;transform-style:preserve-3d;cursor:none;position:relative;transform:rotateX(6deg)}.features-carousel-stage:active{cursor:none}.carousel-3d-card{text-align:left;background:#fff;border:1px solid #ffffff26;border-radius:22px;flex-direction:column;transition:transform .7s cubic-bezier(.34,1.56,.64,1),opacity .65s,filter .65s,box-shadow .4s;display:flex;position:absolute;overflow:hidden;box-shadow:0 8px 24px #0000002e}.carousel-3d-card.is-active{cursor:default;box-shadow:0 28px 60px #00000059}.features-cursor-hint{pointer-events:none;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#ffffff1f;border:1.5px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:18px;transition:opacity .3s,transform .15s;display:flex;position:fixed;transform:translate(-50%,-50%)}.features-cursor-hint.visible{opacity:1}.carousel-card-img-wrap{border-radius:14px;height:145px;margin:12px 12px 6px;position:relative;overflow:hidden}.carousel-card-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.carousel-3d-card.is-active:hover .carousel-card-img{transform:scale(1.08)}.carousel-card-img-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#121318;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 4px 10px #00000026}.carousel-card-img-icon svg{width:16px;height:16px}.carousel-card-content{background:#fff;flex-shrink:0;padding:12px 14px}.carousel-card-title{color:#121318;margin:0 0 10px;font-family:Playfair Display,Georgia,serif;font-size:20px;font-weight:700;line-height:1.3}.carousel-card-desc{color:#555;flex-grow:1;margin:0;font-size:13.5px;line-height:1.5}.carousel-card-footer{border-top:1px solid #0000000f;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;display:flex}.carousel-card-index{color:#999;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:600}.carousel-card-badge{color:#c39c73;letter-spacing:.02em;font-size:11px;font-weight:600}.carousel-arrow{color:#fff;cursor:pointer;z-index:15;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.carousel-arrow:hover{background:#ffffff40;transform:scale(1.05)}.carousel-arrow svg{width:22px;height:22px}.features-bottom-action{margin-top:30px}.features-cta-3d{color:#121318;cursor:pointer;background:#fff;border:none;border-radius:30px;align-items:center;gap:12px;padding:16px 36px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 10px 25px #0000004d}.features-cta-3d:hover{background:#fbfbfb;transform:translateY(-2px);box-shadow:0 15px 30px #c39c7340,0 10px 25px #0006}.cta-arrow{width:16px;height:16px;transition:transform .3s}.features-cta-3d:hover .cta-arrow{transform:translate(4px)}@media (width<=768px){.features{min-height:700px;padding:60px 5%}.features-title-3d{font-size:30px}.features-carousel-container{gap:10px;height:440px}.features-carousel-stage{width:240px;height:350px}.carousel-3d-card[data-rel-index="1"]{opacity:.6;transform:translate(120px)translateZ(-60px)scale(.8)rotateY(-25deg)}.carousel-3d-card[data-rel-index="-1"]{opacity:.6;transform:translate(-120px)translateZ(-60px)scale(.8)rotateY(25deg)}.carousel-arrow{width:40px;height:40px}.carousel-arrow svg{width:18px;height:18px}.carousel-card-img-wrap{border-radius:10px;height:110px;margin:8px 8px 4px}}@keyframes cardFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFastFadeUp{0%{opacity:0;transform:translateY(45px)}to{opacity:1;transform:translateY(0)}}.carousel-3d-card,.carousel-3d-card *{cursor:pointer!important}.gallery{text-align:center;background:linear-gradient(#fff 0%,#faf6f0 100%);padding:55px 0;overflow:hidden}.gallery h2{letter-spacing:-.01em;padding:0 8%;font-family:Cormorant Garamond,Georgia,serif;font-size:50px;font-weight:700}.gallery .section-text{padding:0 8%}.gallery-track-wrap{margin-top:28px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.gallery-track{gap:20px;width:max-content;animation:35s linear infinite galleryScroll;display:flex}.gallery-track:hover{animation-play-state:paused}.gallery-item{border-radius:20px;flex-shrink:0;width:200px;height:220px;overflow:hidden;box-shadow:0 8px 20px #a984671f}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.gallery-item:hover img{transform:scale(1.08)}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px;padding:0 8%;display:grid}.gallery-grid-item{opacity:0;border-radius:20px;height:200px;animation:.8s cubic-bezier(.22,1,.36,1) forwards cardFadeUp;position:relative;overflow:hidden;box-shadow:0 8px 22px #00000017}.gallery-grid-item img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.gallery-grid-item:hover img{transform:scale(1.1)}.gallery-overlay{opacity:0;background:linear-gradient(#0000 40%,#8c6239a6);justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.gallery-overlay span{color:#fff;font-family:Cormorant Garamond,Georgia,serif;font-size:24px;font-weight:700;transition:transform .4s;transform:translateY(20px)}.gallery-grid-item:hover .gallery-overlay{opacity:1}.gallery-grid-item:hover .gallery-overlay span{transform:translateY(0)}@keyframes galleryScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.why{text-align:center;background:#faf6f0;padding:50px 8%}.why h2{letter-spacing:-.01em;margin-bottom:28px;font-family:Cormorant Garamond,Georgia,serif;font-size:42px;font-weight:700}.why-grid{grid-template-columns:repeat(2,1fr);gap:25px;display:grid}.why-card{opacity:0;background:#fff;border-radius:25px;padding:0;font-size:22px;transition:transform .35s,box-shadow .35s;animation:.8s cubic-bezier(.22,1,.36,1) forwards cardFadeUp;overflow:hidden;box-shadow:0 10px 25px #00000014}.why-card:hover{transform:translateY(-8px);box-shadow:0 18px 36px #a9846724}.why-card-image{height:150px;overflow:hidden}.why-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.why-card:hover .why-card-image img{transform:scale(1.1)}.why-card p{color:#8c6239;padding:24px 30px 30px;font-weight:600}footer{text-align:center;background:#ebdcd0;padding:50px}footer h3{color:#8c6239;margin-bottom:10px;font-family:Cormorant Garamond,Georgia,serif;font-size:28px;font-weight:700}@media (width<=1024px){.hero{flex-direction:column;min-height:auto;padding:60px 8%}.hero-content{text-align:center;width:100%}.hero-content p{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.hero-gallery{width:100%;min-height:520px}.hero-carousel{height:480px}.card-container,.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.hero-content h1{font-size:48px}.float-img{display:none}.card-container,.gallery-grid,.why-grid{grid-template-columns:1fr}}.navbar{-webkit-backdrop-filter:none;box-shadow:none;background:0 0;border-bottom:none;transition:all .4s cubic-bezier(.22,1,.36,1);z-index:1000!important;height:75px!important;padding:0 10%!important;position:sticky!important;top:0!important}.navbar .logo-img{transition:height .3s,transform .3s!important}.navbar--scrolled{-webkit-backdrop-filter:blur(20px)!important;background:#fffffff2!important;border-bottom:1px solid #0000000d!important;height:60px!important;padding:0 10%!important;box-shadow:0 4px 30px #00000005!important}.navbar--scrolled .logo-img{height:42px!important}.navbar .nav-links a{color:#1a1a1873!important;font-size:11px!important;font-weight:600!important}.navbar .nav-links a:hover{color:#1a1a18cc!important}.navbar .nav-links a:after{background:#1a1a1880!important}.navbar .nav-link-btn{color:#1a1a1873!important;font-size:12px!important;font-weight:600!important}.navbar .nav-link-btn:hover{color:#1a1a18cc!important}.navbar .nav-link-btn:after{background:#1a1a1880!important}.navbar .nav-user-login-btn{color:#1a1a1873!important;font-size:11px!important;font-weight:600!important}.navbar .nav-user-login-btn:hover{color:#1a1a18cc!important;background:#1a1a180a!important}.navbar .user-nav-profile{color:#1a1a1873!important;font-size:12.5px!important;font-weight:600!important}.navbar .nav-logout-btn{color:#1a1a1859!important}.navbar .nav-wishlist-btn{color:#1a1a18!important;box-shadow:none!important;background:0 0!important;border:none!important;width:38px!important;height:38px!important}.navbar .nav-wishlist-btn:hover{color:#dc2626!important;box-shadow:0 4px 12px #0000000a!important}.nav-contact-btn{color:#1a1a18;cursor:pointer;background:0 0;border:1px solid #1a1a18;border-radius:8px;margin-right:14px;padding:10px 22px;font-family:Plus Jakarta Sans,sans-serif;font-size:13.5px;font-weight:600;transition:all .3s cubic-bezier(.22,1,.36,1)}.nav-contact-btn:hover{background:#1a1a180a}.nav-appstore-btn{color:#fff;background:#000;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex}.nav-appstore-btn:hover{background:#222;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.nav-apple-icon{width:20px;height:20px}.nav-btn-text{flex-direction:column;align-items:flex-start;line-height:1.1;display:flex}.nav-btn-sub{opacity:.85;text-transform:uppercase;letter-spacing:.05em;font-size:7px;font-weight:500}.nav-btn-main{font-size:11px;font-weight:700}.nuve-hero{background:#fff;justify-content:center;align-items:center;width:100%;height:100vh;min-height:680px;margin-top:-75px;margin-bottom:75px;padding:105px 6% 0 5%;display:flex;position:relative;overflow:hidden}.nuve-video-bg{z-index:1;background-color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.nuve-bg-video{object-fit:cover;object-position:center center;filter:brightness(1.15)contrast(1.12)saturate(1.05);width:100%;height:100%;image-rendering:high-quality;will-change:contents}.nuve-video-overlay{pointer-events:none;background:linear-gradient(#0000,#fff 95%);height:25%;position:absolute;bottom:0;left:0;right:0}.nuve-hero-container{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;width:100%;max-width:1520px;display:flex;position:relative}.nuve-left-col{text-align:left;pointer-events:auto;flex-direction:column;align-items:flex-start;width:35%;max-width:450px;display:flex}.nuve-trust-badge{background:#fff;border:1px solid #1a1a181f;border-radius:99px;align-items:center;margin-bottom:24px;padding:6px 14px;display:flex;box-shadow:0 4px 15px #00000003}.nuve-avatars{align-items:center;display:flex}.nuve-avatars img{object-fit:cover;border:1.5px solid #fff;border-radius:50%;width:22px;height:22px;margin-right:-8px}.nuve-trust-text{color:#1a1a18;margin-left:14px;font-family:Plus Jakarta Sans,sans-serif;font-size:11.5px;font-weight:600}.nuve-hero-title{color:var(--text-h,#1a1a18);letter-spacing:-.02em;margin-bottom:24px;font-family:Playfair Display,Georgia,serif;font-size:68px;font-weight:800;line-height:1.25;overflow:visible}.nuve-hero-accent{color:var(--accent,#c39c73);background:linear-gradient(90deg,#c39c73 0%,#a0703e 100%);-webkit-text-fill-color:transparent;vertical-align:baseline;-webkit-background-clip:text;background-clip:text;margin-bottom:-.28em;padding:.12em .2em .28em .05em;font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:600;line-height:1.22;display:inline-block;overflow:visible}.nuve-hero-subtitle{color:#5b5365;margin-bottom:36px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:500;line-height:1.6}.nuve-cta-btn{color:#fff;cursor:pointer;letter-spacing:.03em;background:linear-gradient(135deg,#c39c73 0%,#a0703e 100%);border:1px solid #fff3;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:16px 40px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.25,1,.5,1);animation:2.5s ease-in-out infinite nuve-cta-glow;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #a0703e66}.nuve-cta-btn:after{content:"";background:linear-gradient(90deg,#fff0 0%,#fff6 30%,#ffffffd9 50%,#fff6 70%,#fff0 100%);width:50%;height:100%;animation:2.2s linear infinite nuve-cta-shimmer;position:absolute;top:0;left:-150%;transform:skew(-25deg)}.nuve-cta-btn:hover{background:linear-gradient(135deg,#d2aa80 0%,#ad7c48 100%);border-color:#ffffff59;transform:translateY(-3px)scale(1.02);box-shadow:0 12px 30px #a0703e8c}.nuve-cta-btn:active{transform:translateY(-1px)scale(.99);box-shadow:0 6px 15px #a0703e73}.nuve-cta-icon{stroke-width:2.5px;width:16px;height:16px;transition:transform .3s cubic-bezier(.25,1,.5,1)}.nuve-cta-btn:hover .nuve-cta-icon{transform:translate(4px)}@keyframes nuve-cta-glow{0%{box-shadow:0 8px 25px #a0703e66,0 0 #c39c7366}50%{box-shadow:0 8px 30px #a0703e8c,0 0 0 12px #c39c7300}to{box-shadow:0 8px 25px #a0703e66,0 0 #c39c7300}}@keyframes nuve-cta-shimmer{0%{left:-150%}to{left:150%}}.nuve-right-col{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:36px;width:25%;display:flex}.nuve-stat-item{text-align:left;align-items:center;gap:16px;width:200px;display:flex}.nuve-stat-icon{color:#8c6239;background:#8c62390d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.nuve-stat-icon svg{width:20px;height:20px}.nuve-stat-info{flex-direction:column;display:flex}.nuve-stat-info h3{color:var(--text-h,#1a1a18);letter-spacing:-.01em;margin:0;padding-bottom:2px;font-family:Playfair Display,Georgia,serif;font-size:36px;font-style:italic;font-weight:700;line-height:1.25;overflow:visible}.nuve-stat-info p{color:var(--text,#6b6375);letter-spacing:.01em;margin:5px 0 0;font-family:Inter,Plus Jakarta Sans,sans-serif;font-size:11.5px;font-weight:400;line-height:1.4}@media (width<=1024px){.navbar{padding:20px 5%}.navbar--scrolled{padding:12px 5%}.nuve-hero{height:auto;min-height:100vh;padding:120px 5% 80px}.nuve-hero-container{text-align:center;flex-direction:column;gap:60px}.nuve-left-col{text-align:center;align-items:center;width:100%}.nuve-hero-title{font-size:52px}.nuve-right-col{flex-direction:row;justify-content:center;align-items:center;gap:40px;width:100%}.nuve-stat-item{text-align:center;flex-direction:column;align-items:center;gap:8px;width:auto}.nuve-stat-icon{align-items:center}}@media (width<=640px){.nuve-hero-title{font-size:38px}.nuve-right-col{flex-direction:column;gap:28px}.nuve-stat-item{text-align:left;flex-direction:row;align-items:center;gap:16px;width:180px}.navbar{padding:16px 5%}.nav-contact-btn{display:none}}.nav-user-login-btn{color:#8c6239;cursor:pointer;background:0 0;border:none;border-radius:99px;align-items:center;gap:8px;padding:6px 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:14.5px;font-weight:700;text-decoration:none;transition:color .2s;display:flex}.nav-user-login-btn:hover{color:#704f2d;background:#c39c7314}.nav-icon-user{color:currentColor;width:22px;height:22px}.nav-wishlist-btn{color:#8c6239;cursor:pointer;background:#ffffffe6;border:1px solid #8c623940;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:transform .2s,box-shadow .2s,background .2s;display:flex}.nav-wishlist-btn:hover{color:#dc2626;background:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #c39c7340}.nav-wishlist-btn svg{width:22px;height:22px}.nav-link-btn{letter-spacing:.08em;text-transform:uppercase;color:#704f2d;cursor:pointer;vertical-align:middle;background:0 0;border:none;margin:0;padding:8px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:600;line-height:normal;transition:color .3s;display:inline-block;position:relative}.nav-link-btn:hover{color:#8c6239}.nav-link-btn:after{content:"";transform-origin:50%;background:linear-gradient(90deg,#a98467,#e3c09b);border-radius:2px;height:2px;transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;bottom:6px;left:18px;right:18px;transform:scaleX(0)}.nav-link-btn:hover:after{transform:scaleX(1)}.contact-section{font-family:var(--sans);border-top:1px solid var(--border);box-sizing:border-box;background-color:#faf8f5;width:100%;padding:80px 8%}@media (prefers-color-scheme:dark){.contact-section{background-color:#1a1b23}}.contact-tag-wrapper{justify-content:center;margin-bottom:12px;display:flex}.contact-tag{background-color:var(--accent-bg);color:var(--accent);letter-spacing:1px;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:700}.contact-title{font-family:var(--heading);color:var(--text-h);text-align:center;margin:16px 0;font-size:42px}.contact-subtitle{max-width:700px;color:var(--text);text-align:center;opacity:.9;margin:0 auto 50px;font-size:16px;line-height:1.6}.contact-container{align-items:stretch;gap:48px;max-width:1200px;margin:0 auto;display:flex}.info-card{background-color:var(--bg);border:1px solid var(--border);box-sizing:border-box;border-radius:16px;align-items:flex-start;gap:20px;padding:24px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 20px #00000005}.info-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 12px 30px #c39c731f}.info-card-icon-wrap{background-color:var(--accent-bg);color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:14px;display:flex}.info-card-content h3{color:var(--accent);letter-spacing:.5px;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.info-highlight{color:var(--text-h);word-break:break-all;margin:0 0 6px;font-size:18px;font-weight:700}.info-sub{color:var(--text);opacity:.8;margin:0;font-size:13px;line-height:1.4}.contact-form-card{background-color:var(--bg);border:1px solid var(--border);box-sizing:border-box;text-align:left;border-radius:20px;flex:1 2 60%;padding:40px;box-shadow:0 4px 25px #00000005}.contact-form-card h3{font-family:var(--sans);color:var(--text-h);margin:0 0 24px;font-size:22px;font-weight:700}.form-group label{color:var(--text-h);letter-spacing:.5px;font-size:11px;font-weight:700}.form-group input,.form-group textarea{border:1px solid var(--border);font-family:var(--sans);color:var(--text-h);background-color:var(--bg);box-sizing:border-box;border-radius:10px;padding:14px 18px;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #c39c7326}.contact-submit-btn{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:16px 32px;font-size:16px;font-weight:600;transition:background-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.contact-submit-btn:hover{background-color:#8c6239;transform:translateY(-2px);box-shadow:0 6px 20px #c39c7340}@media (width<=992px){.contact-container{flex-direction:column;gap:40px}}@media (width<=576px){.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.contact-title{font-size:32px}}.glowskin-premium-section{box-sizing:border-box;width:100%;padding:100px 8%}.glowskin-how-it-works{background:linear-gradient(#fff 0%,#faf8f5 100%)}.glowskin-pricing{background:linear-gradient(#f5eede 0%,#fff 100%)}.glowskin-testimonials{background:linear-gradient(#faf8f5 0%,#f5eede 100%)}.section-header{text-align:center;max-width:700px;margin:0 auto 60px}.section-label{text-transform:uppercase;letter-spacing:.15em;color:#c39c73;margin-bottom:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:700;display:inline-block}.section-title{color:#704f2d;letter-spacing:-.03em;margin:0 0 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:44px;font-weight:800;line-height:1.15}.section-subtitle{color:#8c6239;margin:0;font-family:Inter,sans-serif;font-size:16px;font-weight:300;line-height:1.6}.how-it-works-steps{justify-content:space-between;align-items:center;gap:20px;max-width:1050px;margin:0 auto;display:flex}.step-card{text-align:center;opacity:0;background:#ffffffbf;border:1px solid #c39c732e;border-radius:20px;flex:1;max-width:230px;padding:24px 18px;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(35px);box-shadow:0 10px 30px #c39c730a}.glowskin-how-it-works.in-view .step-card{opacity:1;transform:translateY(0)}.glowskin-how-it-works.in-view .step-card:first-child{transition-delay:.1s}.glowskin-how-it-works.in-view .step-card:nth-child(3){transition-delay:.25s}.glowskin-how-it-works.in-view .step-card:nth-child(5){transition-delay:.4s}.glowskin-how-it-works.in-view .step-card:nth-child(7){transition-delay:.55s}.step-card:hover{border-color:#c39c7373;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 45px #c39c7329}.step-card.step-card--selfie{background:#f5f6ffcc;border-color:#7f8cff33}.step-card.step-card--selfie .step-num{color:#7f8cff}.step-card.step-card--selfie h3{color:#5c6bc0}.step-card.step-card--selfie:hover{background:#fff;border-color:#7f8cff8c;box-shadow:0 20px 45px #7f8cff29}.step-card.step-card--ai{background:#fff8f0cc;border-color:#ff9d4233}.step-card.step-card--ai .step-num{color:#ff9d42}.step-card.step-card--ai h3{color:#d87a1e}.step-card.step-card--ai:hover{background:#fff;border-color:#ff9d428c;box-shadow:0 20px 45px #ff9d4229}.step-card.step-card--recs{background:#fdf2f8cc;border-color:#ec489933}.step-card.step-card--recs .step-num{color:#ec4899}.step-card.step-card--recs h3{color:#c22d74}.step-card.step-card--recs:hover{background:#fff;border-color:#ec48998c;box-shadow:0 20px 45px #ec489929}.step-card.step-card--routine{background:#f0fdf4cc;border-color:#10b98133}.step-card.step-card--routine .step-num{color:#10b981}.step-card.step-card--routine h3{color:#0d8a60}.step-card.step-card--routine:hover{background:#fff;border-color:#10b9818c;box-shadow:0 20px 45px #10b98129}.step-num{color:#c39c73;margin-bottom:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700}.step-card h3{color:#704f2d;margin:0 0 10px;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:700}.step-card p{color:#666;margin:0;font-family:Inter,sans-serif;font-size:13px;font-weight:300;line-height:1.5}.step-icon{margin-top:16px;font-size:24px}.step-connector{color:#c39c73;opacity:0;transform-origin:0;align-items:center;transition:opacity .5s,transform .5s;display:flex;transform:scaleX(0)}.glowskin-how-it-works.in-view .step-connector{opacity:.5;transform:scaleX(1)}.glowskin-how-it-works.in-view .step-connector:nth-child(2){transition-delay:.18s}.glowskin-how-it-works.in-view .step-connector:nth-child(4){transition-delay:.33s}.glowskin-how-it-works.in-view .step-connector:nth-child(6){transition-delay:.48s}.step-connector svg{width:24px;height:24px}.page{width:100%;height:100vh;display:flex;position:relative}#page1{background:linear-gradient(#faf8f5 0%,#f3effa 100%);height:100vh}.left-half{z-index:10;background:0 0;justify-content:center;align-items:center;width:50%;height:100%;display:flex;position:relative}.video-frame{z-index:5;opacity:0;will-change:opacity, transform;background:#fff;border-radius:45px;width:80%;max-width:420px;height:78vh;padding:12px;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);position:relative;transform:scale(.9)translateY(60px);box-shadow:0 40px 80px #c39c731f,0 15px 30px #0000000a}#page1.in-view .video-frame{opacity:1;transform:scale(1)translateY(40px)}.video-frame:hover{transform:scale(1.01)translateY(40px)}.video-frame video{object-fit:cover;border-radius:35px;width:100%;height:100%;display:block}.vid-tag{color:#fff;letter-spacing:1px;opacity:0;text-shadow:0 2px 8px #00000080;z-index:10;background:0 0;flex-direction:column;align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:flex;position:absolute}.vid-tag.animate{animation:1s cubic-bezier(.175,.885,.32,1.275) forwards fadeInTag}.vid-tag .dot{background-color:#fff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px 3px #ffffffe6,0 0 3px #0006}.tag-sleep{top:22%;right:25%}.tag-sleep.animate{animation-delay:1s}.tag-hydrate{bottom:45%;left:20%}.tag-hydrate.animate{animation-delay:2s}.tag-stress{bottom:20%;right:25%}.tag-stress.animate{animation-delay:3s}@keyframes fadeInTag{0%{opacity:0;transform:scale(.8)translateY(10px)}to{opacity:.82;transform:scale(1)translateY(0)}}.floating-media{pointer-events:auto;z-index:7;opacity:0;will-change:opacity, transform;background:#fff;border:3px solid #fff;border-radius:16px;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1),z-index .3s;position:absolute;overflow:hidden;transform:scale(.85)translateY(30px);box-shadow:0 12px 28px #0000001f}#page1.in-view .floating-media{opacity:1;transform:scale(1)translateY(0)}.floating-media:hover{z-index:15;box-shadow:0 20px 40px #7b42f633;transform:scale(1.15)!important}.floating-media img,.floating-media video{object-fit:cover;width:100%;height:100%;display:block}.float-vid1{width:95px;height:130px;top:8%;left:12%}.float-vid2{width:90px;height:120px;bottom:12%;right:10%}.float-img1{width:80px;height:110px;top:40%;left:8%}.float-img2{width:85px;height:110px;top:14%;right:12%}.float-img3{width:85px;height:115px;bottom:16%;left:14%}.float-img4{width:85px;height:110px;top:48%;right:7%}#page1.in-view .float-vid1{transition-delay:.1s;animation:6.5s ease-in-out 1.1s infinite alternate floatCloser1}#page1.in-view .float-vid2{transition-delay:.3s;animation:7.5s ease-in-out 1.3s infinite alternate floatCloser2}#page1.in-view .float-img1{transition-delay:.5s;animation:5.5s ease-in-out 1.5s infinite alternate floatCloser3}#page1.in-view .float-img2{transition-delay:.7s;animation:8.5s ease-in-out 1.7s infinite alternate floatCloser4}#page1.in-view .float-img3{transition-delay:.9s;animation:6s ease-in-out 1.9s infinite alternate floatCloser5}#page1.in-view .float-img4{transition-delay:1.1s;animation:7s ease-in-out 2.1s infinite alternate floatCloser6}@keyframes floatCloser1{0%{transform:translate(-10px)rotate(-6deg)}to{transform:translate(10px)rotate(-1deg)}}@keyframes floatCloser2{0%{transform:translate(8px,5px)rotate(6deg)}to{transform:translate(-8px,-5px)rotate(1deg)}}@keyframes floatCloser3{0%{transform:translate(-12px,-4px)rotate(-5deg)}to{transform:translate(12px,4px)rotate(1deg)}}@keyframes floatCloser4{0%{transform:translate(10px,-6px)rotate(4deg)}to{transform:translate(-10px,6px)rotate(-2deg)}}@keyframes floatCloser5{0%{transform:translate(-8px,6px)rotate(-4deg)}to{transform:translate(8px,-6px)rotate(2deg)}}@keyframes floatCloser6{0%{transform:translate(10px,4px)rotate(5deg)}to{transform:translate(-10px,-4px)rotate(-1deg)}}.right-half{background-color:#0000;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;padding:0 5%;display:flex;position:relative;overflow:hidden}.grid-bg{opacity:.4;z-index:1;background-image:radial-gradient(#d5d5d5 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.aura-blob{filter:blur(50px);z-index:2;pointer-events:none;background:radial-gradient(circle,#c39c7324 0%,#fff0 60%);border-radius:50%;width:700px;height:700px;animation:8s ease-in-out infinite alternate floatAura;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes floatAura{0%{opacity:.8;transform:translate(-50%,-40%)scale(.9)}to{opacity:1;transform:translate(-40%,-60%)scale(1.1)}}.content-container{z-index:10;flex-direction:column;align-items:center;max-width:650px;display:flex;position:relative}.text-block{text-align:center}.text-block h2{color:#704f2d;letter-spacing:-.5px;text-transform:capitalize;margin-bottom:12px;font-size:1.6rem;font-weight:700}.text-block h2 span{background:linear-gradient(135deg,#8c6239,#c39c73);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-block p{color:#704f2d;opacity:.85;font-size:.9rem;font-weight:400;line-height:1.7}.text-top{opacity:1}.scanner-container{background:#c39c7326;border-radius:2px;width:2px;height:230px;margin:35px 0;position:relative}.scanner-line{background:linear-gradient(#0000,#a98467,#c39c73);border-radius:2px;width:100%;height:0%;position:absolute;top:0;left:0}.scanner-line:after{content:"▼";color:#a98467;filter:drop-shadow(0 0 4px #a98467);font-size:11px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)scale(1.2)}#page1.in-view .scanner-line{animation:2s ease-in-out 1.2s forwards scanDown}.text-bottom{opacity:1}@keyframes focusIn{0%{opacity:0;filter:blur(10px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes scanDown{0%{height:0%}to{height:100%}}#page2{background:linear-gradient(#f3effa 0%,#faf8f5 100%);border-top:none;justify-content:center;align-items:center;overflow:hidden}.center-text-block{text-align:center;z-index:10;max-width:900px;padding:0 20px}.center-text-block h1{color:#7f7f7f;letter-spacing:-.5px;font-family:Playfair Display,Georgia,serif;font-size:2rem;font-weight:400;line-height:1.45}.center-text-block h1 .text-highlight{font-family:Playfair Display,Georgia,serif;font-weight:700;color:#666!important}.word-span{opacity:0;will-change:opacity, transform;margin-right:.24em;display:inline-block;transform:translateY(12px)}#page1.in-view .word-span,#page2.in-view .word-span,.features-interactive-3d.in-view .word-span{animation:.6s cubic-bezier(.16,1,.3,1) forwards wordFadeIn}#page2.in-view .word-span.text-highlight{animation:4.2s cubic-bezier(.16,1,.3,1) forwards boldWordFadeIn}@keyframes wordFadeIn{to{opacity:1;transform:translateY(0)}}@keyframes boldWordFadeIn{0%{opacity:0;transform:translateY(12px)}14%{opacity:1;transform:translateY(0)}74%{opacity:1;transform:translateY(0)}80%{opacity:0;transform:translateY(12px)}94%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.floating-tag{color:#222;z-index:20;opacity:0;will-change:opacity, transform;border:1px solid #0000;border-radius:99px;align-items:center;gap:8px;padding:10px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:600;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),border-color .3s,background .3s,box-shadow .3s;display:flex;position:absolute;box-shadow:0 8px 32px #1f26870f}#page2.in-view .floating-tag{opacity:1}#page2.in-view .tag-beautiful{transition-delay:.1s;animation:6s ease-in-out .9s infinite alternate floatBeautiful;transform:scale(1)translateY(0)rotate(-3deg)}#page2.in-view .tag-healthy{transition-delay:.3s;animation:6s ease-in-out 1.1s infinite alternate floatHealthy;transform:scale(1)translateY(0)rotate(3deg)}#page2.in-view .tag-confident{transition-delay:.5s;animation:6s ease-in-out 1.3s infinite alternate floatConfident;transform:scale(1)translateY(0)rotate(-5deg)}#page2.in-view .tag-glowing{transition-delay:.7s;animation:6s ease-in-out 1.5s infinite alternate floatGlowing;transform:scale(1)translateY(0)rotate(4deg)}#page2.in-view .tag-happy{transition-delay:.9s;animation:6s ease-in-out 1.7s infinite alternate floatHappy;transform:scale(1)translateY(0)rotate(-6deg)}.floating-tag:hover{box-shadow:0 15px 35px #7b42f626!important}.tag-beautiful:hover{background:#f0e6f5e6!important;border-color:#a855f7cc!important;transform:translateY(-5px)scale(1.05)rotate(-3deg)!important}.tag-healthy:hover{background:#fdebebe6!important;border-color:#ec4899cc!important;transform:translateY(-5px)scale(1.05)rotate(3deg)!important}.tag-confident:hover{background:#ebf5ebe6!important;border-color:#22c55ecc!important;transform:translateY(-5px)scale(1.05)rotate(-5deg)!important}.tag-glowing:hover{background:#ebf0fae6!important;border-color:#3b82f6cc!important;transform:translateY(-5px)scale(1.05)rotate(4deg)!important}.tag-happy:hover{background:#fff5e6e6!important;border-color:#f97316cc!important;transform:translateY(-5px)scale(1.05)rotate(-6deg)!important}.tag-beautiful{-webkit-backdrop-filter:blur(12px);background:#f0e6f58c;border-color:#d2bedc99;top:15%;left:32%;transform:scale(.8)translateY(20px)rotate(-3deg)}.tag-healthy{-webkit-backdrop-filter:blur(12px);background:#fdebeb8c;border-color:#f0c8c899;top:13%;right:29%;transform:scale(.8)translateY(20px)rotate(3deg)}.tag-confident{-webkit-backdrop-filter:blur(12px);background:#ebf5eb8c;border-color:#c8e6c899;top:46%;left:13%;transform:scale(.8)translateY(20px)rotate(-5deg)}.tag-glowing{-webkit-backdrop-filter:blur(12px);background:#ebf0fa8c;border-color:#c8d7f099;bottom:15%;left:45%;transform:scale(.8)translateY(20px)rotate(4deg)}.tag-happy{-webkit-backdrop-filter:blur(12px);background:#fff5e68c;border-color:#f0dcbe99;bottom:17%;right:20%;transform:scale(.8)translateY(20px)rotate(-6deg)}.tag-icon{vertical-align:middle;font-size:14px;display:inline-block}.tag-icon.purple{color:#a855f7}.tag-icon.pink{color:#ec4899}.tag-icon.green{color:#22c55e}.tag-icon.blue{color:#3b82f6}.tag-icon.orange{color:#f97316}@keyframes floatBeautiful{0%{transform:translate(0)rotate(-3deg)}50%{transform:translate(4px,-10px)rotate(-1deg)}to{transform:translate(0)rotate(-3deg)}}@keyframes floatHealthy{0%{transform:translate(0)rotate(3deg)}50%{transform:translate(-4px,-12px)rotate(5deg)}to{transform:translate(0)rotate(3deg)}}@keyframes floatConfident{0%{transform:translate(0)rotate(-5deg)}50%{transform:translate(6px,-8px)rotate(-3deg)}to{transform:translate(0)rotate(-5deg)}}@keyframes floatGlowing{0%{transform:translate(0)rotate(4deg)}50%{transform:translate(-5px,-10px)rotate(2deg)}to{transform:translate(0)rotate(4deg)}}@keyframes floatHappy{0%{transform:translate(0)rotate(-6deg)}50%{transform:translate(5px,-12px)rotate(-4deg)}to{transform:translate(0)rotate(-6deg)}}@media (width<=768px){.page{flex-direction:column;height:auto;min-height:100vh}.left-half{width:100%;height:75vh;padding:20px;overflow:hidden}.video-frame{width:95%;max-width:330px;height:90%}.floating-media{display:none}.right-half{width:100%;height:auto;padding:60px 20px}.aura-blob{width:300px;height:300px}.decorative-ring{width:80px;height:80px;top:20px;right:20px}.center-text-block h1{font-size:1.5rem}.floating-tag{padding:6px 12px;font-size:.8rem}.vid-tag{font-size:.7rem}}.glowskin-stats-section{color:#fff;box-sizing:border-box;background:#111;width:100%;padding:80px 8%}.stats-container{justify-content:space-around;align-items:center;max-width:1200px;margin:0 auto;display:flex}.stat-box{text-align:center;flex-direction:column;gap:8px;display:flex}.stat-number{color:#fff;letter-spacing:-.04em;font-family:Plus Jakarta Sans,sans-serif;font-size:54px;font-weight:800}.stat-desc{text-transform:uppercase;letter-spacing:.1em;color:#888;font-family:Inter,sans-serif;font-size:12px}.stat-divider{background:#ffffff1a;width:1px;height:60px}.glowskin-testimonials{overflow:hidden}.testimonials-carousel-wrapper{opacity:0;max-width:1200px;margin:0 auto;padding:20px 0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);overflow:hidden;transform:translateY(30px)}.glowskin-testimonials.in-view .testimonials-carousel-wrapper{opacity:1;transform:translateY(0)}.testimonials-track{gap:30px;width:max-content;animation:38s linear infinite marqueeScroll;display:flex}.testimonials-track:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 15px))}}.testimonial-card{box-sizing:border-box;background:#fff;border:1px solid #0000000a;border-radius:20px;flex-direction:column;justify-content:space-between;gap:16px;width:310px;padding:24px;display:flex;box-shadow:0 15px 35px #00000005}.test-rating{font-size:14px}.test-quote{color:#444;flex-grow:1;margin:0;font-family:Inter,sans-serif;font-size:13px;font-weight:350;line-height:1.6}.test-user{align-items:center;gap:12px;display:flex}.user-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.user-avatar.text-avatar{color:#c39c73;background:#c39c7326;justify-content:center;align-items:center;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:700;display:flex}.user-meta{flex-direction:column;display:flex}.user-meta strong{color:#111;font-family:Plus Jakarta Sans,sans-serif;font-size:14px}.user-meta span{color:#888;font-family:Inter,sans-serif;font-size:11px}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:center;gap:30px;max-width:1200px;margin:0 auto;display:grid}.glowskin-pricing .pricing-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;opacity:0;background:#ffffffd9;border:1px solid #c39c732e;border-radius:24px;flex-direction:column;padding:24px 20px;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;transform:translateY(35px);box-shadow:0 15px 35px #c39c730a}.glowskin-pricing.in-view .pricing-card{opacity:1;transform:translateY(0)}.glowskin-pricing.in-view .pricing-card:first-child{transition-delay:.1s}.glowskin-pricing.in-view .pricing-card:nth-child(2){transition-delay:.25s}.glowskin-pricing.in-view .pricing-card:nth-child(3){transition-delay:.4s}.glowskin-pricing .pricing-card:hover{border-color:#c39c7373;transform:translateY(-8px)scale(1.02);box-shadow:0 25px 50px #c39c7326}.glowskin-pricing .pricing-card.premium-card{z-index:2;padding:35px 20px 25px;box-shadow:0 25px 60px #c39c732e;border:2px solid #c39c73!important}.premium-tag{color:#fff;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(135deg,#c39c73 0%,#a0703e 100%);border:1px solid #fff6;border-radius:99px;padding:5px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:10px;font-weight:800;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #a0703e66}.plan-badge{color:#c39c73;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:9px;font-weight:700}.plan-name{color:#704f2d;margin:0 0 8px;font-family:Plus Jakarta Sans,sans-serif;font-size:22px;font-weight:800}.plan-price{margin-bottom:8px}.price-val{color:#704f2d;font-family:Plus Jakarta Sans,sans-serif;font-size:30px;font-weight:800}.price-period{color:#8c6239;margin-left:4px;font-family:Inter,sans-serif;font-size:12px}.plan-desc{color:#666;height:auto;margin:0 0 14px;font-family:Inter,sans-serif;font-size:12px;font-weight:300;line-height:1.5}.plan-features{border-top:1px solid #c39c7326;flex-direction:column;gap:12px;margin:0 0 20px;padding:14px 0 0;list-style:none;display:flex}.plan-features li{color:#555;font-family:Inter,sans-serif;font-size:12.5px;font-weight:350}.plan-btn{color:#fff;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#c39c73 0%,#a0703e 100%);border:1px solid #ffffff40;border-radius:99px;width:100%;padding:11px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 6px 18px #a0703e59}.glowskin-final-cta{text-align:center;box-sizing:border-box;background:linear-gradient(#fff 0%,#faf8f5 100%);border-top:none;width:100%;padding:100px 8%;position:relative;overflow:hidden}.glowskin-final-cta .cta-content{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(35px)}.glowskin-final-cta.in-view .cta-content{opacity:1;transform:translateY(0)}.cta-blobs{pointer-events:none;z-index:1;position:absolute;inset:0}.cta-blobs .blob{filter:blur(120px);opacity:.15;border-radius:50%;position:absolute}.cta-blobs .blob-1{background:#ebdcd0;width:400px;height:400px;top:-10%;left:20%}.cta-blobs .blob-2{background:#c39c7340;width:300px;height:300px;bottom:-10%;right:15%}.cta-content{z-index:2;flex-direction:column;align-items:center;gap:24px;max-width:700px;margin:0 auto;display:flex;position:relative}.cta-content h2{color:#704f2d;letter-spacing:-.03em;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:48px;font-weight:800;line-height:1.2}.cta-content p{color:#8c6239;margin:0 0 16px;font-family:Inter,sans-serif;font-size:15px;font-weight:300;line-height:1.6}.cta-gradient-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#704f2d,#a98467);border:none;border-radius:99px;align-items:center;gap:8px;padding:16px 36px;font-family:Plus Jakarta Sans,sans-serif;font-size:13.5px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 25px #704f2d33}.cta-gradient-btn:hover{background:linear-gradient(135deg,#8c6239,#c39c73);transform:translateY(-2px)scale(1.03);box-shadow:0 12px 30px #704f2d59}@media (width<=992px){.how-it-works-steps{flex-direction:column;gap:30px}.step-connector{transform:rotate(90deg)}.showcase-grid{grid-template-columns:1fr}.showcase-card{height:380px}.pricing-grid{grid-template-columns:1fr;gap:40px;max-width:450px}.pricing-card.premium-card{padding:40px 30px}.premium-tag{top:-14px}.stats-container{flex-direction:column;gap:40px}.stat-divider{display:none}.cta-content h2{font-size:38px}.section-title{font-size:32px}}.product-rec{background:#fff;padding:48px 8% 60px}.product-rec--compact{background:0 0;padding:0}.product-rec-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.product-rec h2{color:#8c6239;margin-bottom:8px;font-family:Cormorant Garamond,Georgia,serif;font-size:36px;font-weight:700}.product-rec-subtitle{color:#666;font-size:16px}.product-rec-tags{flex-wrap:wrap;gap:8px;display:flex}.product-tag{border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.product-tag--skin{color:#8c6239;background:#c39c731f}.product-tag--concern{color:#9c4a24;background:#b873501a}.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.product-card{cursor:pointer;opacity:0;background:#fff;border-radius:20px;transition:transform .3s,box-shadow .3s;animation:.6s cubic-bezier(.22,1,.36,1) forwards productFadeUp;overflow:hidden;box-shadow:0 8px 28px #a9846714}.product-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #a9846726}.product-card-image{background:#fff;justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.product-card-image:after{display:none}.product-card-image img{object-fit:contain;box-sizing:border-box;width:100%;height:100%;padding:8px;transition:transform .4s,opacity .4s}.product-card-image .primary-img{z-index:1;opacity:1;position:relative}.product-card-image .hover-img{z-index:0;opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.08)}.product-card.has-hover-image:hover .product-card-image .primary-img{opacity:0;transform:scale(.95)}.product-card:hover .product-card-image .hover-img{opacity:1;z-index:2;transform:scale(1.03)}.quick-view-btn{opacity:0;z-index:4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;text-transform:uppercase;letter-spacing:.05em;pointer-events:auto;cursor:pointer;background:#000000b8;border-radius:30px;padding:10px 24px;font-size:13.5px;font-weight:700;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .35s,background-color .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-30%)scale(.85);box-shadow:0 8px 24px #0003}.product-card:hover .quick-view-btn{opacity:1;transform:translate(-50%,-50%)scale(1)}.quick-view-btn:hover{background-color:#8c6239;transform:translate(-50%,-50%)scale(1.06)}.quick-view-btn span{display:inline-block}.product-category{color:#a98467;text-transform:uppercase;letter-spacing:.04em;z-index:3;background:#ffffffeb;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.product-match{color:#fff;z-index:3;background:linear-gradient(135deg,#a98467,#c39c73);border-radius:8px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;right:12px}.product-card-body{padding:20px}.product-brand{color:#c39c73;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:12px;font-weight:700}.product-card-body h3{color:#333;margin-bottom:8px;font-size:17px;font-weight:700;line-height:1.3}.product-desc{color:#777;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.product-ingredients{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.product-ingredients span{color:#8c6239;background:#f5efe6;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:500}.product-reasons{margin-bottom:14px;list-style:none}.product-reasons li{color:#059669;margin-bottom:4px;font-size:12px;font-weight:500}.product-footer{border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.product-stars{color:#f59e0b;letter-spacing:1px;font-size:14px}.product-rating-num{color:#999;margin-left:4px;font-size:12px}.product-price{color:#8c6239;font-size:16px;font-weight:700}@keyframes productFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.product-rec h2{font-size:28px}.product-grid{grid-template-columns:1fr}}.product-modal-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.3s forwards fadeIn;display:flex;position:fixed;inset:0}.product-modal{background:#fff;border-radius:28px;width:100%;max-width:900px;max-height:90svh;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #0003}.product-modal-close{color:#333;cursor:pointer;z-index:10;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:background .2s,transform .2s;display:flex;position:absolute;top:18px;right:18px}.product-modal-close:hover{background:#0000001a;transform:rotate(90deg)}.product-modal-left{border-right:1px solid #ebdcd0;align-items:center;gap:16px;padding:20px;background:#fff!important;flex-direction:row!important;width:48%!important;display:flex!important}.product-modal-gallery{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:70px;height:100%;display:flex}.gallery-arrow{color:#a98467;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:11px;transition:color .2s,transform .1s;display:flex}.gallery-arrow:hover{color:#8c6239;transform:scale(1.15)}.gallery-thumbnails-viewport{scrollbar-width:none;flex-direction:column;gap:8px;max-height:280px;display:flex;overflow-y:auto}.gallery-thumbnails-viewport::-webkit-scrollbar{display:none}.gallery-thumb{cursor:pointer;background:#fff;border:1.5px solid #ebdcd0;border-radius:4px;justify-content:center;align-items:center;width:58px;height:58px;padding:2px;transition:all .2s;display:flex;overflow:hidden}.gallery-thumb:hover{border-color:#a98467}.gallery-thumb--active{border-width:2px!important;border-color:#000!important}.gallery-thumb img{max-width:100%;max-height:100%;object-fit:contain!important}.product-modal-img-wrap{cursor:zoom-in;background:#fff;border:1px solid #f3f4f6;border-radius:8px;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;height:350px!important}.product-modal-img-wrap img{transform-origin:50%;max-width:95%;max-height:95%;object-fit:contain!important}.product-modal-left-body{flex-direction:column;flex:1;justify-content:space-between;gap:16px;padding:24px;display:flex}.product-modal-right{flex-direction:column;width:58%;padding:32px;display:flex;overflow-y:auto}.product-modal-right h3{color:#2b1b10;letter-spacing:-.01em;margin-bottom:8px;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;font-size:22px;font-weight:700;line-height:1.35}.product-modal-meta{align-items:center;gap:12px;margin-bottom:20px;display:flex}.product-modal-right h4{color:#8c6239;margin:16px 0 8px;font-size:15px;font-weight:700}.product-modal-desc{color:#555;margin-bottom:12px;font-size:14px;line-height:1.6}.product-modal-ingredients{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.product-modal-ingredients span{color:#8c6239;background:#f5efe6;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:500}.product-reviews{border-top:1px solid #ebdcd0;margin-top:16px;padding-top:16px}.review-item{border-bottom:1px solid #f5efe6;padding:12px 0}.review-item:last-child{border-bottom:none}.review-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.review-user{color:#555;font-size:13px;font-weight:700}.review-rating{color:#f59e0b;font-size:11px}.review-comment{color:#666;font-size:13.5px;line-height:1.5}.checkout-form{flex-direction:column;gap:14px;display:flex}.form-group label{color:#704f2d;font-size:13.5px;font-weight:600}.form-group input,.form-group select{background:#fff;border:1px solid #e5e4e7;border-radius:12px;outline:none;padding:12px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:#c39c73}.checkout-btns{gap:12px;margin-top:10px;display:flex}.checkout-btn{cursor:pointer;text-align:center;border:none;border-radius:14px;flex:1;padding:14px 20px;font-size:14.5px;font-weight:600;transition:background .2s,transform .1s}.checkout-btn--primary{color:#fff;background:linear-gradient(135deg,#a98467,#c39c73);box-shadow:0 4px 14px #a984674d}.checkout-btn--primary:hover{background:linear-gradient(135deg,#8c6239,#a98467)}.checkout-btn--secondary{color:#a98467;background:#fff;border:2px solid #a98467}.checkout-btn--secondary:hover{background:#faf6f0}.checkout-btn--outline{color:#704f2d;background:#fff;border:1px solid #ebdcd0;justify-content:center;align-items:center;text-decoration:none;display:flex}.checkout-btn--outline:hover{background:#faf6f0;border-color:#c39c73}.product-add-cart{color:#8c6239;cursor:pointer;background:#fff;border:1px solid #c39c73;border-radius:12px;width:100%;margin-top:12px;padding:10px 16px;font-size:13px;font-weight:600;transition:background .2s,transform .1s}.product-add-cart:hover{background:#faf6f0;transform:translateY(-1px)}.product-modal-actions{flex-wrap:wrap;gap:10px;margin:16px 0 24px;display:flex}.product-modal-actions .checkout-btn{flex:1;min-width:140px}.cart-toast{z-index:1100;color:#fff;background:#333;border-radius:14px;align-items:center;gap:16px;padding:14px 20px;font-size:14px;font-weight:600;animation:.3s forwards slideUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 40px #00000040}.cart-toast a{color:#e3c09b;white-space:nowrap;text-decoration:none}.cart-toast a:hover{text-decoration:underline}.order-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;animation:.3s forwards scaleIn;display:flex}.success-icon{color:#10b981;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;font-size:36px;animation:2s infinite pulseSuccess;display:flex}.order-success h3{margin-bottom:12px;color:#10b981!important}.order-success p{color:#666;max-width:320px;margin-bottom:24px;font-size:14.5px;line-height:1.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulseSuccess{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (width<=768px){.product-modal{flex-direction:column;max-height:95svh}.product-modal-left,.product-modal-right{width:100%!important}.product-modal-left{border-bottom:1px solid #ebdcd0;border-right:none;flex-direction:column!important;gap:12px!important;padding:12px!important}.product-modal-gallery{justify-content:center;flex-direction:row!important;width:100%!important;height:auto!important}.gallery-thumbnails-viewport{max-width:100%;overflow-x:auto;flex-direction:row!important;max-height:none!important}.gallery-arrow{display:none!important}.product-modal-img-wrap{width:100%;height:250px!important}}.product-stock-badge{text-transform:uppercase;z-index:3;letter-spacing:.05em;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.product-stock-badge--out{color:#fff;background-color:#dc2626;box-shadow:0 2px 8px #dc262666}.product-stock-badge--low{color:#fff;background-color:#d97706;box-shadow:0 2px 8px #d9770666}.product-add-cart--disabled{color:#9ca3af!important;cursor:not-allowed!important;box-shadow:none!important;background:#e5e4e7!important;transform:none!important}.beauty-box-card{background:#fff;transition:all .3s;position:relative;box-shadow:none!important;border:none!important;border-radius:0!important}.beauty-box-card:hover{box-shadow:none!important;transform:none!important}.beauty-box-card .product-card-image{background-color:#fff;justify-content:center;align-items:center;padding:16px;display:flex;overflow:hidden;height:260px!important}.beauty-box-card .product-card-image img{max-width:95%;max-height:95%;margin:auto;transition:transform .4s;object-fit:contain!important}.beauty-box-card:hover .product-card-image img{transform:scale(1.06)}.wishlist-heart-btn{color:#222;cursor:pointer;z-index:5;background:0 0;border:none;padding:0;font-size:24px;line-height:1;transition:all .2s;position:absolute;top:12px;right:12px}.wishlist-heart-btn:hover{color:#ff4d4f;transform:scale(1.15)}.wishlist-heart-btn--active{color:#ff4d4f!important}.quick-view-btn-gradient{opacity:0;z-index:4;color:#fff;text-align:center;white-space:nowrap;pointer-events:auto;box-shadow:none;cursor:pointer;background:#0006;border-radius:999px;padding:6px 18px;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s,background-color .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9)}.beauty-box-card:hover .quick-view-btn-gradient{opacity:1;transform:translate(-50%,-50%)scale(1)}.quick-view-btn-gradient:hover{background:linear-gradient(135deg,#c73e20 0%,#e04a1c 100%)!important;transform:translate(-50%,-50%)scale(1.08)!important;box-shadow:0 6px 20px #ee4d2d8c!important}.beauty-box-card .product-match-tag{color:#a98467;z-index:3;background:#a984671a;border-radius:4px;padding:3px 6px;font-size:9.5px;font-weight:700;position:absolute;top:8px;left:8px}.centered-body{text-align:center;background:#fff;font-family:Outfit,sans-serif;padding:12px 6px!important}.product-brandcentered{color:#000;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;margin-bottom:4px;font-family:Outfit,sans-serif;font-size:11.5px;font-weight:700;line-height:1.2;display:inline-block}.product-brandcentered:hover{color:#a98467;text-decoration:underline}.product-namecentered{margin-bottom:8px;color:#4b5563!important;-webkit-line-clamp:unset!important;height:auto!important;font-family:Outfit,sans-serif!important;font-size:13px!important;font-weight:400!important;line-height:1.45!important;display:block!important;overflow:visible!important}.product-pricecentered{color:#000;margin-bottom:6px;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;line-height:1.2}.product-ratingcentered{justify-content:center;align-items:center;gap:4px;font-family:Outfit,sans-serif;display:flex}.product-ratingcentered .product-stars{color:#000;letter-spacing:2px;font-size:13px}.product-ratingcentered .reviews-count{color:#777;font-size:11px}@media (width>=901px){.product-grid{grid-template-columns:repeat(4,1fr)!important;gap:16px!important}}.product-card-image img.product-card-shopee-frame,.beauty-box-card .product-card-image img.product-card-shopee-frame,.product-modal-img-wrap img.product-card-shopee-frame{object-fit:fill!important;pointer-events:none!important;z-index:3!important;opacity:1!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;margin:0!important;padding:0!important;transition:none!important;position:absolute!important;inset:0!important;transform:none!important}.product-card:hover .product-card-image img.product-card-shopee-frame,.beauty-box-card:hover .product-card-image img.product-card-shopee-frame{opacity:1!important;transform:none!important}.analyze-page{background:#faf8f5;min-height:100svh;position:relative;overflow:hidden}.analyze-bg-blob{filter:blur(90px);z-index:1;pointer-events:none;opacity:.65;border-radius:50%;position:absolute}.blob-1{background:radial-gradient(circle,#c39c7347 0%,#fff0 70%);width:450px;height:450px;animation:18s ease-in-out infinite alternate floatBlob1;top:-10%;left:-10%}.blob-2{background:radial-gradient(circle,#a9846738 0%,#fff0 70%);width:550px;height:550px;animation:22s ease-in-out infinite alternate floatBlob2;bottom:-15%;right:-5%}.blob-3{background:radial-gradient(circle,#ebdcd080 0%,#fff0 70%);width:400px;height:400px;animation:20s ease-in-out infinite alternate floatBlob3;top:40%;left:45%}@keyframes floatBlob1{0%{transform:translate(0)scale(1)}to{transform:translate(60px,40px)scale(1.08)}}@keyframes floatBlob2{0%{transform:translate(0)scale(1)}to{transform:translate(-80px,-50px)scale(.96)}}@keyframes floatBlob3{0%{transform:translate(0)scale(1)}to{transform:translate(-40px,60px)scale(1.1)}}.analyze-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#f5f0e8cc;border-bottom:1px solid #c39c731a;justify-content:space-between;align-items:center;height:72px;padding:0 8%;display:flex;position:relative}.analyze-header-actions{align-items:center;gap:16px;display:flex}.analyze-back{color:#704f2d;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.analyze-back:hover{color:#8c6239}.analyze-container{z-index:2;grid-template-columns:1fr 1.2fr;gap:32px;max-width:1400px;min-height:calc(100svh - 72px);margin:0 auto;padding:20px 8% 30px;display:grid;position:relative}.analyze-upload{-webkit-backdrop-filter:blur(20px);z-index:2;background:#ffffff73;border:1px solid #fff9;border-radius:28px;flex-direction:column;justify-content:flex-start;height:fit-content;padding:24px 30px 28px;display:flex;position:relative;box-shadow:0 16px 48px #a984670d}@media (width<=900px){.analyze-upload{border-radius:20px;padding:24px}}.analyze-upload h1{color:#8c6239;margin-top:0;margin-bottom:8px;font-family:Cormorant Garamond,Georgia,serif;font-size:42px;font-weight:700}.analyze-subtitle{color:#666;margin-bottom:16px;line-height:1.7}.analyze-demo-badge{color:#8c6239;background:#c39c731a;border:1px solid #c39c7333;border-radius:12px;margin-bottom:20px;padding:10px 16px;font-size:13px;font-weight:500}.analyze-actions{flex-direction:column;gap:14px;display:flex}.analyze-btn{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:16px 24px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:flex}.analyze-btn .btn-svg-icon{flex-shrink:0;transition:transform .2s}.analyze-btn:hover .btn-svg-icon{transform:scale(1.1)}.analyze-btn--primary{color:#fff;background:linear-gradient(135deg,#a98467,#c39c73);box-shadow:0 6px 24px #c39c734d}.analyze-btn--primary:hover{transform:translateY(-2px);box-shadow:0 10px 32px #c39c7366}.analyze-btn--secondary{color:#a98467;background:#fff;border:2px solid #a98467}.analyze-btn--secondary:hover{background:#faf6f0;transform:translateY(-2px)}.analyze-btn--ghost{color:#a98467;background:0 0;border:1px solid #c39c734d;margin-top:12px}.analyze-btn--ghost:hover{background:#c39c730f}.analyze-camera{flex-direction:column;gap:14px;display:flex}.analyze-video{aspect-ratio:16/9;object-fit:cover;border:1px solid #fff9;border-radius:20px;width:100%;display:block;transform:scaleX(-1);box-shadow:0 12px 32px #a9846714}.analyze-camera-btns{gap:10px;display:flex}.analyze-camera-btns .analyze-btn{flex:1;padding:12px;font-size:14px}.analyze-preview img{object-fit:cover;border-radius:20px;width:100%;max-height:360px;box-shadow:0 12px 40px #a9846726}.analyze-error{color:#dc2626;background:#fef2f2;border-radius:10px;margin-top:12px;padding:12px;font-size:14px}.analyze-chat{-webkit-backdrop-filter:blur(20px);z-index:2;background:#ffffff8c;border:1px solid #fff9;border-radius:28px;flex-direction:column;min-height:560px;max-height:calc(100svh - 160px);display:flex;position:relative;overflow:hidden;box-shadow:0 16px 48px #a984670f}.analyze-chat-header{color:#fff;background:linear-gradient(135deg,#a98467,#c39c73);align-items:center;gap:14px;padding:20px 24px;display:flex}.analyze-chat-avatar{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.analyze-chat-header h2{color:#fff;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:22px;font-weight:700}.analyze-chat-header p{opacity:.85;margin:2px 0 0;font-size:13px}.analyze-messages{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.analyze-empty{color:#999;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.analyze-empty span{margin-bottom:16px;font-size:48px}.analyze-msg{flex-direction:column;max-width:88%;display:flex}.analyze-msg--user{align-self:flex-end;align-items:flex-end}.analyze-msg--assistant{align-self:flex-start}.analyze-msg-image{object-fit:cover;border:2px solid #c39c7333;border-radius:16px;width:160px;height:160px;margin-bottom:8px}.analyze-msg-bubble{white-space:pre-wrap;border-radius:18px;padding:14px 18px;font-size:15px;line-height:1.65}.analyze-msg--user .analyze-msg-bubble{color:#fff;background:linear-gradient(135deg,#a98467,#c39c73);border-bottom-right-radius:4px}.analyze-msg--assistant .analyze-msg-bubble{color:#333;background:#ffffffbf;border:1px solid #c39c7333;border-bottom-left-radius:4px}.analyze-msg-bubble--error{color:#dc2626!important;background:#fef2f2!important}.analyze-msg-tag{color:#8c6239;background:#c39c7326;border-radius:6px;margin-top:8px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.analyze-typing{gap:5px;display:flex;padding:18px 22px!important}.analyze-typing span{background:#c39c73;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite typingBounce}.analyze-typing span:nth-child(2){animation-delay:.15s}.analyze-typing span:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.analyze-attach-btn{cursor:pointer;background:#fff;border:1.5px solid #c39c73;border-radius:999px;justify-content:center;align-items:center;padding:12px 14px;font-size:16px;transition:transform .2s,background-color .2s;display:flex;position:relative}.analyze-attach-badge{color:#fff;background:#a98467;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:10px;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}.analyze-attach-btn:hover:not(:disabled){background:#faf4ed;transform:scale(1.05)}.analyze-attach-btn:disabled{opacity:.5;cursor:not-allowed}.analyze-chat-image-preview{color:#8c6239;background:#fdfaf6;border-top:1px dashed #c39c73;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-size:13px;display:flex}.analyze-preview-thumbs-list{gap:8px;max-width:70%;padding:2px;display:flex;overflow-x:auto}.analyze-preview-thumb-wrapper{border:1px solid #c39c73;border-radius:8px;flex-shrink:0;width:44px;height:44px;position:relative;overflow:visible}.analyze-preview-thumb-wrapper img{object-fit:cover;border-radius:7px;width:100%;height:100%}.analyze-msg-images-grid{flex-wrap:wrap;gap:8px;max-width:320px;margin-bottom:8px;display:flex}.analyze-msg-images-grid .analyze-msg-image{object-fit:cover;border-radius:10px;width:90px;height:90px;margin-bottom:0}.analyze-preview-remove{color:#fff;cursor:pointer;background:#ef4444;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.analyze-input-form{background:#fafafa;border-top:1px solid #f0f0f0;align-items:center;gap:10px;padding:16px 20px;display:flex}.analyze-input-form input{border:1px solid #e5e4e7;border-radius:999px;outline:none;flex:1;padding:14px 18px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;transition:border-color .2s}.analyze-input-form input:focus{border-color:#c39c73}.analyze-input-form input:disabled{color:#999;background:#f5f5f5}.analyze-input-form button[type=submit]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a98467,#c39c73);border:none;border-radius:999px;padding:14px 28px;font-weight:600;transition:opacity .2s,transform .2s}.analyze-products-btn{cursor:pointer;background:#fff;border:2px solid #a98467;border-radius:999px;flex-shrink:0;padding:14px 16px;font-size:18px;transition:transform .2s,background .2s}.analyze-products-btn:hover{background:#faf6f0;transform:scale(1.05)}.analyze-products-more{text-align:center;background:#faf6f0;padding:0 8% 48px}.analyze-products-more .analyze-btn{width:auto;display:inline-flex}.analyze-input-form button[type=submit]:hover:not(:disabled){transform:translateY(-1px)}.analyze-input-form button[type=submit]:disabled{opacity:.45;cursor:not-allowed}@media (width<=900px){.analyze-container{grid-template-columns:1fr;padding:24px 5% 40px}.analyze-chat{min-height:480px;max-height:70svh}.analyze-upload h1{font-size:32px}}@media (width>=1025px){.skin-analysis-recs .product-grid{grid-template-columns:repeat(6,1fr)!important;gap:12px!important}.skin-analysis-recs .beauty-box-card .product-card-image{height:185px!important;padding:8px!important}.skin-analysis-recs .beauty-box-card .product-namecentered{height:31px!important;margin-bottom:4px!important;font-size:11.5px!important}.skin-analysis-recs .beauty-box-card .product-brandcentered{margin-bottom:3px!important;font-size:10.5px!important}}@media (width>=769px) and (width<=1024px){.skin-analysis-recs .product-grid{grid-template-columns:repeat(4,1fr)!important;gap:12px!important}.skin-analysis-recs .beauty-box-card .product-card-image{height:190px!important;padding:10px!important}}.pricing-paywall-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;box-sizing:border-box;background-color:#0006;justify-content:center;align-items:center;padding:24px;animation:.3s paywallFadeIn;display:flex;position:fixed;inset:0}@keyframes paywallFadeIn{0%{opacity:0}to{opacity:1}}@keyframes paywallScaleUp{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-color-scheme:dark){.pricing-paywall-modal-overlay{background-color:#0009}.pricing-paywall-modal-card{background-color:#1e1f26;border-color:#ffffff0d;box-shadow:0 10px 40px #0006}}.pricing-modal-close{cursor:pointer;color:#999;background:0 0;border:none;font-size:28px;line-height:1;transition:color .2s;position:absolute;top:20px;right:20px}.pricing-modal-close:hover{color:#111}@media (prefers-color-scheme:dark){.pricing-modal-close:hover{color:#fff}}.pricing-tag{color:#8c6239;letter-spacing:.5px;text-transform:uppercase;background-color:#c39c731f;border-radius:50px;align-items:center;padding:4px 10px;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:10px;font-weight:700;display:inline-flex}.pricing-title{color:#111;letter-spacing:-.5px;margin:0 0 10px;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:24px;font-weight:800}@media (prefers-color-scheme:dark){.pricing-title{color:#fff}}.pricing-subtitle{color:#666;margin:0 0 24px;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:13px;line-height:1.5}@media (prefers-color-scheme:dark){.pricing-subtitle{color:#999}}.pricing-cards-grid-row{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:10px;display:grid}@media (width<=900px){.pricing-cards-grid-row{grid-template-columns:1fr}}.pricing-cards-grid{flex-direction:column;gap:16px;display:flex}.pricing-cards-grid-row .pricing-card{box-sizing:border-box;background:#fff;border:1px solid #c39c732e;border-radius:24px;flex-direction:column;padding:24px 20px;transition:all .3s;display:flex;position:relative;box-shadow:0 15px 35px #c39c730a}.pricing-cards-grid-row .pricing-card:hover{border-color:#c39c7373;transform:translateY(-8px)scale(1.02);box-shadow:0 25px 50px #c39c7326}.pricing-cards-grid-row .pricing-card.premium-card{z-index:2;padding:35px 20px 25px;box-shadow:0 25px 60px #c39c732e;border:2px solid #c39c73!important}@media (prefers-color-scheme:dark){.pricing-cards-grid-row .pricing-card{background-color:#2a2b36;border-color:#ffffff14;box-shadow:0 15px 35px #00000040}.pricing-cards-grid-row .pricing-card.premium-card{border-color:#c39c73!important}}.analyze-quick-replies{background:#f5efe666;border-top:1px solid #c39c731a;justify-content:center;gap:12px;padding:12px 24px;animation:.3s forwards slideUpFade;display:flex}@keyframes slideUpFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quick-reply-btn{cursor:pointer;border:none;border-radius:999px;padding:10px 24px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.quick-reply-btn--yes{color:#fff;background:linear-gradient(135deg,#a98467,#c39c73);box-shadow:0 4px 12px #a9846733}.quick-reply-btn--yes:hover{transform:translateY(-1.5px);box-shadow:0 6px 18px #a984674d}.quick-reply-btn--no{color:#704f2d;background:#fff;border:1px solid #a984674d}.quick-reply-btn--no:hover{background:#faf6f0;border-color:#a9846799;transform:translateY(-1.5px)}.products-page{background:linear-gradient(#fff 0%,#faf6f0 100%);min-height:100svh}.products-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f5f0e8cc;border-bottom:1px solid #c39c731a;justify-content:space-between;align-items:center;height:72px;padding:0 8%;display:flex}.products-header-actions{align-items:center;gap:20px;display:flex}.products-analyze-link{color:#fff;background:linear-gradient(135deg,#a98467,#c39c73);border-radius:999px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s}.products-analyze-link:hover{transform:translateY(-1px);box-shadow:0 6px 20px #c39c7359}.products-hero{text-align:center;max-width:720px;margin:0 auto;padding:8px 8%}.products-hero h1{color:#8c6239;white-space:nowrap;margin-top:0;margin-bottom:12px;font-family:Cormorant Garamond,Georgia,serif;font-size:48px;font-weight:700;line-height:1.3}@media (width<=768px){.products-hero h1{white-space:normal;font-size:32px}}.products-hero p{color:#666;margin-bottom:28px;font-size:17px;line-height:1.8}.products-cta{color:#a98467;background:#fff;border:2px solid #a98467;border-radius:999px;padding:14px 28px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-block}.products-cta:hover{background:#faf6f0;transform:translateY(-2px)}.products-filters{flex-wrap:wrap;align-items:flex-end;gap:16px;max-width:1200px;margin:0 auto;padding:0 8% 32px;display:flex}.filter-group{flex-direction:column;gap:6px;min-width:180px;display:flex}.filter-group label{color:#8c6239;font-size:13px;font-weight:600}.products-layout-container{grid-template-columns:270px 1fr;gap:32px;max-width:1400px;margin:0 auto;padding:20px 5% 60px;display:grid}.products-sidebar{box-shadow:none;background:#fff;border:none;border-radius:16px;height:fit-content;padding:18px 14px;position:sticky;top:92px}.sidebar-search-box{margin-bottom:20px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper .search-icon{color:#888;font-size:13.5px;position:absolute;left:11px}.search-input-wrapper input{color:#333;box-sizing:border-box;background:#faf6f0;border:1px solid #ebdcd0;border-radius:30px;outline:none;width:100%;padding:9px 16px 9px 32px;font-family:inherit;font-size:13px;transition:all .25s}.search-input-wrapper input:focus{background:#fff;border-color:#a98467;box-shadow:0 0 0 3px #a9846726}.clear-search-btn{color:#aaa;cursor:pointer;background:0 0;border:none;padding:0;font-size:18px;line-height:1;position:absolute;right:12px}.clear-search-btn:hover{color:#555}.filter-section{border-bottom:1px solid #ebdcd0;margin-bottom:28px;padding-bottom:20px}.filter-section:last-of-type{border-bottom:none;margin-bottom:16px;padding-bottom:0}.filter-section-title{color:#4a3728;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:15px;font-weight:700}.filter-options-list{flex-direction:column;gap:12px;display:flex}.checkbox-filter-item{color:#555;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;display:flex;position:relative}.checkbox-filter-item input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkbox-custom{background-color:#faf6f0;border:1px solid #ebdcd0;border-radius:4px;width:18px;height:18px;transition:all .2s;position:relative}.checkbox-filter-item:hover input~.checkbox-custom{border-color:#a98467}.checkbox-filter-item input:checked~.checkbox-custom{background-color:#a98467;border-color:#a98467}.checkbox-custom:after{content:"";display:none;position:absolute}.checkbox-filter-item input:checked~.checkbox-custom:after{display:block}.checkbox-filter-item .checkbox-custom:after{border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;top:2px;left:6px;transform:rotate(45deg)}.filter-label-text{font-weight:500;transition:color .2s}.checkbox-filter-item input:checked~.filter-label-text{color:#a98467;font-weight:600}.category-filter-list{flex-direction:column;gap:8px;display:flex}.category-item-btn{color:#4b5563;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:999px;justify-content:space-between;align-items:center;width:100%;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:flex}.category-item-btn:hover{color:#a98467;background:#a984670d}.category-item-btn--active{color:#a98467!important;background:#faf6f0!important;font-weight:700!important}.cat-count{color:#6b7280;background:#ebdcd0;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:600;transition:all .2s}.category-item-btn--active .cat-count{color:#fff!important;background:#a98467!important}.dropdown-filter-group{flex-direction:column;gap:12px;display:flex}.filter-dropdown{flex-direction:column;gap:6px;display:flex}.filter-dropdown label{color:#888;font-size:12px;font-weight:600}.filter-dropdown select{cursor:pointer;background:#faf6f0;border:1px solid #ebdcd0;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:13.5px;transition:all .2s}.filter-dropdown select:focus{background:#fff;border-color:#a98467}.filter-clear-all-btn{color:#a98467;cursor:pointer;background:0 0;border:1px solid #a9846766;border-radius:30px;width:100%;margin-top:16px;padding:12px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s}.filter-clear-all-btn:hover{background:#a984670d;transform:translateY(-1px)}.products-main-content{flex-direction:column;gap:14px;display:flex}.active-brand-tag{color:#a98467;background:#a984671a;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.remove-tag-btn{color:#a98467;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:16px;font-weight:700;display:flex}.sort-by-wrapper{align-items:center;gap:8px;display:flex}.sort-by-wrapper label{color:#666;font-size:14px}.sort-by-wrapper select{cursor:pointer;background:#fff;border:1px solid #ebdcd0;border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:14px;font-weight:600}.sort-by-wrapper select:focus{border-color:#a98467}.products-grid-wrapper{margin-top:10px}@media (width<=900px){.products-layout-container{grid-template-columns:1fr}.products-sidebar{margin-bottom:20px;position:static}}.nav-wishlist-btn{cursor:pointer;color:#333;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:relative}.nav-wishlist-btn:hover{color:#ff4d4f;background:#0000000d}.nav-wishlist-btn--active{color:#ff4d4f!important}.nav-wishlist-btn svg{width:24px;height:24px;transition:transform .2s}.nav-wishlist-btn:hover svg{transform:scale(1.1)}.wishlist-badge{color:#fff;background:#ff4d4f;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:800;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards badgePop;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 2px 5px #00000026}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.favorite-filter-tag{color:#ff4d4f!important;background:#fff0f6!important;border:1px solid #ffccc7!important}.payment-success-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.3s pmFadeIn;display:flex;position:fixed;inset:0}.payment-success-modal-card{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:440px;padding:32px 24px;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards pmSlideUp;box-shadow:0 20px 50px #0003}@keyframes pmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pmSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-checkmark{color:#fff;background:#2ed573;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;font-size:36px;display:flex;box-shadow:0 5px 15px #2ed5734d}.payment-success-modal-card h2{color:#2f3640;margin-bottom:12px;font-size:22px;font-weight:800}.payment-success-modal-card p{color:#57606f;margin-bottom:24px;font-size:14.5px;line-height:1.5}.close-success-modal-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a98467,#c39c73);border:none;border-radius:30px;padding:12px 28px;font-size:14.5px;font-weight:700;transition:transform .2s;box-shadow:0 4px 15px #a9846740}.close-success-modal-btn:hover{transform:translateY(-1px)}.load-more-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:460px;margin:48px auto 24px;display:flex}.load-more-counter{color:#8c786a;margin-bottom:12px;font-size:13.5px;font-weight:500}.load-more-counter strong{color:#8c6239;font-weight:700}.load-more-progress-bar{background:#c39c7329;border-radius:999px;width:100%;height:6px;margin-bottom:20px;overflow:hidden}.load-more-progress-fill{background:linear-gradient(90deg,#a98467,#c39c73);border-radius:999px;height:100%;transition:width .4s}.load-more-btn{color:#8c6239;cursor:pointer;background:#fff;border:1.5px solid #d4bda8;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 36px;font-size:14.5px;font-weight:700;transition:all .25s cubic-bezier(.2,.8,.2,1);display:inline-flex;box-shadow:0 4px 16px #a984671a}.load-more-btn:hover{color:#fff;background:linear-gradient(135deg,#a98467,#c39c73);border-color:#0000;transform:translateY(-2px);box-shadow:0 8px 24px #a9846740}.load-more-btn:active{transform:translateY(0)}.admin-dashboard{color:#333;background-color:#faf6f0;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif}.admin-header{z-index:10;background-color:#fff;border-bottom:1px solid #c39c7326;justify-content:space-between;align-items:center;padding:16px 5%;display:flex;position:sticky;top:0}.admin-header-left{align-items:center;gap:20px;display:flex}.admin-header h1{color:#8c6239;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:26px;font-weight:700}.admin-badge{color:#8c6239;text-transform:uppercase;letter-spacing:.05em;background:#8c62391a;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:700}.admin-header-actions{align-items:center;gap:16px;display:flex}.admin-user-info{color:#555;font-size:14px;font-weight:500}.admin-home-btn{color:#8c6239;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.admin-home-btn:hover{color:#704f2d}.admin-logout-btn{color:#dc2626;cursor:pointer;background:0 0;border:1px solid #dc26264d;border-radius:99px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.admin-logout-btn:hover{background:#dc26260d;border-color:#dc2626}.admin-container{max-width:1400px;margin:0 auto;padding:30px 20px}.admin-layout{grid-template-columns:240px minmax(0,1fr);gap:24px;display:grid}@media (width<=992px){.admin-layout{grid-template-columns:1fr}}.admin-sidebar{background-color:#fff;border:1px solid #c39c731f;border-radius:20px;flex-direction:column;gap:6px;height:fit-content;padding:20px 12px;display:flex;box-shadow:0 4px 20px #a984670a}.admin-tab-btn{text-align:left;color:#7a6e65;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:14px 18px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;transition:all .25s;display:flex}.admin-tab-btn:hover{color:#8c6239;background:#c39c730f}.admin-tab-btn--active{color:#8c6239;background:#c39c731f}.admin-content{background-color:#fff;border:1px solid #c39c731f;border-radius:24px;min-width:0;padding:28px;box-shadow:0 4px 25px #a984670d}.admin-content-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-content-header h2{color:#8c6239;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:28px;font-weight:700}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px;display:grid}.admin-stat-card{background:linear-gradient(135deg,#fff,#faf6f0);border:1px solid #c39c7326;border-radius:20px;align-items:center;gap:18px;padding:24px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 15px #00000003}.admin-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #a9846714}.admin-stat-icon{background:#c39c731f;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:24px;display:flex}.admin-stat-info{flex-direction:column;display:flex}.admin-stat-label{color:#7a6e65;font-size:13px;font-weight:600}.admin-stat-value{color:#8c6239;margin-top:4px;font-size:24px;font-weight:800}.table-responsive{-webkit-overflow-scrolling:touch;border:1px solid #c39c7326;border-radius:16px;width:100%;overflow-x:auto;box-shadow:0 4px 16px #8c62390a}.admin-table{border-collapse:collapse;text-align:left;width:100%;min-width:900px;font-size:13.5px}.admin-table th{color:#8c6239;white-space:nowrap;letter-spacing:.02em;background-color:#faf6f0;border-bottom:1px solid #c39c732e;padding:14px 16px;font-size:12.5px;font-weight:700}.admin-table td{vertical-align:middle;color:#333;border-bottom:1px solid #f5f0e899;padding:14px 16px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background-color:#faf6f066}.admin-prod-thumb{object-fit:cover;border:1px solid #c39c7326;border-radius:8px;width:48px;height:48px;display:block}.stock-adjuster{align-items:center;gap:8px;display:flex}.stock-btn{color:#8c6239;cursor:pointer;background:#fff;border:1px solid #c39c734d;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.stock-btn:hover{background:#c39c7314;border-color:#8c6239}.stock-val{text-align:center;min-width:24px;font-weight:700}.badge-stock{text-transform:uppercase;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.badge-stock--in{color:#15803d;background-color:#22c55e1a}.badge-stock--low{color:#c2410c;background-color:#f973161a}.badge-stock--out{color:#b91c1c;background-color:#ef44441a}.actions-cell{gap:8px;display:flex}.btn-icon{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;font-size:16px;transition:background-color .2s;display:inline-flex}.btn-icon:hover{background-color:#0000000d}.btn-icon--delete:hover{color:#dc2626;background-color:#ef444414}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a98467,#c39c73);border:none;border-radius:99px;align-items:center;gap:8px;padding:10px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #c39c7340}.btn-primary:hover{background:linear-gradient(135deg,#8c6239,#a98467);transform:translateY(-1px);box-shadow:0 6px 16px #c39c7359}.btn-secondary{color:#8c6239;cursor:pointer;background:#fff;border:1px solid #c39c7366;border-radius:99px;padding:10px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#c39c730d;border-color:#8c6239}.membership-select{color:#704f2d;cursor:pointer;background-color:#fff;border:1px solid #c39c734d;border-radius:8px;outline:none;padding:6px 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:13.5px;font-weight:600}.membership-select:focus{border-color:#8c6239}.order-status-badge{text-transform:uppercase;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.status--pending{color:#a16207;background-color:#eab3081a}.status--processing{color:#1d4ed8;background-color:#3b82f61a}.status--shipped{color:#15803d;background-color:#22c55e1a}.status--cancelled{color:#b91c1c;background-color:#ef44441a}.admin-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal{background:#fff;border:1px solid #c39c732e;border-radius:24px;width:100%;max-width:650px;max-height:90vh;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards modalScale;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #8c623940}@keyframes modalScale{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.admin-modal-close{cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.admin-modal-close:hover{color:#dc2626;background-color:#ef44441a}.admin-modal-body{padding:32px}.admin-modal-body h3{color:#8c6239;margin-top:0;margin-bottom:24px;font-family:Cormorant Garamond,Georgia,serif;font-size:26px;font-weight:700}.admin-form .form-group{margin-bottom:18px}.admin-form .form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px;display:grid}.admin-form label{color:#704f2d;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.admin-form input,.admin-form select,.admin-form textarea{background-color:#fff;border:1px solid #c39c734d;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;transition:border-color .2s}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:#8c6239;box-shadow:0 0 0 3px #c39c731f}.admin-form .checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;padding:8px 0;display:grid}.admin-form .checkbox-label{color:#555;cursor:pointer;align-items:center;gap:8px;margin-bottom:0;font-size:13px;display:flex}.admin-form .checkbox-label input{cursor:pointer;width:auto}.admin-form-actions{justify-content:flex-end;gap:12px;margin-top:28px;display:flex}.order-detail-items{margin:20px 0}.order-detail-item{border-bottom:1px solid #c39c731a;align-items:center;gap:16px;padding:12px 0;display:flex}.order-detail-item:last-child{border-bottom:none}.order-detail-thumb{object-fit:cover;border-radius:8px;width:50px;height:50px}.order-detail-info{flex:1}.order-detail-name{font-size:14px;font-weight:600}.order-detail-qty{color:#777;margin-top:4px;font-size:12px}.order-detail-price{color:#8c6239;font-weight:700}.access-denied{text-align:center;background-color:#faf6f0;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Plus Jakarta Sans,sans-serif;display:flex}.access-denied-icon{margin-bottom:20px;font-size:64px}.access-denied h1{color:#dc2626;margin-bottom:10px;font-family:Cormorant Garamond,Georgia,serif;font-size:36px}.access-denied p{color:#666;max-width:400px;margin-bottom:30px;line-height:1.6}.admin-gallery-manager{flex-direction:column;gap:8px;margin-top:6px;display:flex}.admin-gallery-input-row{gap:8px;display:flex}.admin-gallery-input-row input{flex:1}.admin-gallery-remove-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #dc26264d;border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .2s}.admin-gallery-remove-btn:hover{background:#fee2e2;border-color:#dc2626}.admin-gallery-add-btn{color:#8c6239;cursor:pointer;background:#fbfaf8;border:1px dashed #8c623966;border-radius:8px;align-self:flex-start;margin-top:4px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .2s}.admin-gallery-add-btn:hover{background:#c39c7314;border-style:solid}.admin-previews-section{background:#faf8f5;border:1px solid #c39c7326;border-radius:12px;margin-bottom:18px;padding:16px}.admin-previews-section>label{color:#8c6239!important;margin-bottom:10px!important;font-weight:700!important}.admin-previews-grid{flex-wrap:wrap;gap:12px;display:flex}.admin-preview-item{background:#fff;border:1px solid #0000000f;border-radius:8px;flex-direction:column;align-items:center;gap:6px;width:90px;padding:6px;display:flex}.admin-preview-label{color:#888;text-transform:uppercase;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden;font-size:10px!important;font-weight:700!important}.admin-preview-item img{object-fit:contain;background:#fbfbfb;border-radius:4px;width:70px;height:70px}.admin-rich-desc-group{margin-bottom:24px!important}.admin-rich-desc-header{border-bottom:1px solid #c39c7326;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}.admin-rich-desc-header label{margin-bottom:0!important;font-weight:700!important}.admin-rich-desc-tabs{background:#f3ede2;border-radius:8px;gap:6px;padding:4px;display:flex}.admin-desc-tab-btn{color:#704f2d;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:700;transition:all .2s}.admin-desc-tab-btn:hover{background:#fff6}.admin-desc-tab-btn.active{color:#8c6239;background:#fff;box-shadow:0 2px 6px #0000000d}.admin-rich-desc-editor{background:#fff;border:1px solid #c39c734d;border-radius:12px;overflow:hidden}.admin-editor-toolbar{background:#fbfaf8;border-bottom:1px solid #c39c7333;flex-wrap:wrap;gap:8px;padding:8px 12px;display:flex}.admin-editor-toolbar button{color:#704f2d;cursor:pointer;background:#fff;border:1px solid #c39c734d;border-radius:6px;padding:6px 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.admin-editor-toolbar button:hover{color:#fff;background:#8c6239;border-color:#8c6239}.admin-rich-desc-editor textarea{resize:vertical;min-height:150px;display:block;border:none!important;border-radius:0!important}.admin-rich-desc-editor textarea:focus{box-shadow:none!important}.admin-rich-desc-preview{background:#fcfbf9;border:1px solid #c39c7326;border-radius:12px;min-height:180px;max-height:350px;padding:20px;overflow-y:auto}.admin-chat-tab{flex-direction:column;height:calc(100vh - 120px);min-height:550px;display:flex}.admin-chat-grid{background:#fff;border:1px solid #c39c7326;border-radius:16px;flex:1;grid-template-columns:320px 1fr;gap:20px;height:calc(100% - 60px);display:grid;overflow:hidden;box-shadow:0 4px 12px #00000005}.admin-chat-sidebar{background-color:#faf9f6;border-right:1px solid #c39c7326;flex-direction:column;display:flex}.admin-chat-search{border-bottom:1px solid #c39c731a;padding:16px}.admin-chat-search input{box-sizing:border-box;background:#fff;border:1px solid #c39c734d;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:13.5px}.admin-chat-search input:focus{border-color:#8c6239}.admin-chat-sessions-list{flex:1;padding:8px 0;overflow-y:auto}.admin-chat-sessions-list::-webkit-scrollbar{width:4px}.admin-chat-sessions-list::-webkit-scrollbar-thumb{background:#c39c7333;border-radius:2px}.admin-chat-no-sessions{text-align:center;color:#999;padding:30px 10px;font-size:14px}.admin-chat-session-item{cursor:pointer;border-bottom:1px solid #c39c730d;padding:14px 16px;transition:all .2s}.admin-chat-session-item:hover{background-color:#c39c730d}.admin-chat-session-item--active{border-left:4px solid #8c6239;background-color:#c39c731a!important}.session-item-header{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.session-item-header strong{color:#08060d;font-size:14.5px}.session-item-time{color:#999;font-size:11px}.session-item-body{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.session-item-phone{color:#8c6239;font-size:12px;font-weight:500}.session-item-unread{color:#fff;text-align:center;background-color:#dc2626;border-radius:10px;min-width:10px;padding:2px 6px;font-size:10px;font-weight:700}.session-item-last-msg{color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.admin-chat-main{background-color:#fff;flex-direction:column;height:100%;display:flex}.admin-chat-no-selection{color:#8c8880;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.admin-chat-no-selection p{max-width:320px;font-size:14px;line-height:1.5}.admin-chat-conversation{flex-direction:column;height:100%;display:flex}.admin-chat-conv-header{background-color:#faf9f6;border-bottom:1px solid #c39c7326;padding:16px 24px}.admin-chat-conv-header h3{color:#08060d;margin:0 0 4px;font-size:18px;font-weight:700}.admin-chat-conv-header span{color:#6b6375;font-size:13px}.admin-chat-conv-body{background-color:#fdfdfc;flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.admin-chat-conv-body::-webkit-scrollbar{width:4px}.admin-chat-conv-body::-webkit-scrollbar-thumb{background:#c39c7333;border-radius:2px}.admin-chat-bubble-wrapper{width:100%;display:flex}.admin-bubble--left{justify-content:flex-start}.admin-bubble--right{justify-content:flex-end}.admin-chat-bubble{border-radius:16px;max-width:70%;padding:12px 16px;font-size:14px;line-height:1.5;box-shadow:0 1px 3px #0000000d}.admin-bubble--left .admin-chat-bubble{color:#08060d;background-color:#fff;border:1px solid #c39c7326;border-bottom-left-radius:4px}.admin-bubble--right .admin-chat-bubble{color:#fff;background-color:#8c6239;border-bottom-right-radius:4px}.admin-chat-bubble-text{word-break:break-word;margin-bottom:4px}.admin-chat-bubble-time{opacity:.7;text-align:right;font-size:9.5px}.admin-bubble--left .admin-chat-bubble-time{color:#999}.admin-bubble--right .admin-chat-bubble-time{color:#fffc}.admin-chat-conv-footer{background-color:#fff;border-top:1px solid #c39c7326;align-items:center;gap:12px;padding:16px 24px;display:flex}.admin-chat-conv-footer input{background-color:#faf9f6;border:1px solid #c39c734d;border-radius:12px;outline:none;flex:1;padding:12px 18px;font-size:14px;transition:all .2s}.admin-chat-conv-footer input:focus{background-color:#fff;border-color:#8c6239;box-shadow:0 0 0 3px #8c62391a}.admin-chat-conv-footer button{border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600}.admin-refresh-btn{color:#8c6239;cursor:pointer;background:#fff;border:1px solid #8c623959;border-radius:99px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #0000000a}.admin-refresh-btn:hover:not(:disabled){color:#fff;background:#8c6239;box-shadow:0 4px 12px #8c623933}.admin-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.upgrade-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}@media (width<=1200px){.upgrade-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.upgrade-stats-grid{grid-template-columns:1fr}}.upgrade-stat-card{background:#fff;border:1px solid #c39c7333;border-radius:16px;align-items:center;gap:12px;min-width:0;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #8c62390d}.upgrade-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8c623917}.upgrade-stat-card--total{background:linear-gradient(135deg,#fff 0%,#fdfbf7 100%);border-left:5px solid #d4af37}.upgrade-stat-card--premium{border-left:5px solid #3b82f6}.upgrade-stat-card--pro{border-left:5px solid #8b5cf6}.upgrade-stat-card--pending{border-left:5px solid #f59e0b}.upgrade-stat-card .stat-card-icon{background:#faf6f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;line-height:1;display:flex}.upgrade-stat-card .stat-card-details{flex-direction:column;gap:2px;min-width:0;display:flex;overflow:hidden}.upgrade-stat-card .stat-card-title{color:#78716c;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.upgrade-stat-card .stat-card-number{color:#2b231c;letter-spacing:-.02em;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:800;line-height:1.2}.upgrade-stat-card .stat-card-sub{color:#8c827a;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.upgrade-filters-card{background:#fff;border:1px solid #c39c7333;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex;box-shadow:0 2px 8px #00000005}.upgrade-search-wrap{background:#faf6f0;border:1px solid #c39c7340;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:220px;max-width:360px;padding:8px 12px;display:flex}.upgrade-search-wrap .search-icon{opacity:.7;font-size:14px}.upgrade-search-input{color:#333;background:0 0;border:none;outline:none;width:100%;font-size:13px}.upgrade-filter-controls{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.upgrade-filter-controls .filter-group{align-items:center;gap:6px;display:flex}.upgrade-filter-controls label{color:#666;white-space:nowrap;font-size:12px;font-weight:600}.upgrade-filter-select{color:#333;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #c39c734d;border-radius:8px;outline:none;padding:6px 10px;font-size:12.5px}.upgrade-filter-select:focus{border-color:#8c6239;box-shadow:0 0 0 2px #8c62391a}.tx-code-badge{color:#7c5835;letter-spacing:.02em;white-space:nowrap;background:#fdfbf7;border:1px solid #c39c734d;border-radius:6px;padding:3px 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:11.5px;font-weight:700;display:inline-block}.tx-plan-badge{letter-spacing:.01em;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;line-height:1.3;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0000000d}.tx-plan-badge.premium{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #3b82f659}.tx-plan-badge.premium:hover{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);box-shadow:0 2px 6px #3b82f633}.tx-plan-badge.pro{color:#7e22ce;background:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%);border:1px solid #9333ea59}.tx-plan-badge.pro:hover{background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);box-shadow:0 2px 6px #9333ea33}.tx-plan-badge-icon{font-size:12px;line-height:1}.tx-plan-badge-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:700}.tx-gateway-badge{color:#475569;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.tx-status-select{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;outline:none;width:100%;max-width:124px;padding:4px 8px;font-size:11px;font-weight:700;transition:all .2s}.tx-status-select.paid{color:#15803d;background:#dcfce7;border-color:#86efac}.tx-status-select.pending{color:#b45309;background:#fef3c7;border-color:#fde68a}.tx-status-select.cancelled{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.tx-quick-approve-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);border:none;border-radius:6px;padding:5px 10px;font-size:11.5px;font-weight:700;transition:all .2s;box-shadow:0 2px 6px #16a34a40}.tx-quick-approve-btn:hover{background:linear-gradient(135deg,#15803d 0%,#166534 100%);transform:translateY(-1px);box-shadow:0 4px 10px #16a34a59}.tx-status-badge-paid{color:#065f46;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.tx-status-dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 2px #10b98133}.product-detail-page{color:#4a3c31;background:linear-gradient(#fff 0%,#faf6f0 100%);min-height:100vh}.detail-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;background:#f5f0e8cc;border-bottom:1px solid #c39c731a;justify-content:space-between;align-items:center;height:80px;padding:0 8%;display:flex;position:sticky;top:0}.detail-header-actions{align-items:center;gap:20px;display:flex}.detail-nav-link{color:#704f2d;letter-spacing:.04em;text-transform:uppercase;font-size:13.5px;font-weight:600;text-decoration:none;transition:color .2s}.detail-nav-link:hover{color:#8c6239}.detail-nav-link--accent{color:#8c6239;font-weight:700}.detail-nav-link--muted{color:#888;text-transform:none}.detail-breadcrumb{color:#888;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;display:flex}.detail-breadcrumb a{color:#888;text-decoration:none;transition:color .2s}.detail-breadcrumb a:hover{color:#8c6239}.detail-breadcrumb span.active{color:#8c6239;white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-weight:600;overflow:hidden}.detail-container{max-width:1350px;margin:0 auto;padding:32px 4% 80px}.detail-layout{grid-template-columns:4fr 6fr;align-items:start;gap:80px;display:grid}.detail-images-col{gap:16px;display:flex;position:sticky;top:112px}.detail-gallery-thumbs{flex-direction:column;flex-shrink:0;gap:12px;width:80px;max-height:500px;display:flex;overflow-y:auto}.detail-thumb{cursor:pointer;background:#fff;border:1px solid #0000000f;border-radius:10px;width:80px;height:80px;padding:4px;transition:all .2s;overflow:hidden}.detail-thumb img{object-fit:contain;width:100%;height:100%}.detail-thumb:hover,.detail-thumb--active{border-color:#8c6239;box-shadow:0 4px 12px #8c62391f}.detail-main-img-wrap{cursor:zoom-in;background:#fff;border:1px solid #0000000d;border-radius:20px;flex:1;justify-content:center;align-items:center;height:500px;padding:16px;display:flex;position:relative;overflow:hidden}.detail-main-img-wrap img{object-fit:contain;max-width:100%;max-height:100%;transition:transform .15s ease-out}.detail-main-img-wrap img.detail-main-shopee-frame{object-fit:fill;pointer-events:none;z-index:3;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0;position:absolute;inset:0;transition:none!important;transform:none!important}.detail-info-col{flex-direction:column;display:flex}.detail-brand{text-transform:uppercase;color:#a98467;letter-spacing:.12em;margin-bottom:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:800}.detail-title{color:#2b1b10;letter-spacing:-.01em;margin-bottom:12px;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;font-size:24px;font-weight:800;line-height:1.35}.detail-ratings-row{color:#666;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;font-size:14px;display:flex}.divider{color:#ebdcd0}.detail-price-box{background:#f5f0e880;border:1px solid #c39c7326;border-radius:16px;margin-bottom:28px;padding:20px 24px}.detail-price{color:#8c6239;font-size:26px;font-weight:800}.detail-actions-row{align-items:center;gap:12px;width:100%;margin-bottom:32px;display:flex}.detail-qty-selector{background:#fff;border:1px solid #e5e7eb;border-radius:99px;flex-shrink:0;align-items:center;width:110px;height:48px;padding:0 4px;display:flex}.qty-btn{cursor:pointer;color:#333;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:500;transition:background .2s;display:flex}.qty-btn:hover{background:#f3f4f6}.qty-val{text-align:center;color:#111;min-width:30px;font-size:15px;font-weight:700}.detail-action-btn{cursor:pointer;border:none;border-radius:99px;justify-content:center;align-items:center;gap:8px;height:48px;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.btn-add-cart{color:#8c6239;background:0 0;border:1.5px solid #8c6239;flex:2}.btn-add-cart:hover{color:#704f2d;background:#faf6f0;border-color:#704f2d}.btn-cart-icon{width:18px;height:18px}.btn-buy-now{color:#fff;letter-spacing:.05em;background:#8c6239;border:none;flex:1.2;font-weight:700}.btn-buy-now:hover{color:#fff;background:#704f2d}.detail-wishlist-circle-btn{cursor:pointer;color:#666;background:#fff;border:1px solid #e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.detail-wishlist-circle-btn:hover{color:#ff4d4f;border-color:#ff4d4f}.detail-wishlist-circle-btn.active{color:#ff4d4f;background:#ff4d4f0f;border-color:#ff4d4f}.detail-wishlist-circle-btn svg{width:18px;height:18px}.detail-sections{flex-direction:column;gap:32px;margin-top:24px;display:flex}.detail-section{border-top:1px solid #c39c732e;grid-template-columns:3.5fr 6.5fr;align-items:start;gap:40px;margin-top:48px;padding-top:40px;display:grid}.detail-section--description{border-top:none;margin-top:0;padding-top:0}.detail-section-left{position:sticky;top:100px}.detail-section-title{color:#2b1b10;text-transform:uppercase;letter-spacing:.08em;margin:0;padding-bottom:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:800;display:inline-block;position:relative}.detail-section-title:after{content:"";background:#8c6239;width:40px;height:2px;position:absolute;bottom:0;left:0}.detail-section-right{width:100%}@media (width<=900px){.detail-section{grid-template-columns:1fr;gap:20px;margin-top:32px;padding-top:24px}.detail-section-left{position:static}}.tab-desc-content{white-space:pre-wrap}.tab-desc-content img{border:1px solid #c39c7326;border-radius:12px;max-width:100%;height:auto;margin:24px auto;transition:transform .3s;display:block;box-shadow:0 8px 24px #8c623914}.tab-desc-content img:hover{transform:translateY(-2px)}.tab-desc-content p{color:#4a3c31;margin-bottom:16px;line-height:1.75}.tab-desc-content h2{color:#8c6239;border-left:3px solid #8c6239;margin-top:32px;margin-bottom:16px;padding-left:12px;font-family:Cormorant Garamond,Georgia,serif;font-size:22px;font-weight:700}.tab-desc-content h3{color:#704f2d;margin-top:24px;margin-bottom:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:700}.tab-desc-content ul,.tab-desc-content ol{margin-bottom:16px;padding-left:24px}.tab-desc-content li{margin-bottom:8px;line-height:1.6}.tab-ingredients-list{flex-wrap:wrap;gap:8px;display:flex}.ingredient-badge{color:#8c6239;background:#f7f2ec;border:1px solid #ebdcd0;border-radius:6px;padding:6px 12px;font-size:13.5px}.tab-ingredients-list-long{flex-direction:column;gap:12px;margin:0;padding-left:0;list-style:none;display:flex}.ingredient-long-item{color:#4a3c31;padding-left:20px;font-size:14.5px;line-height:1.6;position:relative}.ingredient-long-item:before{content:"•";color:#8c6239;font-size:18px;line-height:1;position:absolute;top:0;left:0}.tab-reviews-panel{flex-direction:column;gap:32px;display:flex}.reviews-list{flex-direction:column;gap:16px;display:flex}.review-card{background:#fff;border:1px solid #c39c7326;border-radius:14px;padding:20px}.review-card-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.stars-fill{color:#d97706}.date-str{color:#999;margin-left:auto;font-size:12px}.review-text{color:#444;font-size:14px;font-style:italic}.detail-review-form{background:#faf8f5;border:1px solid #ebdcd0;border-radius:16px;margin-top:16px;padding:24px}.detail-review-form h3{color:#8c6239;margin-bottom:16px;font-family:Cormorant Garamond,Georgia,serif;font-size:22px;font-weight:700}.form-group-star{margin-bottom:16px}.form-group-star label{color:#666;margin-bottom:6px;font-size:13.5px;font-weight:600;display:block}.star-buttons button{cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:26px;transition:transform .1s}.star-buttons button:hover{transform:scale(1.15)}.input-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.input-group label{color:#666;font-size:13.5px;font-weight:600}.input-group input,.input-group textarea{background:#fff;border:1px solid #ebdcd0;border-radius:8px;padding:10px 14px;font-size:14px;transition:all .2s}.input-group input:focus,.input-group textarea:focus{border-color:#8c6239;outline:none;box-shadow:0 0 0 3px #8c62391a}.send-review-btn{max-width:160px;margin-top:8px}@media (width<=900px){.detail-layout{grid-template-columns:1fr;gap:32px}.detail-images-col{flex-direction:column-reverse;position:static}.detail-gallery-thumbs{flex-direction:row;width:100%;max-height:none;overflow-x:auto}.detail-main-img-wrap{height:400px}}.detail-trust-policies{background:0 0;border-top:1px solid #c39c732e;border-bottom:1px solid #c39c732e;grid-template-columns:1fr 1fr;gap:16px 40px;margin-top:24px;margin-bottom:24px;padding:20px 0;display:grid}.policy-item{color:#111;text-align:left;justify-content:flex-start;align-items:center;gap:12px;font-size:14px;font-weight:400;display:flex}.policy-icon{color:#111;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.policy-icon svg{width:100%;height:100%}.policy-text{font-family:system-ui,-apple-system,sans-serif;line-height:1.4}.policy-text strong{font-weight:700}@media (width<=600px){.detail-trust-policies{grid-template-columns:1fr;row-gap:12px;padding:16px 0}}.cart-drawer-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#0006;justify-content:flex-end;animation:.3s ease-out fadeInOverlay;display:flex;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.cart-drawer-container{color:#333;background:#fff;flex-direction:column;width:100%;max-width:480px;height:100%;font-family:Plus Jakarta Sans,sans-serif;animation:.35s cubic-bezier(.22,1,.36,1) slideInDrawer;display:flex;position:relative;box-shadow:-10px 0 40px #00000026}@keyframes slideInDrawer{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-drawer-header{border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;padding:24px;display:flex}.cart-drawer-header h2{color:#704f2d;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.cart-drawer-close{color:#8c8c8c;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:all .2s;display:flex}.cart-drawer-close:hover{color:#704f2d;background:#0000000d}.cart-drawer-tabs{background:#f7f7f7;border:1px solid #00000008;border-radius:99px;margin:16px 24px;padding:6px;display:flex}.drawer-tab-btn{color:#777;cursor:pointer;background:0 0;border:none;border-radius:99px;flex:1;padding:10px;font-size:13.5px;font-weight:700;transition:all .25s}.drawer-tab-btn.active{color:#fff;background:#8c6239;box-shadow:0 4px 10px #8c623933}.cart-drawer-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.cart-select-all{border-bottom:1px solid #0000000d;padding:0 24px 12px}.checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;font-size:14px;font-weight:600;display:flex;position:relative}.checkbox-container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark-box{background-color:#fff;border:2px solid #ccc;border-radius:4px;width:18px;height:18px;margin-right:10px;transition:all .2s;display:inline-block;position:relative}.checkbox-container:hover input~.checkmark-box{border-color:#8c6239}.checkbox-container input:checked~.checkmark-box{background-color:#8c6239;border-color:#8c6239}.checkmark-box:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkmark-box:after{display:block}.checkbox-container .checkmark-box:after{border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;top:1px;left:5px;transform:rotate(45deg)}.checkbox-container input:disabled~.checkmark-box{cursor:not-allowed;background-color:#eee;border-color:#ddd}.select-all-text{color:#333;font-weight:600}.cart-drawer-items{flex-direction:column;flex:1;gap:20px;padding:16px 24px;display:flex;overflow-y:auto}.drawer-item{border-bottom:1px solid #0000000d;align-items:center;gap:12px;padding-bottom:20px;display:flex}.drawer-item-select{margin-top:0}.drawer-item-img{background:#fafafa;border:1px solid #0000000d;border-radius:12px;flex-shrink:0;width:72px;height:72px;overflow:hidden}.drawer-item-img img{object-fit:contain;width:100%;height:100%;padding:4px}.drawer-item-details{flex:1;min-width:0}.drawer-item-brand{text-transform:uppercase;color:#8c6239;letter-spacing:.05em;margin-bottom:2px;font-size:11px;font-weight:700}.drawer-item-name{color:#704f2d;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:13.5px;font-weight:600;line-height:1.4;overflow:hidden}.drawer-item-sku{color:#8c8c8c;margin-bottom:4px;font-size:11px}.item-out-badge{color:#fff;text-transform:uppercase;background:#8c6239;border-radius:4px;margin-bottom:6px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.drawer-item-price{color:#8c6239;font-size:14.5px;font-weight:700}.drawer-item-actions{flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:flex-end;height:72px;display:flex}.qty-controls{background:#fff;border:1px solid #e2e2e2;border-radius:99px;align-items:center;padding:2px;display:flex}.qty-controls button{cursor:pointer;color:#333;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;font-weight:600;transition:background .2s;display:flex}.qty-controls button:hover{background:#0000000d}.qty-controls span{text-align:center;min-width:24px;font-size:13px;font-weight:700}.item-delete-btn{color:#dc2626;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;transition:background .2s}.item-delete-btn:hover{background:#dc26260d}.cart-drawer-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.empty-icon{margin-bottom:20px;font-size:64px}.cart-drawer-empty p{color:#777;margin:0 0 24px;font-size:15px;font-weight:500}.cart-drawer-footer{background:#fff;border-top:1px solid #00000014;flex-direction:column;gap:16px;padding:24px;display:flex}.calc-row{color:#4a3f35;justify-content:space-between;font-size:14.5px;display:flex}.calc-row strong{color:#8c6239;font-size:18px;font-weight:800}.font-muted{color:#8c8c8c;font-size:13px}.drawer-btn{cursor:pointer;text-align:center;border:none;border-radius:99px;width:100%;padding:16px 20px;font-family:inherit;font-size:14.5px;font-weight:700;transition:all .3s cubic-bezier(.22,1,.36,1)}.drawer-btn--primary{color:#fff;background:linear-gradient(135deg,#a98467,#c39c73);box-shadow:0 4px 15px #a984674d}.drawer-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#8c6239,#a98467);transform:translateY(-2px);box-shadow:0 8px 24px #a9846773}.drawer-btn--primary:disabled{color:#888;cursor:not-allowed;box-shadow:none;background:#ccc}.drawer-btn--secondary{color:#8c6239;background:#c39c731a;border:1px solid #c39c7333}.drawer-btn--secondary:hover{background:#c39c732e}.cart-drawer-success{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.success-icon-wrap{background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex}.success-icon{color:#10b981;font-size:40px;font-weight:700}.cart-drawer-success h2{color:#111;margin:0 0 12px;font-size:22px;font-weight:800}.cart-drawer-success p{color:#666;margin:0 0 24px;font-size:14.5px;line-height:1.5}.order-code-box{color:#065f46;background:#f4fbf7;border:1px solid #10b98133;border-radius:12px;margin-bottom:32px;padding:12px 24px;font-size:15px}.order-code-box strong{color:#047857;font-weight:700}.success-actions{width:100%}.cart-drawer-checkout{flex-direction:column;flex:1;padding:24px;display:flex;overflow-y:auto}.checkout-sub-header{margin-bottom:24px}.checkout-back-btn{color:#8c6239;cursor:pointer;background:0 0;border:none;margin-bottom:12px;padding:0;font-size:13.5px;font-weight:700;transition:transform .2s;display:inline-block}.checkout-back-btn:hover{transform:translate(-4px)}.checkout-sub-header h3{color:#111;margin:0;font-size:18px;font-weight:800}.checkout-summary-mini{background:#faf8f5;border:1px solid #c39c7326;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 18px;font-size:13.5px;display:flex}.checkout-summary-mini strong{color:#8c6239;font-size:16px;font-weight:800}.checkout-drawer-form{flex-direction:column;gap:16px;display:flex}.drawer-form-group{flex-direction:column;gap:6px;display:flex}.drawer-form-group label{color:#444;font-size:13px;font-weight:700}.drawer-form-group input,.drawer-form-group select{color:#333;background:#fff;border:1px solid #ddd;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.drawer-form-group input:focus,.drawer-form-group select:focus{border-color:#8c6239;outline:none}.bank-qr-mock{background:#fafafa;border:1px solid #eaeaea;border-radius:12px;align-items:center;gap:16px;padding:14px;display:flex}.qr-box{background:#fff;border:1px solid #ddd;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;display:flex}.qr-mock-code{text-align:center;flex-direction:column;align-items:center;padding:4px;display:flex}.qr-mock-code span{color:#555;font-size:10px;font-weight:700}.qr-mock-code small{color:#888;font-size:8px}.qr-info{color:#555;font-size:12.5px;line-height:1.4}.qr-info p{margin:0 0 3px}.qr-info p strong{color:#8c6239}.submit-order-btn{margin-top:10px}.cart-drawer-orders{flex-direction:column;flex:1;gap:16px;padding:16px 24px;display:flex;overflow-y:auto}.drawer-order-card{background:#fff;border:1px solid #c39c7326;border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex;box-shadow:0 4px 12px #a984670a}.drawer-order-header{justify-content:space-between;align-items:center;display:flex}.drawer-order-header .order-id{color:#8c6239;font-size:14px;font-weight:700}.drawer-order-header .order-status{text-transform:uppercase;border-radius:99px;padding:3px 10px;font-size:11.5px;font-weight:700}.drawer-order-header .order-status.status-pending{color:#d97706;background:#d977061a}.drawer-order-header .order-status.status-done{color:#10b981;background:#10b9811a}.drawer-order-date{color:#8c8c8c;margin-top:-6px;font-size:12px}.drawer-order-items{border-top:1px dashed #c39c7326;border-bottom:1px dashed #c39c7326;flex-direction:column;gap:8px;padding:10px 0;display:flex}.drawer-order-item-row{align-items:center;gap:10px;display:flex}.order-item-thumb{object-fit:cover;border:1px solid #0000000d;border-radius:6px;width:36px;height:36px}.order-item-name-qty{flex-direction:column;flex:1;min-width:0;display:flex}.order-item-name-qty .name{color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.order-item-name-qty .qty{color:#888;font-size:11px}.drawer-order-item-row .price{color:#333;font-size:13px;font-weight:700}.drawer-order-total{justify-content:space-between;align-items:center;font-size:13.5px;display:flex}.drawer-order-total strong{color:#8c6239;font-size:16px;font-weight:800}.payment-gateway-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:16px;animation:.3s forwards pgFadeIn;display:flex;position:absolute;inset:0}.payment-gateway-card{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:420px;animation:.35s cubic-bezier(.175,.885,.32,1.275) forwards pgSlideUp;display:flex;overflow:hidden;box-shadow:0 15px 40px #00000040}@keyframes pgFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pgSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.gateway-header{color:#fff;justify-content:space-between;align-items:center;padding:20px;display:flex}.gateway-header.momo{background:#a50064}.gateway-header.vnpay{background:#005baa}.gateway-logo{text-transform:uppercase;letter-spacing:1px;font-size:24px;font-weight:900}.gateway-title{letter-spacing:1px;opacity:.9;border:1px solid #fff6;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700}.gateway-body{flex-direction:column;align-items:center;gap:20px;padding:24px;display:flex}.gateway-order-details{background:#f7f9fa;border:1px dashed #dcdde1;border-radius:12px;width:100%;padding:16px;font-size:13.5px}.gateway-order-details p{color:#5d6167;justify-content:space-between;margin-bottom:8px;display:flex}.gateway-order-details p:last-child{margin-bottom:0}.gateway-order-details strong{color:#2f3640}.gateway-order-details .amount-text{font-size:16px;font-weight:800;color:#e84118!important}.gateway-qr-section{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.gateway-qr-box{background:#fff;border:1px solid #ebdcd0;border-radius:12px;margin-bottom:16px;padding:12px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000000d}.gateway-qr-mock{background:#f0f3f6;border-radius:8px;justify-content:center;align-items:center;width:160px;height:160px;padding:10px;display:flex}.qr-inner-design{background-image:radial-gradient(#333 25%,#0000 25%),radial-gradient(#333 25%,#0000 25%);background-position:0 0,3px 3px;background-size:6px 6px;border:2px solid #555;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.qr-corner{background:#f0f3f6;border:5px solid #111;width:32px;height:32px;position:absolute}.qr-corner.top-left{top:0;left:0}.qr-corner.top-right{top:0;right:0}.qr-corner.bottom-left{bottom:0;left:0}.qr-center-logo{z-index:5;color:#000;background:#fff;border:2px solid #555;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:900;display:flex;box-shadow:0 2px 8px #00000026}.scanning-line{background:#e84118;width:100%;height:3px;animation:2s linear infinite scan;position:absolute;top:0;left:0;box-shadow:0 0 8px #e84118}@keyframes scan{0%{top:0%}50%{top:100%}to{top:0%}}.gateway-timer-badge{color:#c53030;background:#fdf2f2;border:1px solid #fed7d7;border-radius:30px;margin-bottom:12px;padding:6px 12px;font-size:13px;font-weight:600}.gateway-instructions{color:#7f8fa6;font-size:12px;line-height:1.5}.gateway-footer{border-top:1px solid #f1f2f6;flex-direction:column;gap:10px;padding:16px 24px 24px;display:flex}.gateway-btn{cursor:pointer;text-align:center;border:none;border-radius:30px;width:100%;padding:14px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s}.gateway-btn--success{color:#fff;background:#2ed573;animation:2s infinite buttonPulse;box-shadow:0 4px 15px #2ed5734d}.gateway-btn--success:hover{background:#26af5f;transform:translateY(-1px)}.gateway-btn--cancel{color:#57606f;background:#f1f2f6}.gateway-btn--cancel:hover{background:#dfe4ea}@keyframes buttonPulse{0%{box-shadow:0 0 #2ed57366}70%{box-shadow:0 0 0 10px #2ed57300}to{box-shadow:0 0 #2ed57300}}.wishlist-drawer-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#0006;justify-content:flex-end;animation:.3s ease-out fadeInOverlay;display:flex;position:fixed;inset:0}.wishlist-drawer-container{color:#333;background:#fff;flex-direction:column;width:100%;max-width:480px;height:100%;font-family:Plus Jakarta Sans,sans-serif;animation:.35s cubic-bezier(.22,1,.36,1) slideInDrawer;display:flex;position:relative;box-shadow:-10px 0 40px #00000026}.wishlist-drawer-header{border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;padding:24px;display:flex}.wishlist-header-left{align-items:center;gap:12px;display:flex}.wishlist-drawer-close-btn{color:#8c8c8c;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .2s;display:flex}.wishlist-drawer-close-btn:hover{color:#111;background:#0000000d}.wishlist-drawer-header h2{color:#111;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.wishlist-clear-all-btn{color:#111;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s}.wishlist-clear-all-btn:hover{background:#0000000d}.wishlist-drawer-content{flex:1;padding:24px;overflow-y:auto}.wishlist-drawer-content::-webkit-scrollbar{width:6px}.wishlist-drawer-content::-webkit-scrollbar-track{background:0 0}.wishlist-drawer-content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.wishlist-drawer-content::-webkit-scrollbar-thumb:hover{background:#0003}.wishlist-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:60%;padding:60px 20px;display:flex}.wishlist-empty-icon{opacity:.5;margin-bottom:16px;font-size:48px}.wishlist-empty-state p{color:#8c8c8c;margin:0 0 24px;font-size:15px}.wishlist-shop-btn{color:#fff;cursor:pointer;background:#a98467;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.wishlist-shop-btn:hover{background:#8c6239;transform:translateY(-1px)}.wishlist-items-list{flex-direction:column;gap:20px;display:flex}.wishlist-item-card{cursor:pointer;border-bottom:1px solid #0000000d;gap:16px;padding-bottom:20px;transition:all .2s ease-in-out;display:flex}.wishlist-item-card:hover .wishlist-item-name{color:#a98467}.wishlist-item-card:last-child{border-bottom:none}.wishlist-item-img-wrapper{background:#fcfcfc;border:1px solid #0000000a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.wishlist-item-img{object-fit:contain;width:100%;height:100%}.wishlist-item-details{flex-direction:column;flex:1;justify-content:space-between;display:flex}.wishlist-item-name{color:#111;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:13.5px;font-weight:600;line-height:1.4;transition:color .2s ease-in-out;display:-webkit-box;overflow:hidden}.wishlist-item-footer{justify-content:space-between;align-items:center;display:flex}.wishlist-item-price{color:#111;font-size:14px;font-weight:700}.wishlist-item-remove-btn{color:#111;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:13px;font-weight:600;transition:all .2s}.wishlist-item-remove-btn:hover{background:#0000000d}.login-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:10000;background:#0006;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.login-modal-card{-webkit-backdrop-filter:blur(20px);color:#333;background:#fffffff2;border:1px solid #c39c7340;border-radius:28px;width:100%;max-width:440px;padding:32px;font-family:Plus Jakarta Sans,sans-serif;animation:.35s cubic-bezier(.22,1,.36,1) modalSlideUp;position:relative;box-shadow:0 20px 60px #a984672e}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.login-modal-close-btn{color:#8c8c8c;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.login-modal-close-btn:hover{color:#111;background:#0000000d}.login-modal-header{text-align:center;margin-bottom:24px}.login-modal-logo{margin-bottom:12px;display:inline-block}.login-modal-header h2{color:#8c6239;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:26px;font-weight:700}.login-modal-header p{color:#7a6e65;margin-top:6px;font-size:13px}.login-modal-form{flex-direction:column;gap:16px;display:flex}.login-modal-error{color:#dc2626;background:#ef444414;border:1px solid #ef444433;border-radius:10px;padding:10px 14px;font-size:13px;line-height:1.4}.modal-form-group{flex-direction:column;gap:6px;display:flex}.modal-form-group label{color:#704f2d;letter-spacing:.01em;font-size:13px;font-weight:700}.modal-form-group input{color:#333;background:#ffffffd9;border:1px solid #c39c734d;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .25s}.modal-form-group input:focus{background:#fff;border-color:#8c6239;outline:none;box-shadow:0 0 0 3px #c39c7326}.login-modal-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a98467,#c39c73);border:none;border-radius:99px;margin-top:6px;padding:14px;font-family:inherit;font-size:14.5px;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #c39c734d}.login-modal-submit-btn:hover{background:linear-gradient(135deg,#8c6239,#a98467);transform:translateY(-1.5px);box-shadow:0 6px 20px #c39c7366}.login-modal-toggle{text-align:center;color:#7a6e65;margin-top:4px;font-size:13.5px}.login-modal-toggle p{margin:0}.login-modal-toggle-btn{color:#8c6239;cursor:pointer;font-family:inherit;font-weight:700;font-size:inherit;background:0 0;border:none;margin-left:4px;padding:0;text-decoration:underline}.login-modal-toggle-btn:hover{color:#704f2d}.login-modal-quick-demo{border-top:1px dashed #c39c7333;margin-top:20px;padding-top:16px}.login-modal-quick-demo h3{color:#8c6239;text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px;font-size:12px;font-weight:700}.login-modal-quick-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.login-modal-quick-btn{color:#704f2d;cursor:pointer;text-align:left;background:#c39c730f;border:1px solid #c39c7326;border-radius:8px;padding:6px 8px;font-size:11px;line-height:1.3;transition:all .2s}.login-modal-quick-btn:hover{background:#c39c731f;border-color:#8c6239}.login-modal-quick-btn strong{color:#8c6239;font-weight:700;display:block}.login-modal-notice-banner{color:#9a3412;text-align:left;background:#fff8eb;border:1px solid #fed7aa;border-radius:12px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.45;animation:.25s ease-out fadeInNotice;display:flex}@keyframes fadeInNotice{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.login-modal-notice-banner .notice-icon{flex-shrink:0;font-size:16px}html.onboarding-scroll-locked,body.onboarding-scroll-locked{overscroll-behavior:none!important;touch-action:none!important;overflow:hidden!important}.onboarding-modal-overlay{-webkit-backdrop-filter:blur(18px);z-index:10000;overscroll-behavior:contain;touch-action:none;background:#0a0a0ce0;justify-content:center;align-items:center;padding:16px;animation:.3s cubic-bezier(.16,1,.3,1) onboardingFadeIn;display:flex;position:fixed;inset:0}@keyframes onboardingFadeIn{0%{opacity:0}to{opacity:1}}.onboarding-modal-card{box-sizing:border-box;overscroll-behavior:contain;background:#fff;border-radius:36px;flex-direction:column;width:100%;max-width:440px;min-height:640px;max-height:90vh;padding:24px 28px 28px;animation:.38s cubic-bezier(.16,1,.3,1) onboardingSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #00000040,0 0 0 1px #0000000d}@media (width<=480px){.onboarding-modal-card{border-radius:28px;min-height:590px;padding:20px 20px 24px}}@keyframes onboardingSlideUp{0%{opacity:0;transform:translateY(28px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.onboarding-ambient-glow{pointer-events:none;background:radial-gradient(circle,#e9dccf80 0%,#fff0 70%);width:320px;height:180px;position:absolute;top:-90px;left:50%;transform:translate(-50%)}.onboarding-top-nav{z-index:10;align-items:center;gap:16px;margin-bottom:24px;display:flex;position:relative}.onboarding-back-btn{color:#6b4e37;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex}.onboarding-back-btn:hover{background:#0000000d}.onboarding-back-btn svg{width:20px;height:20px}.onboarding-nav-spacer{flex-shrink:0;width:36px;height:36px}.onboarding-progress-track{background:#f0ebe4;border-radius:999px;flex-grow:1;height:3.5px;position:relative;overflow:hidden}.onboarding-progress-fill{background:#6b4e37;border-radius:999px;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.onboarding-step-view{flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.animate-fade{animation:.3s ease-out stepFade}@keyframes stepFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.onboarding-header{margin-bottom:28px}.serif-title{color:#111827;letter-spacing:-.4px;margin:0 0 12px;font-family:Newsreader,Playfair Display,Georgia,serif;font-size:29px;font-weight:600;line-height:1.25}@media (width<=480px){.serif-title{font-size:25px}}.onboarding-subtitle{color:#6b7280;margin:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14.5px;font-weight:400;line-height:1.5}.onboarding-brand{align-items:center;margin-bottom:20px;display:flex}.onboarding-brand-name{letter-spacing:2px;color:#111827;font-family:Plus Jakarta Sans,sans-serif;font-size:17px;font-weight:750}.onboarding-brand-ai{color:#8c7b6d;margin-left:3px;font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:700;position:relative;top:-5px}.onboarding-form{flex-direction:column;flex-grow:1;display:flex}.onboarding-name-input-box{align-items:center;margin:12px 0 8px;display:flex;position:relative}.onboarding-name-input{color:#111827;background:0 0;border:none;border-bottom:2px solid #e5e7eb;outline:none;width:100%;padding:8px 36px 12px 0;font-family:Plus Jakarta Sans,sans-serif;font-size:26px;font-weight:700;transition:all .25s}.onboarding-name-input:focus{border-bottom-color:#111827}.onboarding-clear-icon{color:#666;cursor:pointer;background:#0000000f;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.onboarding-helper-text{color:#9ca3af;margin:0;font-size:13px;line-height:1.45}.onboarding-choice-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f9fafb;border:1.5px solid #f3f4f6;border-radius:16px;justify-content:space-between;align-items:center;padding:18px 20px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.onboarding-choice-card:hover{background:#f3f4f6;border-color:#e5e7eb}.onboarding-choice-label{color:#1f2937;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:500}.onboarding-radio-circle{box-sizing:border-box;border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.onboarding-choice-card.selected .onboarding-radio-circle{background:#6b4e37;border-color:#6b4e37}.onboarding-choice-card.selected .onboarding-radio-circle:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px}.onboarding-choice-content{text-align:left;flex-direction:column;gap:3px;display:flex}.onboarding-choice-detail-hint{color:#6b4e37;font-family:Plus Jakarta Sans,sans-serif;font-size:12.5px;font-weight:500;line-height:1.35}.onboarding-scrollable-survey.survey-frozen{touch-action:none;pointer-events:none;overflow:hidden!important}.onboarding-sheet-backdrop{-webkit-backdrop-filter:blur(2px);z-index:80;background:#0f172a73;animation:.25s forwards fadeInBackdrop;position:absolute;inset:0}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.onboarding-bottom-sheet{z-index:85;overscroll-behavior:contain;touch-action:pan-y;background:#fff;border-top-left-radius:26px;border-top-right-radius:26px;flex-direction:column;max-height:82%;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUpSheet;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -12px 35px #0003}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.onboarding-sheet-handle-wrap{cursor:pointer;justify-content:center;width:100%;padding:12px 0 8px;display:flex}.onboarding-sheet-handle{background:#d1d5db;border-radius:3px;width:42px;height:4.5px}.onboarding-sheet-title{color:#111827;text-align:left;flex-shrink:0;margin:0 20px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700;line-height:1.45}.onboarding-sheet-list{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex-direction:column;flex-grow:1;gap:10px;padding:2px 20px 24px;display:flex;overflow-y:auto}.onboarding-sheet-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1.5px solid #f1f5f9;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.onboarding-sheet-card:hover{background:#f1f5f9;border-color:#e2e8f0}.onboarding-sheet-card.selected{background:#faf5f0;border-color:#6b4e37;box-shadow:0 3px 10px #6b4e371f}.onboarding-sheet-label{color:#1e293b;text-align:left;padding-right:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:500;line-height:1.4}.onboarding-sheet-card.selected .onboarding-sheet-label{color:#6b4e37;font-weight:600}.onboarding-sheet-radio{box-sizing:border-box;border:1.5px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.onboarding-sheet-card.selected .onboarding-sheet-radio{background:#6b4e37;border-color:#6b4e37}.onboarding-sheet-card.selected .onboarding-sheet-radio:after{content:"";background:#fff;border-radius:50%;width:7px;height:7px}.onboarding-date-wheel-container{-webkit-user-select:none;user-select:none;cursor:grab;justify-content:space-between;width:100%;max-width:320px;height:250px;margin:6px auto 16px;display:flex;position:relative;overflow:hidden}.onboarding-date-wheel-container:active{cursor:grabbing}.onboarding-date-wheel-container:before,.onboarding-date-wheel-container:after{content:"";pointer-events:none;z-index:3;height:80px;position:absolute;left:0;right:0}.onboarding-date-wheel-container:before{background:linear-gradient(#fff 20%,#fff0 100%);top:0}.onboarding-date-wheel-container:after{background:linear-gradient(#fff0 0%,#fff 80%);bottom:0}.onboarding-date-wheel-highlight{pointer-events:none;z-index:1;background:#f1f3f6;border-radius:11px;height:38px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.onboarding-wheel-col{scrollbar-width:none;-ms-overflow-style:none;z-index:2;text-align:center;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;flex:1;height:100%;position:relative;overflow-y:scroll}.onboarding-wheel-col.day-col{flex:.9}.onboarding-wheel-col.month-col{flex:1.35}.onboarding-wheel-col.year-col{flex:1}.onboarding-wheel-col::-webkit-scrollbar{display:none}.onboarding-wheel-list{padding:106px 0}.onboarding-wheel-item{color:#94a3b8;cursor:pointer;scroll-snap-align:center;scroll-snap-stop:normal;box-sizing:border-box;justify-content:center;align-items:center;height:38px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:500;transition:color .15s,font-size .15s,font-weight .15s;display:flex}.onboarding-wheel-item:hover{color:#475569}.onboarding-wheel-item.active{color:#1e293b;font-size:18.5px;font-weight:700}.onboarding-search-box{align-items:center;margin-bottom:16px;display:flex;position:relative}.onboarding-search-icon{color:#9ca3af;pointer-events:none;width:18px;height:18px;position:absolute;left:16px}.onboarding-search-box input{color:#111827;background:#f3f4f6;border:none;border-radius:16px;outline:none;width:100%;height:48px;padding:0 40px 0 46px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;transition:background .2s}.onboarding-search-box input::placeholder{color:#9ca3af}.onboarding-cities-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex-grow:1;gap:10px;max-height:280px;padding-right:4px;display:flex;overflow-y:auto}.onboarding-cities-scroll::-webkit-scrollbar{width:4px}.onboarding-cities-scroll::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.onboarding-city-pill{color:#1f2937;cursor:pointer;text-align:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:999px;width:100%;padding:13px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:500;transition:all .18s}.onboarding-city-pill:hover{border-color:#9ca3af}.onboarding-city-pill.selected{color:#1c1917;background:#e9dccf;border-color:#d8c7b5;font-weight:700;box-shadow:0 4px 14px #b4a08c40}.onboarding-empty-cities{text-align:center;color:#9ca3af;padding:24px 0;font-size:14px}.onboarding-scrollable-survey{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex-grow:1;gap:28px;max-height:440px;padding-right:8px;display:flex;overflow-y:auto}.onboarding-scrollable-survey::-webkit-scrollbar{width:5px}.onboarding-scrollable-survey::-webkit-scrollbar-track{background:#f9fafb;border-radius:4px}.onboarding-scrollable-survey::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.onboarding-scrollable-survey::-webkit-scrollbar-thumb:hover{background:#9ca3af}.onboarding-survey-section{flex-direction:column;display:flex}.onboarding-survey-question{color:#111827;margin:0 0 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:17px;font-weight:700;line-height:1.35}.onboarding-survey-question-main{color:#111827;margin:0 0 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:19px;font-weight:700;line-height:1.35}.onboarding-survey-question-main.sensitivity-question{margin-top:30px}.onboarding-options-list{flex-direction:column;gap:10px;display:flex}.onboarding-choice-card{cursor:pointer;box-sizing:border-box;background:#f8f9fb;border:1.5px solid #e7e9ee;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:15px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.onboarding-choice-card:hover{background:#f1f3fa;border-color:#cbd2ee;transform:translateY(-1px)}.onboarding-choice-card.selected{background:#e9dccf;border-color:#d8c7b5;box-shadow:0 4px 14px #b4a08c40}.onboarding-choice-label{color:#1f2937;font-family:Plus Jakarta Sans,sans-serif;font-size:14.5px;font-weight:500;line-height:1.35}.onboarding-choice-card.selected .onboarding-choice-label{color:#1c1917;font-weight:600}.onboarding-radio-circle{box-sizing:border-box;background:0 0;border:2px solid #cbd0dd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.onboarding-choice-card.selected .onboarding-radio-circle,.onboarding-skin-type-card.selected .onboarding-radio-circle{background:#6b4e37;border-color:#6b4e37}.onboarding-choice-card.selected .onboarding-radio-circle:after,.onboarding-skin-type-card.selected .onboarding-radio-circle:after{content:"";background:#fff;border-radius:50%;width:7px;height:7px}.onboarding-skin-type-list{flex-direction:column;gap:16px;display:flex}.onboarding-skin-type-card{cursor:pointer;background:#fff;border:1.5px solid #ececf1;border-radius:18px;flex-direction:column;width:100%;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 3px 12px #00000008}.onboarding-skin-type-card:hover{border-color:#cbd2ee;transform:translateY(-2px);box-shadow:0 6px 18px #00000012}.onboarding-skin-type-card.selected{background:#e9dccf;border-color:#d8c7b5;box-shadow:0 8px 24px #b4a08c40}.onboarding-skin-visual-wrapper{background:#fbf5ef;width:100%;height:195px;position:relative;overflow:hidden}.onboarding-skin-base-img{object-fit:cover;object-position:center 25%;width:100%;height:100%;display:block}.onboarding-skin-scan-badge{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;z-index:10;background:#00000073;border:1.5px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex;position:absolute;top:12px;right:14px;box-shadow:0 2px 8px #00000040}.onboarding-skin-scan-badge:hover{background:#6b4e37d9;border-color:#e9dccf;transform:scale(1.08)}.onboarding-skin-scan-badge svg{width:20px;height:20px}.onboarding-skin-mask-svg,.onboarding-skin-dry-overlay{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.onboarding-dry-texture-svg{width:100%;height:100%}.onboarding-skin-oily-sheen{pointer-events:none;z-index:2;mix-blend-mode:overlay;background:radial-gradient(at 50% 28%,#ffffffb3 0%,#fff0 42%),radial-gradient(#ffffff8c 0%,#fff0 28%),radial-gradient(at 35% 58%,#ffffff80 0%,#fff0 32%),radial-gradient(at 65% 58%,#ffffff80 0%,#fff0 32%);position:absolute;inset:0}.skin-type-dry{filter:contrast(1.1)brightness(.96)saturate(.85)}.skin-type-normal{filter:contrast(1.02)brightness(1.02)}.skin-type-combination_oily_cheeks,.skin-type-combination_tzone{filter:contrast(1.04)}.skin-type-oily{filter:contrast(1.08)brightness(1.05)}.onboarding-skin-card-bottom{background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;transition:background .2s;display:flex}.onboarding-skin-type-card.selected .onboarding-skin-card-bottom{background:#e9dccf}.onboarding-skin-card-label{color:#1f2937;flex:1;font-family:Plus Jakarta Sans,sans-serif;font-size:14.5px;font-weight:500;line-height:1.35}.onboarding-skin-type-card.selected .onboarding-skin-card-label{color:#161828;font-weight:600}.onboarding-bottom-action{margin-top:auto;padding-top:20px}.onboarding-primary-btn{color:#1c1917;cursor:pointer;background:#e9dccf;border:1.5px solid #d4c2b0;border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;height:54px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 16px #a0877340}.onboarding-primary-btn:hover:not(:disabled){background:#dfcfbf;border-color:#cbb7a3;transform:translateY(-2px);box-shadow:0 8px 22px #a0877359}.onboarding-primary-btn:active:not(:disabled){background:#d6c5b4;transform:translateY(0)scale(.985)}.onboarding-primary-btn:disabled{color:#b0a59b;cursor:not-allowed;box-shadow:none;background:#f4eee8;border-color:#eee7df}.onboarding-primary-btn.with-arrow svg{width:18px;height:18px;transition:transform .2s}.onboarding-primary-btn.with-arrow:hover:not(:disabled) svg{transform:translate(4px)}.sensitivity-step-question{color:#111827;margin-bottom:24px;font-size:19px;line-height:1.4}.onboarding-loading-state{justify-content:center;align-items:center;gap:10px;display:inline-flex}.onboarding-spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite onboardingSpin}@keyframes onboardingSpin{to{transform:rotate(360deg)}}.onboarding-modal-card.video-guide-mode{background:#000;border-radius:36px;width:100%;max-width:412px;height:705px;max-height:94vh;padding:0;overflow:hidden;box-shadow:0 25px 60px -15px #00000073}@media (width<=480px){.onboarding-modal-card.video-guide-mode{border-radius:0;max-width:100%;height:100vh;max-height:100vh}}.onboarding-modal-card.camera-mode{background:#fff;border-radius:32px;width:100%;max-width:420px;height:700px;max-height:94vh;padding:0;overflow:hidden}.onboarding-modal-card.products-mode{color:#111827;min-height:640px;max-height:92vh;background:#fff!important}.onboarding-video-guide-view{background:#000;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.onboarding-guide-top-bar{z-index:25;justify-content:flex-end;align-items:center;height:56px;padding:14px 18px;display:flex;position:absolute;top:0;left:0;right:0}.onboarding-guide-close-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:transform .2s,opacity .2s;display:flex}.onboarding-guide-close-btn:hover{opacity:.85;transform:scale(1.1)}.onboarding-guide-close-btn svg{filter:drop-shadow(0 2px 4px #00000080);width:22px;height:22px}.onboarding-video-guide-media{background:#000;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.onboarding-guide-video-player{object-fit:cover;object-position:center top;width:100%;height:100%}.onboarding-video-guide-card{z-index:10;background:#f8fafc;border-radius:28px 28px 0 0;flex-direction:column;align-items:center;padding:20px 26px 28px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 25px #0000002e}.onboarding-guide-dots{justify-content:center;gap:8px;margin-bottom:14px;display:flex}.onboarding-guide-dot{cursor:pointer;background:#cbd5e1;border-radius:999px;width:32px;height:4px;transition:background .2s}.onboarding-guide-dot.active{background:#111827}.onboarding-video-guide-text{text-align:center;color:#111827;justify-content:center;align-items:center;min-height:44px;margin:0 0 18px;padding:0 6px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700;line-height:1.45;display:flex}.onboarding-guide-action-btn{color:#fff;cursor:pointer;letter-spacing:.3px;text-shadow:0 1px 2px #00000026;background:linear-gradient(135deg,#c39c73 0%,#a0703e 100%);border:1px solid #ffffff40;border-radius:9999px;justify-content:center;align-items:center;width:100%;height:52px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #a0703e66}.onboarding-guide-action-btn:after{content:"";background:linear-gradient(90deg,#fff0 0%,#fff6 30%,#fffc 50%,#fff6 70%,#fff0 100%);width:50%;height:100%;animation:2.5s linear infinite modal-btn-shimmer;position:absolute;top:0;left:-150%;transform:skew(-25deg)}.onboarding-guide-action-btn:hover{background:linear-gradient(135deg,#d2aa80 0%,#ad7c48 100%);transform:translateY(-2px);box-shadow:0 12px 30px #a0703e8c}.onboarding-guide-action-btn:active{transform:translateY(0);box-shadow:0 4px 14px #a0703e66}.onboarding-camera-view{color:#1c1917;background:#fff;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.onboarding-camera-top-bar{z-index:20;background:#fff;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.onboarding-camera-top-bar.video-top-bar{position:absolute;top:0;left:0;right:0}.onboarding-camera-nav-btn{color:#6b4e37;cursor:pointer;background:#f4ede4;border:1px solid #e5ded4;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s;display:flex}.onboarding-camera-nav-btn:hover{background:#e9e0d5;transform:scale(1.05)}.onboarding-camera-nav-btn svg{width:20px;height:20px}.onboarding-camera-title{color:#4a3525;letter-spacing:-.2px;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:17px;font-weight:700}.onboarding-camera-viewport{background:#111;border-radius:22px;flex:1;justify-content:center;align-items:center;margin:0 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #00000014}.onboarding-camera-feed{object-fit:cover;width:100%;height:100%}.onboarding-camera-feed.mirror-cam{transform:scaleX(-1)}.onboarding-face-guide-overlay{pointer-events:none;z-index:5;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.onboarding-face-guide-svg{filter:drop-shadow(0 2px 8px #0009);width:90%;height:90%}.onboarding-camera-error-wrap{text-align:center;color:#d1d5db;flex-direction:column;justify-content:center;align-items:center;padding:24px;font-size:14px;display:flex}.onboarding-upload-trigger-btn{color:#111827;cursor:pointer;background:#fff;border:none;border-radius:999px;margin-top:14px;padding:10px 18px;font-size:13.5px;font-weight:600}.onboarding-camera-slots-row{z-index:10;background:#fff;justify-content:center;gap:16px;padding:14px 20px 8px;display:flex}.onboarding-face-slot{cursor:pointer;background:#f4ede4;border:2px solid #e5ded4;border-radius:18px;justify-content:center;align-items:center;width:66px;height:66px;transition:all .2s;display:flex;position:relative;overflow:hidden}.onboarding-face-slot:hover{background:#eae2d7}.onboarding-face-slot.active{background:#eae2d7;border-color:#6b4e37;box-shadow:0 0 14px #6b4e3740}.onboarding-slot-thumb-wrap{width:100%;height:100%;position:relative}.onboarding-slot-thumb-wrap img{object-fit:cover;width:100%;height:100%}.onboarding-slot-del-btn{color:#fff;cursor:pointer;background:#ef4444;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:14px;font-weight:700;line-height:1;display:flex;position:absolute;top:3px;right:3px;box-shadow:0 2px 4px #0006}.onboarding-slot-placeholder{color:#6b4e37;opacity:.85;justify-content:center;align-items:center;width:68%;height:68%;display:flex}.onboarding-slot-placeholder svg{width:100%;height:100%}.onboarding-camera-controls{z-index:10;background:#fff;justify-content:space-around;align-items:center;padding:10px 24px 16px;display:flex}.onboarding-shutter-btn{cursor:pointer;background:0 0;border:4px solid #6b4e37;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;padding:0;transition:all .15s;display:flex;box-shadow:0 4px 14px #6b4e372e}.onboarding-shutter-btn:hover{transform:scale(1.04);box-shadow:0 6px 18px #6b4e3747}.onboarding-shutter-btn:active{transform:scale(.92)}.onboarding-shutter-inner{background:linear-gradient(135deg,#7a5b44 0%,#5e432e 100%);border-radius:50%;width:56px;height:56px;display:block}.onboarding-camera-side-btn{color:#6b4e37;cursor:pointer;background:#f4ede4;border:1px solid #e5ded4;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .18s;display:flex}.onboarding-camera-side-btn:hover{background:#eae2d7;transform:scale(1.05)}.onboarding-camera-side-btn svg{width:22px;height:22px}.onboarding-camera-continue-bar{z-index:10;background:#fff;padding:0 24px 20px}.onboarding-camera-continue-btn{color:#3d2b1f;cursor:pointer;background:#e9dccf;border:1.5px solid #d4c2b0;border-radius:9999px;width:100%;height:48px;font-family:Plus Jakarta Sans,sans-serif;font-size:15.5px;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #a0877333}.onboarding-camera-continue-btn:hover:not(:disabled){background:#dfcfbf;border-color:#cbb7a3;transform:translateY(-1px)}.onboarding-camera-continue-btn:disabled,.onboarding-camera-continue-btn.disabled{opacity:.85;color:#b0a59b!important;cursor:not-allowed!important;box-shadow:none!important;background:#f4eee8!important;border:1.5px solid #eee7df!important;transform:none!important}.onboarding-header-simple{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.onboarding-header-simple .onboarding-back-btn{cursor:pointer;color:#111827;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex}.onboarding-header-simple .onboarding-back-btn svg{stroke:#111827;width:18px;height:18px}.onboarding-header-simple .onboarding-back-btn:hover{background:#e5e7eb}.onboarding-title-simple{color:#111827;letter-spacing:-.2px;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:19px;font-weight:700}.onboarding-trending-tag{color:#8c7b6d;align-items:center;gap:6px;margin-bottom:14px;font-size:13.5px;font-weight:600;display:flex}.onboarding-trending-tag svg{width:16px;height:16px}.onboarding-products-scroll-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:12px;max-height:380px;padding-right:4px;display:flex;overflow-y:auto}.onboarding-products-scroll-list::-webkit-scrollbar{width:4px}.onboarding-products-scroll-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.onboarding-product-card-item{background:#fff;border:1px solid #f1f2f6;border-radius:18px;align-items:center;gap:14px;padding:10px 14px;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000005}.onboarding-product-card-item:hover{background:#fafafc;border-color:#e5e7eb}.onboarding-product-item-img{object-fit:cover;background:#f3f4f6;border-radius:12px;flex-shrink:0;width:50px;height:50px}.onboarding-product-item-info{flex:1;min-width:0}.onboarding-product-item-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-family:Plus Jakarta Sans,sans-serif;font-size:13.5px;font-weight:600;line-height:1.35;overflow:hidden}.onboarding-product-item-brand{letter-spacing:-.2px;font-weight:750}.onboarding-product-item-meta{color:#6b7280;margin-top:3px;font-size:12.5px}.onboarding-product-toggle-btn{color:#1c1917;cursor:pointer;background:#e9dccf;border:1px solid #d8c7b5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:19px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.onboarding-product-toggle-btn:hover{background:#dfcfbf;transform:scale(1.08)}.onboarding-product-toggle-btn.selected{background:#10b981;font-size:16px;font-weight:700}.onboarding-ai-analyzing-overlay{z-index:120;background:#fff;border-radius:32px;justify-content:center;align-items:center;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeInAiOverlay;display:flex;position:absolute;inset:0}@keyframes fadeInAiOverlay{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.onboarding-ai-card{text-align:center;background:#fdfbf8;border:1.5px solid #e9dccf;border-radius:28px;width:100%;max-width:440px;padding:34px 24px 28px;box-shadow:0 16px 44px #6b4e3714}.onboarding-ai-radar-box{background:#f4ede4;border:2px solid #e5ded4;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 18px;display:flex;position:relative;overflow:hidden}.onboarding-ai-radar-sweep{background:conic-gradient(#0000 0deg,#6b4e374d 60deg,#0000 70deg);border-radius:50%;animation:2s linear infinite aiRadarRotate;position:absolute;inset:0}@keyframes aiRadarRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.onboarding-ai-radar-sparkle{z-index:2;font-size:28px;animation:1.8s ease-in-out infinite alternate aiSparklePulse;position:relative}@keyframes aiSparklePulse{0%{opacity:.8;transform:scale(.9)}to{opacity:1;filter:drop-shadow(0 0 10px #6b4e3766);transform:scale(1.15)}}.onboarding-ai-title{color:#4a3525;letter-spacing:-.3px;margin:0 0 6px;font-size:20px;font-weight:700}.onboarding-ai-subtitle{color:#7a6658;margin:0 0 20px;font-size:13.5px;line-height:1.45}.onboarding-ai-status-pill{color:#4a3525;background:#f4ede4;border:1.5px solid #d8c7b5;border-radius:999px;align-items:center;gap:10px;margin-bottom:22px;padding:10px 18px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #6b4e3714}.onboarding-ai-spinner{border:2px solid #6b4e3740;border-top-color:#6b4e37;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite aiSpinnerSpin}@keyframes aiSpinnerSpin{to{transform:rotate(360deg)}}.onboarding-ai-angle-preview{justify-content:center;align-items:center;gap:12px;margin-bottom:20px;display:flex}.onboarding-ai-angle-thumb{flex-direction:column;align-items:center;gap:6px;display:flex}.onboarding-ai-angle-thumb img{object-fit:cover;background:#f4ede4;border:2px solid #d4c2b0;border-radius:12px;width:58px;height:72px;box-shadow:0 4px 12px #6b4e371f}.onboarding-ai-angle-thumb span{color:#5c4435;font-size:11px;font-weight:600}.onboarding-ai-medical-badge{color:#7a6658;border-top:1px solid #e8e0d6;justify-content:center;align-items:center;gap:6px;padding-top:14px;font-size:11.5px;display:flex}.onboarding-image-lightbox-overlay{-webkit-backdrop-filter:blur(12px);z-index:99999;background:#0f0c0ad9;justify-content:center;align-items:center;padding:20px;animation:.2s cubic-bezier(.16,1,.3,1) forwards fadeInLightbox;display:flex;position:fixed;inset:0}@keyframes fadeInLightbox{0%{opacity:0}to{opacity:1}}.onboarding-image-lightbox-container{background:0 0;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:500px;animation:.22s cubic-bezier(.16,1,.3,1) forwards scaleInLightbox;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000008c}@keyframes scaleInLightbox{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.onboarding-lightbox-close-btn{color:#fff;cursor:pointer;z-index:10;background:#000000a6;border:1.5px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.onboarding-lightbox-close-btn:hover{background:#6b4e37e6;border-color:#e9dccf;transform:scale(1.08)}.onboarding-lightbox-img{object-fit:contain;border-radius:24px;width:100%;height:auto;max-height:82vh;display:block}.onboarding-modal-card.intro-mode{background:#fff;border-radius:36px;padding:24px 24px 28px;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000038}.onboarding-intro-view{z-index:2;flex-direction:column;height:100%;display:flex;position:relative}.onboarding-intro-tech-grid{pointer-events:none;z-index:1;opacity:.85;height:220px;position:absolute;top:0;left:0;right:0}.onboarding-intro-grid-svg{width:100%;height:100%}.onboarding-intro-top-bar{z-index:10;justify-content:flex-end;align-items:center;margin-bottom:24px;display:flex;position:relative}.onboarding-intro-close-btn{cursor:pointer;color:#0f172a;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.onboarding-intro-close-btn:hover{background-color:#f1f5f9;transform:rotate(90deg)}.onboarding-intro-brand{z-index:5;margin-bottom:40px;padding-left:2px;position:relative}.onboarding-intro-brand-name{color:#0f172a;letter-spacing:-.6px;align-items:center;gap:3px;margin:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:32px;font-weight:800;display:inline-flex}.onboarding-brand-accent{background:linear-gradient(135deg,#c39c73 0%,#a0703e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}.onboarding-intro-brand-ai{color:#a0703e;letter-spacing:.5px;background:linear-gradient(135deg,#fdf8f4 0%,#faede2 100%);border:1px solid #ebd9c8;border-radius:6px;margin-left:6px;padding:3px 8px;font-size:13px;font-weight:800;line-height:1;display:inline-block;box-shadow:0 2px 6px #a0703e26}.onboarding-intro-steps-list{z-index:5;flex-direction:column;gap:28px;margin-bottom:44px;display:flex;position:relative}.onboarding-intro-step-item{align-items:flex-start;gap:16px;display:flex}.onboarding-intro-step-icon-wrap{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.onboarding-intro-step-icon-wrap.pink{background:#fff0f3;border:1.5px solid #ffe4e6}.onboarding-intro-step-icon-wrap.purple{background:#f5f3ff;border:1.5px solid #ede9fe}.onboarding-intro-step-icon-wrap.green{background:#f0fdf4;border:1.5px solid #dcfce7}.onboarding-intro-step-content{flex-direction:column;gap:4px;padding-top:1px;display:flex}.onboarding-intro-step-title{color:#0f172a;letter-spacing:-.2px;margin:0;font-size:16.5px;font-weight:800}.onboarding-intro-step-desc{color:#475569;margin:0;font-size:14px;font-weight:500;line-height:1.45}.onboarding-intro-bottom-action{z-index:5;margin-top:auto;position:relative}.onboarding-intro-start-btn{color:#fff;cursor:pointer;letter-spacing:.3px;text-shadow:0 1px 2px #00000026;background:linear-gradient(135deg,#c39c73 0%,#a0703e 100%);border:1px solid #ffffff40;border-radius:9999px;justify-content:center;align-items:center;width:100%;height:52px;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #a0703e66}.onboarding-intro-start-btn:after{content:"";background:linear-gradient(90deg,#fff0 0%,#fff6 30%,#fffc 50%,#fff6 70%,#fff0 100%);width:50%;height:100%;animation:2.5s linear infinite modal-btn-shimmer;position:absolute;top:0;left:-150%;transform:skew(-25deg)}@keyframes modal-btn-shimmer{0%{left:-150%}to{left:150%}}.onboarding-intro-start-btn:hover{background:linear-gradient(135deg,#d2aa80 0%,#ad7c48 100%);transform:translateY(-2px);box-shadow:0 12px 30px #a0703e8c}.onboarding-intro-start-btn:active{transform:translateY(0);box-shadow:0 4px 14px #a0703e66}.onboarding-top-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.onboarding-top-close-btn:hover{color:#0f172a;background:#f1f5f9}.upgrade-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:99999;background-color:#121318b8;justify-content:center;align-items:center;padding:16px;animation:.25s ease-out forwards upgradeFadeIn;display:flex;position:fixed;inset:0}@keyframes upgradeFadeIn{0%{opacity:0}to{opacity:1}}.upgrade-modal-dialog{scrollbar-width:none;-ms-overflow-style:none;background:#fff;border-radius:24px;width:100%;max-width:620px;max-height:90vh;padding:32px 28px;animation:.3s cubic-bezier(.16,1,.3,1) forwards upgradeScaleUp;position:relative;overflow-y:auto;box-shadow:0 25px 60px -15px #0000004d,0 0 0 1px #a0755326}.upgrade-modal-dialog::-webkit-scrollbar{width:0;height:0;display:none}@keyframes upgradeScaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.upgrade-modal-close{color:#736454;cursor:pointer;background:#fdfbf9;border:1px solid #a0755333;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.upgrade-modal-close:hover{color:#fff;background:#a07553;border-color:#a07553;transform:rotate(90deg)}.upgrade-modal-header{text-align:center;margin-bottom:24px}.upgrade-badge-pill{color:#8b6038;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#f7efe7 0%,#ebdcd0 100%);border:1px solid #a0755340;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 14px;font-size:11px;font-weight:700;display:inline-flex}.upgrade-badge-pill .sparkle{color:#c4823f}.upgrade-modal-title{color:#2b231c;letter-spacing:-.02em;margin-bottom:8px;font-size:26px;font-weight:800}.upgrade-modal-desc{color:#736454;max-width:480px;margin:0 auto;font-size:14px;line-height:1.5}.upgrade-plan-tabs{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.upgrade-plan-tab{text-align:left;cursor:pointer;background:#fdfbf9;border:2px solid #ecdcd0;border-radius:16px;padding:16px 14px;transition:all .25s;position:relative}.upgrade-plan-tab:hover{background:#fffdfb;border-color:#c4a484}.upgrade-plan-tab.active{background:#fcf8f4;border-color:#a07553;box-shadow:0 4px 18px #a0755326}.tab-tag{text-transform:uppercase;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,#c39c73 0%,#a0703e 100%);border:1px solid #fff6;border-radius:99px;justify-content:center;align-items:center;margin-bottom:8px;padding:4px 12px;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #a0703e47}.tab-tag.pro{background:linear-gradient(135deg,#7c6858 0%,#544436 100%);border:1px solid #ffffff40;box-shadow:0 2px 8px #54443640}.tab-name{color:#2b231c;margin-bottom:4px;font-size:16px;font-weight:700}.tab-price{color:#a07553;font-size:18px;font-weight:800}.tab-price span{color:#8c7e72;font-size:12px;font-weight:500}.upgrade-plan-details{background:#faf6f2;border:1px solid #ebdcd0;border-radius:18px;margin-bottom:20px;padding:20px}.details-header{border-bottom:1px dashed #dfcebe;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;display:flex}.details-badge{color:#8b6038;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.details-title{color:#2b231c;margin-top:2px;font-size:20px;font-weight:800}.details-price-wrap{text-align:right}.details-price{color:#a07553;font-size:22px;font-weight:800}.details-period{color:#8c7e72;margin-left:2px;font-size:13px}.upgrade-features-list .features-headline{color:#543;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;font-size:13px;font-weight:700}.upgrade-features-list ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.upgrade-features-list li{color:#44372c;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.4;display:flex}.upgrade-features-list .check-icon{color:#fff;background:#a07553;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;font-size:11px;font-weight:800;display:inline-flex}.upgrade-account-info{background:#fdfbf9;border:1px solid #ebdcd0;border-radius:16px;margin-bottom:20px;padding:16px}.account-row{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.account-label{color:#736454;font-weight:500}.account-value{color:#2b231c;font-weight:700}.membership-pill{text-transform:uppercase;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block}.membership-pill.free{color:#685b50;background:#ece8e4}.membership-pill.premium{color:#a0631b;background:#fae6cb}.membership-pill.vip{color:#3b2a00;background:linear-gradient(135deg,gold 0%,#d4af37 100%)}.upgrade-payment-summary{background:#fff;border:1.5px solid #ecdcd0;border-radius:14px;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.payment-summary-icon{color:#a07553;background:#f7efe7;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.payment-summary-info{flex-direction:column;flex:1;display:flex}.payment-summary-info .summary-title{color:#2b231c;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700}.payment-summary-info .summary-sub{color:#806e5d;margin-top:2px;font-size:11.5px;line-height:1.35}.vietqr-pill{color:#fff;letter-spacing:.04em;background:#0066b2;border-radius:6px;flex-shrink:0;padding:3px 8px;font-family:Plus Jakarta Sans,sans-serif;font-size:10px;font-weight:800}.upgrade-not-logged-in-alert{background:#fff8eb;border:1px solid #fed7aa;border-radius:14px;gap:12px;margin-bottom:20px;padding:14px;display:flex}.alert-icon{flex-shrink:0;font-size:20px}.alert-content strong{color:#9a3412;margin-bottom:4px;font-size:13.5px;display:block}.alert-content p{color:#7c2d12;margin:0;font-size:12.5px;line-height:1.4}.upgrade-alert{border-radius:12px;margin-bottom:16px;padding:12px 16px;font-size:13px;line-height:1.4;animation:.2s upgradeFadeIn}.upgrade-alert.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.upgrade-alert.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;font-weight:600}.upgrade-modal-actions{flex-direction:column;gap:10px;display:flex}.upgrade-btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a07553 0%,#83593b 100%);border:none;border-radius:16px;width:100%;padding:15px;font-size:15px;font-weight:700;transition:all .25s;box-shadow:0 4px 16px #a075534d}.upgrade-btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#b08360 0%,#906242 100%);transform:translateY(-1px);box-shadow:0 6px 20px #a0755366}.upgrade-btn-submit:active:not(:disabled){transform:translateY(0)}.upgrade-btn-submit.disabled,.upgrade-btn-submit:disabled{color:#fff;box-shadow:none;cursor:not-allowed;background:#c7beba}.upgrade-guarantee-note{text-align:center;color:#9c8e82;margin:0;font-size:11.5px}@media (width<=540px){.upgrade-modal-dialog{border-radius:20px;padding:24px 18px}.upgrade-modal-title{font-size:22px}.upgrade-plan-tabs{grid-template-columns:1fr}}.glowskin-chat-container{z-index:9999;font-family:system-ui,-apple-system,sans-serif;position:fixed;bottom:24px;right:24px}.glowskin-chat-badge-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:70px;height:70px;padding:0;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.glowskin-chat-badge-btn:hover{transform:scale(1.1)}.glowskin-chat-mascot-icon{object-fit:contain;filter:drop-shadow(0 6px 16px #a9846738);width:70px;height:70px;animation:4s ease-in-out infinite alternate floatMascotIcon}@keyframes floatMascotIcon{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.glowskin-online-dot{background-color:#10b981;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:4px;right:4px}.glowskin-chat-card{background:#fff;border:1px solid #e5e4e780;border-radius:20px;flex-direction:column;width:320px;height:460px;animation:.35s cubic-bezier(.16,1,.3,1) chatFadeIn;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000001f}@keyframes chatFadeIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.glowskin-chat-header{color:#fff;background:linear-gradient(135deg,#e3c09b,#c39c73);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.glowskin-chat-header-title{align-items:center;gap:8px;display:flex}.glowskin-header-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #10b981}.glowskin-chat-header-title strong{letter-spacing:.2px;font-size:14px}.glowskin-chat-close-btn{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;padding:0;font-size:24px;line-height:1;transition:opacity .2s}.glowskin-chat-close-btn:hover{opacity:1}.glowskin-chat-quick-links{background-color:#faf9f6;border-bottom:1px solid #f1efe9;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px;display:grid}.glowskin-quick-btn{color:#6b6375;background-color:#fff;border:1px solid #e5e4e7;border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:500;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:flex}.glowskin-quick-btn:hover{color:#c39c73;background-color:#f4f3ec;border-color:#c39c73}.quick-icon{width:16px;height:16px}.glowskin-chat-body{background-color:#fff;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.glowskin-chat-register-form{box-sizing:border-box;flex-direction:column;align-items:center;gap:12px;height:100%;padding:18px;display:flex;overflow-y:auto}.glowskin-chat-decor-icon{color:#c39c73;background-color:#c39c731a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.glowskin-chat-decor-icon svg{width:24px;height:24px}.glowskin-chat-register-form h3{color:#08060d;margin:0;font-size:15px;font-weight:600}.glowskin-chat-subtitle{color:#9ca3af;text-align:center;margin:-6px 0 4px;font-size:11.5px;line-height:1.4}.glowskin-chat-error-msg{color:#ef4444;text-align:center;box-sizing:border-box;background-color:#fef2f2;border-radius:8px;width:100%;padding:10px;font-size:12px}.glowskin-chat-form-group{flex-direction:column;gap:6px;width:100%;display:flex}.glowskin-chat-form-group label{color:#6b6375;letter-spacing:.5px;font-size:11px;font-weight:700}.glowskin-chat-form-group input{color:#08060d;background-color:#fafafa;border:1px solid #e5e4e7;border-radius:10px;outline:none;padding:10px 12px;font-size:13px;transition:border-color .2s,background-color .2s}.glowskin-chat-form-group input:focus{background-color:#fff;border-color:#c39c73}.glowskin-chat-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e3c09b,#c39c73);border:none;border-radius:12px;width:100%;margin-top:6px;padding:11px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #c39c7340}.glowskin-chat-submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #c39c7366}.glowskin-chat-messages-wrapper{flex-direction:column;height:100%;display:flex}.glowskin-chat-messages-list{background-color:#fcfbfa;flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.glowskin-chat-messages-list::-webkit-scrollbar{width:4px}.glowskin-chat-messages-list::-webkit-scrollbar-track{background:0 0}.glowskin-chat-messages-list::-webkit-scrollbar-thumb{background:#c39c7333;border-radius:2px}.glowskin-chat-empty-state{text-align:center;color:#9ca3af;margin:auto 0;padding:30px 15px;font-size:13px;line-height:1.5}.glowskin-chat-empty-state strong{color:#c39c73}.glowskin-chat-message-bubble{word-break:break-word;border-radius:12px;max-width:80%;padding:8px 12px;font-size:13px;line-height:1.4;position:relative;box-shadow:0 1px 2px #0000000d}.glowskin-message--user{color:#fff;background-color:#c39c73;border-bottom-right-radius:4px;align-self:flex-end}.glowskin-message--admin{color:#08060d;background-color:#fff;border:1px solid #e5e4e7;border-bottom-left-radius:4px;align-self:flex-start}.glowskin-chat-message-text{margin-bottom:4px}.glowskin-chat-message-time{opacity:.7;text-align:right;font-size:9px}.glowskin-message--admin .glowskin-chat-message-time{color:#9ca3af}.glowskin-message--user .glowskin-chat-message-time{color:#fffc}.glowskin-chat-send-form{background-color:#fff;border-top:1px solid #e5e4e7;align-items:center;gap:6px;padding:8px 12px;display:flex}.glowskin-chat-exit-session{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:12px;transition:color .2s,background-color .2s}.glowskin-chat-exit-session:hover{color:#ef4444;background-color:#fef2f2}.glowskin-chat-send-form input{color:#08060d;background-color:#fafafa;border:1px solid #e5e4e7;border-radius:16px;outline:none;flex:1;padding:8px 12px;font-size:13px;transition:border-color .2s}.glowskin-chat-send-form input:focus{background-color:#fff;border-color:#c39c73}.glowskin-chat-send-btn{color:#fff;cursor:pointer;background-color:#c39c73;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s,transform .2s;display:flex}.glowskin-chat-send-btn:hover{background-color:#b08a62;transform:scale(1.05)}.glowskin-chat-send-btn svg{width:16px;height:16px;margin-left:2px}@media (width<=480px){.glowskin-chat-container{bottom:16px;right:16px}.glowskin-chat-card{width:calc(100vw - 32px);height:calc(100vh - 120px);max-height:520px}}.glowskin-chat-bubble{color:#704f2d;white-space:nowrap;opacity:0;pointer-events:none;z-index:10000;background:#fff;border:1px solid #c39c7333;border-radius:16px 16px 4px;padding:8px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;bottom:80px;right:10px;transform:scale(.9)translateY(10px);box-shadow:0 6px 20px #a984671f}.glowskin-chat-badge-btn:hover .glowskin-chat-bubble{opacity:1;transform:scale(1)translateY(0)}.splash-cover{z-index:9996;opacity:1;pointer-events:none;background-color:#faf8f5;background-image:radial-gradient(at 0 0,#f3e6dcd9 0,#0000 55%),radial-gradient(at 100% 100%,#dcc4ac73 0,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;transition:opacity .8s cubic-bezier(.25,1,.3,1);position:fixed;inset:0}.splash-cover--fade{opacity:0}.splash-panels{z-index:9993;pointer-events:none;display:flex;position:fixed;inset:0}.splash-panel{-webkit-backdrop-filter:blur(56px);opacity:1;will-change:transform, opacity;background:#faf8f5fa;border-right:1px solid #a984670d;flex:1;height:100%;transition:transform 1.8s cubic-bezier(.3,1,.3,1),opacity 1.8s cubic-bezier(.3,1,.3,1)}.splash-panel:last-child{border-right:none}.splash-panel--left{transform:translate(0)}.splash-panels--open .splash-panel--left{opacity:0;transform:translate(-100%)}.splash-panel--right{transform:translate(0)}.splash-panels--open .splash-panel--right{opacity:0;transform:translate(100%)}.splash-counter-wrap{z-index:9999;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s cubic-bezier(.25,1,.3,1),transform .6s cubic-bezier(.25,1,.3,1);display:flex;position:fixed;inset:0}.splash-counter-wrap--fade{opacity:0;transform:scale(1.05)}.splash-skip{z-index:10000;pointer-events:auto;color:#8c623966;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #a9846740;border-radius:999px;padding:8px 20px;font-family:DM Sans,Segoe UI,sans-serif;font-size:11px;font-weight:500;transition:all .25s;position:fixed;top:32px;right:36px}.splash-skip:hover{color:#8c6239;background:#a984670d;border-color:#a984678c}.splash-brand{z-index:10000;letter-spacing:.3em;text-transform:uppercase;color:#8c623973;white-space:nowrap;font-family:Playfair Display,Georgia,serif;font-size:13px;font-weight:600;animation:.8s cubic-bezier(.22,1,.36,1) .2s both fadeUpCenter;position:fixed;top:36px;left:50%;transform:translate(-50%)}.splash-center{flex-direction:column;align-items:center;gap:28px;animation:.6s cubic-bezier(.22,1,.36,1) .1s both fadeUp;display:flex}.splash-counter{letter-spacing:-.05em;color:#4a3c31;font-variant-numeric:tabular-nums;align-items:baseline;font-family:DM Sans,Segoe UI,sans-serif;font-size:clamp(120px,22vw,240px);font-weight:800;line-height:1;display:flex}.splash-counter--pop{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards counterPop}@keyframes counterPop{0%{transform:scale(1)}60%{transform:scale(1.07)}to{transform:scale(1.04)}}.splash-percent{color:#a98467;letter-spacing:0;align-self:flex-start;margin-top:.18em;margin-left:6px;font-size:.35em;font-weight:600}.splash-bar{background:#a9846726;border-radius:999px;width:min(280px,55vw);height:1.5px;overflow:hidden}.splash-bar-fill{background:linear-gradient(90deg,#c39c73,#a98467);border-radius:999px;height:100%;transition:width 50ms linear}.splash-loading-text{letter-spacing:.22em;text-transform:uppercase;color:#8c623959;font-family:DM Sans,Segoe UI,sans-serif;font-size:10.5px;font-weight:400}.splash-bottom{z-index:10000;letter-spacing:.22em;text-transform:uppercase;color:#8c623938;white-space:nowrap;font-family:DM Sans,Segoe UI,sans-serif;font-size:11px;font-weight:400;animation:.8s cubic-bezier(.22,1,.36,1) .4s both fadeUpCenter;position:fixed;bottom:36px;left:50%;transform:translate(-50%)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUpCenter{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.contact-page-wrapper{box-sizing:border-box;background-color:#fff;flex-direction:column;min-height:100svh;display:flex}@media (prefers-color-scheme:dark){.contact-page-wrapper{background-color:#12131a}}.contact-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;box-sizing:border-box;background:#ffffffe6;border-bottom:1px solid #c39c731a;justify-content:space-between;align-items:center;height:56px;padding:0 8%;display:flex;position:sticky;top:0}@media (prefers-color-scheme:dark){.contact-header{background:#16171de6;border-bottom:1px solid #e3c09b1a}}.contact-header-actions{align-items:center;gap:16px;display:flex}.contact-nav-link{color:var(--text);font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}.contact-nav-link:hover,.contact-nav-link--accent{color:var(--accent)}.contact-nav-link--muted{color:#9ca3af}.contact-main{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:calc(100svh - 80px);padding:15px 8% 50px;display:flex}.contact-hero{text-align:center;max-width:600px;margin-bottom:30px}.contact-tag-wrapper{margin-bottom:12px}.contact-tag{color:#a0703e;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#fdf8f4 0%,#faede2 100%);border:1px solid #ebd9c8;border-radius:50px;align-items:center;gap:5px;padding:5px 14px;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:10.5px;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #a0703e14}.contact-hero h1{letter-spacing:-.8px;color:#111;margin:12px 0;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:32px;font-weight:800}@media (prefers-color-scheme:dark){.contact-hero h1{color:#fff}}.contact-hero p{color:#4a4a4a;margin-top:8px;margin-bottom:0;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:13.5px;line-height:1.6}@media (prefers-color-scheme:dark){.contact-hero p{color:#9ca3af}}.contact-content-container{align-items:flex-start;gap:20px;width:100%;max-width:955px;margin:0 auto;display:flex}.contact-info-cards{flex-direction:column;flex:0 0 340px;gap:12px;display:flex}.info-card{box-sizing:border-box;background-color:#fff;border:1px solid #f1eee9;border-radius:16px;align-items:center;gap:12px;padding:16px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 20px #00000008,0 8px 25px #e2ab8f14}@media (prefers-color-scheme:dark){.info-card{background-color:#1d1e26;border-color:#ffffff0f;box-shadow:0 8px 25px #0003}}.info-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #a0703e26}.info-card-icon-wrap{color:#a0703e;background:linear-gradient(135deg,#fdf8f4 0%,#faede2 100%);border:1px solid #ebd9c8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:9px;display:flex;box-shadow:0 2px 8px #a0703e1a}.info-card-icon-wrap svg{width:18px;height:18px}.info-card-content{text-align:left}.info-card-content h3{color:#555;letter-spacing:.5px;text-transform:uppercase;margin:0 0 2px;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:10px;font-weight:700}@media (prefers-color-scheme:dark){.info-card-content h3{color:#e3c09b}}.info-highlight{color:#111;white-space:normal;word-break:keep-all;overflow-wrap:normal;margin:0 0 2px;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:12.5px;font-weight:800;line-height:1.4}.email-highlight{white-space:nowrap}@media (prefers-color-scheme:dark){.info-highlight{color:#fff}}.info-sub{color:#777;margin:0;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:10.5px;line-height:1.3}.contact-form-card{box-sizing:border-box;text-align:left;background-color:#fff;border:1px solid #f1eee9;border-radius:20px;flex-direction:column;flex:auto;padding:24px 32px;display:flex;box-shadow:0 4px 25px #00000008,0 8px 25px #e2ab8f14}@media (prefers-color-scheme:dark){.contact-form-card{background-color:#1d1e26;border-color:#ffffff0f;box-shadow:0 8px 25px #0003}}.contact-form-card h3{letter-spacing:-.4px;color:#111;margin:0 0 16px;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:20px;font-weight:800}@media (prefers-color-scheme:dark){.contact-form-card h3{color:#fff}}.form-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.full-width{grid-column:span 2;margin-bottom:14px}.form-group label{color:#333;letter-spacing:.5px;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:10px;font-weight:700}@media (prefers-color-scheme:dark){.form-group label{color:#9ca3af}}.required-star{color:#dc2626;margin-left:2px}.form-group input,.form-group textarea{color:#111;box-sizing:border-box;background-color:#faf9f8;border:1px solid #f1eeeb;border-radius:8px;padding:12px 14px;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:13.5px;transition:border-color .2s,box-shadow .2s}@media (prefers-color-scheme:dark){.form-group input,.form-group textarea{color:#fff;background-color:#15161c;border-color:#2e303a}}.form-group input::placeholder,.form-group textarea::placeholder{color:#b3aba4}.form-group input:focus,.form-group textarea:focus{background-color:#fff;border-color:#c39c73;outline:none;box-shadow:0 0 0 3px #c39c7333}.contact-submit-btn{color:#fff;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#c39c73 0%,#a0703e 100%);border:1px solid #ffffff40;border-radius:50px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #a0703e66}.contact-submit-btn:after{content:"";background:linear-gradient(90deg,#fff0 0%,#fff6 30%,#fffc 50%,#fff6 70%,#fff0 100%);width:50%;height:100%;animation:2.5s linear infinite contact-btn-shimmer;position:absolute;top:0;left:-150%;transform:skew(-25deg)}@keyframes contact-btn-shimmer{0%{left:-150%}to{left:150%}}.contact-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#d2aa80 0%,#ad7c48 100%);transform:translateY(-2px);box-shadow:0 12px 30px #a0703e8c}.contact-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 14px #a0703e66}.contact-submit-btn:disabled{opacity:.7;cursor:not-allowed}.contact-status-msg{text-align:center;border-radius:4px;margin-top:8px;padding:6px;font-size:11.5px;font-weight:500}.contact-status-msg--success{color:#16a34a;background-color:#16a34a14}.contact-status-msg--error{color:#dc2626;background-color:#dc262614}@media (width<=992px){.contact-content-container{flex-direction:column;align-items:stretch;gap:20px}.contact-info-cards{flex:auto;gap:12px}}@media (width<=768px){.contact-header{padding:0 4%}.contact-header-actions .contact-nav-link{display:none}.contact-main{padding:24px 5% 30px}.contact-hero h1{font-size:24px}}@media (width<=576px){.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}}.profile-page-wrapper{box-sizing:border-box;background-color:#fcfbfa;flex-direction:column;min-height:100vh;display:flex}@media (prefers-color-scheme:dark){.profile-page-wrapper{background-color:#12131a}}.profile-header{z-index:100;box-sizing:border-box;background:#fff;border-bottom:1px solid #f1eeeb;justify-content:space-between;align-items:center;height:56px;padding:0 8%;display:flex;position:sticky;top:0}@media (prefers-color-scheme:dark){.profile-header{background:#181920;border-bottom-color:#ffffff0d}}.profile-header-actions{align-items:center;gap:16px;display:flex}.profile-nav-link{color:var(--text);font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}.profile-nav-link:hover,.profile-nav-link--accent{color:var(--accent)}.profile-nav-link--muted{color:#9ca3af}.profile-main-container{box-sizing:border-box;flex-grow:1;width:100%;max-width:1080px;margin:32px auto;padding:0 24px}.profile-layout-grid{grid-template-columns:290px 1fr;align-items:flex-start;gap:40px;display:grid}.profile-sidebar{flex-direction:column;gap:20px;display:flex}.profile-user-card{box-sizing:border-box;background-color:#fff;border:1px solid #f1eee9;border-radius:16px;flex-direction:column;padding:20px;display:flex;box-shadow:0 4px 20px #00000005}@media (prefers-color-scheme:dark){.profile-user-card{background-color:#1e1f26;border-color:#ffffff0d}}.profile-card-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.profile-card-avatar{border:1.5px solid #111;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}@media (prefers-color-scheme:dark){.profile-card-avatar{border-color:#fff}}.profile-card-avatar svg{color:#111;width:22px;height:22px}@media (prefers-color-scheme:dark){.profile-card-avatar svg{color:#fff}}.profile-card-username{color:#111;letter-spacing:.5px;text-align:left;margin:0;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:15px;font-weight:800}@media (prefers-color-scheme:dark){.profile-card-username{color:#fff}}.profile-card-barcode-section{flex-direction:column;margin-bottom:18px;display:flex}.profile-barcode-graphic{box-sizing:border-box;background-color:#fff;border:1px solid #f1eee9;border-radius:8px;justify-content:center;align-items:center;height:42px;padding:8px 10px;display:flex}.profile-barcode-graphic svg{width:100%;height:100%}.profile-barcode-labels{color:#666;justify-content:space-between;width:100%;margin-top:6px;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:11px;display:flex}@media (prefers-color-scheme:dark){.profile-barcode-labels{color:#999}}.profile-barcode-labels strong{color:#111;font-weight:700}@media (prefers-color-scheme:dark){.profile-barcode-labels strong{color:#fff}}.profile-card-loyalty-pass{color:#fff;text-align:left;box-sizing:border-box;background:linear-gradient(135deg,#443733 0%,#1e1715 100%);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex;box-shadow:0 4px 15px #0000001a}.profile-card-loyalty-pass.vip{background:linear-gradient(135deg,#8c6239 0%,#a98467 50%,#ba9879 100%);box-shadow:0 4px 15px #8c623940}.profile-card-loyalty-pass.premium{background:linear-gradient(135deg,#5c4436 0%,#7d5e49 50%,#9e7a61 100%);box-shadow:0 4px 15px #5c443640}.loyalty-header{letter-spacing:.8px;justify-content:space-between;font-size:11.5px;font-weight:800;display:flex}.loyalty-progress-wrap{margin:4px 0 2px}.loyalty-progress-track{background-color:#fff3;border-radius:4px;height:4px;position:relative}.loyalty-progress-fill{z-index:1;background-color:#fff;border-radius:4px;height:100%;position:relative}.loyalty-progress-crown{z-index:2;font-size:11px;position:absolute;top:-8px;right:-2px}.loyalty-subtext{color:#eaeaea;margin:0;font-size:10px;line-height:1.3}.loyalty-footer-link{cursor:pointer;opacity:.95;border-top:1px dashed #ffffff26;justify-content:space-between;align-items:center;margin-top:2px;padding-top:10px;font-size:11px;font-weight:700;transition:opacity .2s;display:flex}.loyalty-footer-link:hover{opacity:1}.loyalty-footer-link .arrow-btn{background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:8px;font-weight:700;display:flex}.profile-sidebar-nav{background-color:#0000;flex-direction:column;padding:4px 0;display:flex}.profile-nav-item{color:#333;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #0000;outline:none;width:100%;padding:12px 4px;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s}@media (prefers-color-scheme:dark){.profile-nav-item{color:#c9c9c9}}.profile-nav-item:hover{color:var(--accent);padding-left:8px}.profile-nav-item.active{color:#111;padding-left:8px;font-weight:800}@media (prefers-color-scheme:dark){.profile-nav-item.active{color:#fff}}.profile-nav-logout-btn{cursor:pointer;border-top:1px solid #f1eee9;align-items:center;margin-top:10px;padding:12px 6px;font-weight:700;transition:all .2s;display:flex;color:#ef4444!important}@media (prefers-color-scheme:dark){.profile-nav-logout-btn{border-top-color:#ffffff14;color:#f87171!important}}.profile-nav-logout-btn:hover{padding-left:10px;color:#dc2626!important}.profile-content-panel{box-sizing:border-box;text-align:left;background-color:#fff;border:1px solid #f1eee9;border-radius:20px;padding:32px;box-shadow:0 4px 25px #00000005}@media (prefers-color-scheme:dark){.profile-content-panel{background-color:#1e1f26;border-color:#ffffff0d}}.profile-breadcrumb{color:#888;align-items:center;gap:6px;margin-bottom:8px;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:11px;display:flex}.profile-panel-title{color:#111;margin:0 0 28px;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:24px;font-weight:800}@media (prefers-color-scheme:dark){.profile-panel-title{color:#fff}}.profile-details-form{flex-direction:column;gap:20px;display:flex}.profile-form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.profile-input-group{flex-direction:column;gap:8px;display:flex}.profile-input-group label{color:#111;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:11px;font-weight:800}@media (prefers-color-scheme:dark){.profile-input-group label{color:#e5e5e5}}.profile-input-group input,.profile-input-group select{color:#111;box-sizing:border-box;background-color:#fff;border:1px solid #e1deda;border-radius:8px;width:100%;padding:12px 14px;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:13.5px;transition:border-color .2s,box-shadow .2s}@media (prefers-color-scheme:dark){.profile-input-group input,.profile-input-group select{color:#fff;background-color:#15161c;border-color:#2d2e38}}.profile-input-group input:focus,.profile-input-group select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #c39c731a}.profile-status-message{text-align:center;border-radius:6px;padding:10px;font-size:12.5px;font-weight:600}.profile-status-message--success{color:#16a34a;background-color:#16a34a14}.profile-status-message--error{color:#dc2626;background-color:#dc262614}.profile-form-actions{justify-content:flex-end;margin-top:10px;display:flex}.profile-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8c6239 0%,#a98467 100%);border:1px solid #8c623959;border-radius:50px;padding:12px 42px;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:13.5px;font-weight:800;transition:all .3s;box-shadow:0 4px 16px #8c623940}.profile-save-btn:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 6px 20px #8c623961}.profile-save-btn:active{transform:translateY(0)}.profile-save-btn:disabled{opacity:.7;cursor:not-allowed}.profile-orders-tabs{scrollbar-width:none;border-bottom:1.5px solid #f1eeeb;gap:20px;margin-bottom:20px;padding-bottom:1px;display:flex;overflow-x:auto}@media (prefers-color-scheme:dark){.profile-orders-tabs{border-bottom-color:#ffffff0f}}.profile-orders-tabs::-webkit-scrollbar{display:none}.orders-tab-btn{color:#777;cursor:pointer;white-space:nowrap;background:0 0;border:none;outline:none;padding:8px 0 12px;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:13px;font-weight:600;transition:color .2s;position:relative}.orders-tab-btn:hover{color:#111}@media (prefers-color-scheme:dark){.orders-tab-btn:hover{color:#fff}}.orders-tab-btn.active{color:#111;font-weight:800}@media (prefers-color-scheme:dark){.orders-tab-btn.active{color:#fff}}.orders-tab-btn.active:after{content:"";background-color:#111;height:2px;position:absolute;bottom:-1.5px;left:0;right:0}@media (prefers-color-scheme:dark){.orders-tab-btn.active:after{background-color:#fff}}.orders-search-wrapper{margin-bottom:20px}.orders-search-bar{box-sizing:border-box;background-color:#faf9f6;border:1px solid #f1eeeb;border-radius:50px;align-items:center;gap:8px;width:100%;padding:8px 16px;display:flex}@media (prefers-color-scheme:dark){.orders-search-bar{background-color:#ffffff05;border-color:#ffffff0d}}.orders-search-bar .search-icon{color:#999;flex-shrink:0;width:16px;height:16px}.orders-search-bar input{color:#111;background:0 0;border:none;outline:none;width:100%;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:13px}@media (prefers-color-scheme:dark){.orders-search-bar input{color:#fff}}.orders-empty-state{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:64px 0;display:flex}.empty-state-icon-wrap{color:#ccc;background-color:#faf9f6;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;display:flex}@media (prefers-color-scheme:dark){.empty-state-icon-wrap{color:#666;background-color:#ffffff05}}.empty-state-icon-wrap svg{width:28px;height:28px}.empty-state-text{color:#777;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:13.5px;font-weight:700}.orders-list-wrapper{flex-direction:column;gap:20px;display:flex}.profile-order-record-card{border:1px solid #f1eeeb;border-radius:12px;flex-direction:column;gap:14px;padding:20px;display:flex}@media (prefers-color-scheme:dark){.profile-order-record-card{border-color:#ffffff0d}}.order-record-header{border-bottom:1px solid #faf9f6;justify-content:space-between;align-items:center;padding-bottom:12px;font-size:13px;display:flex}@media (prefers-color-scheme:dark){.order-record-header{border-bottom-color:#ffffff08}}.order-record-header strong{color:#111;font-weight:700}@media (prefers-color-scheme:dark){.order-record-header strong{color:#fff}}.order-record-date{color:#888;margin-left:10px;font-size:11.5px}.order-record-status{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:800}.order-record-status.chờ-xử-lý,.order-record-status.chờ-xác-nhận{color:#d97706;background-color:#f59e0b14}.order-record-status.đang-chuẩn-bị,.order-record-status.đang-chuẩn-bị-đơn-hàng{color:#4f46e5;background-color:#6366f114}.order-record-status.đang-giao-hàng{color:#0d9488;background-color:#0d948814}.order-record-status.đã-giao-hàng{color:#16a34a;background-color:#16a34a14}.order-record-status.đã-hủy{color:#dc2626;background-color:#dc262614}.order-record-items{flex-direction:column;gap:8px;display:flex}.order-record-item-row{color:#555;align-items:center;font-size:13px;display:flex}@media (prefers-color-scheme:dark){.order-record-item-row{color:#c9c9c9}}.order-record-item-row .item-name{text-align:left;color:#111;flex-grow:1;font-weight:700}@media (prefers-color-scheme:dark){.order-record-item-row .item-name{color:#fff}}.order-record-item-row .item-brand{color:#888;margin:0 10px;font-size:11px}.order-record-item-row .item-qty{text-align:center;color:#666;width:50px}.order-record-item-row .item-price{color:#111;font-weight:700}@media (prefers-color-scheme:dark){.order-record-item-row .item-price{color:#fff}}.order-record-footer{border-top:1px solid #faf9f6;flex-direction:column;gap:8px;padding-top:12px;font-size:12.5px;display:flex}@media (prefers-color-scheme:dark){.order-record-footer{border-top-color:#ffffff08}}.order-record-footer span{color:#666}@media (prefers-color-scheme:dark){.order-record-footer span{color:#999}}.order-record-footer small{color:#111;font-weight:600}@media (prefers-color-scheme:dark){.order-record-footer small{color:#fff}}.order-record-total-row{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.order-record-total{color:var(--accent);font-size:16px;font-weight:800}@media (width<=992px){.profile-layout-grid{grid-template-columns:1fr;gap:30px}}@media (width<=768px){.profile-header{padding:0 4%}.profile-header-actions .profile-nav-link{display:none}.profile-main-container{margin:20px auto;padding:0 16px}.profile-content-panel{padding:20px}.profile-form-grid{grid-template-columns:1fr}}.face-cropper-modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:10000;background:#080705e0;justify-content:center;align-items:center;padding:16px;animation:.25s ease-out cropperFadeIn;display:flex;position:fixed;inset:0}@keyframes cropperFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.face-cropper-modal-container{background:#141416;border:1.5px solid #e4ded740;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:520px;padding:24px 20px;display:flex;box-shadow:0 24px 70px #000c,0 0 30px #0006}.face-cropper-header{text-align:center;margin-bottom:14px}.face-cropper-badge{color:#f5f0eb;letter-spacing:.04em;background:#e4ded71f;border:1px solid #e4ded74d;border-radius:999px;margin-bottom:6px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-block}.face-cropper-title{color:#fff;margin:0 0 4px;font-size:20px;font-weight:800}.face-cropper-subtitle{color:#a1a1aa;max-width:440px;margin:0 auto;font-size:12px;line-height:1.45}.face-cropper-canvas-wrap{cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;background:#000;border:2px solid #e4ded74d;border-radius:16px;justify-content:center;align-items:center;max-width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0009}.face-cropper-canvas-wrap.is-dragging{cursor:move}.face-cropper-canvas{max-width:100%;height:auto;display:block}.face-cropper-guide-badge{color:#f5f0eb;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141418eb;border:1px solid #fff3;border-radius:999px;padding:4px 12px;font-size:10.5px;font-weight:700;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}.face-cropper-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:18px;display:flex}.cropper-btn-cancel{color:#d4d4d8;cursor:pointer;background:0 0;border:1.5px solid #ffffff40;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:700;transition:all .2s}.cropper-btn-cancel:hover{color:#fff;background:#ffffff14;border-color:#fff}.cropper-btn-secondary{color:#f5f0eb;cursor:pointer;background:#ffffff14;border:1.5px solid #e4ded759;border-radius:999px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .2s}.cropper-btn-secondary:hover{color:#fff;background:#e4ded733;border-color:#fff;transform:translateY(-1px)}.cropper-btn-confirm{color:#111827;cursor:pointer;background:#fff;border:1.5px solid #fff;border-radius:999px;padding:9px 22px;font-size:13.5px;font-weight:800;transition:all .2s;box-shadow:0 4px 16px #0000004d}.cropper-btn-confirm:hover{background:#f5f0eb;transform:translateY(-2px);box-shadow:0 6px 20px #0006}@media (width<=480px){.face-cropper-modal-container{padding:18px 12px}.face-cropper-footer{justify-content:center}.cropper-btn-confirm,.cropper-btn-secondary,.cropper-btn-cancel{text-align:center;width:100%;padding:8px 14px;font-size:12px}}.your-skin-gold-page{color:#111;background-color:#faf8f5;background-image:radial-gradient(at 0 0,#f5f0ebe6 0,#0000 50%),radial-gradient(at 100% 0,#ede5dcb3 0,#0000 50%),radial-gradient(#faf8f580 0,#0000 60%);background-attachment:fixed;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.gold-skin-viewport{flex-direction:column;align-items:center;width:100%;max-width:1350px;min-height:90vh;margin:0 auto;padding:16px 20px 60px;display:flex;position:relative}.gold-header-banner{text-align:center;max-width:750px;margin-top:0;margin-bottom:20px;animation:.8s forwards goldFadeDown}.gold-badge{letter-spacing:.08em;color:#a0703e;background:linear-gradient(135deg,#fdf8f4 0%,#faede2 100%);border:1px solid #ebd9c8;border-radius:30px;margin-bottom:12px;padding:7px 20px;font-size:11.5px;font-weight:800;display:inline-block;box-shadow:0 2px 8px #a0703e14}.gold-page-title{color:#111;margin-top:0;margin-bottom:8px;font-family:Playfair Display,Georgia,serif;font-size:38px;font-weight:800;line-height:1.25}.gold-text-gradient{background:linear-gradient(135deg,#111 0%,#333 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:900}.gold-page-subtitle{color:#666;font-size:14.5px;font-weight:500}.gold-boxes-stage{justify-content:center;align-items:center;width:100%;max-width:1150px;height:840px;margin:0 auto;display:flex;position:relative}.gold-start-upload-card{text-align:center;background:#fff;border:1.5px solid #e0d5c7;border-radius:28px;max-width:540px;margin:40px auto 60px;padding:42px 32px;animation:.4s forwards goldFadeUp;box-shadow:0 12px 36px #0000000d}.skin-2d-fullscreen-stage{width:100%;max-width:1440px;min-height:750px;box-shadow:none;box-sizing:border-box;background:0 0;border:none;border-radius:0;flex-direction:column;margin:10px auto 40px;padding:10px 20px;transition:all .3s;animation:.4s forwards goldFadeUp;display:flex;position:relative}.skin-2d-fullscreen-stage.is-fullscreen-mode{z-index:99999;background:#fffdf8;width:100vw;max-width:100vw;height:100vh;margin:0;padding:24px 36px;position:fixed;inset:0;overflow-y:auto}.skin-2d-hud-toolbar{border-bottom:1.5px solid #d4af3740;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.skin-2d-hud-left{align-items:center;gap:10px;display:flex}.skin-2d-hud-dot{background:#10b981;border-radius:50%;width:10px;height:10px;animation:1.4s infinite alternate pulseDot;display:inline-block;box-shadow:0 0 10px #10b981}.skin-2d-hud-tag{color:#856404;letter-spacing:.04em;font-size:13.5px;font-weight:800}.skin-2d-hud-subtag{color:#856404;background:#d4af3726;border:1px solid #d4af3766;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.skin-2d-hud-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.skin-2d-hud-btn{cursor:pointer;color:#6b4d2b;background:#fff;border:1.5px solid #d4af37;border-radius:24px;align-items:center;gap:6px;padding:9px 20px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #d4af3729}.skin-2d-hud-btn:hover{color:#856404;background:#faf4ed;border-color:#aa771c;transform:translateY(-2px);box-shadow:0 6px 18px #d4af3747}.skin-2d-hud-btn.primary{color:#fff;background:linear-gradient(135deg,#bf953f,#aa771c);border:1px solid #d4af37;box-shadow:0 4px 15px #d4af3759}.skin-2d-hud-btn.primary:hover{background:linear-gradient(135deg,#d4af37,#bf953f);box-shadow:0 6px 20px #d4af3780}.skin-2d-hud-btn.reset{color:#6b4d2b;background:#fffffff2;border:1.5px solid #d4af37}.skin-2d-hud-btn.reset:hover{color:#b38728;background:#fff}.skin-2d-workspace{flex:1;justify-content:center;align-items:center;width:100%;min-height:88vh;display:flex;position:relative}.skin-2d-cards-col{z-index:15;flex-direction:column;flex-shrink:0;gap:16px;width:260px;display:flex}.skin-2d-cards-col.left{animation:.45s cubic-bezier(.16,1,.3,1) backwards slideInLeftCards;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.skin-2d-cards-col.right{animation:.45s cubic-bezier(.16,1,.3,1) backwards slideInRightCards;position:absolute;top:50%;right:16px;transform:translateY(-50%)}@keyframes slideInLeftCards{0%{opacity:0;transform:translate(-20px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes slideInRightCards{0%{opacity:0;transform:translate(20px,-50%)}to{opacity:1;transform:translateY(-50%)}}@media (width<=1200px){.skin-2d-workspace{flex-direction:column;gap:24px}.skin-2d-cards-col.left,.skin-2d-cards-col.right{width:100%;max-width:600px;position:static;transform:none}}.skin-2d-card{width:100%!important;margin:0!important;position:static!important;transform:none!important;box-shadow:0 8px 24px #b8860b29!important}.skin-2d-card:hover,.skin-2d-card.gold-card-highlight{transform:scale(1.04)!important;box-shadow:0 12px 30px #d4af3761!important}.skin-2d-face-canvas{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;margin:0 auto;display:flex;position:relative}.skin-face-container{aspect-ratio:4/5;border-radius:50%;justify-content:center;align-items:center;width:auto;max-width:90vw;height:84vh;min-height:560px;max-height:860px;margin:0 auto;display:inline-flex;position:relative;overflow:visible;box-shadow:none!important;background:0 0!important;border:none!important}.skin-face-portrait-4k{object-fit:contain;filter:contrast(1.03)brightness(1.01);width:100%;height:100%;display:block;background:0 0!important}.skin-face-dots-layer{pointer-events:none;z-index:20;position:absolute;inset:0}.skin-dots-canvas-field{pointer-events:none;z-index:25;position:absolute;inset:0}.skin-diagnostic-dot{cursor:pointer;pointer-events:auto;z-index:26;border-radius:50%;justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,opacity .2s;display:flex;position:absolute;transform:translate(-50%,-50%)}.skin-dot-core{border-radius:50%;transition:all .2s;position:absolute;inset:0}.skin-diagnostic-dot.type-red .skin-dot-core{background:radial-gradient(circle at 35% 35%,#ff8594 0%,#ff1744 55%,#b70020 100%);box-shadow:0 0 6px #ff1744,0 0 12px #ff1744d9}.skin-diagnostic-dot.type-red .skin-dot-pulse-ring{border-color:#ff1744a6}.skin-diagnostic-dot.type-yellow .skin-dot-core{background:radial-gradient(circle at 35% 35%,#fff59d 0%,#ffd600 55%,#e65100 100%);box-shadow:0 0 6px #ffd600,0 0 12px #ffd600d9}.skin-diagnostic-dot.type-yellow .skin-dot-pulse-ring{border-color:#ffd600a6}.skin-diagnostic-dot.type-green .skin-dot-core{background:radial-gradient(circle at 35% 35%,#b9f6ca 0%,#00e676 55%,#007e33 100%);box-shadow:0 0 6px #00e676,0 0 12px #00e676d9}.skin-diagnostic-dot.type-green .skin-dot-pulse-ring{border-color:#00e676a6}.skin-dot-pulse-ring{opacity:.6;pointer-events:none;border:1.5px solid;border-radius:50%;animation:2.4s ease-out infinite radarPingDot;position:absolute;inset:-3px}@keyframes radarPingDot{0%{opacity:.85;transform:scale(.8)}50%{opacity:.4}to{opacity:0;transform:scale(2.4)}}.skin-diagnostic-dot.is-zone-active{z-index:38;transform:translate(-50%,-50%)scale(1.65)}.skin-diagnostic-dot.is-zone-active .skin-dot-pulse-ring{border-width:2px;animation:1.4s ease-out infinite radarPingDotActive;inset:-6px}@keyframes radarPingDotActive{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(3.2)}}.skin-diagnostic-dot:hover,.skin-diagnostic-dot.is-hovered{cursor:pointer;z-index:50!important;transform:translate(-50%,-50%)scale(1.4)!important}.skin-diagnostic-dot:hover .skin-dot-core,.skin-diagnostic-dot.is-hovered .skin-dot-core{box-shadow:0 0 12px,0 0 20px,inset 0 0 4px #fff}.skin-dots-legend-filter-dock{-webkit-backdrop-filter:blur(16px);pointer-events:auto;z-index:32;background:#100d08f0;border:1.5px solid #d4af3799;border-radius:999px;flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:6px 14px;display:inline-flex;position:relative;box-shadow:0 8px 24px #0009,0 0 20px #d4af3740}.dots-dock-btn{color:#f1ebd8;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.dots-dock-btn:hover{color:#fff;background:#d4af3738;border-color:gold;transform:translateY(-1px)}.dots-dock-btn .dock-pill-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.dots-dock-btn .dock-pill-dot.red{background:#ff334b;box-shadow:0 0 6px #ff334b}.dots-dock-btn .dock-pill-dot.yellow{background:#ffc400;box-shadow:0 0 6px #ffc400}.dots-dock-btn .dock-pill-dot.green{background:#00e676;box-shadow:0 0 6px #00e676}.dots-dock-btn .dock-pill-badge{color:gold;background:#00000073;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:800}.dots-dock-btn.all.active{color:#0d0b07;background:linear-gradient(135deg,#d4af37 0%,#b8860b 100%);border-color:gold;box-shadow:0 4px 14px #d4af3780}.dots-dock-btn.all.active .dock-pill-badge{color:#fff;background:#000000a6}.dots-dock-btn.red.active{color:#fff;background:linear-gradient(135deg,#ff1744 0%,#c50025 100%);border-color:#ff8594;box-shadow:0 4px 14px #ff174480}.dots-dock-btn.red.active .dock-pill-badge{color:#fff;background:#0006}.dots-dock-btn.yellow.active{color:#0d0b07;background:linear-gradient(135deg,#ffd600 0%,#ff8f00 100%);border-color:#fff59d;box-shadow:0 4px 14px #ffd60080}.dots-dock-btn.yellow.active .dock-pill-badge{color:#fff;background:#0009}.dots-dock-btn.green.active{color:#fff;background:linear-gradient(135deg,#00e676 0%,#007e33 100%);border-color:#b9f6ca;box-shadow:0 4px 14px #00e67680}.dots-dock-btn.green.active .dock-pill-badge{color:#fff;background:#0006}@media (width<=768px){.skin-dots-legend-filter-dock{gap:4px;padding:4px 8px;bottom:8px}.dots-dock-btn{padding:4px 8px;font-size:10px}.skin-face-top-hud{top:8px}.skin-face-hud-pill{padding:5px 12px;font-size:11px}}.skin-2d-pin-point{border:2px solid #fff;border-radius:50%;flex-shrink:0;width:14px;height:14px}.skin-2d-pin-point.green{background:#10b981;box-shadow:0 0 10px #10b981}.skin-2d-pin-point.yellow{background:#f59e0b;box-shadow:0 0 10px #f59e0b}.skin-2d-pin-point.red{background:#ef4444;box-shadow:0 0 10px #ef4444}.skin-2d-pin-badge{color:#fffdf5;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#120e08eb;border:1px solid #d4af37a6;border-radius:14px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 14px #00000080}.skin-2d-pin:hover .skin-2d-pin-badge,.skin-2d-pin.active .skin-2d-pin-badge{color:#fff;background:linear-gradient(135deg,#bf953f,#aa771c);border-color:gold;box-shadow:0 6px 18px #d4af3780}.skin-2d-scan-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;color:#fff;text-align:center;background:#0a0805ad;border:1.5px solid #d4af3780;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0;overflow:hidden}.skin-2d-laser-sweep{background:linear-gradient(90deg,#0000,gold,#fff,gold,#0000);height:3.5px;animation:2.4s ease-in-out infinite alternate laserSweep2D;position:absolute;left:0;right:0;box-shadow:0 0 20px gold,0 0 40px #d4af37}@keyframes laserSweep2D{0%{top:5%}to{top:95%}}.skin-2d-biometric-mesh{pointer-events:none;background-image:radial-gradient(circle,#ffd70047 1.5px,#0000 1.5px);background-size:26px 26px;position:absolute;inset:0}.skin-2d-scan-hud{z-index:5;flex-direction:column;align-items:center;display:flex;position:relative}.skin-2d-scan-spinner{border:3.5px solid #d4af374d;border-top-color:gold;border-radius:50%;width:52px;height:52px;margin-bottom:18px;animation:1s linear infinite spin}.skin-2d-scan-title{color:#fff6d6;letter-spacing:.02em;margin-bottom:6px;font-size:16px;font-weight:800}.skin-2d-scan-desc{color:#fffc;font-size:12.5px}@media (width<=1080px){.skin-2d-workspace{flex-direction:column;gap:24px}.skin-2d-cards-col{flex-flow:wrap;justify-content:center;width:100%;max-width:480px}.skin-2d-cards-col .skin-2d-card{width:calc(50% - 8px)!important}}@media (width<=680px){.skin-2d-cards-col .skin-2d-card{width:100%!important}.skin-2d-face-image{max-width:92vw}}.gold-dashed-circle-ring{pointer-events:none;z-index:1;border:2.5px dashed #d4af37;border-radius:50%;width:860px;height:820px;animation:4s ease-in-out infinite alternate goldPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 60px #d4af371f,0 0 35px #d4af372e}.gold-inner-glow-ring{pointer-events:none;z-index:1;background:radial-gradient(circle,#d4af370d 0%,#0000 70%);border:1px solid #d4af3740;border-radius:50%;width:580px;height:580px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gold-center-face-card{z-index:2;background:linear-gradient(135deg,#bf953f 0%,#fcf6ba 25%,#b38728 50%,#fbf5b7 75%,#aa771c 100%);border-radius:28px;width:370px;height:470px;padding:4px;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 20px 55px #b8860b47,0 6px 20px #d4af3733}.gold-floating-bob{animation:4s ease-in-out infinite goldFloatBob}@keyframes goldFloatBob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-16px)scale(1.01)}}.gold-center-face-card:hover{box-shadow:0 24px 65px #b8860b59,0 8px 25px #d4af374d}.gold-face-img{object-fit:cover;border-radius:24px;width:100%;height:100%;display:block}.gold-center-face-card.gold-faceid-mode{width:380px;height:380px;box-shadow:none;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.gold-faceid-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.gold-faceid-corners{pointer-events:none;z-index:8;position:absolute;inset:-14px}.faceid-corner{pointer-events:none;width:32px;height:32px;position:absolute}.faceid-corner.top-left{filter:drop-shadow(0 0 8px #d4af37bf);border-top:3.5px solid #d4af37;border-left:3.5px solid #d4af37;border-top-left-radius:14px;top:0;left:0}.faceid-corner.top-right{filter:drop-shadow(0 0 8px #d4af37bf);border-top:3.5px solid #d4af37;border-right:3.5px solid #d4af37;border-top-right-radius:14px;top:0;right:0}.faceid-corner.bottom-left{filter:drop-shadow(0 0 8px #d4af37bf);border-bottom:3.5px solid #d4af37;border-left:3.5px solid #d4af37;border-bottom-left-radius:14px;bottom:0;left:0}.faceid-corner.bottom-right{filter:drop-shadow(0 0 8px #d4af37bf);border-bottom:3.5px solid #d4af37;border-right:3.5px solid #d4af37;border-bottom-right-radius:14px;bottom:0;right:0}.gold-faceid-status-badge{color:#fcf6ba;letter-spacing:.08em;white-space:nowrap;z-index:10;background:#1a1409f0;border:1.5px solid #d4af37;border-radius:30px;align-items:center;gap:8px;padding:5px 16px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:-42px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000059,0 0 12px #d4af374d}.faceid-pulse-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.faceid-pulse-dot.active{background:#10b981;box-shadow:0 0 8px #10b981}.faceid-pulse-dot.scanning{background:gold;animation:1s infinite alternate pulseDot;box-shadow:0 0 10px gold}@keyframes pulseDot{0%{opacity:.6;transform:scale(.8)}to{opacity:1;transform:scale(1.3)}}.gold-faceid-ticks-svg{pointer-events:none;z-index:5;width:calc(100% + 20px);height:calc(100% + 20px);position:absolute;inset:-10px}.gold-faceid-dashes.scanning{transform-origin:200px 200px;animation:16s linear infinite rotateTicks}.gold-faceid-inner-dash{transform-origin:200px 200px;animation:24s linear infinite rotateTicksReverse}@keyframes rotateTicks{to{transform:rotate(360deg)}}@keyframes rotateTicksReverse{to{transform:rotate(-360deg)}}.gold-faceid-viewport{z-index:4;background-image:linear-gradient(#120f0a,#120f0a),linear-gradient(135deg,#bf953f 0%,#fcf6ba 25%,#b38728 50%,#fbf5b7 75%,#aa771c 100%);background-origin:border-box;background-clip:padding-box,border-box;border:4.5px solid #0000;border-radius:50%;width:360px;height:360px;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000073,0 0 35px #d4af3759,inset 0 0 30px #0009}.gold-faceid-viewport .gold-face-img{object-fit:cover;object-position:center 25%;border-radius:50%;width:100%;height:100%;transition:transform .4s;display:block}.gold-center-face-card.gold-faceid-mode:hover .gold-face-img{transform:scale(1.03)}.gold-faceid-idle-scanner{pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 25px #d4af3733}.gold-faceid-mode .gold-scanning-overlay{border-radius:50%}.gold-faceid-radar-sweep{pointer-events:none;background:conic-gradient(#0000 75%,#ffd70061 100%);border-radius:50%;animation:2.5s linear infinite rotateRadar;position:absolute;inset:0}@keyframes rotateRadar{to{transform:rotate(360deg)}}.gold-faceid-mesh-grid{pointer-events:none;opacity:.55;background-image:radial-gradient(circle,#ffd70059 1.5px,#0000 1.5px);background-size:22px 22px;border-radius:50%;position:absolute;inset:0}.gold-faceid-mode .gold-reanalyze-chip{z-index:12;background:#fffffff5;border-radius:30px;padding:12px 30px;font-size:15px;bottom:-22px;box-shadow:0 8px 24px #0000004d,0 0 15px #d4af3759}.gold-faceid-mode .gold-reanalyze-chip:hover{transform:translate(-50%)translateY(-3px);box-shadow:0 12px 30px #b58d6780,0 0 20px #d4af3780}.gold-desc-card-box{z-index:6;cursor:pointer;background-color:#fff;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#bf953f 0%,#fcf6ba 30%,#b38728 70%,#aa771c 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000;border-radius:16px;width:220px;padding:12px 14px;transition:all .3s cubic-bezier(.22,1,.36,1);position:absolute;transform:translate(-50%,-50%);box-shadow:0 10px 28px #b8860b29}.gold-desc-card-box:hover,.gold-desc-card-box.gold-card-highlight{z-index:15;background-image:linear-gradient(#fff,#fffdf8),linear-gradient(135deg,#d4af37 0%,#fff 40%,#d4af37 100%);transform:translate(-50%,-50%)scale(1.08);box-shadow:0 16px 40px #d4af3759,0 0 20px #fcf6ba99}.gold-card-top-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.gold-card-mini-thumb{object-fit:cover;border:1.5px solid #d4af37;border-radius:10px;flex-shrink:0;width:38px;height:38px;box-shadow:0 3px 8px #d4af3740}.gold-card-title-text{color:#856404;letter-spacing:.02em;font-size:13px;font-weight:800;line-height:1.2}.gold-card-cond-text{color:#1e1b18;font-size:12px;font-weight:700;line-height:1.35}@keyframes goldPulse{0%{box-shadow:inset 0 0 50px #d4af371a,0 0 25px #d4af371f}to{box-shadow:inset 0 0 75px #d4af3738,0 0 45px #d4af3747}}@keyframes goldFadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (width<=960px){.gold-boxes-stage{flex-direction:column;gap:20px;height:auto}.gold-dashed-circle-ring,.gold-inner-glow-ring{display:none}.gold-center-face-card{width:320px;height:400px}.gold-center-face-card.gold-faceid-mode{width:300px;height:300px}.gold-center-face-card.gold-faceid-mode .gold-faceid-viewport{width:285px;height:285px}.gold-center-face-card.gold-faceid-mode .gold-faceid-status-badge{padding:4px 12px;font-size:10px;top:-36px}.gold-center-face-card.gold-faceid-mode .gold-reanalyze-chip{padding:10px 22px;font-size:13.5px;bottom:-18px}.gold-desc-card-box{width:90%;max-width:340px;margin:8px 0;position:relative;top:auto!important;left:auto!important;transform:none!important}.gold-desc-card-box:hover{transform:scale(1.02)}}.gold-action-btn{cursor:pointer;border-radius:30px;justify-content:center;align-items:center;padding:10px 22px;font-size:13px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.gold-action-btn.primary{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#c39c73 0%,#a0703e 100%);border:1px solid #ffffff40;border-radius:50px;padding:14px 34px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 8px 25px #a0703e66}.gold-action-btn.primary:after{content:"";background:linear-gradient(90deg,#fff0 0%,#fff6 30%,#fffc 50%,#fff6 70%,#fff0 100%);width:50%;height:100%;animation:2.5s linear infinite gold-cta-shimmer;position:absolute;top:0;left:-150%;transform:skew(-25deg)}@keyframes gold-cta-shimmer{0%{left:-150%}to{left:150%}}.gold-action-btn.primary:hover{background:linear-gradient(135deg,#d2aa80 0%,#ad7c48 100%);transform:translateY(-2px);box-shadow:0 12px 30px #a0703e8c}.gold-action-btn.primary:active{transform:translateY(0);box-shadow:0 4px 14px #a0703e66}.gold-action-btn.secondary{color:#111;background:#f5f0eb;border:1.5px solid #dcd3c7;box-shadow:0 2px 8px #0000000a}.gold-action-btn.secondary:hover{color:#000;background:#ede5dc;border-color:#c8b7a6;transform:translateY(-2px)}.gold-zone-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0a0a0cd1;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.25s forwards goldFadeIn;display:flex;position:fixed;top:0;left:0}.gold-zone-modal-content{background:#fff;border:2px solid #d4af37;border-radius:26px;width:100%;max-width:540px;max-height:92vh;padding:26px 24px;position:relative;overflow-y:auto;box-shadow:0 24px 60px #b8860b38,0 10px 30px #0000002e}.gold-modal-header-badge{margin-bottom:12px}.gold-modal-close{color:#856404;cursor:pointer;z-index:10;background:0 0;border:none;font-size:24px;font-weight:700;position:absolute;top:14px;right:18px}.gold-modal-title{color:#2c2206;margin:0 0 14px;font-family:Playfair Display,Georgia,serif;font-size:26px;font-weight:800}.gold-zone-crop-block{background:#fbf9f2;border:1.5px solid #d4af3761;border-radius:20px;margin-bottom:16px;padding:14px;box-shadow:inset 0 2px 8px #d4af3714}.gold-zone-crop-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:12px;display:flex}.gold-crop-tag{color:#856404;background:#d4af3729;border:1px solid #d4af3759;border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:800;display:inline-flex}.gold-crop-zoom-hint{color:#937326;font-size:11.5px;font-weight:600}.gold-zone-crop-gallery{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:12px;display:flex}.gold-zone-crop-card{flex-direction:column;flex:180px;align-items:center;gap:6px;max-width:240px;display:flex}.gold-zone-crop-img-wrap{aspect-ratio:4/3;background:#1a1a18;border:2px solid #d4af37b3;border-radius:14px;width:100%;position:relative;overflow:hidden;box-shadow:0 6px 18px #b8860b2e}.gold-zone-crop-img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.gold-zone-crop-img-wrap:hover .gold-zone-crop-img{transform:scale(1.08)}.gold-zone-crop-lens-badge{color:gold;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#120f0ae0;border:1px solid #d4af3799;border-radius:12px;padding:3px 8px;font-size:10.5px;font-weight:800;position:absolute;top:6px;right:6px}.gold-zone-crop-card-label{color:#4a3e1c;text-align:center;font-size:12px;font-weight:700}.gold-zone-crop-loading{color:#856404;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;min-height:120px;font-size:13px;font-weight:600;display:flex}.gold-crop-spinner{border:3px solid #d4af3740;border-top-color:#d4af37;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite goldSpin}@keyframes goldSpin{to{transform:rotate(360deg)}}.gold-zone-info-box{margin-bottom:18px}.gold-modal-cond{color:#2c2206;align-items:flex-start;gap:6px;margin-bottom:10px;font-size:15px;line-height:1.45;display:flex}.gold-zone-status-dot-inline{flex-shrink:0;margin-top:2px;font-size:14px;line-height:1}.gold-modal-desc{color:#4a422d;background:#fffdf5;border:1px solid #d4af3726;border-left:3.5px solid #d4af37;border-radius:0 12px 12px 0;padding:12px 14px;font-size:13.5px;line-height:1.6}.gold-card-with-thumb-row{align-items:center;gap:12px;width:100%;display:flex}.gold-card-thumb-circle{background:#1c1c1c;border:1.5px solid #d4af37b3;border-radius:12px;flex-shrink:0;width:52px;min-width:52px;height:52px;overflow:hidden;box-shadow:0 4px 12px #b8860b2e}.gold-card-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.gold-card-text-body{flex:1;min-width:0}.gold-ai-chat-modal-content{background:#fff;border:2px solid #d4af37;border-radius:24px;flex-direction:column;width:100%;max-width:620px;height:640px;max-height:88vh;padding:0;animation:.3s cubic-bezier(.22,1,.36,1) forwards goldScaleUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #0000004d}@keyframes goldScaleUp{0%{opacity:0;transform:scale(.92)translateY(15px)}to{opacity:1;transform:scale(1)translateY(0)}}.gold-ai-chat-header{background:linear-gradient(135deg,#fffdf5 0%,#fef9e7 100%);border-bottom:1.5px solid #d4af374d;align-items:center;gap:12px;padding:16px 20px;display:flex}.gold-ai-doctor-avatar{background:linear-gradient(135deg,#bf953f,#d4af37);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex;box-shadow:0 4px 12px #d4af374d}.gold-ai-chat-title{color:#2c2206;margin:0;font-family:Playfair Display,Georgia,serif;font-size:18px;font-weight:800}.gold-ai-chat-subtitle{color:#856404;font-size:12px;font-weight:600}.gold-ai-chat-messages{background:#faf8f5;flex-direction:column;flex:1;gap:14px;padding:18px 20px;display:flex;overflow-y:auto}.gold-chat-msg-row{gap:10px;max-width:85%;display:flex}.gold-chat-msg-row.user{justify-content:flex-end;align-self:flex-end}.gold-chat-msg-row.assistant{align-self:flex-start}.gold-msg-icon{background:#fcf6ba;border:1px solid #d4af37;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.gold-msg-bubble{border-radius:18px;padding:12px 16px;font-size:13.5px;line-height:1.5}.gold-msg-bubble.user{color:#fff;background:linear-gradient(135deg,#bf953f 0%,#d4af37 100%);border-bottom-right-radius:4px;box-shadow:0 4px 12px #d4af3740}.gold-msg-bubble.assistant{color:#2c2206;background:#fff;border:1.5px solid #d4af3759;border-bottom-left-radius:4px;box-shadow:0 4px 12px #0000000a}.gold-typing-bubble{color:#856404;align-items:center;gap:10px;font-weight:600;display:flex}.gold-typing-dots{gap:4px;display:flex}.gold-typing-dots span{background:#d4af37;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite goldDotPulse}.gold-typing-dots span:nth-child(2){animation-delay:.2s}.gold-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes goldDotPulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1.1)}}.gold-quick-prompts-row{background:#fff;border-top:1px solid #d4af3733;gap:8px;padding:10px 16px;display:flex;overflow-x:auto}.gold-prompt-chip{white-space:nowrap;color:#856404;cursor:pointer;background:#fffdf5;border:1px solid #d4af37;border-radius:20px;padding:6px 14px;font-size:11.5px;font-weight:700;transition:all .2s}.gold-prompt-chip:hover{color:#fff;background:linear-gradient(135deg,#bf953f,#d4af37);border-color:#0000}.gold-ai-chat-input-form{background:#fff;border-top:1.5px solid #d4af374d;align-items:center;gap:10px;padding:14px 16px;display:flex}.gold-ai-chat-attach-btn{color:#7a5c3a;cursor:pointer;background:#fffdf9;border:1.5px solid #d4af37;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 8px #d4af3726}.gold-chat-badge{color:#fff;background:#b58d67;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 5px #0003}.gold-ai-chat-attach-btn:hover{background:#faf4ed;border-color:#b58d67;transform:scale(1.06);box-shadow:0 4px 12px #b58d6740}.gold-ai-chat-attach-btn.active{color:#fff;background:#b58d67;border-color:#b58d67}.gold-chat-image-preview-bar{background:#faf6f0;border-top:1px dashed #d4af37;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.gold-chat-preview-thumbs-list{gap:10px;max-width:70%;padding:4px 2px;display:flex;overflow-x:auto}.gold-chat-preview-thumb-wrapper{border:1.5px solid #d4af37;border-radius:12px;flex-shrink:0;width:50px;height:50px;position:relative;overflow:visible;box-shadow:0 4px 10px #0000001a}.gold-chat-preview-thumb{object-fit:cover;border-radius:10px;width:100%;height:100%}.gold-chat-preview-remove{color:#fff;cursor:pointer;background:#e74c3c;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;transition:transform .15s;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 6px #00000040}.gold-chat-preview-remove:hover{transform:scale(1.15)}.gold-chat-preview-text{color:#7a5c3a;white-space:nowrap;font-size:12.5px;font-weight:600}.gold-chat-images-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;max-width:320px;margin-bottom:8px;display:grid}.gold-chat-attached-image-wrapper{border:1.5px solid #d4af3766;border-radius:12px;height:110px;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000001f}.gold-chat-attached-image-box{border:1.5px solid #d4af3766;border-radius:14px;max-width:220px;margin-bottom:8px;overflow:hidden;box-shadow:0 4px 12px #0000001f}.gold-chat-attached-img{object-fit:cover;cursor:pointer;width:100%;height:100%;max-height:200px;transition:transform .2s;display:block}.gold-chat-attached-img:hover{transform:scale(1.04)}.gold-ai-chat-input{color:#2c2206;background:#fffdf9;border:1.5px solid #d4af37;border-radius:25px;outline:none;flex:1;padding:10px 16px;font-size:13.5px}.gold-ai-chat-input:focus{border-color:#aa771c;box-shadow:0 0 0 3px #d4af3733}.gold-ai-chat-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#bf953f 0%,#d4af37 100%);border:none;border-radius:25px;padding:10px 20px;font-size:13px;font-weight:800;transition:all .2s;box-shadow:0 4px 12px #d4af374d}.gold-ai-chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.gold-ai-chat-send-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 16px #d4af3773}.gold-no-scan-box{text-align:center;background:#fff;border:1.8px solid #c39c73;border-radius:28px;width:100%;max-width:650px;margin:40px auto 60px;padding:44px 34px;animation:.4s forwards goldFadeUp;box-shadow:0 18px 45px #a0703e1f,0 4px 16px #0000000a}.gold-center-upload-box{text-align:center;box-sizing:border-box;background:#fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:28px 20px;display:flex}.gold-upload-icon-circle{background:linear-gradient(135deg,#d4af3726,#f7f0ebe6);border:1.5px solid #d4af3766;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:16px;font-size:30px;display:flex;box-shadow:0 6px 18px #d4af3726}.gold-upload-title{color:#2c2206;margin-bottom:6px;font-family:Playfair Display,Georgia,serif;font-size:22px;font-weight:800}.gold-upload-subtext{color:#7a6845;max-width:280px;margin-bottom:22px;font-size:13px;line-height:1.45}.gold-upload-buttons-stack{flex-direction:column;gap:12px;width:100%;max-width:270px;display:flex}.gold-btn-camera{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c39c73 0%,#a0703e 100%);border:none;border-radius:40px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 24px;font-size:16px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 6px 18px #a0703e59}.gold-btn-camera:hover{background:linear-gradient(135deg,#d2aa80 0%,#ad7c48 100%);transform:translateY(-2px);box-shadow:0 8px 24px #a0703e80}.gold-btn-file{color:#7a5c3a;cursor:pointer;background:#fff;border:1.5px solid #b58d67;border-radius:40px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 24px;font-size:16px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 14px #0000000a}.gold-btn-file:hover{color:#5c4328;background:#faf4ed;border-color:#a37b55;transform:translateY(-2px);box-shadow:0 6px 18px #b58d672e}.gold-reanalyze-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#6b4d2b;cursor:pointer;z-index:10;white-space:nowrap;letter-spacing:.3px;background:#fffffff5;border:2.5px solid #d4af37;border-radius:44px;padding:16px 36px;font-size:18px;font-weight:700;transition:all .25s;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000038}.gold-reanalyze-chip:hover{color:#fff;background:#b58d67;border-color:#b58d67;transform:translate(-50%)translateY(-3px);box-shadow:0 10px 30px #b58d6773}.gold-scanning-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;text-align:center;color:#fff;background:#1a1406d1;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:4px}.gold-scanner-line{background:linear-gradient(90deg,#0000,gold,#fff,gold,#0000);height:3px;animation:2s ease-in-out infinite alternate laserScan;position:absolute;left:12px;right:12px;box-shadow:0 0 15px gold,0 0 30px #d4af37}@keyframes laserScan{0%{top:12%}to{top:88%}}.gold-scanner-spinner{border:3px solid #d4af374d;border-top-color:gold;border-radius:50%;width:46px;height:46px;margin-bottom:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.gold-scanner-text{color:#fff6d6;margin-bottom:6px;font-size:15px;font-weight:700}.gold-scanner-subtext{color:#ffffffbf;font-size:12px}.gold-camera-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000d1;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.gold-camera-modal-container{background:#fff;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:480px;padding:24px;display:flex;position:relative;box-shadow:0 25px 60px #00000080}.gold-camera-viewport{background:#000;border-radius:20px;width:100%;height:420px;margin:14px 0 16px;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #0009}.gold-camera-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.gold-camera-faceid-overlay{pointer-events:none;background:radial-gradient(115px 165px,#0000 112px,#000000b8 116px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gold-camera-faceid-circle{border:2.5px dashed gold;border-radius:50%;justify-content:center;align-items:center;width:230px;height:330px;display:flex;position:relative;box-shadow:0 0 30px #d4af3773,inset 0 0 30px #d4af3740}.gold-camera-faceid-circle .faceid-corner{width:24px;height:24px}.gold-camera-faceid-circle .faceid-corner.top-left{top:12px;left:10px}.gold-camera-faceid-circle .faceid-corner.top-right{top:12px;right:10px}.gold-camera-faceid-circle .faceid-corner.bottom-left{bottom:12px;left:10px}.gold-camera-faceid-circle .faceid-corner.bottom-right{bottom:12px;right:10px}.gold-camera-scan-beam{background:linear-gradient(90deg,#0000,gold,#fff,gold,#0000);height:2.5px;animation:2s ease-in-out infinite alternate laserScan;position:absolute;left:15px;right:15px;box-shadow:0 0 12px gold,0 0 24px #d4af37}.gold-camera-guide-text{color:#c0392b;letter-spacing:.02em;white-space:nowrap;z-index:10;pointer-events:none;background:#fff;border:1.5px solid #d4af37;border-radius:20px;padding:6px 18px;font-size:12px;font-weight:700;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000040}.gold-camera-controls{z-index:50;justify-content:center;gap:14px;width:100%;margin-top:4px;display:flex;position:relative}.gold-camera-controls button{-webkit-user-select:none;user-select:none;cursor:pointer!important;pointer-events:auto!important}@keyframes goldFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gold-report-container{flex-direction:column;gap:28px;width:100%;max-width:1200px;margin:40px auto 60px;padding:0 20px;animation:.5s ease-out goldFadeUp;display:flex}.gold-report-summary-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#1c170df2,#2d2412e6);border:1.5px solid #d4af3766;border-radius:24px;align-items:center;gap:28px;padding:28px 36px;display:flex;box-shadow:0 16px 40px #00000059,0 0 25px #d4af3726}.gold-score-badge-circle{color:#1a1405;background:linear-gradient(135deg,#bf953f,#fcf6ba,#b38728,#fbf5b7);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;box-shadow:0 8px 24px #d4af3766}.gold-score-number{letter-spacing:-1px;font-size:36px;font-weight:900;line-height:1}.gold-score-denom{opacity:.85;font-size:13px;font-weight:700}.gold-summary-info{flex:1}.gold-report-heading{color:#fcf6ba;letter-spacing:.2px;margin:4px 0 6px;font-size:24px;font-weight:800}.gold-medical-ref{color:#ffffffd9;margin-bottom:14px;font-size:13.5px}.gold-medical-ref strong{color:#f3e5ab}.gold-summary-chips{flex-wrap:wrap;gap:10px;display:flex}.gold-summary-chip{color:#fbf5b7;background:#d4af3726;border:1px solid #d4af3759;border-radius:20px;padding:6px 14px;font-size:12.5px;font-weight:600}.gold-summary-chip small{color:#fff9;margin-left:4px;font-weight:400}.gold-report-grid{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px;display:grid}@media (width<=768px){.gold-report-grid{grid-template-columns:1fr}.gold-report-summary-card{text-align:center;flex-direction:column;padding:24px 20px}}.gold-report-box{background:#fffffff5;border:1.5px solid #d4af3759;border-radius:20px;padding:24px 28px;transition:transform .25s,box-shadow .25s;box-shadow:0 10px 30px #00000014}.gold-report-box:hover{border-color:#d4af37;transform:translateY(-3px);box-shadow:0 16px 36px #d4af372e}.gold-warning-box{background:#fffdf8;border-color:#dc8c2866}.gold-report-box-header{border-bottom:1px solid #d4af3740;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.gold-box-icon{font-size:22px}.gold-report-box-header h4{color:#7a5c3a;margin:0;font-size:17px;font-weight:800}.gold-report-box-content{color:#3d301b;font-size:14.5px;line-height:1.65}.gold-recommendations-wrapper{background:#fffffffa;border:1.5px solid #d4af374d;border-radius:24px;margin-top:20px;padding:28px 24px;box-shadow:0 12px 35px #00000014}.skin-face-angle-tabs-bar{-webkit-backdrop-filter:blur(12px);z-index:10;background:#18181ceb;border:1px solid #e4ded740;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;padding:6px 14px;display:flex;box-shadow:0 8px 24px #0006}.skin-face-angle-tabs-title{color:#f5f0eb;text-transform:uppercase;letter-spacing:.5px;margin-right:4px;font-size:12px;font-weight:700}.skin-face-angle-tab{color:#d1d5db;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.skin-face-angle-tab:hover{color:#fff;background:#ffffff1a}.skin-face-angle-tab.active{color:#111827;background:#fff;border-color:#fff;font-weight:700;box-shadow:0 4px 14px #0000004d}.skin-angle-tab-icon{font-size:14px}.skin-angle-tab-text{letter-spacing:-.2px}.gold-clinical-grid{grid-template-columns:repeat(2,1fr);gap:20px;width:100%;margin-top:20px;display:grid}@media (width<=900px){.gold-clinical-grid{grid-template-columns:1fr}}.gold-clinical-card{background:#fff;border:1px solid #e2d8cb;border-radius:20px;flex-direction:column;padding:24px;display:flex;box-shadow:0 10px 30px #0000000d}.gold-clinical-card.warning{background:#fffcfc;border-color:#ef444459}.gold-clinical-card-header{border-bottom:1px solid #d4af3733;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:14px;display:flex}.gold-clinical-card.warning .gold-clinical-card-header{border-bottom-color:#ef444433}.gold-clinical-card-icon{font-size:22px}.gold-clinical-card-title{color:#6b4d1b;margin:0;font-size:17px;font-weight:800}.gold-clinical-card.warning .gold-clinical-card-title{color:#b91c1c}.gold-clinical-card-body{color:#374151;font-size:14px;line-height:1.65}.gold-used-products-section{background:#fff;border:1px solid #d4af374d;border-radius:24px;width:100%;margin-top:28px;padding:28px 24px;box-shadow:0 10px 30px #0000000d}.gold-used-products-header{margin-bottom:20px}.gold-used-products-title{color:#1f2937;margin:8px 0 4px;font-size:20px;font-weight:800}.gold-used-products-subtitle{color:#6b7280;margin:0;font-size:13.5px}.gold-used-products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.gold-used-product-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:14px;padding:12px 14px;transition:all .2s;display:flex}.gold-used-product-item:hover{border-color:#d4af3799;box-shadow:0 4px 16px #d4af371f}.gold-used-prod-img{object-fit:cover;background:#fff;border-radius:12px;flex-shrink:0;width:56px;height:56px}.gold-used-prod-info{flex:1;min-width:0}.gold-used-prod-brand{color:#9ca3af;text-transform:uppercase;font-size:11px;font-weight:700}.gold-used-prod-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:13.5px;font-weight:700;overflow:hidden}.gold-used-prod-meta{color:#6b7280;margin-top:2px;font-size:12px}.gold-used-prod-tag{color:#059669;background:#ecfdf5;border-radius:999px;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.skin-result-screen-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:10px 16px 50px;display:flex}.skin-result-phone-frame{background:#0d0f17;border-radius:36px;flex-direction:column;width:100%;max-width:440px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -12px #0006,0 0 0 1px #ffffff14}.skin-result-photo-section{-webkit-user-select:none;user-select:none;background:#111422;width:100%;height:480px;position:relative;overflow:hidden}.skin-result-face-img{object-fit:cover;object-position:center center;width:100%;height:100%;transition:opacity .3s;display:block}.skin-result-photo-top-bar{z-index:15;justify-content:space-between;align-items:center;display:flex;position:absolute;top:18px;left:18px;right:18px}.skin-result-pagination-dots{align-items:center;gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.skin-result-dot.active{background:#fff;width:9px;height:9px;box-shadow:0 0 6px #fffc}.skin-result-top-right-group{align-items:center;gap:8px;margin-left:auto;display:flex}.skin-result-counter-pill{-webkit-backdrop-filter:blur(8px);color:#fff;letter-spacing:.5px;background:#12141da6;border-radius:9999px;padding:4px 12px;font-size:13.5px;font-weight:700}.skin-result-close-btn{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#12141da6;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;transition:all .2s;display:flex}.skin-result-close-btn:hover{background:#12141df2;transform:scale(1.06)}.skin-result-nav-arrow{-webkit-backdrop-filter:blur(6px);color:#fff;cursor:pointer;z-index:12;background:#12141d80;border:none;justify-content:center;align-items:center;width:32px;height:48px;font-size:19px;font-weight:600;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.skin-result-nav-arrow.left{border-top-right-radius:12px;border-bottom-right-radius:12px;left:0}.skin-result-nav-arrow.right{border-top-left-radius:12px;border-bottom-left-radius:12px;right:0}.skin-result-scan-product-btn{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:14;background:#12141dc7;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:7px;padding:8px 14px;font-size:13.5px;font-weight:600;transition:all .2s;display:flex;position:absolute;bottom:26px;right:18px}.skin-result-scan-product-btn:hover{background:#12141df2;transform:translateY(-1px);box-shadow:0 4px 12px #00000040}.skin-result-card-bottom{z-index:20;background:#fff;border-top-left-radius:26px;border-top-right-radius:26px;margin-top:-20px;position:relative;overflow:hidden;box-shadow:0 -8px 24px #0000001f}.skin-result-dark-header{background:#111424;align-items:center;padding:16px 20px;display:flex}.skin-result-header-col{text-align:center;flex:1}.skin-result-header-col:first-child{border-right:1px solid #ffffff1a;padding-right:12px}.skin-result-header-col:last-child{padding-left:12px}.skin-result-header-label{color:#94a3b8;letter-spacing:.2px;margin-bottom:4px;font-size:12.5px;font-weight:500}.skin-result-header-value{color:#fff;letter-spacing:-.3px;font-size:17px;font-weight:700;line-height:1.25}.skin-result-metrics-grid{background:#fff;grid-template-columns:repeat(2,1fr);gap:10px;padding:16px;display:grid}.skin-result-metric-card{background:#fff;border:1px solid #f1f2f6;border-radius:14px;flex-direction:column;gap:6px;padding:10px 14px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}.skin-result-metric-card:hover{background:#fafafc;border-color:#e2e8f0}.skin-result-metric-score{color:#111827;align-items:center;gap:3px;font-size:14.5px;font-weight:700;display:flex}.skin-result-metric-score .lock-icon{opacity:.85;font-size:13px}.skin-result-metric-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.skin-result-offer-banner{text-align:center;background:#faf8ff;border:1.5px solid #d8b4fe;border-radius:14px;margin:0 16px 14px;padding:12px 16px}.skin-result-offer-text{color:#1e1b4b;margin:0;font-size:13.5px;font-weight:700;line-height:1.45}.skin-result-actions-row{gap:10px;padding:0 16px 20px;display:flex}.skin-result-btn-unlock{color:#111827;cursor:pointer;text-align:center;background:#fff;border:1.5px solid #111827;border-radius:9999px;flex:1;padding:12px 0;font-family:inherit;font-size:14.5px;font-weight:700;transition:all .2s}.skin-result-btn-unlock:hover{background:#f9fafb;transform:translateY(-1px)}.skin-result-btn-sub{color:#fff;cursor:pointer;text-align:center;background:#111424;border:1.5px solid #111424;border-radius:9999px;flex:1;padding:12px 0;font-family:inherit;font-size:14.5px;font-weight:700;transition:all .2s}.skin-result-btn-sub:hover{background:#1f2438;transform:translateY(-1px)}.skin-result-unlocked-celebration{color:#065f46;background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid #a7f3d0;border-radius:12px;align-items:center;gap:8px;margin:0 16px 14px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.skin-result-view-tabs{background:#f1f2f6;border-radius:9999px;align-items:center;gap:8px;margin-bottom:18px;padding:4px;display:flex}.skin-result-view-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:7px 16px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s}.skin-result-view-tab.active{color:#0f172a;background:#fff;box-shadow:0 2px 8px #0000000f}.product-scan-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0a0b14bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.product-scan-modal-card{background:#fff;border-radius:28px;flex-direction:column;width:100%;max-width:480px;max-height:85vh;animation:.25s cubic-bezier(.16,1,.3,1) fadeInModal;display:flex;overflow:hidden;box-shadow:0 20px 50px #0000004d}@keyframes fadeInModal{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.product-scan-header{border-bottom:1px solid #f1f3f7;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.product-scan-title{color:#111827;margin:0;font-size:18px;font-weight:700}.product-scan-close-btn{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex}.product-scan-close-btn:hover{color:#111827;background:#e5e7eb}.product-scan-body{flex:1;padding:20px 24px;overflow-y:auto}.product-scan-search-wrap{margin-bottom:16px;position:relative}.product-scan-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;outline:none;width:100%;padding:12px 14px 12px 42px;font-family:inherit;font-size:14px;transition:all .2s}.product-scan-search-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.product-scan-search-icon{stroke:#94a3b8;width:18px;height:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.product-scan-results-list{flex-direction:column;gap:10px;display:flex}.product-scan-item-card{background:#fff;border:1px solid #f1f3f7;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.product-scan-item-card:hover{background:#f8fafc;border-color:#e2e8f0}.product-scan-item-img{object-fit:cover;background:#f1f5f9;border-radius:10px;width:44px;height:44px}.product-scan-item-info{flex:1;min-width:0}.product-scan-item-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.product-scan-item-brand{font-weight:750}.product-scan-compat-badge{color:#059669;background:#ecfdf5;border-radius:9999px;align-items:center;gap:4px;margin-top:4px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.pricing-paywall-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;box-sizing:border-box;background-color:#0a0b14b8;justify-content:center;align-items:center;padding:20px;animation:.25s paywallFadeIn;display:flex;position:fixed;inset:0}.pricing-paywall-modal-card{box-sizing:border-box;text-align:left;background-color:#fff;border:1px solid #f1f3f7;border-radius:28px;width:100%;max-width:940px;max-height:90vh;padding:32px;animation:.25s cubic-bezier(.16,1,.3,1) paywallScaleUp;position:relative;overflow-y:auto;box-shadow:0 20px 60px #00000040}.pricing-modal-close{cursor:pointer;color:#64748b;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.pricing-modal-close:hover{color:#0f172a;background:#e2e8f0}.pricing-tag-wrapper{margin-bottom:8px}.pricing-tag{color:#8c6239;letter-spacing:.5px;background-color:#c39c731f;border-radius:9999px;align-items:center;padding:4px 12px;font-size:12px;font-weight:750;display:inline-flex}.pricing-title{color:#111827;letter-spacing:-.3px;margin:0 0 6px;font-size:22px;font-weight:800}.pricing-subtitle{color:#6b7280;margin:0 0 24px;font-size:14px;line-height:1.45}.pricing-cards-grid-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.pricing-card{background:#fff;border:1.5px solid #f1f3f7;border-radius:20px;flex-direction:column;padding:24px 20px;transition:all .25s;display:flex;position:relative;box-shadow:0 2px 10px #00000005}.pricing-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 12px 28px #00000014}.pricing-card.premium-card,.pricing-card.pricing-card--featured{background:linear-gradient(#fff 0%,#fdfbf7 100%);box-shadow:0 16px 40px #a0703e29;border:2px solid #c39c73!important}.premium-tag{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#c39c73 0%,#a0703e 100%);border:1px solid #fff6;border-radius:9999px;padding:4px 14px;font-size:11px;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #a0703e66}.plan-badge{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11.5px;font-weight:700;display:inline-block}.plan-name{color:#111827;margin:0 0 10px;font-size:18px;font-weight:800}.plan-price{align-items:baseline;gap:4px;margin-bottom:12px;display:flex}.price-val{color:#111827;letter-spacing:-.5px;font-size:26px;font-weight:850}.price-period{color:#94a3b8;font-size:13px;font-weight:500}.plan-desc{color:#64748b;min-height:38px;margin:0 0 16px;font-size:13px;line-height:1.45}.plan-features{flex-direction:column;flex:1;gap:9px;margin:0 0 22px;padding:0;list-style:none;display:flex}.plan-features li{color:#334155;align-items:flex-start;gap:6px;font-size:13px;line-height:1.4;display:flex}.plan-btn{cursor:pointer;color:#fff;text-align:center;letter-spacing:.02em;background:linear-gradient(135deg,#c39c73 0%,#a0703e 100%);border:1px solid #ffffff40;border-radius:9999px;width:100%;padding:12px 18px;font-family:inherit;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 6px 18px #a0703e59}.plan-btn:hover{color:#fff;background:linear-gradient(135deg,#d2aa80 0%,#ad7c48 100%);transform:translateY(-2px);box-shadow:0 10px 25px #a0703e80}.plan-btn:active{transform:translateY(0);box-shadow:0 4px 12px #a0703e59}.plan-btn.featured{color:#fff;background:linear-gradient(135deg,#c39c73 0%,#a0703e 100%);border:1px solid #ffffff4d;position:relative;overflow:hidden;box-shadow:0 8px 25px #a0703e73}.plan-btn.featured:after{content:"";background:linear-gradient(90deg,#fff0 0%,#fff6 30%,#fffc 50%,#fff6 70%,#fff0 100%);width:50%;height:100%;animation:2.5s linear infinite plan-cta-shimmer;position:absolute;top:0;left:-150%;transform:skew(-25deg)}@keyframes plan-cta-shimmer{0%{left:-150%}to{left:150%}}.plan-btn.featured:hover{background:linear-gradient(135deg,#d2aa80 0%,#ad7c48 100%);transform:translateY(-2px);box-shadow:0 12px 30px #a0703e99}.plan-btn.featured:active{transform:translateY(0);box-shadow:0 4px 14px #a0703e66}.skin-result-screen-wrapper{flex-direction:row;justify-content:center;align-items:flex-start;gap:28px;width:100%;max-width:1060px;margin:0 auto;padding:20px 16px 60px;display:flex}.skin-result-phone-frame{background:#fff;border:1px solid #00000012;border-radius:36px;flex-direction:column;flex-shrink:0;width:100%;max-width:440px;display:flex;position:sticky;top:90px;overflow:hidden;box-shadow:0 20px 50px #0000001a,0 4px 16px #0000000a}.skin-clinical-panel{flex-direction:column;flex:1;width:100%;min-width:320px;max-width:480px;display:flex}@media (width<=960px){.skin-result-screen-wrapper{flex-direction:column;align-items:center;gap:20px;padding:16px 12px 48px}.skin-result-phone-frame{max-width:440px;position:static}.skin-clinical-panel{max-width:440px}}.skin-result-photo-section{aspect-ratio:473/619;background:#0f172a;width:100%;position:relative;overflow:hidden}.skin-result-face-img{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}.skin-detection-precise-ring{filter:drop-shadow(0 0 1.5px #00000080);transition:all .25s}.skin-result-photo-top-bar{z-index:15;pointer-events:auto;justify-content:space-between;align-items:center;display:flex;position:absolute;top:14px;left:14px;right:14px}.skin-result-round-btn{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#0f172aa6;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:19px;transition:all .2s;display:flex}.skin-result-round-btn:hover{background:#0f172ad9;transform:scale(1.05)}.skin-result-round-btn.skin-result-close-btn{font-size:14px}.skin-result-top-center-group{align-items:center;display:flex}.skin-result-pagination-dots{align-items:center;gap:5px;display:flex}.skin-result-dot{cursor:pointer;background:#ffffff73;border-radius:9999px;width:6px;height:6px;transition:all .2s}.skin-result-dot.active{background:#fff;width:16px}.skin-result-top-right-group{align-items:center;gap:8px;display:flex}.skin-result-counter-pill{-webkit-backdrop-filter:blur(8px);color:#fff;background:#0f172aa6;border:1px solid #ffffff2e;border-radius:9999px;padding:4px 10px;font-size:13px;font-weight:600}.skin-result-nav-arrow{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;z-index:10;background:#0f172a66;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.skin-result-nav-arrow:hover{background:#0f172abf}.skin-result-nav-arrow.left{left:10px}.skin-result-nav-arrow.right{right:10px}.skin-result-hud-svg{pointer-events:none;z-index:8;width:100%;height:100%;position:absolute;inset:0}.skin-detection-marker-group{filter:drop-shadow(0 2px 5px #00000073)}.skin-detection-pulse-ring{transform-origin:50%;animation:2.4s cubic-bezier(.4,0,.6,1) infinite skinRingPulse}@keyframes skinRingPulse{0%{r:2.2;opacity:.9}50%{r:3.2;opacity:.4}to{r:2.2;opacity:.9}}.skin-detection-precise-ring{stroke-dasharray:0;transition:all .3s}.skin-result-active-metric-pill{z-index:12;color:#fff;letter-spacing:-.01em;border-radius:9999px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .25s;position:absolute;bottom:18px;left:16px;box-shadow:0 4px 14px #0000004d}.skin-result-card-bottom{z-index:14;background:#f8fafc;border-top-left-radius:26px;border-top-right-radius:26px;flex-direction:column;gap:12px;margin-top:-16px;padding:18px 16px 22px;display:flex;position:relative;box-shadow:0 -4px 18px #0000000d}.skin-result-summary-card{background:#f7f4ef;border:1px solid #e7ded4;border-radius:18px;align-items:flex-start;gap:18px;padding:14px 18px;display:flex}.skin-summary-score-col{flex-direction:column;min-width:100px;display:flex}.skin-summary-label{color:#475569;font-size:13px;font-weight:600}.skin-summary-big-score{color:#1e1b4b;letter-spacing:-.02em;margin-top:4px;font-size:38px;font-weight:800;line-height:1.05}.skin-summary-issues-col{border-left:1px solid #94a3b840;flex-direction:column;flex:1;gap:3px;padding-left:10px;display:flex}.skin-issues-header-row{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.skin-issues-title{color:#1e1b4b;font-size:14px;font-weight:700}.skin-issues-ai-badge{color:#8c7b6d;align-items:center;font-size:12.5px;font-weight:700;display:inline-flex}.skin-issues-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.skin-issues-list li{color:#1e1b4b;font-size:13.5px;font-weight:600;line-height:1.35}.skin-result-metrics-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.skin-result-metric-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0d9;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:72px;padding:10px 10px 8px;transition:all .2s;display:flex}.skin-result-metric-card:hover{border-color:#cbd5e1;transform:translateY(-1px)}.skin-result-metric-card.active{background:#e9dccf;border-color:#d8c7b5;box-shadow:0 4px 14px #b4a08c40}.skin-result-metric-card.active .skin-result-metric-title{color:#1c1917;font-weight:700}.skin-result-metric-title{color:#334155;font-size:12px;font-weight:600;line-height:1.25}.skin-result-metric-bottom{justify-content:space-between;align-items:flex-end;margin-top:6px;display:flex}.skin-result-metric-score{align-items:baseline;display:flex}.skin-result-metric-score .score-num{color:#0f172a;font-size:20px;font-weight:800;line-height:1}.skin-result-metric-score .score-denom{color:#475569;margin-left:1px;font-size:11.5px;font-weight:600}.skin-result-metric-dot{border-radius:50%;width:7px;height:7px;margin-bottom:2px;display:inline-block}.skin-result-feedback-bar{background:#fff;border:1px solid #e2e8f0d9;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;display:flex}.skin-feedback-text{color:#334155;flex:1;font-size:12.5px;font-weight:500;line-height:1.35}.skin-feedback-buttons{align-items:center;gap:8px;display:flex}.skin-feedback-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.skin-feedback-btn:hover{color:#1e293b;background:#f1f5f9}.skin-feedback-btn.active{color:#1e1b4b;background:#e2e8f0}.skin-result-extra-actions{flex-direction:column;gap:8px;margin-top:4px;display:flex}.skin-result-btn-consult-ai{color:#1c1917;cursor:pointer;background:#e9dccf;border:1.5px solid #d4c2b0;border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 18px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 14px #a0877333}.skin-result-btn-consult-ai:hover{background:#dfcfbf;border-color:#cbb7a3;transform:translateY(-1px);box-shadow:0 6px 18px #a087734d}.skin-clinical-cards-wrapper{flex-direction:column;gap:14px;width:100%;margin-top:0;display:flex}.skin-report-card{background:#fff;border:1px solid #f0f2f5;border-radius:20px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 2px 10px #00000008}.skin-report-card:hover{box-shadow:0 4px 16px #0000000d}.skin-report-card-header{background:#fff;border-bottom:1px solid #f1f4f8;justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.skin-report-header-title-wrap{align-items:center;gap:10px;display:flex}.skin-card-section-icon{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.skin-card-section-icon.gold{color:#eab308}.skin-card-section-icon.red{color:#ef4444}.skin-card-section-icon.green{color:#10b981}.skin-card-section-icon.purple{color:#6366f1}.skin-report-header-title{color:#1e293b;letter-spacing:-.2px;font-size:15.5px;font-weight:700}.skin-routine-ai-badge{color:#ec4899;letter-spacing:-.2px;align-items:center;gap:3px;font-size:13px;font-weight:700;display:inline-flex}.skin-report-row{border-bottom:1px solid #f3f5f8}.skin-report-row:last-child{border-bottom:none}.skin-report-row-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;justify-content:space-between;align-items:center;padding:15px 18px;transition:background-color .15s;display:flex}.skin-report-row-header:hover{background-color:#f8fafc}.skin-report-row-title-wrap{flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;display:flex}.skin-report-row-title{color:#1e293b;letter-spacing:-.15px;font-size:14.5px;font-weight:600;line-height:1.4}.skin-report-row-location-tag{color:#b45309;white-space:normal;word-break:break-word;background:#fef3c7;border:1px solid #fde68a;border-radius:9999px;align-items:center;max-width:100%;padding:3px 10px;font-size:12px;font-weight:600;line-height:1.35;display:inline-flex}.skin-report-row-location-tag.green{color:#047857;background:#d1fae5;border-color:#a7f3d0}.skin-report-location-banner{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 14px;font-size:13.5px;display:flex}.skin-report-location-banner.green{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.skin-report-loc-pin{flex-shrink:0;font-size:15px}.skin-report-row-chevron{color:#64748b;flex-shrink:0;justify-content:center;align-items:center;margin-left:12px;transition:transform .2s,color .2s;display:flex}.skin-report-row-header:hover .skin-report-row-chevron{color:#0f172a}.skin-report-row-detail{background:#fff;padding:4px 18px 20px}.skin-report-crops-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;margin-bottom:8px;padding:6px 2px 14px;display:flex;overflow-x:auto}.skin-report-crops-scroll::-webkit-scrollbar{display:none}.skin-report-crop-item{flex-direction:column;flex-shrink:0;align-items:center;gap:7px;display:flex}.skin-report-crop-img{object-fit:cover;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:18px;flex-shrink:0;width:140px;height:140px;transition:transform .2s,border-color .2s;box-shadow:0 4px 12px #00000014}.skin-report-crop-item:hover .skin-report-crop-img{border-color:#cbd5e1;transform:scale(1.02)}.skin-report-crop-badge{color:#475569;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;max-width:138px;padding:2.5px 8px;font-size:11px;font-weight:600;overflow:hidden}.skin-report-text-block{flex-direction:column;display:flex}.skin-report-bullet{color:#334155;align-items:flex-start;gap:8px;margin-bottom:7px;font-size:13.5px;line-height:1.55;display:flex}.skin-report-arrow-icon{color:#64748b;flex-shrink:0;margin-top:1px;font-size:12px;line-height:1.55}.skin-report-subheading{color:#0f172a;margin-top:10px;margin-bottom:7px;font-size:14px;font-weight:700}.skin-report-note{color:#475569;background:#f8fafc;border-left:3px solid #cbd5e1;border-radius:10px;margin-top:8px;padding:8px 12px;font-size:13px;line-height:1.5}.skin-report-citation{color:#94a3b8;border-top:1px dashed #e2e8f0;margin-top:12px;padding-top:10px;font-size:12px;line-height:1.4}.skin-report-routine-box{text-align:center;background:#fff;padding:22px 18px 24px}.skin-report-routine-heading{color:#0f172a;letter-spacing:-.2px;max-width:310px;margin:0 auto 18px;font-size:16px;font-weight:800;line-height:1.45}.skin-report-routine-btn{color:#fff;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#c39c73 0%,#a0703e 100%);border:1px solid #ffffff40;border-radius:9999px;justify-content:center;align-items:center;width:100%;max-width:320px;height:50px;margin:0 auto;font-family:inherit;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #a0703e66}.skin-report-routine-btn:after{content:"";background:linear-gradient(90deg,#fff0 0%,#fff6 30%,#fffc 50%,#fff6 70%,#fff0 100%);width:50%;height:100%;animation:2.5s linear infinite gold-cta-shimmer;position:absolute;top:0;left:-150%;transform:skew(-25deg)}.skin-report-routine-btn:hover{background:linear-gradient(135deg,#d2aa80 0%,#ad7c48 100%);transform:translateY(-2px);box-shadow:0 12px 30px #a0703e8c}.skin-report-routine-btn:active{transform:translateY(0);box-shadow:0 4px 14px #a0703e66}.your-skin-auth-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;background:#fffffff5;border:1px solid #d4af3747;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:620px;margin:30px auto 60px;padding:44px 36px;animation:.6s forwards goldFadeDown;display:flex;box-shadow:0 16px 45px #8c623917}.auth-card-icon-wrap{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:20px;font-size:34px;display:flex;box-shadow:0 8px 24px #d9770633}.auth-card-title{color:#111;margin:0 0 12px;font-family:Playfair Display,Georgia,serif;font-size:26px;font-weight:700;line-height:1.3}.auth-card-subtitle{color:#666;max-width:500px;margin:0 0 28px;font-size:14.5px;line-height:1.6}.auth-card-features{text-align:left;flex-direction:column;gap:12px;width:100%;max-width:480px;margin-bottom:32px;display:flex}.auth-feature-item{background:#faf8f5;border:1px solid #8c62391f;border-radius:14px;align-items:flex-start;gap:14px;padding:12px 18px;transition:all .2s;display:flex}.auth-feature-item:hover{background:#fff;border-color:#8c62394d;transform:translateY(-1px);box-shadow:0 4px 12px #8c62390f}.feature-icon{flex-shrink:0;margin-top:1px;font-size:22px}.auth-feature-item h4{color:#222;margin:0 0 3px;font-size:14px;font-weight:700}.auth-feature-item p{color:#777;margin:0;font-size:12.5px;line-height:1.4}.auth-card-actions{flex-direction:column;gap:12px;width:100%;max-width:380px;display:flex}.auth-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a0703e 0%,#8c6239 100%);border:none;border-radius:99px;justify-content:center;align-items:center;width:100%;padding:14px 26px;font-size:14.5px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 16px #8c623947}.auth-btn-primary:hover{background:linear-gradient(135deg,#8c6239 0%,#75512d 100%);transform:translateY(-2px);box-shadow:0 6px 22px #8c62395c}.auth-btn-secondary{color:#8c6239;cursor:pointer;background:0 0;border:1.5px solid #8c62394d;border-radius:99px;justify-content:center;align-items:center;width:100%;padding:12px 24px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.auth-btn-secondary:hover{background:#8c62390f;border-color:#8c6239}.skin-routine-inline-list{text-align:left;flex-direction:column;gap:10px;display:flex}.skin-routine-inline-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.skin-routine-inline-badge{color:#15803d;background:#dcfce7;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.skin-routine-reopen-modal-btn{color:#92400e;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600;text-decoration:underline}.skin-routine-steps-compact{flex-direction:column;gap:8px;display:flex}.skin-routine-compact-item{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.skin-routine-compact-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translate(2px)}.routine-step-num-badge{color:#fff;background:#c39c73;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:flex}.routine-compact-thumb{object-fit:contain;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;width:44px;height:44px}.routine-compact-info{flex:1;min-width:0}.routine-compact-category{color:#8c6239;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.routine-compact-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.routine-compact-arrow{color:#94a3b8;font-size:18px;font-weight:700}.routine-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172ab3;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.routine-modal-container{background:#fff;border-radius:28px;flex-direction:column;width:100%;max-width:960px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex;overflow:hidden;box-shadow:0 25px 60px #00000040}.routine-modal-header{background:linear-gradient(#fffcf9 0%,#fff 100%);border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:24px 28px 18px;display:flex}.routine-modal-header-info{flex:1}.routine-modal-badge{text-transform:uppercase;letter-spacing:.6px;color:#a0703e;background:#fdf5ea;border:1px solid #c39c7340;border-radius:99px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.routine-modal-title{color:#0f172a;letter-spacing:-.3px;margin:0 0 6px;font-size:22px;font-weight:800}.routine-modal-subtitle{color:#64748b;margin:0;font-size:13.5px;line-height:1.5}.routine-modal-close-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-left:16px;font-size:20px;transition:all .2s;display:flex}.routine-modal-close-btn:hover{color:#0f172a;background:#e2e8f0;transform:rotate(90deg)}.routine-modal-toolbar{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 28px;display:flex}.routine-filter-tabs{background:#e2e8f0;border-radius:99px;gap:8px;padding:4px;display:flex}.routine-filter-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:99px;padding:6px 16px;font-size:12.5px;font-weight:700;transition:all .2s}.routine-filter-tab.active{color:#0f172a;background:#fff;box-shadow:0 2px 8px #00000014}.routine-toolbar-hint{color:#64748b;font-size:12.5px;font-weight:500}.routine-modal-body{flex-direction:column;flex:1;gap:20px;padding:24px 28px;display:flex;overflow-y:auto}.routine-products-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.routine-product-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 4px 14px #0000000a}.routine-product-card:hover{border-color:#c39c7366;transform:translateY(-4px);box-shadow:0 12px 28px #a0703e26}.routine-card-top-bar{white-space:nowrap;background:#fdfaf6;border-bottom:1px solid #f1e9df;justify-content:space-between;align-items:center;gap:8px;padding:11px 14px;display:flex}.routine-step-pill{color:#8c6239;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:800}.routine-timing-pill{color:#475569;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:99px;flex-shrink:0;align-items:center;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.routine-product-img-wrapper{background:#fbfbfb;justify-content:center;align-items:center;width:100%;height:220px;display:flex;position:relative;overflow:hidden}.routine-product-img{object-fit:contain;width:100%;height:100%;transition:transform .3s}.routine-product-card:hover .routine-product-img{transform:scale(1.04)}.routine-product-details{flex-direction:column;flex:1;padding:16px;display:flex}.routine-product-brand{color:#94a3b8;letter-spacing:.6px;margin-bottom:4px;font-size:11px;font-weight:800}.routine-product-title{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:38px;margin-bottom:10px;font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.routine-product-info-box{color:#475569;background:#f8fafc;border-radius:10px;flex-direction:column;flex:1;gap:6px;margin-bottom:14px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.routine-info-row{align-items:flex-start;gap:6px;display:flex}.routine-info-row strong{color:#1e293b;flex-shrink:0}.routine-product-footer{border-top:1px solid #f1f5f9;justify-content:center;align-items:center;margin-top:auto;padding-top:12px;display:flex}.routine-product-price{color:#b45309;font-size:16px;font-weight:800}.routine-shopee-link{background:linear-gradient(135deg,#ee4d2d 0%,#ff6b35 100%);border-radius:99px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 3px 10px #ee4d2d40;color:#fff!important;text-decoration:none!important}.routine-shopee-link:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ee4d2d59}.routine-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:16px 28px;display:flex}.routine-modal-tip{color:#64748b;flex:1;min-width:240px;font-size:12.5px}.routine-modal-confirm-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c39c73 0%,#a0703e 100%);border:none;border-radius:99px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .2s}.routine-modal-confirm-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #a0703e66}@media (width<=768px){.routine-modal-header{padding:18px 20px 14px}.routine-modal-title{font-size:18px}.routine-modal-toolbar,.routine-modal-body,.routine-modal-footer{padding:14px 16px}.routine-products-grid{grid-template-columns:1fr}}.routine-product-img-wrapper .product-card-shopee-frame{pointer-events:none!important;object-fit:fill!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;position:absolute!important;inset:0!important}.skin-diary-page{color:#1a1a18;background-color:#faf8f5;background-image:radial-gradient(at 0 0,#f5f0ebf2 0,#0000 50%),radial-gradient(at 100% 0,#ede5dcbf 0,#0000 50%),radial-gradient(#faf8f599 0,#0000 60%);background-attachment:fixed;flex-direction:column;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow-x:hidden}.skin-diary-main{flex-direction:column;flex:1;align-items:center;width:100%;padding:16px 28px 60px;display:flex}.skin-diary-dashboard-wrapper{flex-direction:column;gap:18px;width:100%;max-width:1200px;margin:0 auto;display:flex}.diary-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:0 4px 6px;display:flex}.diary-header-text-group h1{color:#111;letter-spacing:-.01em;margin:0 0 6px;font-size:26px;font-weight:800;line-height:1.45;overflow:visible}.diary-gold-text{background:linear-gradient(135deg,#c39c73 0%,#a0703e 100%);-webkit-text-fill-color:transparent;color:#a0703e;vertical-align:baseline;-webkit-background-clip:text;background-clip:text;margin-bottom:-.28em;padding:.1em .15em .28em .05em;font-weight:800;line-height:1.35;display:inline-block;overflow:visible}.diary-header-text-group p{color:#71695f;margin:0;font-size:13.5px}.diary-top-switcher{background:#f1ebd8;border:1px solid #c39c7338;border-radius:9999px;align-items:center;gap:6px;padding:4px;display:inline-flex}.diary-switch-btn{cursor:pointer;color:#6b6357;background:0 0;border:none;border-radius:9999px;outline:none;padding:8px 20px;font-size:13.5px;font-weight:600;transition:all .22s cubic-bezier(.16,1,.3,1)}.diary-switch-btn:hover{color:#111}.diary-switch-btn.active{color:#111;background:#fff;box-shadow:0 3px 10px #b8860b1f,0 1px 3px #0000000d}.diary-desktop-grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:28px;width:100%;display:grid}.diary-calendar-card{background:#fff;border:1px solid #d4af372e;border-radius:24px;flex-direction:column;gap:16px;padding:24px 22px;display:flex;box-shadow:0 10px 30px #c39c7312,0 2px 6px #00000005}.diary-range-header{border-bottom:1px solid #f5efe6;justify-content:space-between;align-items:center;padding:0 4px 6px;display:flex}.diary-range-selector{color:#111;align-items:center;gap:10px;display:flex}.diary-range-arrow{color:#4b453e;cursor:pointer;background:#fbf9f6;border:1px solid #ede5da;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;transition:all .15s;display:flex}.diary-range-arrow:hover{color:#111;background:#f1ebd8;border-color:#d4af37}.diary-range-title{color:#111;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:18px;font-weight:800;display:flex}.diary-range-chevron{color:#8c8275;font-size:12px}.diary-streak-badge{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%);border-radius:9999px;align-items:center;gap:5px;padding:5px 14px;font-size:14px;font-weight:800;animation:2.5s infinite streakPulse;display:inline-flex;box-shadow:0 4px 12px #ef44444d}@keyframes streakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.diary-weekdays-row{text-align:center;grid-template-columns:repeat(7,1fr);padding:4px 0;display:grid}.diary-weekday-col{color:#8c8275;letter-spacing:.5px;text-transform:uppercase;font-size:12px;font-weight:700}.diary-calendar-grid{grid-template-columns:repeat(7,1fr);gap:12px 10px;padding:4px 0;display:grid}.diary-day-cell{cursor:pointer;flex-direction:column;align-items:center;gap:6px;transition:transform .16s;display:flex;position:relative}.diary-day-cell:hover{transform:translateY(-3px)}.diary-day-box{aspect-ratio:1;border-radius:14px;justify-content:center;align-items:center;width:100%;transition:all .2s;display:flex;position:relative;overflow:visible}.diary-day-box.pre-cycle{background:#fbf9f6;border:1px dashed #e8e0d5}.pre-cycle-icon-circle{color:#fff;background:#d8cec2;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;font-weight:700;line-height:1;display:flex}.diary-day-box.has-photo{background:#fff;border:2px solid #fff;border-radius:14px;overflow:visible;box-shadow:0 4px 14px #b8860b29,0 1px 3px #0000000f}.diary-card-photo-wrap{border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.diary-card-photo-img{object-fit:cover;border-radius:12px;width:100%;height:100%;transition:transform .25s}.diary-day-cell:hover .diary-card-photo-img{transform:scale(1.08)}.diary-day-box.has-photo:before{content:"";z-index:-1;background:#d4af3733;border-radius:15px;position:absolute;inset:-2px;transform:rotate(3deg)}.diary-day-box.is-today-empty{background:#fdfaf7;border:2px solid #c39c73;border-radius:14px;box-shadow:0 4px 16px #a0703e40}.today-camera-icon{color:#a0703e;stroke-width:1.9px;width:24px;height:24px}.diary-day-box.future-day,.diary-day-box.cycle-empty{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff9;border:1.8px dashed #fca5a5;border-radius:14px}.diary-gift-badge{z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11.5px;line-height:1;animation:2.5s infinite giftBounce;display:flex;position:absolute;top:-6px;left:-5px;box-shadow:0 2px 8px #dc262673}@keyframes giftBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.diary-day-number{color:#4b453e;font-size:12.5px;font-weight:600;line-height:1}.diary-day-number.pre-cycle-num{color:#a89f91}.diary-today-badge-circle{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:flex;box-shadow:0 2px 8px #ef444473}.diary-calendar-legend{color:#786f63;border-top:1px solid #f5efe6;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;padding-top:10px;font-size:12px;display:flex}.legend-item{align-items:center;gap:5px;display:flex}.diary-routine-card{background:#fff;border:1px solid #d4af372e;border-radius:24px;flex-direction:column;gap:16px;padding:24px 22px;display:flex;position:relative;box-shadow:0 10px 30px #c39c7312,0 2px 6px #00000005}.diary-card-header{align-items:flex-start;gap:14px;display:flex}.diary-card-cal-icon{background:#fbf4e2;border:1px solid #f0e2be;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.diary-card-cal-icon svg{color:#a0703e;width:24px;height:24px}.diary-card-meta{flex-direction:column;flex:1;gap:5px;display:flex}.diary-card-title{color:#111;margin:0;font-size:17px;font-weight:800;line-height:1.25}.diary-card-tags-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.diary-pill-tag{border-radius:6px;padding:3px 9px;font-size:11px;font-weight:700;line-height:1.2}.diary-pill-tag.gold{color:#a0703e;background:#fdf8f4;border:1px solid #ebd9c8}.diary-pill-tag.green{color:#065f46;background:#d1fae5}.diary-card-created-date{color:#786f63;margin:2px 0 0;font-size:12.5px}.diary-progress-info-row{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.diary-current-day-label{color:#1a1a18;align-items:center;gap:6px;font-size:14.5px;font-weight:600;display:flex}.diary-heart-icon{color:#ef4444;width:18px;height:18px;animation:2s ease-in-out infinite heartPulse}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.diary-current-day-label strong{color:#a0703e;font-size:18px;font-weight:800}.diary-percent-pill{color:#b91c1c;background:#fee2e2;border-radius:9999px;padding:3px 10px;font-size:12px;font-weight:800}.diary-progress-track{background:#ede5da;border-radius:9999px;width:100%;height:9px;position:relative;overflow:hidden}.diary-progress-fill{background:linear-gradient(90deg,#c39c73 0%,#a0703e 100%);border-radius:9999px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.diary-countdown-block{background:#fbf9f6;border:1px solid #f0e8dc;border-radius:12px;flex-direction:column;gap:3px;padding:12px 14px;display:flex}.diary-days-left-text{color:#1a1a18;margin:0;font-size:13.5px;font-weight:600}.diary-date-span-text{color:#786f63;margin:0;font-size:12.5px}.diary-routine-steps-box{background:#fbf9f6;border:1px solid #f0e8dc;border-radius:14px;flex-direction:column;gap:8px;padding:14px;display:flex}.diary-steps-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.diary-steps-title{color:#111;align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:flex}.diary-step-item{color:#37332d;background:#fff;border:1px solid #f2ece2;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;font-size:13px;display:flex}.diary-step-num{color:#8c6239;background:#f1ebd8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.diary-action-toolbar{border-top:1px solid #f5efe6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.diary-action-btn-circle{cursor:pointer;color:#71695f;background:#fff;border:1px solid #e5dcce;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .18s;display:flex}.diary-action-btn-circle:hover{color:#111;background:#fbf9f6;border-color:#d4af37;transform:translateY(-2px)}.diary-action-btn-circle.checked{color:#b45309;background:#fef3c7;border-color:#fde68a}.diary-action-btn-circle.warning{color:#f59e0b;background:#fef3c7;border-color:#fde68a}.diary-action-btn-circle.trend{color:#059669;background:#d1fae5;border-color:#a7f3d0}.diary-action-btn-circle svg{width:20px;height:20px}.diary-time-pill-btn{color:#92400e;cursor:pointer;background:#fffcf0;border:1px solid #f0e2be;border-radius:9999px;align-items:center;gap:6px;padding:9px 16px;font-size:13.5px;font-weight:700;transition:all .18s;display:inline-flex}.diary-time-pill-btn:hover{background:#fef3c7;border-color:#d4af37}.diary-fab-doctor{color:#fff;cursor:pointer;z-index:10;background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:-10px;right:-10px;box-shadow:0 8px 24px #ef444473}.diary-fab-doctor:hover{transform:scale(1.08)translateY(-2px);box-shadow:0 12px 28px #ef44448c}.diary-fab-doctor svg{width:26px;height:26px}.mood-jar-full-container{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:460px;margin:0 auto;animation:.3s fadeIn;display:flex;position:relative}.mood-question-group{text-align:center;flex-direction:column;gap:4px;display:flex}.mood-question-title{color:#1e1b4b;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.mood-question-sub{color:#6b7280;margin:0;font-size:13.5px}.mood-spheres-selector-row{justify-content:space-between;align-items:flex-start;width:100%;padding:4px 6px;display:flex}.mood-select-item{cursor:pointer;background:0 0;border:none;outline:none;flex-direction:column;align-items:center;gap:6px;padding:0;transition:transform .2s cubic-bezier(.16,1,.3,1);display:flex}.mood-select-item:hover{transform:translateY(-4px)scale(1.08)}.mood-select-item:active{transform:scale(.95)}.mood-sphere-graphic{filter:drop-shadow(0 6px 12px #0000001f);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.mood-select-label{color:#4b5563;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:600}.mood-subtab-header{flex-direction:column;align-items:center;gap:3px;margin:2px 0;display:flex}.mood-subtab-text{color:#1e1b4b;font-size:15px;font-weight:700}.mood-subtab-indicator{background:#6366f1;border-radius:2px;width:56px;height:2.5px}.mood-friend-bar{background:#fff;border:1px solid #c7d2fe80;border-radius:9999px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:7px 10px 7px 8px;display:flex;box-shadow:0 4px 16px #6366f114,0 1px 3px #00000008}.mood-friend-left{align-items:center;gap:10px;min-width:0;display:flex}.mood-friend-avatar{color:#fff;background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;font-weight:800;display:flex;box-shadow:0 2px 6px #6366f14d}.mood-friend-text-wrap{flex-direction:column;min-width:0;display:flex}.mood-friend-name{color:#1e1b4b;font-size:13.5px;font-weight:700;line-height:1.2}.mood-friend-subtitle{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.mood-invite-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#fb7185 0%,#f43f5e 100%);border:none;border-radius:9999px;flex-shrink:0;align-items:center;gap:5px;padding:7px 15px;font-size:12.5px;font-weight:700;transition:all .16s;display:inline-flex;box-shadow:0 3px 10px #f43f5e59}.mood-invite-btn:hover{transform:translateY(-1px);box-shadow:0 5px 14px #f43f5e73}.mood-jar-stage-container{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:420px;padding:20px 0 10px;display:flex;position:relative}.mood-clouds-backdrop{pointer-events:none;z-index:0;position:absolute;inset:0}.mood-cloud{filter:blur(8px);background:#fff9;border-radius:9999px;position:absolute}.mood-cloud.c1{width:180px;height:80px;top:80px;left:-20px}.mood-cloud.c2{width:220px;height:100px;top:180px;right:-30px}.mood-cloud.c3{width:160px;height:70px;bottom:20px;left:-10px}.mood-star-sparkle{color:#fff;opacity:.8;font-size:16px;animation:2.5s ease-in-out infinite alternate sparkleTwinkle;position:absolute}.mood-star-sparkle.s1{font-size:20px;top:40px;right:20px}.mood-star-sparkle.s2{font-size:14px;animation-delay:1s;top:120px;left:16px}.mood-star-sparkle.s3{font-size:18px;animation-delay:1.5s;bottom:80px;right:26px}@keyframes sparkleTwinkle{0%{opacity:.4;transform:scale(.8)rotate(0)}to{opacity:1;transform:scale(1.2)rotate(15deg)}}.mood-real-glass-jar{z-index:1;flex-direction:column;align-items:center;width:290px;height:380px;display:flex;position:relative}.mood-wood-lid{z-index:3;background:linear-gradient(#966133 0%,#76441b 100%);border:2.5px solid #4a270d;border-radius:17px;width:200px;height:34px;position:relative;overflow:hidden;box-shadow:0 6px 14px #4a270d59,inset 0 2px 4px #ffffff40}.wood-grain{background:#3c1e0a73;width:100%;height:1px;position:absolute}.wood-grain.g1{opacity:.6;top:10px}.wood-grain.g2{opacity:.4;top:20px}.mood-glass-neck{z-index:2;background:#ede9fea6;border-left:3px solid #a78bfab3;border-right:3px solid #a78bfab3;width:170px;height:14px}.mood-glass-body{-webkit-backdrop-filter:blur(4px);background:linear-gradient(135deg,#ede9fe73 0%,#ddd6fe33 40%,#c4b5fd59 100%);border:3.5px solid #a78bfabf;border-radius:40px 40px 60px 60px;flex-direction:column;justify-content:flex-end;width:280px;height:332px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #a78bfa33,0 16px 36px #7c3aed1f}.mood-glass-glare-left{pointer-events:none;background:linear-gradient(#fffc 0%,#ffffff1a 85%,#0000 100%);border-radius:9999px;width:16px;height:82%;position:absolute;top:15px;left:12px}.mood-glass-glare-right{pointer-events:none;background:linear-gradient(#ffffff80 0%,#ffffff0d 85%,#0000 100%);border-radius:9999px;width:8px;height:70%;position:absolute;top:25px;right:12px}.glass-jar-contents-bottom{z-index:2;flex-wrap:wrap-reverse;place-content:flex-start center;gap:8px;width:100%;max-height:270px;padding:8px;display:flex;position:relative;overflow:visible}.dropped-mood-ball{filter:drop-shadow(0 4px 6px #00000026);animation:.48s cubic-bezier(.34,1.56,.64,1) forwards dropIntoJar}@keyframes dropIntoJar{0%{opacity:0;transform:translateY(-340px)scale(.6)}60%{opacity:1;transform:translateY(8px)scale(1.1)}80%{transform:translateY(-4px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.empty-jar-hint{text-align:center;color:#8b5cf6;opacity:.75;pointer-events:none;width:80%;font-size:13.5px;font-weight:600;line-height:1.4;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mood-stats-card{background:#fff;border-radius:26px;flex-direction:column;gap:14px;width:100%;padding:22px 18px 20px;display:flex;position:relative;box-shadow:0 12px 32px #7c3aed14,0 2px 6px #00000005}.mood-stats-header{justify-content:space-between;align-items:center;display:flex}.mood-stats-title{color:#1e1b4b;margin:0;font-size:16.5px;font-weight:800}.mood-share-btn{color:#6366f1;cursor:pointer;background:#f5f3ff;border:1px solid #e0e7ff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .16s;display:flex}.mood-share-btn:hover{color:#4338ca;background:#ede9fe;transform:scale(1.06)}.mood-stats-subtitle{color:#6b7280;margin:-6px 0 2px;font-size:13px}.mood-stats-columns-grid{text-align:center;grid-template-columns:repeat(5,1fr);gap:6px;padding-top:4px;display:grid}.mood-stat-column{border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:8px 2px;transition:background .15s;display:flex}.mood-stat-column:hover{background:#f8fafc}.mood-stat-icon-wrap{justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mood-stat-count{color:#1e1b4b;font-size:16px;font-weight:800;line-height:1}.mood-stat-label{color:#6b7280;font-size:11px;font-weight:600}.diary-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#1119;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.diary-modal-card{background:#fff;border:1px solid #d4af374d;border-radius:24px;flex-direction:column;gap:16px;width:100%;max-width:440px;max-height:90vh;padding:24px;animation:.24s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex;position:relative;overflow-y:auto;box-shadow:0 24px 48px #0003}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.diary-modal-close-btn{color:#71695f;cursor:pointer;background:#f4eee7;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex;position:absolute;top:16px;right:16px}.diary-modal-close-btn:hover{color:#111;background:#ebe3d6}.diary-modal-title{color:#111;margin:0;font-size:18px;font-weight:800}.diary-modal-date-badge{color:#8c6239;background:#fbf4e2;border:1px solid #f0e2be;border-radius:9999px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.diary-modal-photo-preview{aspect-ratio:1;object-fit:cover;border:2px solid #ede3cf;border-radius:18px;width:100%;box-shadow:0 6px 18px #00000014}.diary-modal-actions-stack{flex-direction:column;gap:10px;display:flex}.diary-btn-primary{color:#fff;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#c39c73 0%,#a0703e 100%);border:1px solid #ffffff40;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #a0703e66}.diary-btn-primary:after{content:"";background:linear-gradient(90deg,#fff0 0%,#fff6 30%,#fffc 50%,#fff6 70%,#fff0 100%);width:50%;height:100%;animation:2.5s linear infinite diary-btn-shimmer;position:absolute;top:0;left:-150%;transform:skew(-25deg)}@keyframes diary-btn-shimmer{0%{left:-150%}to{left:150%}}.diary-btn-primary:hover{background:linear-gradient(135deg,#d2aa80 0%,#ad7c48 100%);transform:translateY(-2px);box-shadow:0 12px 30px #a0703e8c}.diary-btn-primary:active{transform:translateY(0);box-shadow:0 4px 14px #a0703e66}.diary-btn-secondary{color:#37332d;cursor:pointer;background:#fbf9f6;border:1px solid #e5dcce;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:700;transition:all .16s;display:flex}.diary-btn-secondary:hover{background:#f1ebd8;border-color:#d4af37}.diary-btn-delete{color:#e11d48;cursor:pointer;background:#fff1f2;border:1px solid #fecdd3;border-radius:9999px;justify-content:center;align-items:center;gap:6px;width:100%;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:flex}.diary-btn-delete:hover{color:#be123c;background:#ffe4e6;border-color:#fda4af}.diary-toast{color:#fdfbf7;z-index:1100;background:#111;border:1px solid #d4af37;border-radius:9999px;align-items:center;gap:8px;padding:11px 22px;font-size:13.5px;font-weight:700;animation:.25s toastFadeIn;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (width<=900px){.diary-desktop-grid{grid-template-columns:1fr;gap:20px;max-width:520px;margin:0 auto}.skin-diary-main{padding:16px 14px 40px}.diary-fab-doctor{bottom:-6px;right:4px}}.diary-premium-lock-container{justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 160px);padding:40px 20px;display:flex}.diary-premium-lock-card{text-align:center;background:#fff;border:1.5px solid #f1e4d3;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:560px;padding:42px 36px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 48px #b4825029,0 4px 16px #0000000a}.diary-premium-lock-card:before{content:"";background:linear-gradient(90deg,#d4af37 0%,#f59e0b 50%,#d4af37 100%);height:6px;position:absolute;top:0;left:0;right:0}.diary-lock-crown-wrap{background:linear-gradient(135deg,#fef3c7 0%,#fae8b4 100%);border:2px solid #fcd34d;border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;margin-bottom:18px;font-size:40px;display:flex;box-shadow:0 8px 24px #f59e0b40}.diary-lock-badge{color:#b45309;letter-spacing:.8px;text-transform:uppercase;background:#fdf6ec;border:1px solid #fde68a;border-radius:9999px;margin-bottom:14px;padding:5px 16px;font-size:11.5px;font-weight:800;display:inline-block}.diary-lock-title{color:#2b1f1d;margin:0 0 10px;font-size:26px;font-weight:800}.diary-lock-desc{color:#71695f;max-width:460px;margin:0 0 24px;font-size:14.5px;line-height:1.6}.diary-lock-features{text-align:left;background:#faf6f0;border:1px dashed #e6d7c3;border-radius:18px;flex-direction:column;gap:12px;width:100%;margin-bottom:26px;padding:18px 22px;display:flex}.diary-lock-feat-item{color:#4a3b32;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.diary-lock-feat-item strong{color:#b45309;font-size:15px}.diary-lock-actions{flex-direction:column;gap:12px;width:100%;display:flex}