:root{color-scheme:dark;--bg:#100d1d;--surface:#1b172b;--surface2:#231d35;--line:#ffffff14;--text:#f5f1ff;--muted:#ada4c0;--accent:#b892ff;--pink:#e9a4db;--danger:#ffadb8;--radius:20px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,4vw,3rem);font-weight:680;letter-spacing:-.045em;line-height:1.15}h2{font-size:1.4rem;letter-spacing:-.025em}h3{font-size:1.05rem}p{color:var(--muted)}.ambient{position:fixed;top:-320px;left:calc(50% - 470px);width:940px;height:660px;background:radial-gradient(ellipse,#803ceb22,transparent 65%);pointer-events:none;z-index:-1;animation:breathe 9s ease-in-out infinite alternate}.header{height:88px;max-width:1120px;padding:0 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:-.03em;font-size:1.13rem}.brandmark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #c29aff4d;border-radius:12px;color:var(--accent);background:linear-gradient(145deg,#b88fff26,#b88fff03);font-size:23px;font-weight:600;flex:none}.brandmark img{width:100%;height:100%;object-fit:contain;border-radius:10px}.header nav{display:flex;align-items:center;gap:24px}.navbtn{background:none;border:0;color:var(--muted);padding:8px 0;font-size:.9rem}.navbtn:hover{color:white}.admin-link{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted);border:1px solid var(--line);padding:8px 13px;border-radius:10px}.announcement{text-align:center;padding:12px;color:var(--accent);font-size:.9rem;background:#b892ff0a}main{max-width:1120px;margin:auto;padding:48px 28px 70px;min-height:calc(100vh - 175px)}.intro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:5px 0 34px}.intro h1{margin:11px 0}.intro p{margin:0;max-width:500px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:.8rem;letter-spacing:.13em;text-transform:uppercase}.tiny-spark{font-size:1.1rem;animation:twinkle 5s ease infinite}.intro-note{color:var(--muted);font-size:.8rem;max-width:190px;text-align:right}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.filters{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid transparent;background:transparent;border-radius:100px;color:var(--muted);padding:8px 15px;font-size:.875rem}.chip.active{background:#b892ff16;border-color:#b892ff32;color:#e0cdff}.search{width:230px;position:relative}.search input{padding:10px 13px;font-size:.875rem;width:100%}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{padding:23px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(130deg,#211b31,#191524);animation:appear .5s both;transition:transform .25s,border-color .25s,box-shadow .25s}.card:hover{transform:translateY(-4px);border-color:#b892ff50;box-shadow:0 12px 38px #0003}.cardtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.appicon{height:48px;width:48px;display:grid;place-items:center;font-size:1.25rem;font-weight:650;color:#e8d8ff;border:1px solid #ffffff17;border-radius:14px;background:#ffffff08;overflow:hidden}.appicon img{width:100%;height:100%;object-fit:contain}.category{font-size:.78rem;color:var(--muted)}.card h2{font-size:1.15rem;margin:0 0 5px;letter-spacing:-.02em}.card p{font-size:.875rem;margin-bottom:20px;line-height:1.55;min-height:44px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cardfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:18px;border-top:1px solid var(--line)}.price{font-size:1.15rem;font-weight:650;letter-spacing:-.02em}.price small{color:var(--muted);font-size:.75rem;font-weight:400;display:block;letter-spacing:0}.button{border:1px solid #c09cff55;border-radius:11px;background:var(--accent);color:#170e28;padding:11px 18px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem;transition:filter .2s,transform .2s}.button:hover{filter:brightness(1.08);transform:translateY(-1px)}.button.secondary{background:#ffffff05;border-color:var(--line);color:var(--text)}.button.ghost{background:#b892ff14;color:#dbc4ff;border-color:#b892ff25}.button.danger{background:#ff879812;color:var(--danger);border-color:#ff879825}.button.small{padding:7px 12px;font-size:.82rem}.full{width:100%}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spread{justify-content:space-between}.muted{color:var(--muted)}.small{font-size:.85rem}.note{font-size:.85rem;background:#b892ff0c;border:1px solid #b892ff20;color:#c4b3df;padding:13px 16px;border-radius:12px;margin:20px 0}.warning{border-color:#f1c88430;background:#f1c8840a;color:#edcea2}.empty{text-align:center;padding:50px 20px;grid-column:1/-1;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}.empty h2{color:var(--text)}footer{border-top:1px solid var(--line);max-width:1064px;margin:auto;padding:23px 0;color:#9a8fac;font-size:.8rem;display:flex;align-items:center;justify-content:space-between;gap:12px}footer b{font-weight:500;color:#cdbbdf}footer div{display:flex;gap:18px}footer button{border:0;background:none;color:var(--muted);padding:0;font-size:inherit}dialog{background:var(--bg);color:var(--text);border:1px solid #b892ff38;border-radius:24px;width:540px;max-width:calc(100% - 28px);max-height:90dvh;padding:26px;box-shadow:0 25px 100px #0008}dialog[open]{animation:appear .2s ease}dialog::backdrop{background:#080510b8;backdrop-filter:blur(7px)}.modal-head{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--muted);margin-bottom:18px;gap:12px}.iconbtn{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:none;color:var(--muted);font-size:22px}.producthero{display:flex;align-items:center;gap:15px;margin-bottom:22px}.producthero h2{margin:0}.plans{display:grid;gap:9px;margin:22px 0}.plan{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:#ffffff03}.plan:has(input:checked){border-color:var(--accent);background:#b892ff0d}.plan input{width:auto;margin-right:8px;accent-color:var(--accent)}.plan small{display:block;color:var(--muted);margin-left:25px;font-size:.8rem}label{display:block;font-size:.9rem;color:#d7cfe4;margin-bottom:14px}input,textarea,select{width:100%;border:1px solid #ffffff1f;background:#100d1d;color:var(--text);padding:11px 13px;border-radius:10px;margin-top:6px;outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{min-height:105px;resize:vertical}input[type=checkbox]{width:auto;margin:0 8px 0 0;accent-color:var(--accent)}input[type=color]{height:46px;padding:5px}input[type=file]{font-size:.8rem}.check{display:flex;align-items:center;margin:12px 0}.panel{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:#191525;margin-bottom:18px}.panel h2{margin-bottom:16px}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.admin-top h1{font-size:2rem;margin:5px 0}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:26px;overflow:auto;padding-bottom:10px}.tabs button{padding:10px 16px;white-space:nowrap}.admin-layout{max-width:900px;margin:auto}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.item:last-child{border-bottom:0}.item h3{margin:0 0 4px}.item p{margin:0;font-size:.85rem}.item-main{min-width:0}.badge{display:inline-block;border:1px solid #b892ff30;color:#d1b8f5;background:#b892ff0b;border-radius:20px;padding:4px 9px;font-size:.75rem;white-space:nowrap}.badge.dim{color:var(--muted);border-color:var(--line);background:none}.badge.green{color:#a2ddbe;border-color:#a2ddbe30;background:#a2ddbe08}.field-help{color:var(--muted);font-size:.8rem;margin:4px 0 15px}.variant-row{display:grid;grid-template-columns:1fr 110px 35px;gap:10px;margin-bottom:10px;align-items:end}.variant-row label{margin:0}.variant-row .iconbtn{margin-bottom:7px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.stat{padding:16px;border:1px solid var(--line);border-radius:14px}.stat b{display:block;font-size:1.7rem;font-weight:650}.stat span{font-size:.8rem;color:var(--muted)}.login{max-width:430px;margin:35px auto;text-align:center;padding:34px 25px}.login .brandmark{margin:0 auto 24px;width:50px;height:50px;font-size:30px}.login h1{font-size:1.9rem}.login p{font-size:.95rem}.login .button{margin:12px 0}.summary-line{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--line)}.summary-line:last-child{border:0}.delivery{white-space:pre-wrap;overflow-wrap:anywhere;background:#b892ff0b;border:1px solid #b892ff30;border-radius:12px;padding:18px;user-select:all}.pre{white-space:pre-wrap;overflow-wrap:anywhere}.code{font: .8rem ui-monospace,monospace;overflow-wrap:anywhere}.loading{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.skeleton{height:250px;border-radius:20px;background:linear-gradient(110deg,#211b31 30%,#2d2541 50%,#211b31 70%);background-size:200% 100%;animation:shimmer 1.6s infinite}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,25px);max-width:calc(100% - 32px);padding:13px 20px;background:#30253f;color:#f6edff;border:1px solid #b892ff50;border-radius:13px;box-shadow:0 10px 40px #0005;font-size:.9rem;opacity:0;pointer-events:none;transition:.25s;z-index:100}#toast.show{opacity:1;transform:translate(-50%,0)}.error{color:var(--danger);padding:10px 0;font-size:.85rem;white-space:pre-wrap}.payment-card{padding:16px;border:1px solid var(--line);border-radius:14px;margin-bottom:14px}.policy{white-space:pre-wrap}.spacer{margin-top:22px}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes breathe{to{transform:translate(50px,50px) scale(1.08);opacity:.65}}@keyframes twinkle{50%{opacity:.5;transform:rotate(12deg)}}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:760px){.header{padding:0 20px;height:76px}.header nav{gap:16px}.admin-link{padding:8px}.admin-link span{display:none}main{padding:30px 20px 50px}.intro-note{display:none}.intro{margin-bottom:26px}.intro h1{font-size:2.25rem}.toolbar{align-items:stretch;flex-direction:column}.search{width:100%;order:-1}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{padding:17px}.cardtop{margin-bottom:18px}.category{font-size:.72rem}.cardfoot{flex-direction:column;align-items:stretch;gap:13px}.cardfoot .button{width:100%}.card h2{font-size:1rem}.card p{font-size:.82rem}.two{grid-template-columns:1fr}.stats{gap:8px}.stat{padding:12px}.stat b{font-size:1.3rem}footer{margin:0 20px;flex-direction:column;align-items:flex-start;gap:15px}.admin-top{align-items:flex-start}.admin-top h1{font-size:1.8rem}.panel{padding:18px}.item{align-items:flex-start}.item .row{justify-content:flex-end}.tabs button{padding:8px 12px}.loading{grid-template-columns:1fr 1fr}.loading .skeleton:last-child{display:none}}@media(max-width:380px){.header{padding:0 14px}.brand{font-size:1rem;gap:8px}.header nav{gap:10px}.navbtn{font-size:.8rem}main{padding:25px 14px 45px}.card{padding:14px}.category{display:none}.filters{gap:3px}.chip{padding:7px 11px}.variant-row{grid-template-columns:1fr 80px 32px;gap:6px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}