:root{--c-bg: #0b0b10;--c-surface: #15151d;--c-surface2: #1e1e29;--c-border: #2c2c3a;--c-text: #f5f1e6;--c-muted: #b3ad9f;--c-accent: #f2c14e;--c-accent-text: #1a1405;--c-success: #3ddc97;--c-warning: #ffb020;--c-danger: #ff5d5d;--c-info: #5ea8ff;--c-nav-bg: #101017;--c-nav-text: #9c978b;--c-nav-active: #f2c14e;--c-header-bg: #0b0b10;--c-overlay: #000000b3;--g-accent: linear-gradient(135deg, #f7d774, #e0a526);--g-hero: linear-gradient(160deg, #2a2110, #0b0b10);--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--font-body: "Manrope", system-ui, sans-serif;--font-heading: "Unbounded", "Manrope", system-ui, sans-serif;--fs-base: 15px;--shadow-card: 0 6px 18px rgba(0, 0, 0, .24);--anim-ms: .22s;--anim-ease: ease-out;--safe-t: max(env(safe-area-inset-top), var(--tg-content-safe-area-inset-top, 0px));--safe-b: max(env(safe-area-inset-bottom), var(--tg-safe-area-inset-bottom, 0px));--nav-h: 62px;--cta-h: 76px;--maxw: 760px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font-body);font-size:var(--fs-base);line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overflow-x:hidden}#root{min-height:var(--tg-viewport-height, 100vh)}img{max-width:100%;display:block}button{font:inherit;color:inherit}a{color:var(--c-accent)}.h1{font-family:var(--font-heading);font-size:22px;font-weight:800;line-height:1.2;margin:4px 0 6px;text-wrap:balance;overflow-wrap:anywhere}.h2{font-family:var(--font-heading);font-size:18px;font-weight:700;line-height:1.25;margin:18px 0 8px;overflow-wrap:anywhere}.h3{font-size:16px;font-weight:700;margin:0 0 4px;overflow-wrap:anywhere}.muted{color:var(--c-muted)}.small{font-size:13px}.warn{color:var(--c-warning)}.center{text-align:center}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.02em;overflow-wrap:anywhere}.ui-text{overflow-wrap:anywhere}.ui-rich p{margin:0 0 8px}.ui-rich ul{padding-left:20px}.app{min-height:var(--tg-viewport-height, 100vh);max-width:var(--maxw);margin:0 auto;position:relative}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:calc(10px + var(--safe-t)) 16px 10px;background:color-mix(in srgb,var(--c-header-bg) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--c-border) 60%,transparent)}.brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1;cursor:pointer}.brand-logo{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--g-accent);color:var(--c-accent-text);font-size:20px;flex:none;overflow:hidden}.brand-logo img{width:100%;height:100%;object-fit:cover}.brand-text{min-width:0}.brand-name{font-family:var(--font-heading);font-weight:800;font-size:14px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-sub{font-size:11px;color:var(--c-accent);letter-spacing:.12em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.balance-chip{flex:none;white-space:nowrap}.content{padding:12px 16px calc(var(--nav-h) + var(--safe-b) + 24px)}.screen{display:flex;flex-direction:column;gap:12px}.screen.with-cta{padding-bottom:calc(var(--cta-h) + 8px)}.center-screen{min-height:calc(var(--tg-viewport-height, 100vh) - 40px);justify-content:center;align-items:center;text-align:center;padding:24px}.stack{display:flex;flex-direction:column;gap:10px}.stack-sm{display:flex;flex-direction:column;gap:6px}.row-between{display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0}.row-wrap{display:flex;flex-wrap:wrap;gap:8px}.row-center{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.section-head{display:flex;justify-content:space-between;align-items:baseline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--r-md);font-weight:700;cursor:pointer;padding:0 18px;min-height:48px;line-height:1.15;text-align:center;transition:transform var(--anim-ms) var(--anim-ease),opacity var(--anim-ms),background var(--anim-ms);user-select:none;max-width:100%}.btn:active:not(:disabled){transform:scale(.98)}.btn:focus-visible,.card-click:focus-visible,.tab:focus-visible,.nav-item:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-label{overflow-wrap:anywhere}.btn-sm{min-height:40px;padding:0 12px;font-size:14px;border-radius:var(--r-sm)}.btn-lg{min-height:56px;font-size:17px}.btn-full{width:100%}.btn-primary{background:var(--g-accent);color:var(--c-accent-text);box-shadow:0 6px 20px color-mix(in srgb,var(--c-accent) 25%,transparent)}.btn-secondary{background:var(--c-surface2);color:var(--c-text);border-color:var(--c-border)}.btn-ghost{background:transparent;color:var(--c-accent)}.btn-danger{background:color-mix(in srgb,var(--c-danger) 14%,transparent);color:var(--c-danger);border-color:color-mix(in srgb,var(--c-danger) 35%,transparent)}.btn-icon{font-size:var(--icon-size, 1.1em);color:var(--icon-color, inherit)}.link-btn{background:none;border:none;color:var(--c-accent);padding:8px 0;cursor:pointer;text-align:left}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:14px;box-shadow:var(--shadow-card);color:inherit;min-width:0}.card-click{cursor:pointer;text-align:left;width:100%;display:block;transition:transform var(--anim-ms) var(--anim-ease),border-color var(--anim-ms)}.card-click:active{transform:scale(.985)}.card-selected{border-color:var(--c-accent);background:color-mix(in srgb,var(--c-accent) 9%,var(--c-surface))}.badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--c-surface2);color:var(--c-text);border:1px solid var(--c-border);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.badge-accent{background:color-mix(in srgb,var(--c-accent) 16%,transparent);color:var(--c-accent);border-color:color-mix(in srgb,var(--c-accent) 40%,transparent)}.badge-success{color:var(--c-success);border-color:color-mix(in srgb,var(--c-success) 40%,transparent);background:color-mix(in srgb,var(--c-success) 12%,transparent)}.badge-danger{color:var(--c-danger);border-color:color-mix(in srgb,var(--c-danger) 40%,transparent);background:color-mix(in srgb,var(--c-danger) 12%,transparent)}.badge-warning{color:var(--c-warning);border-color:color-mix(in srgb,var(--c-warning) 40%,transparent);background:color-mix(in srgb,var(--c-warning) 12%,transparent)}.badge-info{color:var(--c-info);border-color:color-mix(in srgb,var(--c-info) 40%,transparent)}.badge-muted{color:var(--c-muted)}.ui-img{display:grid;place-items:center;overflow:hidden;aspect-ratio:var(--aspect, auto)}.ui-img img{width:100%;height:100%;object-fit:var(--fit, cover);object-position:var(--pos, center)}.ui-emoji{font-size:var(--icon-size, 40px);line-height:1}.ui-icon{font-size:var(--icon-size, 24px);color:var(--icon-color, inherit);line-height:1}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field-label{font-size:13px;font-weight:700;color:var(--c-muted)}.field-input{width:100%;min-height:48px;border-radius:var(--r-md);border:1px solid var(--c-border);background:var(--c-surface2);color:var(--c-text);padding:0 14px;font-size:16px;outline:none;transition:border-color var(--anim-ms)}select.field-input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--c-muted) 50%),linear-gradient(135deg,var(--c-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;background-size:5px 5px;background-repeat:no-repeat}.field-input:focus{border-color:var(--c-accent)}.field-error .field-input{border-color:var(--c-danger)}.field-hint{font-size:12px;color:var(--c-muted)}.field-err{font-size:12px;color:var(--c-danger)}.promo-row{display:flex;gap:8px;align-items:flex-end}.promo-row .field{flex:1}.promo-row>.btn{min-height:48px}.stepper{display:flex;align-items:center;gap:8px}.stepper .btn{min-width:48px;min-height:48px;font-size:20px}.stepper-input{text-align:center;font-weight:800;flex:1;min-width:0}.stepper-val{min-width:40px;text-align:center;font-weight:800;font-size:18px}.range{width:100%;accent-color:var(--c-accent);min-height:32px}.switch,.check{display:flex;align-items:center;gap:12px;cursor:pointer;min-height:44px}.switch input,.check input{position:absolute;opacity:0;width:1px;height:1px}.check input{position:static;opacity:1;width:20px;height:20px;accent-color:var(--c-accent)}.switch-ui{width:46px;height:28px;border-radius:999px;background:var(--c-surface2);border:1px solid var(--c-border);position:relative;flex:none;transition:background var(--anim-ms)}.switch-ui:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--c-muted);transition:transform var(--anim-ms),background var(--anim-ms)}.switch input:checked+.switch-ui{background:color-mix(in srgb,var(--c-accent) 35%,transparent)}.switch input:checked+.switch-ui:after{transform:translate(18px);background:var(--c-accent)}.switch input:focus-visible+.switch-ui{outline:2px solid var(--c-accent)}.tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px 4px}.tabs::-webkit-scrollbar{display:none}.tab{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-muted);font-weight:700;cursor:pointer;white-space:nowrap}.tab-active{background:var(--g-accent);color:var(--c-accent-text);border-color:transparent}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;max-width:var(--maxw);margin:0 auto;height:calc(var(--nav-h) + var(--safe-b));padding:6px 4px calc(6px + var(--safe-b));background:color-mix(in srgb,var(--c-nav-bg) 94%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--c-border)}.nav-item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;color:var(--c-nav-text);cursor:pointer;border-radius:12px;min-height:44px;padding:0 2px}.nav-item.active{color:var(--c-nav-active)}.nav-icon{font-size:20px;line-height:1}.nav-label{font-size:11px;font-weight:700;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.kb-open .bottom-nav{display:none}.cta-bar{position:fixed;left:0;right:0;bottom:calc(var(--nav-h) + var(--safe-b));z-index:25;padding:10px 16px;background:linear-gradient(to top,var(--c-bg) 70%,transparent);max-width:var(--maxw);margin:0 auto}.limited .cta-bar,body.kb-open .cta-bar{bottom:var(--safe-b)}.cta-inner{display:flex;gap:8px;align-items:center}.cta-inner>.btn-full,.cta-inner>.state-view{flex:1}.sheet-backdrop,.modal-backdrop{position:fixed;inset:0;z-index:50;background:var(--c-overlay);display:flex;align-items:flex-end;justify-content:center;animation:fade var(--anim-ms) var(--anim-ease)}.modal-backdrop{align-items:center;padding:16px}.sheet,.modal{background:var(--c-surface);border:1px solid var(--c-border);width:100%;max-width:520px;color:var(--c-text)}.sheet{border-radius:var(--r-xl) var(--r-xl) 0 0;padding:16px 16px calc(16px + var(--safe-b));max-height:80vh;overflow-y:auto}.sheet-title,.modal-title{font-family:var(--font-heading);font-weight:800;font-size:18px;margin-bottom:10px}.sheet-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.sheet-item{text-align:left;min-height:48px;border-radius:var(--r-md);border:1px solid var(--c-border);background:var(--c-surface2);padding:0 14px;cursor:pointer;font-weight:700}.modal{border-radius:var(--r-xl);padding:20px;max-height:86vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-text{color:var(--c-muted);margin-bottom:12px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px;flex-wrap:wrap}.modal-actions .btn{flex:1 1 140px}.toasts{position:fixed;left:0;right:0;top:calc(64px + var(--safe-t));z-index:60;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;padding:0 16px}.toast{background:var(--c-surface2);border:1px solid var(--c-border);border-radius:14px;padding:10px 14px;max-width:480px;box-shadow:0 10px 30px #00000059;animation:fade var(--anim-ms) var(--anim-ease)}.toast-success{border-color:color-mix(in srgb,var(--c-success) 50%,transparent)}.toast-error{border-color:color-mix(in srgb,var(--c-danger) 50%,transparent)}@keyframes fade{0%{opacity:0;transform:translateY(6px)}}.demo-strip,.offline-strip{display:flex;justify-content:center;border-radius:0;width:100%;max-width:none;white-space:normal;text-align:center}.demo-strip{background:color-mix(in srgb,var(--c-warning) 16%,var(--c-bg));color:var(--c-warning);border:none}.offline-strip{background:color-mix(in srgb,var(--c-danger) 16%,var(--c-bg));color:var(--c-danger);border:none}.state-view{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:28px 12px}.state-view.compact{padding:8px;flex-direction:row;justify-content:center}.state-emoji{font-size:var(--icon-size, 44px)}.state-title{font-weight:800;font-size:17px}.state-text{color:var(--c-muted);max-width:360px}.skeleton-list{display:flex;flex-direction:column;gap:10px}.skeleton{border-radius:var(--r-lg);background:linear-gradient(90deg,var(--c-surface) 25%,var(--c-surface2) 37%,var(--c-surface) 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.loading-screen .loading-logo{width:84px;height:84px;border-radius:26px;background:var(--g-accent);color:var(--c-accent-text);--icon-size: 46px;margin-bottom:8px}.loading-spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--c-border);border-top-color:var(--c-accent);animation:spin .9s linear infinite;margin:12px 0}.greeting{color:var(--c-muted);font-weight:600}.blk{margin-bottom:4px}.blk-banner{position:relative;border-radius:var(--r-xl);padding:18px;background:var(--g-hero);border:1px solid color-mix(in srgb,var(--c-accent) 30%,var(--c-border));overflow:hidden;display:flex;flex-direction:column;gap:14px}.banner-body{display:flex;gap:12px;align-items:center}.banner-text{flex:1;min-width:0}.banner-title{font-family:var(--font-heading);font-size:26px;font-weight:800;line-height:1.1;margin:0;background:var(--g-accent);-webkit-background-clip:text;background-clip:text;color:transparent}.banner-sub{color:var(--c-muted);margin-top:6px}.banner-img{width:84px;height:84px;flex:none;--icon-size: 56px;filter:drop-shadow(0 6px 20px color-mix(in srgb,var(--c-accent) 40%,transparent))}.banner-tag{align-self:flex-start}.blk-tiles{display:grid;grid-template-columns:repeat(var(--cols, 2),minmax(0,1fr));gap:10px}.tile{position:relative;display:flex;flex-direction:column;gap:4px;min-height:108px;padding:14px}.tile-icon{font-size:var(--icon-size, 28px);margin-bottom:4px}.tile-label{font-weight:800;font-size:15px;line-height:1.2}.tile-desc{font-size:12px;color:var(--c-muted)}.tile-badge{position:absolute;top:10px;right:10px}.blk-promo{display:flex;gap:14px;align-items:center;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:14px}.promo-img{width:64px;height:64px;flex:none;border-radius:18px;background:var(--c-surface2);--icon-size: 36px}.promo-body{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-width:0}.blk-ann{border-radius:var(--r-md);padding:12px 14px;background:var(--c-surface);border-left:3px solid var(--c-info)}.blk-ann.tone-success{border-left-color:var(--c-success)}.blk-ann.tone-warning{border-left-color:var(--c-warning)}.blk-ann.tone-accent{border-left-color:var(--c-accent)}.blk-ann.clickable{cursor:pointer}.ann-inner{display:flex;gap:10px;align-items:center}.blk-divider.line span{display:block;height:1px;background:var(--c-border);margin:6px 0}.blk-faq .faq-item{border-bottom:1px solid var(--c-border);padding:10px 0}.blk-faq summary{cursor:pointer;font-weight:700;min-height:32px}.blk-card{display:flex;flex-direction:column;gap:8px}.search-fake{width:100%;min-height:48px;text-align:left;border-radius:var(--r-md);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-muted);padding:0 14px;cursor:pointer}.carousel{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:2px 16px 8px;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.carousel>*{scroll-snap-align:start;min-width:158px;max-width:200px;flex:0 0 46%}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.product-card{display:flex;flex-direction:column;gap:6px;padding:10px}.pc-image{position:relative;aspect-ratio:4 / 3;border-radius:var(--r-md);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--c-accent) 22%,var(--c-surface2)),var(--c-surface2));display:grid;place-items:center;overflow:hidden}.pc-image img{width:100%;height:100%;object-fit:cover}.pc-emoji{font-size:44px}.fav-btn{position:absolute;top:4px;right:4px;width:36px;height:36px;border-radius:50%;border:none;background:color-mix(in srgb,var(--c-bg) 70%,transparent);color:var(--c-muted);cursor:pointer;font-size:18px}.fav-btn.on{color:var(--c-accent)}.pc-badges{display:flex;gap:4px;flex-wrap:wrap}.pc-title{font-weight:800;line-height:1.2}.pc-price{font-weight:800;color:var(--c-accent)}.pc-cta .btn{width:100%;pointer-events:none}.product-hero{aspect-ratio:16 / 9;border-radius:var(--r-xl);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--c-accent) 26%,var(--c-surface2)),var(--c-surface));--icon-size: 72px}.price-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.price-big{font-family:var(--font-heading);font-size:24px;font-weight:800;color:var(--c-accent)}.variants{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.variant{display:flex;flex-direction:column;gap:4px}.variant-title{font-weight:800}.variant-price{color:var(--c-accent);font-weight:800}.checklist{margin:0;padding-left:0;list-style:none}.checklist li:before{content:"✓ ";color:var(--c-success);font-weight:800}.gifts{display:flex;gap:10px;flex-wrap:wrap}.gift{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--r-md);background:var(--c-surface2)}.gift img{width:28px;height:28px}.map-info{display:flex;gap:12px;align-items:center}.map-icon{font-size:34px;width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:var(--c-surface2);flex:none}.breakdown .lines{display:flex;flex-direction:column;gap:6px;margin:6px 0 10px}.line{display:flex;justify-content:space-between;gap:12px;font-size:14px}.line-label{min-width:0;overflow-wrap:anywhere}.line-amount{white-space:nowrap;font-weight:700}.line-amount.neg{color:var(--c-success)}.line.total{border-top:1px dashed var(--c-border);padding-top:10px;font-weight:800;font-size:16px;align-items:baseline}.total-amount{font-family:var(--font-heading);color:var(--c-accent);font-size:20px;white-space:nowrap}.reel{position:relative;border-radius:var(--r-xl);background:var(--g-hero);border:1px solid color-mix(in srgb,var(--c-accent) 35%,var(--c-border));padding:10px 14px 10px 38px;overflow:hidden}.reel:after{content:"";position:absolute;left:30px;right:6px;top:calc(50% - 38px);height:76px;border:2px solid var(--c-accent);border-radius:var(--r-md);pointer-events:none;box-shadow:0 0 24px color-mix(in srgb,var(--c-accent) 35%,transparent)}.reel-pointer{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--icon-color, var(--c-accent));font-size:var(--icon-size, 22px);z-index:2}.reel-window{height:228px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent)}.reel-strip{will-change:transform}.reel-item{height:68px;margin:4px 0;display:flex;align-items:center;gap:12px;padding:0 14px;border-radius:var(--r-md);box-shadow:none}.reel-emoji{font-size:30px;width:40px;height:40px;display:grid;place-items:center}.reel-emoji img{width:40px;height:40px;object-fit:contain}.reel-name{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rarity-rare{border-color:color-mix(in srgb,var(--c-info) 55%,var(--c-border))}.rarity-epic{border-color:color-mix(in srgb,#b16cff 60%,var(--c-border))}.rarity-legendary{border-color:var(--c-accent);background:color-mix(in srgb,var(--c-accent) 10%,var(--c-surface))}.countdown{font-variant-numeric:tabular-nums}.prize-row{display:flex;align-items:center;gap:10px;padding:10px 12px}.prize-emoji{font-size:22px;width:30px;text-align:center}.prize-emoji img{width:28px;height:28px}.prize-name{flex:1;min-width:0;font-weight:700}.prize-prob{font-variant-numeric:tabular-nums;color:var(--c-muted);font-weight:700}.result-body{text-align:center}.result-emoji{font-size:64px;margin:8px 0}.order-card{display:flex;flex-direction:column;gap:6px}.order-no{font-family:var(--font-heading);font-size:14px}.order-title{font-weight:600}.order-total{color:var(--c-accent);font-weight:800}.params{margin:0;padding-left:18px;font-size:14px}.timeline{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.profile-head{display:flex;gap:14px;align-items:center}.avatar{width:64px;height:64px;border-radius:50%;background:var(--g-accent);color:var(--c-accent-text);flex:none;--icon-size: 28px;font-weight:800}.profile-names{min-width:0}.balance-card{background:var(--g-hero)}.balance-big{font-family:var(--font-heading);font-size:26px;font-weight:800;color:var(--c-accent)}.menu-list{display:flex;flex-direction:column;gap:4px}.menu-list .btn{justify-content:flex-start;background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text)}.ledger-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.ledger-amount{font-weight:800;white-space:nowrap}.ledger-amount.pos{color:var(--c-success)}.ledger-amount.neg{color:var(--c-danger)}.stats{display:grid;grid-template-columns:1fr 1fr;text-align:center}.stat-num{font-family:var(--font-heading);font-size:26px;font-weight:800;color:var(--c-accent)}.more-item{display:flex;gap:10px;align-items:center;min-height:52px;font-weight:700}.gate-screen{padding:calc(24px + var(--safe-t)) 16px calc(24px + var(--safe-b));max-width:560px;margin:0 auto;min-height:var(--tg-viewport-height, 100vh)}.gate-image{width:96px;height:96px;margin:8px auto 0;border-radius:28px;background:var(--g-accent);--icon-size: 52px}.channel-card{display:flex;align-items:center;gap:12px}.channel-icon{width:44px;height:44px;border-radius:14px;background:var(--c-surface2);display:grid;place-items:center;font-size:22px;flex:none;overflow:hidden}.channel-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.channel-title{font-weight:800;overflow-wrap:anywhere}.gate-error{border-radius:var(--r-md);border:1px solid color-mix(in srgb,var(--c-warning) 50%,transparent);background:color-mix(in srgb,var(--c-warning) 10%,transparent);padding:12px}.gate-actions{display:flex;flex-direction:column;gap:8px;margin-top:6px}.demo-picker{padding:24px 16px;max-width:560px;margin:0 auto}.demo-user{display:block}.demo-badge{align-self:flex-start}@media(min-width:768px){.h1{font-size:28px}.content{padding-left:24px;padding-right:24px}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.blk-tiles{gap:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.editor-mode [data-ui-id]{cursor:crosshair}.editor-mode [data-ui-id]:hover{outline:1px dashed rgba(167,139,250,.9);outline-offset:2px}.editor-mode .ui-selected{outline:2px solid #a78bfa!important;outline-offset:2px}.ui-ghost{opacity:.35;outline:1px dashed var(--c-muted)}@media(max-width:380px){.channel-card{flex-wrap:wrap}.channel-card>.btn{flex:1 1 100%}.header-back .btn-label,.brand-sub{display:none}}.channel-main .badge{white-space:normal}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.menu-list.card{padding:6px;display:flex;flex-direction:column;gap:4px}.reel-strip{display:flex;flex-direction:column}.reel-item{box-sizing:border-box;overflow:hidden;flex-shrink:0}.reel-emoji{flex-shrink:0;overflow:hidden}.reel-emoji img{max-width:40px;max-height:40px;display:block}