@import url('/Public/Css/loading.css');
:root{color-scheme:dark;--black:#09070a;--ink:#fff9fb;--muted:#c6b9bf;--muted2:#95868d;--red:#c52c48;--red2:#ff6f86;--line:rgba(255,245,248,.12);--glass:rgba(16,11,15,.64);--glass2:rgba(30,17,23,.76);--shadow:0 20px 70px rgba(0,0,0,.4);--radius:24px;--font:'DM Sans',system-ui,sans-serif;--display:'Outfit','DM Sans',sans-serif}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth;background:#09070a}body{margin:0;min-height:100vh;background:#09070a;color:var(--ink);font:14px/1.6 var(--font);overflow-x:hidden;-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),textarea:focus:not(:focus-visible),select:focus:not(:focus-visible){outline:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--red2);outline-offset:3px}img,video{max-width:100%;display:block}.ambient{position:fixed;z-index:-3;pointer-events:none;filter:blur(90px);opacity:.4;border-radius:50%;animation:ambientDrift 22s ease-in-out infinite alternate}.ambient-a{width:48vw;height:48vw;min-width:300px;min-height:300px;background:radial-gradient(circle,#7c1c34 0%,transparent 70%);top:-18vw;left:-12vw}.ambient-b{width:42vw;height:48vw;min-width:260px;min-height:300px;background:radial-gradient(circle,#4a1827 0%,transparent 70%);right:-18vw;bottom:-24vw;animation-delay:-8s}.grain{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.glass{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.025) 42%,rgba(139,20,48,.13)),rgba(14,10,13,.68);border:1px solid rgba(255,239,244,.15);box-shadow:0 18px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}.screen-fill{position:relative;min-height:100svh;display:grid;place-items:center;padding:24px}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.2em;color:#f0a5b4;font-weight:700}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.svg-icon, [data-icon]{display:inline-grid;place-items:center;flex:0 0 auto}.svg-icon svg,[data-icon] svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.glass-button{border:1px solid rgba(255,239,244,.16);border-radius:15px;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.025)),rgba(12,8,11,.55);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 15px;min-height:44px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 8px 26px rgba(0,0,0,.13);transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease;user-select:none}.glass-button:hover{transform:translateY(-2px);border-color:rgba(255,111,134,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 12px 32px rgba(0,0,0,.22)}.glass-button:active{transform:scale(.975);background:rgba(197,44,72,.22)}.primary-button{background:linear-gradient(120deg,#8e1934,#d13c59 58%,#9d1e3c);border-color:rgba(255,154,172,.45);box-shadow:0 10px 28px rgba(149,23,54,.26),inset 0 1px 0 rgba(255,255,255,.2)}.quiet-button{background:rgba(255,255,255,.045)}.text-button{background:none;border:0;color:#ff9bad;font-weight:700;padding:0}.button-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.button-pair>*{width:100%}.page{position:relative;min-height:100svh;isolation:isolate;padding-bottom:135px;overflow:hidden}.page-inner{position:relative;z-index:1;width:min(100% - 32px,760px);margin:0 auto;padding:20px 0 34px}.page-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,6,9,.42),rgba(8,6,8,.75) 34%,rgba(8,5,7,.93))}.site-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px}.brand-lockup{display:flex;align-items:center;gap:12px;min-width:0}.brand-lockup>span:last-child{display:grid;line-height:1.25}.brand-lockup strong{font:700 18px var(--display);letter-spacing:-.02em}.brand-lockup small{color:#c6aeb6;font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-top:4px}.brand-icon{position:relative;width:48px;height:48px;border-radius:17px;padding:2px;background:conic-gradient(from 0deg,#ff9aaa,#fff,#a81d3b,#ff9aaa);box-shadow:0 0 25px rgba(255,72,109,.28);animation:borderSpin 7s linear infinite}.brand-icon img{width:100%;height:100%;object-fit:cover;border-radius:15px}.ping-pill{display:flex;align-items:center;gap:7px;padding:7px 11px;border-radius:99px;background:rgba(8,6,8,.55);border:1px solid var(--line);font-size:10px;color:var(--muted);white-space:nowrap}.ping-pill b{font-size:11px;color:#fff}.ping-dot{width:6px;height:6px;border-radius:50%;background:#70d4a1;box-shadow:0 0 12px #70d4a1}.section-rule,.chat-rule{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),rgba(255,107,132,.38),transparent);margin:17px 0 18px}.media-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px}.media-single{display:flex;margin-bottom:16px}.media-single .media-button{width:100%}.media-button{width:100%;font-size:11px;font-weight:700;letter-spacing:.02em;min-height:42px}.media-button .svg-icon svg{width:16px;height:16px}.image-frame{position:relative;padding:2px;border-radius:22px;margin:14px 0 17px;isolation:isolate;overflow:hidden}.image-frame:before{content:"";position:absolute;inset:-170%;z-index:-1;background:conic-gradient(from 0deg,transparent 0 28%,#ff8b9e 34%,rgba(255,255,255,.8) 38%,#8e1834 44%,transparent 52% 100%);animation:borderSpin 7s linear infinite}.image-frame img{width:100%;aspect-ratio:1.96/1;object-fit:cover;border-radius:20px}.markdown-card{border-radius:22px;padding:20px 21px;margin:14px 0 17px}.markdown-card h1,.markdown-card h2,.markdown-card h3{font:700 20px/1.25 var(--display);margin:0 0 12px}.markdown-card h3{font-size:15px;color:#ffc1cc;margin-top:18px}.markdown-card p{color:#d5c9ce;margin:9px 0 13px}.markdown-card ul{padding-left:19px;margin:8px 0 13px;color:#e9dce1}.markdown-card li{padding:3px 0}.markdown-card strong{color:#fff}.markdown-card hr{border:0;height:1px;background:var(--line);margin:16px 0}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:17px 0}.quick-link{width:100%;min-height:74px;border-radius:18px;text-align:left;padding:12px;display:flex;align-items:center;gap:10px;color:#fff;transition:transform .28s ease,border-color .28s ease;min-width:0}.quick-link:hover{transform:translateY(-3px);border-color:rgba(255,110,135,.5)}.quick-link>span:nth-child(2){display:grid;min-width:0;flex:1}.quick-link strong{font:600 12px var(--display);line-height:1.2}.quick-link small{font-size:9px;color:var(--muted);margin-top:5px;line-height:1.3}.quick-icon{width:35px;height:35px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(150,20,48,.23));color:#ff9bad;flex:0 0 auto}.quick-icon svg{width:20px;height:20px}.quick-arrow{width:7px;height:7px;border-top:1.5px solid #e9b7c1;border-right:1.5px solid #e9b7c1;transform:rotate(45deg);margin-left:auto;flex:0 0 auto}.page-foot{display:flex;justify-content:space-between;gap:12px;color:#93828a;font-size:9px;padding:18px 4px 0}.bottom-dock-wrap{position:fixed;z-index:30;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(100% - 30px,520px)}.bottom-dock{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:7px;border-radius:23px;background:rgba(13,9,12,.82)}.dock-item{position:relative;min-height:58px;border:1px solid transparent;background:transparent;border-radius:16px;color:#b5a7ad;display:grid;justify-items:center;align-content:center;gap:3px;font-size:10px;transition:background .25s,color .25s,transform .25s}.dock-item svg{width:19px;height:19px}.dock-item.active{color:#fff;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(161,22,51,.22));border-color:rgba(255,158,176,.17);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.dock-item.active:after{content:"";position:absolute;bottom:3px;width:19px;height:2px;border-radius:4px;background:#ff8096;box-shadow:0 0 12px #ff5f7e}.reveal{opacity:0;transform:translateY(22px) scale(.985);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.25,1)}.reveal.is-visible{opacity:1;transform:translateY(0) scale(1)}.toast-root{position:fixed;z-index:100;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(92%,400px);display:grid;gap:8px;pointer-events:none}.toast{border:1px solid rgba(255,255,255,.14);border-left:3px solid var(--red2);border-radius:15px;padding:12px 14px;background:rgba(18,12,16,.94);backdrop-filter:blur(20px);box-shadow:var(--shadow);animation:toastIn .3s ease;font-size:12px}.toast.success{border-left-color:#78d9aa}.toast.error{border-left-color:#ff6f86}.popup-in{animation:popupIn .55s cubic-bezier(.16,.8,.26,1) both}.profile-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.settings-button{width:100%}.category-scroller{display:flex;gap:7px;padding:7px;border-radius:17px;overflow-x:auto;scrollbar-width:none;margin:16px 0 20px}.category-scroller::-webkit-scrollbar{display:none}.category-tab{flex:0 0 auto;border:1px solid transparent;background:transparent;padding:9px 14px;border-radius:12px;color:#c8b7bf;font-size:11px;font-weight:700;transition:.25s}.category-tab.active{background:linear-gradient(120deg,rgba(180,34,64,.42),rgba(255,255,255,.1));border-color:rgba(255,141,160,.25);color:white;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.category-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 2px 12px}.category-heading h1{font:700 25px var(--display);margin:4px 0 0}.category-heading p{font-size:11px;margin:3px 0 0}.count-chip,.version-chip{font-size:9px;color:#f4b5c1;border:1px solid rgba(255,153,172,.2);padding:5px 8px;border-radius:99px;white-space:nowrap;background:rgba(119,20,44,.2)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-card{padding:15px 13px 13px;border-radius:20px;display:flex;flex-direction:column;min-width:0;min-height:225px;position:relative;overflow:hidden;animation:cardIn .55s both}.product-card:before{content:"";position:absolute;inset:-40% auto auto -45%;width:120px;height:120px;background:radial-gradient(circle,rgba(255,97,127,.16),transparent 70%);pointer-events:none}.product-tag{align-self:flex-start;border-radius:99px;background:rgba(190,43,71,.2);border:1px solid rgba(255,151,169,.2);color:#ffb8c5;font-size:8px;letter-spacing:.1em;font-weight:700;padding:4px 7px;margin-bottom:10px}.product-card h3{font:700 15px/1.2 var(--display);margin:0 0 7px;overflow-wrap:anywhere}.product-price{font:700 18px var(--display);color:#ff91a5;margin-bottom:10px}.product-description{font-size:10px;color:#cdbfc5;line-height:1.55;flex:1}.product-buy{width:100%;margin-top:12px;font-size:10px;min-height:37px}.category-banner{margin-top:18px}.category-banner img{aspect-ratio:1.95/1}.faq-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:17px;border-radius:20px;margin-top:16px}.faq-card h2{font:700 16px var(--display);margin:4px 0}.faq-card p{font-size:10px;margin:0}.faq-action{font-size:10px;white-space:nowrap}.faq-action svg{width:16px;height:16px}.profile-card{border-radius:24px;text-align:center;padding:25px 19px;margin:8px 0 14px}.profile-avatar-frame{width:104px;height:104px;border-radius:34px;padding:3px;margin:0 auto 14px;background:conic-gradient(#ffb3c1,#fff,#a5213d,#ff8197);animation:borderSpin 8s linear infinite;box-shadow:0 0 34px rgba(255,87,122,.25)}.profile-avatar-frame img{width:100%;height:100%;object-fit:cover;border-radius:31px}.profile-card h1{font:700 27px var(--display);margin:5px 0 0}.profile-card>p{margin:2px 0 18px;font-size:11px}.profile-info{display:grid;grid-template-columns:1fr 1fr;gap:9px;text-align:left;margin:0 0 17px}.profile-info>div{background:rgba(255,255,255,.045);border:1px solid var(--line);padding:10px 12px;border-radius:14px;display:grid}.profile-info span{font-size:9px;color:var(--muted)}.profile-info strong{font-size:11px;margin-top:3px;overflow-wrap:anywhere}.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.profile-actions button{width:100%;font-size:10px}.preference-card{padding:19px;border-radius:22px;margin:14px 0}.preference-card h2{font:700 19px var(--display);margin:4px 0}.preference-card>p{font-size:11px;margin:0 0 15px}.preference-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.preference-row>span{display:grid;min-width:0}.preference-row strong{font-size:12px}.preference-row small{font-size:9px;color:var(--muted);margin-top:3px}.glass-select{min-width:125px;max-width:48%;background:rgba(7,5,8,.72);color:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 10px;font-size:10px}.switch{position:relative;width:42px;height:24px;flex:0 0 auto}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;background:#45343c;border:1px solid rgba(255,255,255,.15);border-radius:99px;transition:.25s}.switch span:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#e3d6db;border-radius:50%;transition:.25s}.switch input:checked+span{background:#a92341;border-color:#ee6d86}.switch input:checked+span:before{transform:translateX(18px);background:#fff}.volume-row input{width:44%;accent-color:#e84768}.logout-button{width:100%;margin:0 0 12px;border-color:rgba(255,100,124,.25);color:#ffc1cc}.page-home{background:#0c070a}.home-video{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;filter:saturate(.75) contrast(1.08)}.page-home .page-shade{background:linear-gradient(180deg,rgba(9,5,8,.6),rgba(9,5,8,.79) 24%,rgba(9,5,8,.92) 72%,#09070a)}.product-bg,.profile-bg,.chat-bg{position:absolute;z-index:-3;inset:0;background-size:cover;background-position:center top;filter:blur(9px) saturate(.72);transform:scale(1.04);opacity:.44}.product-bg{background-image:url('/Asset/Background/background-hutao.jpg')}.profile-bg{background-image:url('/Asset/Background/background-hantu.jpg')}.chat-bg{background-image:url('/Asset/Background/background-chat.jpg');opacity:.53}.page-product .page-shade{background:linear-gradient(180deg,rgba(11,6,9,.55),rgba(9,6,8,.83) 34%,rgba(9,6,8,.94))}.page-profile .page-shade{background:linear-gradient(180deg,rgba(10,6,9,.56),rgba(8,6,9,.87) 40%,#09070a)}.dock-media{margin:0 0 7px}.dock-media .media-button{width:100%;min-height:40px}.page-chat{padding-bottom:0;min-height:100svh}.page-chat .page-shade{background:linear-gradient(180deg,rgba(9,6,9,.42),rgba(8,6,8,.84) 30%,rgba(8,6,8,.9))}.chat-layout{position:relative;z-index:1;width:min(100% - 26px,760px);height:100svh;min-height:520px;margin:0 auto;display:flex;flex-direction:column;padding:calc(12px + env(safe-area-inset-top)) 0 calc(12px + env(safe-area-inset-bottom))}.chat-header{display:flex;align-items:center;gap:11px}.back-button{width:44px;height:44px;padding:0;border-radius:15px}.back-button svg{width:20px;height:20px}.chat-heading{display:grid;flex:1;min-width:0}.chat-heading strong{font:700 16px var(--display)}.chat-heading small{font-size:9px;color:var(--muted)}.limit-card{display:grid;text-align:center;min-width:97px;padding:7px 10px;border-radius:14px}.limit-card strong{font:700 16px var(--display);color:#ff9bad}.limit-card small{font-size:8px;color:var(--muted);white-space:nowrap}.chat-rule{margin:12px 0}.chat-scroll{flex:1;overflow:auto;display:flex;flex-direction:column;gap:16px;padding:8px 2px 14px;scrollbar-width:thin;scrollbar-color:#6d3041 transparent}.chat-welcome{max-width:390px;margin:auto;padding:24px;border-radius:23px;text-align:center}.chat-welcome-icon{width:55px;height:55px;border-radius:18px;display:grid;place-items:center;margin:0 auto 12px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(160,20,51,.35));color:#ff9bad}.chat-welcome-icon svg{width:28px;height:28px}.chat-welcome h1{font:700 21px var(--display);margin:0 0 5px}.chat-welcome p{font-size:11px;color:var(--muted);margin:0}.chat-hint{display:inline-block;margin-top:15px;border:1px solid rgba(255,255,255,.12);padding:5px 9px;border-radius:99px;font-size:9px;color:#f2a7b6}.chat-entry{max-width:87%;display:grid;gap:6px;animation:chatIn .35s ease}.chat-entry.user{align-self:flex-end}.chat-entry.assistant{align-self:flex-start}.chat-bubble{border:1px solid rgba(255,243,247,.15);background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.025)),rgba(12,8,11,.74);backdrop-filter:blur(20px);border-radius:20px;padding:12px 14px;box-shadow:0 13px 32px rgba(0,0,0,.2);overflow-wrap:anywhere}.chat-entry.user .chat-bubble{border-color:rgba(255,128,151,.27);background:linear-gradient(135deg,rgba(165,27,57,.34),rgba(255,255,255,.05)),rgba(12,8,11,.76);border-bottom-right-radius:7px}.chat-entry.assistant .chat-bubble{border-bottom-left-radius:7px}.chat-bubble p{margin:0 0 8px}.chat-bubble p:last-child{margin-bottom:0}.chat-bubble pre{white-space:pre-wrap;overflow-wrap:anywhere;background:rgba(0,0,0,.3);border-radius:10px;padding:10px;font-size:10px}.chat-attachment{width:100%;max-height:320px;object-fit:contain;background:rgba(0,0,0,.24);border-radius:15px;margin-bottom:9px}.chat-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.chat-actions button{min-height:32px;padding:6px 10px;border-radius:11px;font-size:9px;color:#e4cdd4}.chat-meta{font-size:8px;color:#9b8991;padding:0 4px}.composer-wrap{padding-top:8px}.image-preview-row{display:flex;gap:8px;padding:0 3px 8px}.image-preview{position:relative;width:66px;height:66px;border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.image-preview img{width:100%;height:100%;object-fit:cover}.image-preview button{position:absolute;right:3px;top:3px;width:20px;height:20px;border:0;border-radius:50%;background:rgba(0,0,0,.72);color:white}.chat-composer{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;align-items:end;padding:7px;border-radius:20px}.chat-composer textarea{width:100%;min-height:40px;max-height:130px;resize:none;border:0;background:transparent;color:#fff;padding:10px 4px;outline:none;font-size:12px;line-height:1.45}.chat-composer textarea::placeholder{color:#a899a0}.attach-button,.send-button{width:42px;height:42px;min-height:42px;border-radius:14px;padding:0}.attach-button svg,.send-button svg{width:20px;height:20px}.composer-note{text-align:center;color:#8d7e85;font-size:8px;margin:6px 0 0}.chat-error{font-size:10px;color:#ff9cad}.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.64);backdrop-filter:blur(12px);animation:fadeIn .2s}.modal-card{width:min(100%,420px);max-height:min(82svh,720px);overflow:auto;border-radius:24px;padding:21px;animation:popupIn .35s cubic-bezier(.18,.8,.24,1)}.modal-card h2{font:700 20px var(--display);margin:0 0 5px}.modal-card p{font-size:11px;color:var(--muted);margin:0 0 16px}.modal-card .field{margin:10px 0}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.modal-actions>*{width:100%}.field{display:grid;gap:6px;text-align:left}.field span{font-size:10px;color:#e1cbd2}.field input{width:100%;min-height:44px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(4,3,5,.45);padding:10px 12px;color:#fff;outline:none}.field input:focus{border-color:rgba(255,124,147,.55);box-shadow:0 0 0 3px rgba(205,47,79,.12)}
@keyframes ambientDrift{to{transform:translate(6vw,9vh) scale(1.15)}}@keyframes borderSpin{to{transform:rotate(360deg)}}@keyframes popupIn{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes chatIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:430px){.page-inner{width:calc(100% - 26px);padding-top:14px}.brand-icon{width:43px;height:43px;border-radius:15px}.brand-icon img{border-radius:13px}.brand-lockup strong{font-size:16px}.brand-lockup small{font-size:9px}.ping-pill{padding:6px 8px;gap:5px;font-size:9px}.media-button{font-size:10px;padding:9px 8px}.markdown-card{padding:17px}.quick-grid{gap:8px}.quick-link{min-height:70px;padding:10px;gap:8px}.quick-icon{width:31px;height:31px}.quick-link strong{font-size:10px}.quick-link small{font-size:8px}.product-card{padding:12px 10px;min-height:220px}.product-card h3{font-size:13px}.product-price{font-size:16px}.product-description{font-size:9px}.category-heading h1{font-size:22px}.faq-card{grid-template-columns:1fr}.faq-action{width:100%}.profile-card{padding:21px 14px}.profile-actions{gap:7px}.profile-actions button{font-size:9px;padding:10px 8px}.chat-layout{width:calc(100% - 20px)}.chat-entry{max-width:92%}.chat-welcome{padding:19px}.chat-welcome h1{font-size:19px}.page-foot{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

html.no-motion *,html.no-motion *:before,html.no-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.modal-setting-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0;font-size:11px;color:#f2e7eb}.modal-card .field input[type=range]{accent-color:#e84768}

.hidden{display:none!important}

.modal-card .field textarea{width:100%;min-height:110px;resize:vertical;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(4,3,5,.45);padding:11px 12px;color:#fff;outline:none;font:12px/1.55 var(--font)}.modal-card .field textarea:focus{border-color:rgba(255,124,147,.55);box-shadow:0 0 0 3px rgba(205,47,79,.12)}

/* v2.1.0 refinement: lighter glass, cleaner branding and responsive product controls */
:root{--glass:rgba(24,15,20,.36);--glass2:rgba(34,17,25,.48)}
.glass{background:linear-gradient(135deg,rgba(255,255,255,.115),rgba(255,255,255,.035) 44%,rgba(173,34,66,.105)),rgba(14,9,13,.38);border-color:rgba(255,239,244,.19);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
.glass-button{background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.035)),rgba(13,8,12,.32);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
.brand-icon{background:linear-gradient(135deg,rgba(255,147,168,.9),rgba(255,255,255,.85),rgba(151,24,55,.95));animation:none;box-shadow:0 0 22px rgba(255,72,109,.22)}
.brand-icon:after{content:"";position:absolute;inset:-4px;border-radius:20px;border:1px solid rgba(255,143,163,.28);pointer-events:none;animation:brandGlow 4.5s ease-in-out infinite}
.page-shade{background:linear-gradient(180deg,rgba(10,6,9,.27),rgba(8,6,8,.48) 38%,rgba(8,5,7,.67))}
.page-home .page-shade{background:linear-gradient(180deg,rgba(9,5,8,.32),rgba(9,5,8,.46) 24%,rgba(9,5,8,.67) 72%,rgba(9,7,10,.82))}
.page-product .page-shade{background:linear-gradient(180deg,rgba(11,6,9,.28),rgba(9,6,8,.53) 45%,rgba(9,6,8,.7))}
.page-profile .page-shade{background:linear-gradient(180deg,rgba(10,6,9,.3),rgba(8,6,9,.55) 50%,rgba(9,7,10,.72))}
.page-chat .page-shade{background:linear-gradient(180deg,rgba(9,6,9,.28),rgba(8,6,8,.56) 45%,rgba(8,6,8,.68))}
.bottom-dock{background:rgba(13,9,12,.57);backdrop-filter:blur(25px) saturate(150%);-webkit-backdrop-filter:blur(25px) saturate(150%);border:1px solid rgba(255,255,255,.13)}
.modal-backdrop{background:rgba(0,0,0,.43);backdrop-filter:blur(9px)}
.modal-card{background:linear-gradient(140deg,rgba(255,255,255,.13),rgba(255,255,255,.035) 45%,rgba(169,31,62,.14)),rgba(20,12,17,.61)}
.category-banner{position:relative;min-height:120px;transition:opacity .25s ease}
.category-banner img{transition:opacity .35s ease,filter .35s ease}
.category-banner.is-loading img{opacity:.28;filter:blur(4px)}
.category-banner.is-loading:after{content:"";position:absolute;left:50%;top:50%;width:25px;height:25px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:#ff8da2;animation:spin .7s linear infinite;transform:translate(-50%,-50%);z-index:2}
.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto}
.product-actions .product-buy{min-width:0;width:100%;margin-top:11px;padding:9px 6px;font-size:9px;white-space:nowrap}
.product-card{animation:cardIn .48s both;animation-delay:calc(var(--card-index,0)*35ms)}
.glass-select{background:rgba(9,6,10,.38);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html.theme-light{color-scheme:light;--ink:#24141b;--muted:#6e5962;--muted2:#8e7881;--line:rgba(65,20,38,.14)}
html.theme-light body{background:#f2e8ec;color:#24141b}
html.theme-light .glass{background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(255,255,255,.3) 44%,rgba(235,118,145,.16)),rgba(255,255,255,.38);border-color:rgba(99,34,56,.18);box-shadow:0 18px 55px rgba(80,34,50,.13),inset 0 1px 0 rgba(255,255,255,.75)}
html.theme-light .page-shade{background:linear-gradient(180deg,rgba(255,245,248,.16),rgba(255,245,248,.45) 42%,rgba(255,245,248,.7))}
html.theme-light .brand-lockup strong,html.theme-light .category-heading h1,html.theme-light .markdown-card strong{color:#24141b}
html.theme-light .markdown-card p,html.theme-light .markdown-card li,html.theme-light .muted{color:#6e5962}
html.theme-light .glass-button:not(.primary-button){color:#2b1a21}
html[data-glass="low"] .glass{backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);background:rgba(20,13,17,.24)}
html[data-glass="high"] .glass{backdrop-filter:blur(30px) saturate(155%);-webkit-backdrop-filter:blur(30px) saturate(155%);background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.045),rgba(169,31,62,.13)),rgba(16,10,14,.31)}
.performance-battery .ambient{animation:none;filter:blur(58px)}
.performance-battery .image-frame:before,.performance-battery .profile-avatar-frame:before,.performance-battery .brand-icon:after{animation:none}
.reveal{content-visibility:auto;contain-intrinsic-size:auto 220px}
@keyframes brandGlow{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:.9;transform:scale(1.035)}}
@media(max-width:430px){.product-actions{gap:6px}.product-actions .product-buy{font-size:8px;padding:8px 4px}.glass{backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* v2.1.0 performance/glass finishing */
.home-video{filter:none}
.chat-bubble{background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.025)),rgba(12,8,11,.39)}
.chat-entry.user .chat-bubble{background:linear-gradient(135deg,rgba(165,27,57,.27),rgba(255,255,255,.045)),rgba(12,8,11,.43)}
.modal-backdrop{background:rgba(0,0,0,.46);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.performance-battery .grain{display:none}
.performance-battery .home-video{filter:none;opacity:.25}