:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#f4efff;background:#0b0714;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0b0714}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #cb9aff;outline-offset:2px}
.shell{max-width:640px;min-height:100vh;margin:auto;padding:20px 16px calc(112px + env(safe-area-inset-bottom));position:relative}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:39px}.identity{display:flex;align-items:center;gap:10px;min-width:0}.identity>span:last-child{display:grid;gap:3px;min-width:0}.identity strong{font-size:13px;letter-spacing:.025em;white-space:nowrap}.identity small{font-size:11px;letter-spacing:.12em;color:#ad95cd;white-space:nowrap}.logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#cb9aff,#8248d5);color:#170d27;font-weight:900;font-size:21px;box-shadow:0 3px 15px #09060b80}.balance-chip{border:1px solid #493061;background:#21182f;color:#f4efff;border-radius:16px;padding:8px 9px 8px 13px;display:flex;align-items:center;gap:9px;flex:none}.balance-chip>span:first-child{display:grid;gap:2px;text-align:right}.balance-chip small,.wallet-card>small{font-size:11px;color:#b6a4ca;letter-spacing:.1em;font-weight:750}.balance-chip strong{font-size:14px;color:#ddabff}.chip-plus{display:grid;place-items:center;background:#b780f5;color:#160f28;border-radius:8px;width:23px;height:23px;font-weight:900}
.screen[hidden]{display:none}.page-heading{margin:0 4px 18px}.page-heading h1{font-size:clamp(29px,8vw,38px);letter-spacing:-.06em;line-height:1.1;margin:0 0 4px}.page-heading p{font-size:13px;color:#b6a8c9;margin:0}.category-list,.products,.order-list,.profile-links{display:grid;gap:10px}.category,.product,.account-card,.wallet-card,.action-row,.order{border:1px solid #423059;border-radius:18px;background:linear-gradient(155deg,#201830,#171121)}.category{width:100%;padding:13px;text-align:left;color:inherit;display:flex;align-items:center;gap:11px;min-height:69px}.category.active{border-color:#8155b8;background:linear-gradient(135deg,#301957,#201830)}.category-icon,.product-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid #654094;border-radius:12px;background:#322047;color:#d7a9ff;font-size:21px}.category-copy{display:grid;gap:4px;min-width:0;flex:1}.category-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-copy small,.product-copy small{font-size:11px;color:#b6a8c9}.category-price{font-size:12px;color:#ddabff;font-weight:800;white-space:nowrap}.chevron{color:#a47bce;font-size:24px;line-height:1}.list-heading{display:flex;justify-content:space-between;align-items:end;margin:27px 3px 12px;gap:10px}.list-heading small{font-size:10px;color:#b88ee7;font-weight:800;letter-spacing:.14em}.list-heading h2{font-size:20px;letter-spacing:-.035em;margin:4px 0 0}.list-heading>span{font-size:11px;color:#b6a8c9;white-space:nowrap}
.search{display:flex;align-items:center;gap:10px;background:#21182f;border:1px solid #493061;border-radius:14px;padding:0 13px;height:46px;color:#bd96ec;margin-bottom:13px}.search span{font-size:24px;line-height:1}.search input{min-width:0;width:100%;background:none;border:0;outline:0;color:#f4efff;font-size:13px}.search input::placeholder{color:#9d8cac}.product{display:flex;align-items:center;gap:11px;padding:13px;min-height:72px}.product-icon{font-size:23px}.product-copy{display:grid;gap:5px;min-width:0;flex:1}.product-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-end{display:grid;justify-items:end;gap:4px;flex:none}.product-price{font-size:13px;font-weight:800;color:#ddabff}.buy{border:1px solid #9260db;border-radius:10px;background:#7340b8;color:white;font-size:11px;font-weight:750;padding:8px 10px;white-space:nowrap}.buy:disabled{background:#2c2535;border-color:#473b52;color:#988ca9;cursor:default}.message{font-size:13px;color:#b6a4ca;padding:18px 4px}.message:empty{display:none}.more{display:block;margin:16px auto 0;background:#21172f;border:1px solid #58406d;color:#e4d2fc;border-radius:11px;padding:12px 20px;font-weight:700}.hidden{display:none}
.order-filters{display:flex;gap:8px;margin:3px 0 18px}.filter{padding:11px 15px;border-radius:13px;border:1px solid #493061;color:#b6a8c9;background:#21182f;font-size:12px;font-weight:750}.filter.active{background:linear-gradient(135deg,#b780f5,#8248d5);color:#150a24;border-color:#b780f5}.order{padding:15px;display:grid;gap:9px}.order-top,.order-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.order-top strong{font-size:14px}.order-status{font-size:11px;color:#d5b2fa;border-radius:8px;background:#3a2554;padding:5px 8px;white-space:nowrap}.order-title{font-size:13px;color:#e4d2fc;overflow-wrap:anywhere}.order-bottom{font-size:11px;color:#a895be}.order-bottom strong{font-size:13px;color:#f4efff}.empty{display:grid;justify-items:center;text-align:center;gap:9px;padding:70px 20px 30px;color:#b6a8c9}.empty-icon{width:66px;height:66px;border-radius:20px;background:#21182f;border:1px solid #493061;display:grid;place-items:center;font-size:30px;color:#cb9aff}.empty strong{font-size:26px;letter-spacing:-.04em;color:#f4efff}.empty span:last-child{font-size:13px}
.account-card{display:flex;align-items:center;gap:12px;padding:15px}.avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#462c69;color:#eed7ff;font-size:23px;flex:none}.account-info{display:grid;gap:5px;min-width:0}.account-info strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-info small{font-size:11px;color:#b6a8c9;overflow-wrap:anywhere}.wallet-card{margin-top:12px;padding:17px;display:grid;gap:10px}.wallet-card>strong{font-size:31px;letter-spacing:-.04em}.primary{width:100%;border:0;border-radius:12px;background:linear-gradient(135deg,#b780f5,#8248d5);color:#160f28;font-size:14px;font-weight:800;padding:14px;box-shadow:0 5px 17px #09060b80}.wallet-stats{border-top:1px solid #423059;padding-top:13px;display:flex;gap:26px}.wallet-stats span{display:grid;gap:5px}.wallet-stats strong{font-size:13px}.wallet-stats small{color:#b6a8c9;font-size:11px}.profile-links{margin-top:14px}.action-row{display:flex;align-items:center;gap:11px;width:100%;min-height:53px;padding:11px 14px;text-align:left;color:#f4efff;text-decoration:none;font-size:13px;font-weight:700}.action-row>span:nth-child(2){flex:1}.action-icon{color:#cb9aff;font-size:20px;width:20px;text-align:center}.action-hint{padding:10px 14px;color:#ddabff;font-size:12px}
.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,640px);display:flex;justify-content:space-around;align-items:end;background:#130d21ed;border-top:1px solid #36244c;padding:9px 12px calc(11px + env(safe-area-inset-bottom));backdrop-filter:blur(16px)}.nav-item{background:none;border:0;color:#b6a8c9;display:grid;justify-items:center;gap:5px;min-width:76px;font-size:11px;padding:2px 8px}.nav-item.active{color:#ddabff;font-weight:800}.nav-icon{font-size:22px;width:45px;height:39px;display:grid;place-items:center;border-radius:14px}.nav-item.active .nav-icon{background:linear-gradient(135deg,#b780f5,#8248d5);color:#180d29;box-shadow:0 4px 12px #09060b80}
.primary.bot-link{display:block;text-align:center;text-decoration:none}
.screen [hidden],.action-panel[hidden],#country-view[hidden]{display:none!important}.back-link{border:0;background:none;color:#d4a3ff;font-size:13px;font-weight:750;padding:9px 4px;cursor:pointer}.list-heading{align-items:center;flex-wrap:wrap}.list-heading .back-link{flex-basis:100%;text-align:left;margin-bottom:2px}.action-panel{margin-top:14px;border:1px solid #493061;background:#191227;border-radius:18px;padding:16px}.action-panel h2{font-size:21px;margin:10px 0 16px}.action-panel p{color:#b6a8c9;font-size:13px;line-height:1.5}.action-panel form{display:grid;gap:12px}.action-panel label{display:grid;gap:7px;color:#cdb6e5;font-size:12px}.action-panel input,.action-panel select{width:100%;height:45px;border-radius:12px;border:1px solid #493061;background:#21182f;color:#f4efff;padding:0 13px;font-size:14px}.action-panel .primary{margin-top:3px}.action-panel .action-hint{color:#ddabff}.action-panel .action-hint.error{color:#ffc1d2}.payment-info{display:grid;gap:9px;border:1px solid #654094;background:#241830;border-radius:14px;padding:14px;margin-top:14px;color:#f4efff;font-size:13px}.payment-info strong{color:#ddabff;font-size:17px}.ref-link{overflow-wrap:anywhere;color:#d4a3ff;text-decoration:underline;cursor:pointer}.product{cursor:default}.product-icon{font-family:system-ui,Apple Color Emoji,Segoe UI Emoji,sans-serif}.primary:disabled,.buy:disabled{opacity:.6;cursor:default}
.action-panel textarea{width:100%;min-height:110px;resize:vertical;border-radius:12px;border:1px solid #493061;background:#21182f;color:#f4efff;padding:12px 13px;font:inherit;font-size:14px}
.topbar{margin-bottom:32px}.logo{font-size:14px;letter-spacing:-.06em;box-shadow:none}.chip-plus{font-size:13px}.category,.product,.account-card,.wallet-card,.action-row,.order{background:#1b1428}.category{transition:border-color .16s ease,background-color .16s ease}.category:hover,.action-row:hover{border-color:#735197;background:#241a34}.category-icon{font-size:17px}.chevron{font-size:13px}.nav-icon{font-size:17px}.action-icon{font-size:15px}.search .icon{font-size:15px;line-height:1}.search input{font-size:14px}.back-link .icon{font-size:11px}.empty-icon{font-size:24px}.avatar{font-size:19px}.primary{box-shadow:none}.wallet-card>small,.list-heading small{letter-spacing:.08em}.account-card,.wallet-card{border-radius:16px}
@media (prefers-reduced-motion:reduce){.category{transition:none}}
@media(min-width:640px){.shell{padding:28px 26px calc(112px + env(safe-area-inset-bottom))}.category-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:350px){.identity small{display:none}.category-price{font-size:10px}.category{gap:7px;padding:10px}}

/* Reference composition, preserved in Tele Shop's violet palette. */
html{background:#0b0714}body{background:radial-gradient(ellipse 105% 48% at 52% 10%,#311b50 0%,#170e29 55%,#0b0714 100%);min-height:100dvh}::selection{background:#8d57cb;color:#fff}
.shell{max-width:560px;min-height:100dvh;padding:22px 20px calc(106px + env(safe-area-inset-bottom));isolation:isolate;overflow:hidden}
.shell>.ambient{position:absolute;inset:0 0 auto;min-height:1600px;z-index:-1;pointer-events:none;overflow:hidden}
.ambient-flag,.ambient-dot{position:absolute;display:block;user-select:none}.ambient-flag{font-size:23px;opacity:.11;filter:blur(.3px);transform:rotate(-9deg)}
.ambient-flag:nth-child(1){top:4%;left:17%}.ambient-flag:nth-child(2){top:9%;right:1%;transform:rotate(14deg)}.ambient-flag:nth-child(3){top:17%;left:53%}.ambient-flag:nth-child(4){top:23%;right:7%;transform:rotate(8deg)}.ambient-flag:nth-child(5){top:29%;left:14%}.ambient-flag:nth-child(6){top:37%;right:2%;transform:rotate(10deg)}.ambient-flag:nth-child(7){top:44%;left:49%}.ambient-flag:nth-child(8){top:53%;right:5%}.ambient-flag:nth-child(9){top:64%;left:15%}.ambient-flag:nth-child(10){top:75%;right:10%}
.ambient-dot{width:3px;height:3px;border-radius:50%;background:#ded0f0;opacity:.63}.ambient-dot:nth-child(11){top:6%;left:65%}.ambient-dot:nth-child(12){top:15%;right:20%}.ambient-dot:nth-child(13){top:25%;left:8%}.ambient-dot:nth-child(14){top:33%;left:71%}.ambient-dot:nth-child(15){top:46%;left:27%}.ambient-dot:nth-child(16){top:56%;right:17%}.ambient-dot:nth-child(17){top:67%;left:59%}.ambient-dot:nth-child(18){top:81%;left:14%}
.topbar{margin-bottom:34px}.identity strong{font-size:14px;letter-spacing:0}.identity small{font-size:11px;letter-spacing:.14em}.logo{width:40px;height:40px;font-size:15px;background:linear-gradient(135deg,#e0bbff,#9865db);color:#170c25;border-radius:11px;box-shadow:0 6px 14px #09060b80}.balance-chip{border-radius:14px;background:#ffffff16;border-color:#a278bc3b}.chip-plus{background:linear-gradient(135deg,#d9adff,#9460d6)}
.page-heading{margin:0 0 22px}.page-heading h1{font-size:clamp(31px,8vw,37px);line-height:1.06;letter-spacing:-.04em;margin:0 0 5px}.page-heading p{font-size:14px;color:#cbbbdc}.category-list{gap:10px}.category,.product,.account-card,.wallet-card,.action-row,.order{border-color:#ab86c033;background:#ffffff14;backdrop-filter:blur(2px)}.category{min-height:74px;padding:14px;border-radius:18px}.category-icon,.product-icon{background:#b780f51c;border-color:#a178cb49}.category-copy strong,.product-copy strong{font-size:15px}.category-copy small{font-size:12px}.category-price,.product-price{color:#f0d4ff}.category:hover,.action-row:hover{background:#ac7bd326}
.list-heading{margin:0 0 17px;gap:2px}.list-heading .back-link{margin-bottom:19px}.list-heading h2{font-size:clamp(29px,7vw,36px);line-height:1.05;letter-spacing:-.04em;margin:0}.list-heading>div{min-width:0}.list-heading>span{align-self:center}.list-subtitle{font-size:14px;color:#cbbbdc;margin:8px 0 0}.search{background:#ffffff19;border-color:#ac88c83d;border-radius:14px;height:51px;margin-bottom:13px}.search input::placeholder{color:#c6b5d3}.sort-filters,.order-filters{display:flex;gap:8px;margin:15px 0 20px}.sort-filter,.filter{border:1px solid #ab86c045;background:#ffffff13;color:#d5c5e6;border-radius:14px;padding:12px 16px;font-size:13px;font-weight:650}.sort-filter.active,.filter.active{background:linear-gradient(120deg,#d5a5ff,#9155d3);border-color:#d0a2fa;color:#170d25}.products{gap:10px}.product{min-height:80px;padding:12px 14px;border-radius:17px;gap:13px}.product-icon{font-family:system-ui,"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:24px;width:43px;height:43px;border:0}.product-copy{gap:0}.product-end{display:flex;align-items:center;gap:12px}.product-price{font-size:15px;font-variant-numeric:tabular-nums}.buy{background:linear-gradient(120deg,#d5a5ff,#9256d5);border:0;border-radius:12px;color:#1c1029;font-size:13px;font-weight:800;padding:13px 16px;min-height:44px}.buy:disabled{background:#5a486d;color:#e4dbea}
#orders-screen{min-height:calc(100dvh - 205px)}.order-list:has(.empty){min-height:50vh;display:flex;align-items:center;justify-content:center}.empty{padding:30px 16px;gap:8px}.empty strong{font-size:36px;letter-spacing:-.04em;color:#e9def2}.empty span:last-child{font-size:14px;color:#cbbbdc}.order{border-radius:15px}.order-status{background:#8254ad45;color:#f1d9ff}
.account-card{padding:14px;border-radius:17px;min-height:78px}.avatar{width:49px;height:49px;background:#e7d4f4;color:#392253;border-radius:13px}.account-info strong{font-size:15px}.wallet-card{margin-top:12px;padding:19px;border-radius:17px;gap:10px}.wallet-card>strong{font-size:36px;line-height:1.1}.primary{background:linear-gradient(120deg,#d9b0ff,#9359d6);box-shadow:0 7px 15px #09060b80;color:#13071f;min-height:46px}.wallet-stats{margin-top:8px;padding-top:15px}.wallet-stats span{min-width:76px}.wallet-stats strong{font-variant-numeric:tabular-nums}.profile-links{margin-top:16px}.action-row{min-height:56px;border-radius:14px;padding:12px 16px}.action-icon{font-size:17px}.action-panel{background:transparent;border:0;padding:0;margin:0}.action-panel .back-link{margin:0 0 20px}.action-panel h2{font-size:clamp(31px,8vw,37px);line-height:1.06;letter-spacing:-.04em;margin:0 0 5px}.action-panel .panel-subtitle{font-size:14px;color:#cbbbdc;margin:0 0 28px}.action-panel form{gap:17px}.action-panel label{font-size:14px;color:#e8ddee}.action-panel input,.action-panel select,.action-panel textarea{background:#ffffff19;border-color:#ac88c83d;border-radius:14px;font-size:15px;min-height:52px}.action-panel form .primary{margin-top:14px}.action-panel p:not(.panel-subtitle){font-size:13px}.history-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 2px;border-bottom:1px solid #ab86c04d;font-size:13px}.history-item span{overflow-wrap:anywhere}.history-item strong{white-space:nowrap;color:#e3bdff}.payment-info{background:#ffffff17;border-color:#ab86c04d}
.bottom-nav{max-width:560px;background:linear-gradient(0deg,#0b0714f7,#150d22ec);border-top:0;padding:12px 12px calc(14px + env(safe-area-inset-bottom));backdrop-filter:blur(14px)}.nav-item{min-width:84px;gap:4px;font-size:12px}.nav-icon{font-size:19px;height:47px;width:48px}.nav-item.active .nav-icon{border-radius:14px;background:linear-gradient(135deg,#d8adff,#985ed8);box-shadow:0 6px 15px #09060b80}.nav-item.active{color:#eed9ff}
@media(min-width:640px){.shell{padding:28px 26px calc(110px + env(safe-area-inset-bottom))}}@media(max-width:370px){.shell{padding-left:14px;padding-right:14px}.product{gap:8px;padding:10px}.product-end{gap:7px}.buy{padding:11px 12px}.product-copy strong{font-size:13px}.product-price{font-size:13px}.sort-filter{padding:11px 12px}}
.balance-chip small,.wallet-card>small,.wallet-stats small{font-size:11px}.sort-filter.active,.filter.active{color:#10051a;box-shadow:none}.logo,.nav-item.active .nav-icon{box-shadow:0 7px 15px #09060b80}
.sort-filter.active,.filter.active{color:#08030e}.primary{color:#0c0414}.sort-filter.active,.filter.active{background:linear-gradient(120deg,#d5a5ff,#9c68df)}.primary{background:linear-gradient(120deg,#d9b0ff,#9c68df)}
.action-panel h1{font-size:clamp(31px,8vw,37px);line-height:1.06;letter-spacing:-.04em;margin:0 0 5px}
