:root{--ink:#241b1d;--muted:#7e7174;--rose:#a72f55;--rose-dark:#7e1f40;--blush:#f8dfe5;--paper:#fffdfc;--line:#eadfe1;--green:#3f8668;--shadow:0 10px 28px rgba(82,39,51,.1);--nav:72px}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{min-height:100%;background:#eee8e7;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;letter-spacing:0}button,input,textarea{font:inherit;color:inherit}button{border:0;cursor:pointer}.hidden{display:none!important}
body{display:flex;justify-content:center}.app-shell{width:min(100%,760px);min-height:100dvh;background:var(--paper);position:relative;box-shadow:0 0 38px rgba(58,32,39,.12)}
.topbar{height:64px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,253,252,.96);backdrop-filter:blur(12px);z-index:20}.brand-lockup,.brand{display:flex;align-items:center}.brand-lockup{gap:8px;min-width:0}.brand{gap:7px;background:none;font-family:Georgia,serif;font-size:19px;font-weight:700;white-space:nowrap}.back-button{width:28px;height:36px;background:transparent;font-size:23px;color:var(--ink)}.neurovelis-mark{width:24px;height:24px;display:grid;place-items:center;border-radius:4px;background:#202321;color:#fff;font:700 13px/1 Arial,sans-serif}.brand-divider{width:1px;height:24px;background:var(--line)}.brand-mark,.milu-avatar,.welcome-avatar,.consult-avatar{display:grid;place-items:center;border-radius:50%;background:var(--rose);color:#fff;font-family:Georgia,serif;font-style:italic}.brand-mark{width:28px;height:28px;font-size:18px}.top-actions,.connection{display:flex;align-items:center;gap:8px}.connection{font-size:11px;color:var(--muted)}.connection-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c4babc}.connection-dot.online{background:#46a678;animation:online-pulse 2.4s ease-in-out infinite}.connection-dot.offline{background:#d46069;animation:none}@keyframes online-pulse{0%,58%,100%{opacity:1;box-shadow:0 0 0 0 rgba(70,166,120,.28)}72%{opacity:.35;box-shadow:0 0 0 4px rgba(70,166,120,0)}}.icon-button{width:36px;height:36px;border-radius:50%;background:#f6eff0;position:relative}.chat-only{display:none}.chat-view .chat-only{display:block}.bag-icon{display:inline-block;width:17px;height:17px;border:1.8px solid currentColor;border-radius:2px;position:relative}.bag-icon:before{content:"";position:absolute;width:8px;height:5px;border:1.8px solid currentColor;border-bottom:0;border-radius:5px 5px 0 0;left:2.7px;top:-6px}.cart-badge{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--rose);color:#fff;font-size:10px;display:grid;place-items:center}
.screens{padding-bottom:var(--nav)}.screen{display:none;min-height:calc(100dvh - 64px - var(--nav));padding:22px 18px 28px}.screen.active{display:block}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:1.4px;color:var(--rose)}h1,h2{font-family:Georgia,serif;font-weight:500}.home-hero{min-height:344px;background:#f5e7e6;position:relative;overflow:hidden;display:flex;align-items:center;padding:34px 28px;margin:-22px -18px 26px}.hero-copy{width:60%;position:relative;z-index:2}.hero-copy h1{font-size:clamp(34px,7vw,52px);line-height:1.02;margin:12px 0}.hero-copy>p:last-of-type{font-size:14px;line-height:1.55;color:#695d60;max-width:360px}.primary-action{display:flex;align-items:center;justify-content:center;gap:24px;background:var(--rose);color:#fff;border-radius:4px;padding:14px 20px;font-weight:650;margin-top:22px}.primary-action:hover{background:var(--rose-dark)}.hero-products{position:absolute;right:-10px;bottom:0;width:42%;height:88%}.hero-products:before{content:"";position:absolute;width:210px;height:210px;border-radius:50%;background:#e8c3c4;right:-30px;top:16px}.cosmetic{position:absolute;display:block;filter:drop-shadow(0 16px 12px rgba(76,39,44,.18))}.lipstick{width:42px;height:180px;background:linear-gradient(90deg,#2d2729,#68545a,#272224);border-radius:5px;bottom:22px;left:15%;transform:rotate(-8deg)}.lipstick:before{content:"";position:absolute;width:32px;height:68px;background:#a72f55;left:5px;top:-54px;border-radius:16px 16px 3px 3px}.bottle{width:72px;height:200px;background:linear-gradient(100deg,#fff,#edddda 45%,#c99d9d);border-radius:10px 10px 16px 16px;right:10%;bottom:8px;transform:rotate(6deg)}.bottle:before{content:"";position:absolute;width:42px;height:32px;background:#372e31;left:15px;top:-27px;border-radius:5px 5px 0 0}.compact{width:106px;height:106px;border-radius:50%;background:radial-gradient(circle at 43% 38%,#dbaeb6 0 42%,#7c4a55 44% 48%,#312529 51%);left:8%;bottom:2px;transform:rotate(-18deg)}
.section-head{display:flex;align-items:end;justify-content:space-between;margin:25px 2px 14px}.section-head h2{font-size:23px}.section-head button{background:none;color:var(--rose);font-size:12px}.category-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.category-tile{height:128px;padding:16px 12px;text-align:left;border-radius:6px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.category-tile:before{content:"";position:absolute;width:78px;height:78px;border-radius:50%;right:-20px;top:-15px;background:rgba(255,255,255,.48)}.category-tile span,.category-tile small{position:relative}.category-tile span{font-family:Georgia,serif;font-size:18px}.category-tile small{margin-top:3px;color:#695d60;font-size:10px}.makeup{background:#f4dadd}.perfume{background:#e4e1ef}.care{background:#dfeadf}.accessories{background:#ede1d6}.consult-banner{width:100%;margin:26px 0 4px;background:#322529;color:#fff;padding:16px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;text-align:left;border-radius:6px}.consult-avatar{width:48px;height:48px;background:#d48aa0;font-size:25px}.consult-banner strong,.consult-banner small{display:block}.consult-banner small{opacity:.7;font-size:11px;margin-top:4px}.product-row{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:none}.product-row::-webkit-scrollbar{display:none}.loading,.empty-state{padding:38px 12px;color:var(--muted);text-align:center;width:100%}
.page-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.page-title h1{font-size:34px;margin-top:5px}.page-title>span{font-size:12px;color:var(--muted)}.search-field{height:48px;border:1px solid var(--line);display:flex;align-items:center;gap:9px;padding:0 14px;background:#fff}.search-field input{border:0;outline:0;background:none;width:100%}.filter-tabs{display:flex;gap:7px;overflow-x:auto;padding:14px 0;scrollbar-width:none}.filter-tabs button{white-space:nowrap;padding:9px 14px;background:#f5eff0;border-radius:18px;font-size:12px}.filter-tabs button.active{background:var(--ink);color:#fff}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product{background:#fff;border:1px solid var(--line);min-width:170px;position:relative;display:flex;flex-direction:column}.product-row .product{width:190px;flex:0 0 190px}.product-media{aspect-ratio:1;background:#f7f3f2;display:grid;place-items:center;overflow:hidden}.product-media img{width:100%;height:100%;object-fit:contain}.product-body{padding:11px;display:flex;flex-direction:column;gap:5px;flex:1}.product-brand{font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:700}.product-name{font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px}.product-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.product-price{font-weight:750;color:var(--rose);font-size:13px}.add-cart{width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;font-size:20px}
.chat-screen{padding:0;display:none;flex-direction:column;height:calc(100dvh - 64px - var(--nav));min-height:0}.chat-screen.active{display:flex}.messages{flex:1;overflow-y:auto;padding:14px 18px 18px;display:flex;flex-direction:column;gap:12px;background:#fbf8f7}.welcome{text-align:center;padding:24px 16px}.welcome-avatar{width:72px;height:72px;margin:0 auto 16px;font-size:34px;box-shadow:0 10px 24px rgba(167,47,85,.23)}.welcome h2{font-size:25px}.welcome p{font-size:13px;color:var(--muted);margin:8px auto 18px;max-width:360px}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.chip{border:1px solid #e6cbd2;background:#fff;padding:9px 12px;border-radius:18px;color:var(--rose-dark);font-size:12px}.msg{max-width:84%;padding:11px 14px;line-height:1.46;font-size:14px;overflow-wrap:anywhere}.msg.user{align-self:flex-end;background:var(--rose);color:#fff;border-radius:15px 15px 3px 15px}.msg.bot{align-self:flex-start;background:#fff;border:1px solid var(--line);border-radius:15px 15px 15px 3px;box-shadow:0 4px 12px rgba(65,42,47,.06)}.msg.error,.msg.system{align-self:center;color:var(--muted);font-size:12px;text-align:center}.msg.error{color:#a12737;background:#fcedef}.msg-sender{font-size:10px;color:var(--rose);font-weight:700;margin-bottom:3px}.msg ul{padding-left:18px}.products-btn{margin-top:9px;padding:8px 11px;background:var(--blush);color:var(--rose-dark);border-radius:4px;font-size:12px}.typing{padding:8px 18px;display:flex;align-items:center;gap:5px;background:#fbf8f7}.typing span{width:6px;height:6px;border-radius:50%;background:var(--rose);animation:bounce 1.1s infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}.typing small{margin-left:7px;color:var(--muted)}@keyframes bounce{50%{transform:translateY(-4px)}}.composer{padding:10px 12px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:8px;border-top:1px solid var(--line);background:#fff}.composer textarea{flex:1;resize:none;border:1px solid var(--line);border-radius:20px;padding:10px 14px;outline:0;max-height:110px}.composer button{width:42px;height:42px;border-radius:50%;background:var(--rose);color:#fff;font-size:22px}
.cart-list{display:flex;flex-direction:column;gap:10px}.cart-item{display:grid;grid-template-columns:88px 1fr auto;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.cart-item img{width:88px;height:88px;object-fit:contain;background:#f7f3f2}.cart-item h3{font-size:14px;margin:5px 0}.cart-item small{color:var(--muted)}.remove-cart{background:none;color:var(--rose);font-size:20px;align-self:start}.cart-summary{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.cart-summary>div{display:flex;justify-content:space-between;font-size:18px}.cart-summary .primary-action{width:100%}
.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,760px);height:var(--nav);padding:7px 10px calc(7px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,253,252,.98);border-top:1px solid var(--line);z-index:30}.bottom-nav button{background:none;color:#85797b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative}.bottom-nav button>span:first-child{font-size:22px;height:25px}.bottom-nav small{font-size:10px}.bottom-nav button.active{color:var(--rose);font-weight:700}.makeup-nav span:first-child{width:42px;height:42px!important;margin-top:-24px;border-radius:50%;background:var(--rose);color:#fff;display:grid;place-items:center;box-shadow:0 7px 16px rgba(167,47,85,.3)}
.sheet-overlay{position:fixed;inset:0;background:rgba(35,25,28,.5);z-index:50;display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(100%,760px);max-height:85dvh;overflow-y:auto;background:var(--paper);border-radius:14px 14px 0 0;padding:8px 18px 28px}.sheet-handle{width:38px;height:4px;background:#cabfc1;border-radius:3px;margin:2px auto 12px}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.sheet-head button{font-size:28px;background:none}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%,20px);background:#282024;color:#fff;padding:10px 16px;border-radius:4px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:60}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:560px){.connection span{display:none}.topbar{padding:0 10px}.brand-lockup{gap:6px}.brand{font-size:16px}.brand-mark{width:25px;height:25px;font-size:16px}.neurovelis-mark{width:22px;height:22px}.brand-divider{height:20px}.top-actions{gap:5px}.icon-button{width:32px;height:32px}.home-hero{min-height:310px;padding:28px 20px}.hero-copy{width:66%}.hero-copy h1{font-size:36px}.hero-products{width:40%;opacity:.92}.category-strip{grid-template-columns:repeat(2,1fr)}.category-tile{height:106px}.screen{padding-left:14px;padding-right:14px}.home-hero{margin-left:-14px;margin-right:-14px}.catalog-grid{gap:8px}.product-body{padding:9px}.product-row .product{width:164px;flex-basis:164px}.page-title h1{font-size:30px}}
@media(min-width:761px){.bottom-nav{border-left:1px solid var(--line);border-right:1px solid var(--line)}}

/* Android home reference; system status bar and call overlay are not app UI. */
body.android-home{background:#000}
.android-home .app-shell{max-width:576px;background:#0b0b0b;min-height:100dvh}
.android-home .topbar,.android-home .bottom-nav{display:none}
.android-home .screens{padding:0}
#screen-home{padding:0 0 16px;min-height:100dvh;background:#0b0b0b;color:#fff}
.android-cover{position:relative;aspect-ratio:576/550;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10.5%;isolation:isolate;overflow:hidden}
.android-cover::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,transparent 22%,#0b0b0b 100%),url('android-reference/backdrop.jpg') center top/cover no-repeat}
.android-cover h1{display:flex;align-items:center;justify-content:space-between;width:74%;margin:0;font-family:Arial,sans-serif;font-size:32px;line-height:1;font-weight:300;letter-spacing:0}
.android-cover h1 .word-gap{width:12px}
.android-menu{padding:0 4.1667%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 3.2%}
.android-menu .android-tile{position:relative;display:block;width:100%;height:auto;aspect-ratio:255/254;padding:0;overflow:hidden;border:0;border-radius:12%;background:#242424;transition:filter .15s}
.android-menu .android-tile::before{display:none}
.android-tile img{display:block;width:100%;height:100%;object-fit:cover}
.android-tile:hover{filter:brightness(1.08)}
.android-tile:focus-visible{outline:3px solid #fff;outline-offset:3px}
.android-menu .android-cart{grid-column:1/-1;aspect-ratio:529/115;border-radius:22px}
@media(min-width:500px){.android-cover h1{font-size:46px}.android-menu{row-gap:17px}}
@media(max-width:360px){.android-cover h1{font-size:28px}.android-menu{row-gap:10px}}
