*{box-sizing:border-box} :root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#f7f7fa;background:#08070c;--green:#00efa0;--muted:#969ba7;--line:rgba(255,255,255,.085);--surface:rgba(255,255,255,.035)}
body{margin:0;background:radial-gradient(circle at 12% 8%,#10b98119,transparent 42%),radial-gradient(circle at 88% 18%,#8b5cf617,transparent 45%),radial-gradient(circle at 25% 96%,#10b9810e,transparent 40%),#08070c;min-height:100dvh;background-attachment:fixed}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed}button{border:0}#app{max-width:460px;margin:auto;min-height:100dvh}header{height:82px;padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;background:rgba(8,7,12,.9);backdrop-filter:blur(18px)}.brand{font-size:22px;font-weight:950;letter-spacing:-.8px;background:linear-gradient(100deg,#00efa0,#8b5cf6);background-clip:text;-webkit-text-fill-color:transparent}.pvz{border:1px dashed #74708470;border-radius:18px;background:linear-gradient(120deg,#173b303e,#8b5cf620);padding:8px 13px;display:flex;gap:9px;align-items:center;text-align:left;max-width:175px}.pvz svg{color:var(--green)}.pvz small{display:block;font-size:9px;color:#a8a5b3;font-weight:800}.pvz strong{display:block;font-size:12px;color:var(--green);max-width:115px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}main{padding:22px 16px 115px}h1,h2{font-size:23px;letter-spacing:-.6px;margin:0 0 18px;font-weight:900}h3{font-size:16px;margin:0 0 10px}.stories{display:flex;gap:20px;margin:0 0 28px}.story{background:none;padding:0;width:62px}.story .orb{width:62px;height:62px;border:3px solid var(--green);padding:3px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#04e4df,#665cec);box-shadow:inset 0 0 0 2px #08070c}.orb svg{width:32px;height:32px;color:white}.story small{display:block;font-size:11px;color:#a5a7ae;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{border:1px solid var(--line);border-radius:18px;background:linear-gradient(120deg,#ffffff04,#ffffff07);padding:16px 10px 18px;text-align:center;transition:transform .2s,border-color .2s}.tile:hover{transform:translateY(-2px);border-color:#00efa050}.tile img{width:100%;height:85px;object-fit:contain;display:block;margin-bottom:16px}.tile strong{font-size:14px;font-weight:850}.product-tile{text-align:left;padding:10px}.product-tile img{height:136px;border-radius:12px;margin-bottom:12px;background:#fff;object-fit:contain}.product-tile strong{font-size:13px;line-height:1.35;display:block;min-height:36px}.old-price{color:var(--muted);text-decoration:line-through;font-size:12px;margin-top:8px}.price{font-size:17px;font-weight:900;color:var(--green);margin-top:4px}.tabbar{position:fixed;z-index:7;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 24px),436px);border:1px solid #ffffff22;box-shadow:0 8px 40px #0008,inset 0 1px #ffffff05;border-radius:26px;padding:5px;background:linear-gradient(120deg,#111b1cdd,#17101ddd);backdrop-filter:blur(22px);display:grid;grid-template-columns:repeat(4,1fr)}.tabbar button{background:transparent;border-radius:20px;color:#999ca6;padding:12px 1px;font-size:10px;font-weight:750;display:flex;flex-direction:column;align-items:center;gap:5px}.tabbar button svg{width:21px;height:21px}.tabbar .active{color:var(--green);background:linear-gradient(125deg,#10b98124,#8b5cf61a);box-shadow:inset 0 0 0 1px #10b98115}.back{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:9px 14px;font-size:13px;font-weight:750;margin:0 0 16px}.hero-img{width:100%;height:260px;background:#fff;object-fit:contain;border-radius:20px;margin:0 0 18px}.panel{background:linear-gradient(120deg,#ffffff03,#ffffff06);border:1px solid var(--line);border-radius:20px;padding:18px;margin:14px 0}.muted{color:var(--muted);font-size:13px;line-height:1.65}.desc{white-space:pre-line;margin:0;font-size:14px;color:#a7acb2;line-height:1.55}.prices{display:flex;gap:12px;align-items:baseline;margin:18px 0 5px}.prices .price{font-size:31px}.prices .old-price{font-size:15px}.saving{font-size:12px;color:var(--green);margin:0 0 20px}.label{font-size:12px;color:var(--muted);margin:16px 0 9px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);border-radius:13px;padding:10px 12px;background:#ffffff04;font-size:12px}.chip.selected{border-color:#00efa080;background:#00efa018;color:var(--green)}.primary{width:100%;border-radius:14px;background:linear-gradient(100deg,#00efa0,#0ecb9c 42%,#8653f5);color:#02130d;font-weight:900;padding:16px;margin-top:12px;box-shadow:0 6px 25px #00efa015}.secondary{width:100%;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:14px;margin-top:10px;font-weight:700}.trust{display:flex;gap:8px;margin-top:16px}.trust button{flex:1;display:flex;gap:7px;align-items:center;justify-content:center}.demo{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#8d94a0;text-align:center;margin-top:24px}.empty{text-align:center;padding:40px 20px}.empty svg{height:46px;width:46px;color:var(--green);margin-bottom:18px}.row{display:flex;align-items:center;gap:12px;text-align:left;width:100%;background:transparent;padding:17px 0;border-bottom:1px solid var(--line)}.row:last-child{border:0}.row svg{color:var(--green);flex-shrink:0}.row strong{display:block;font-size:14px}.row small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.row .arrow{margin-left:auto;color:var(--muted)}.avatar{width:56px;height:56px;display:grid;place-items:center;background:linear-gradient(135deg,#00efa040,#8b5cf650);border:1px solid #ffffff20;border-radius:50%;font-size:25px;font-weight:900}.identity{display:flex;gap:14px;align-items:center}.identity p{margin:4px 0}.form-label{display:block;font-size:13px;margin:14px 0 8px}input,textarea,select{background:#ffffff06;border:1px solid #ffffff20;color:#fff;width:100%;border-radius:14px;padding:15px;outline:none}input:focus,textarea:focus{border-color:#00efa090}input::placeholder,textarea::placeholder{color:#727680}select option{background:#17161e}textarea{resize:vertical;min-height:110px}.address-row{display:flex;gap:12px;align-items:center}.address-row button{flex-shrink:0}.address-row p{flex:1;word-break:break-word}.kv{display:flex;justify-content:space-between;gap:22px;font-size:13px;padding:13px 0;border-bottom:1px solid var(--line)}.kv:last-child{border:0}.kv span{color:var(--muted)}.kv strong{max-width:65%;text-align:right;overflow-wrap:anywhere}.badge{font-size:11px;border:1px solid #00efa030;color:var(--green);border-radius:20px;padding:6px 10px;display:inline-flex;gap:5px;align-items:center}.order-card{width:100%;text-align:left;display:block;color:inherit}.order-card .order-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.order-card .product-summary{display:flex;gap:13px;align-items:center}.product-summary img{width:66px;height:72px;border-radius:10px;background:#fff;object-fit:contain}.product-summary strong{font-size:13px}.steps{display:flex;gap:8px;align-items:center;margin:10px 0 22px}.steps span{flex:1;height:3px;background:#ffffff15;border-radius:3px}.steps .done{background:var(--green)}.review-score{display:flex;gap:25px;align-items:center}.review-score b{font-size:62px;line-height:1}.stars{color:var(--green);letter-spacing:3px}.review-author{display:flex;gap:10px;align-items:center}.review-author .avatar{width:36px;height:36px;font-size:15px}.review-author small{color:var(--muted);font-size:10px}.review-body{font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.rating-picker{display:flex;justify-content:center;gap:8px}.rating-picker button{font-size:35px;background:none;color:#ffffff25}.rating-picker .on{color:var(--green)}details{border-bottom:1px solid var(--line);padding:16px 0}summary{font-size:14px;font-weight:700;cursor:pointer;line-height:1.5}details p{font-size:13px;color:var(--muted);line-height:1.7}.overlay{position:fixed;inset:0;z-index:20;background:#0009;backdrop-filter:blur(8px);display:grid;align-items:center;justify-items:center;padding:20px}.modal{max-width:420px;width:100%;background:linear-gradient(130deg,#15211f,#1d162b);border:1px solid #ffffff20;border-radius:24px;padding:24px;box-shadow:0 20px 80px #0009}.modal-head{display:flex;justify-content:space-between;align-items:center}.close{background:#ffffff08;color:white;border-radius:50%;width:32px;height:32px;font-size:20px}.modal p{line-height:1.75;font-size:14px;color:#bbc2cb}.onboarding{min-height:100dvh;padding:24px;display:flex;flex-direction:column;justify-content:center;text-align:center}.onboarding .brand{font-size:44px;letter-spacing:-2px}.onboarding .mark{font-size:100px;font-weight:950;letter-spacing:-12px;background:linear-gradient(130deg,#00efa0,#8b5cf6);background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:30px}.onboarding .primary{margin-top:45px}.onboarding p{color:#a6a8b3;font-size:14px}.onboarding small{color:#727682;font-size:11px;line-height:1.6;margin-top:14px}#toast{position:fixed;bottom:105px;left:50%;transform:translateX(-50%);z-index:30;background:#222831;border:1px solid #00efa040;border-radius:15px;padding:13px 18px;font-size:12px;max-width:90%;display:none}#toast.show{display:block}.success-icon{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#00efa019;border:1px solid #00efa040;margin:20px auto;color:var(--green);font-size:42px}.progress{padding:10px 0 10px 12px;border-left:2px solid var(--green);margin-left:8px}.progress p{font-size:13px;margin:0 0 22px}.progress p:last-child{margin-bottom:0}.progress small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.story-large{height:240px;display:grid;place-items:center;background:linear-gradient(135deg,#00efa020,#8b5cf64a);border-radius:18px;margin-top:20px}.story-large svg{width:110px;height:110px;color:#fff}.file-name{font-size:12px;color:var(--green);overflow-wrap:anywhere;margin-top:10px}@media(min-width:700px){body{background-color:#050509}#app{border-left:1px solid var(--line);border-right:1px solid var(--line);box-shadow:0 0 100px #0005}.tile img{height:105px}.product-tile img{height:168px}}