:root{--bg: var(--tg-theme-secondary-bg-color, #f2f2f4);--surface: var(--tg-theme-section-bg-color, var(--tg-theme-bg-color, #ffffff));--text: var(--tg-theme-text-color, #1a1a1a);--hint: var(--tg-theme-hint-color, #8a8a8e);--accent: #ffb800;--accent-text: #1a1a1a;--success: #2fa84f;--danger: #e5484d;--border: rgba(127, 127, 127, .16);--radius: 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}@media (prefers-color-scheme: dark){:root{--bg: var(--tg-theme-secondary-bg-color, #101012);--surface: var(--tg-theme-section-bg-color, var(--tg-theme-bg-color, #1c1c1e));--text: var(--tg-theme-text-color, #f2f2f2);--hint: var(--tg-theme-hint-color, #8e8e93)}}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}.app__content{max-width:560px;margin:0 auto;padding:16px 16px calc(84px + env(safe-area-inset-bottom))}.screen{display:flex;flex-direction:column;gap:14px}.title{margin:4px 0 0;font-size:24px;font-weight:700}.subtitle,.note,.empty{margin:0;color:var(--hint);font-size:14px;line-height:1.4}.empty{padding:32px 0;text-align:center}.greeting{display:flex;flex-direction:column;gap:2px}.greeting__hello{font-size:22px;font-weight:700}.greeting__program{color:var(--hint);font-size:14px}.lcard{--m-dark: #2a2d33;--m-base: #5b616b;--m-light: #c9ced6;--m-ink: #ffffff;--m-ink-soft: rgba(255, 255, 255, .72);--m-facet: rgba(0, 0, 0, .32);--m-facet-light: rgba(255, 255, 255, .16);--m-sparkle: rgba(255, 255, 255, .55);--m-glow: rgba(255, 255, 255, .35);position:relative;aspect-ratio:1.586;border-radius:20px;overflow:hidden;isolation:isolate;color:var(--m-ink);background:linear-gradient(118deg,var(--m-dark) 0%,var(--m-base) 38%,var(--m-light) 52%,var(--m-base) 64%,var(--m-dark) 100%);box-shadow:0 18px 40px -12px #0000008c,0 2px #ffffff2e inset,0 -1px #00000059 inset}.lcard--bronze{--m-dark: #3a1a0c;--m-base: #8a4a26;--m-light: #e7a774;--m-ink: #fff4ea;--m-ink-soft: rgba(255, 236, 220, .75);--m-facet: rgba(40, 12, 2, .42);--m-facet-light: rgba(255, 196, 150, .16);--m-sparkle: rgba(255, 214, 180, .6);--m-glow: rgba(255, 170, 110, .45)}.lcard--silver{--m-dark: #2b3038;--m-base: #7d8691;--m-light: #eef1f5;--m-ink: #ffffff;--m-ink-soft: rgba(255, 255, 255, .78);--m-facet: rgba(14, 18, 24, .4);--m-facet-light: rgba(255, 255, 255, .2);--m-sparkle: rgba(255, 255, 255, .7);--m-glow: rgba(235, 242, 255, .5)}.lcard--gold{--m-dark: #4a2e04;--m-base: #b07a12;--m-light: #ffe28a;--m-ink: #fffaf0;--m-ink-soft: rgba(255, 246, 220, .8);--m-facet: rgba(50, 28, 0, .38);--m-facet-light: rgba(255, 236, 160, .2);--m-sparkle: rgba(255, 244, 200, .7);--m-glow: rgba(255, 214, 110, .55)}.lcard__glow,.lcard__facet,.lcard__glitter,.lcard__sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.lcard__glow{z-index:0;background:radial-gradient(60% 120% at 18% 45%,var(--m-glow),transparent 60%),linear-gradient(90deg,transparent 12%,rgba(255,255,255,.14) 19%,transparent 26%)}.lcard__facet--dark{z-index:1;background:linear-gradient(160deg,var(--m-facet),rgba(0,0,0,.12));clip-path:polygon(44% 0,100% 0,100% 46%,80% 46%,80% 100%,56% 100%,56% 30%,36% 30%)}.lcard__facet--light{z-index:1;background:linear-gradient(200deg,var(--m-facet-light),transparent 80%);clip-path:polygon(80% 46%,100% 46%,100% 100%,80% 100%)}.lcard__glitter{z-index:2;opacity:.7;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.35' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 11 -7.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}.lcard__glitter:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='1' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 16 -12.6'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E");background-size:240px 240px}.lcard__sheen{z-index:3;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.28) 47%,transparent 58%);transform:translate(-60%);animation:lcard-sheen 7s ease-in-out infinite}@keyframes lcard-sheen{0%,55%{transform:translate(-60%)}85%,to{transform:translate(60%)}}@media (prefers-reduced-motion: reduce){.lcard__sheen{animation:none}}.lcard__content{position:relative;z-index:4;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:18px 20px;text-shadow:0 1px 2px rgba(0,0,0,.35)}.lcard__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.lcard__brand{font-size:21px;font-weight:800;letter-spacing:.32em;line-height:1;color:var(--m-ink);text-shadow:0 1px 0 rgba(255,255,255,.35),0 -1px 0 rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.25)}.lcard__level{padding:4px 10px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:#0000002e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-shadow:none;white-space:nowrap}.lcard__middle{display:flex;align-items:center;gap:16px}.lcard__chip{position:relative;flex:none;display:grid;grid-template-rows:repeat(3,1fr);width:42px;height:32px;padding:4px 0;border-radius:6px;background:linear-gradient(135deg,#f4f4f2,#b9b9b4 45%,#ececea 60%,#9d9d98);box-shadow:0 1px #fff9 inset,0 1px 3px #00000059}.lcard__chip:before{content:"";position:absolute;top:4px;right:15px;bottom:4px;left:15px;border-left:1px solid rgba(0,0,0,.28);border-right:1px solid rgba(0,0,0,.28)}.lcard__chip i{border-top:1px solid rgba(0,0,0,.22)}.lcard__chip i:first-child{border-top:0}.lcard__balance{display:flex;flex-direction:column}.lcard__balance-value{font-size:38px;font-weight:800;line-height:1;letter-spacing:-.01em}.lcard__balance-label{margin-top:2px;font-size:13px;color:var(--m-ink-soft)}.lcard__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.lcard__number{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:15px;letter-spacing:.14em;color:var(--m-ink-soft)}.lcard__cashback{font-size:12px;font-weight:600;color:var(--m-ink-soft);white-space:nowrap}.card-note{margin:-6px 2px 0;color:var(--hint);font-size:13px;line-height:1.4}@media (max-width: 360px){.lcard__brand{font-size:18px;letter-spacing:.26em}.lcard__balance-value{font-size:32px}}.tile{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--radius);background:var(--surface);text-align:left}.tile__row{display:flex;justify-content:space-between;gap:12px;font-size:15px}.tile__hint{color:var(--hint);font-size:13px}.progress{height:8px;border-radius:999px;background:var(--border);overflow:hidden}.progress__bar{height:100%;border-radius:inherit;background:var(--accent);transition:width .4s ease}.actions{display:flex;flex-direction:column;gap:10px}.button{display:flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:14px;background:var(--accent);color:var(--accent-text);font-size:16px;font-weight:600;transition:opacity .15s,transform .1s}.button:active:not(:disabled){transform:scale(.98)}.button:disabled{cursor:default;background:var(--border);color:var(--hint)}.button--secondary{background:var(--surface);color:var(--text)}.button--small{min-height:40px;padding:0 14px;font-size:14px;white-space:nowrap}.summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.summary__item{display:flex;flex-direction:column;padding:14px 16px;border-radius:var(--radius);background:var(--surface)}.summary__value{font-size:26px;font-weight:700}.summary__value--muted{color:var(--hint)}.summary__label{color:var(--hint);font-size:13px}.list,.rewards,.levels,.promos{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.list{border-radius:var(--radius);background:var(--surface);overflow:hidden}.row{display:flex;align-items:center;gap:12px;padding:12px 16px}.row+.row{border-top:1px solid var(--border)}.row--pending{opacity:.6}.row__icon{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--bg);font-size:18px}.row__body{flex:1;min-width:0;display:flex;flex-direction:column}.row__title{font-size:15px;line-height:1.3}.row__date{color:var(--hint);font-size:13px}.row__points{flex:none;color:var(--success);font-size:15px;font-weight:600}.row__points--minus{color:var(--text)}.rewards{gap:10px}.reward{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-radius:var(--radius);background:var(--surface)}.reward__info{display:flex;flex-direction:column}.reward__discount{font-size:17px;font-weight:700}.reward__condition{color:var(--hint);font-size:13px}.codes{display:flex;flex-direction:column;gap:10px}.code{display:flex;flex-direction:column;gap:8px;padding:16px;border:2px dashed var(--accent);border-radius:var(--radius);background:var(--surface)}.code__label{font-size:14px;font-weight:600}.code__value{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:var(--bg);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:20px;font-weight:700;letter-spacing:.04em}.code__copy{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--hint);font-size:13px;font-weight:500;letter-spacing:0}.code__hint{color:var(--hint);font-size:13px}.levels{gap:10px}.level{padding:16px;border:2px solid transparent;border-radius:var(--radius);background:var(--surface)}.level--current{border-color:var(--accent)}.level__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.level__name{font-size:17px;font-weight:700}.level__badge{padding:3px 10px;border-radius:999px;background:var(--accent);color:var(--accent-text);font-size:12px;font-weight:600}.level__from{color:var(--hint);font-size:13px}.level__perks{margin:0;padding-left:18px;font-size:14px;line-height:1.6}.rules{padding:16px;border-radius:var(--radius);background:var(--surface)}.rules__title{margin:0 0 8px;font-size:17px}.rules__list{margin:0;padding-left:20px;font-size:14px;line-height:1.5}.rules__list li+li{margin-top:6px}.promos{gap:10px}.promo{display:flex;gap:14px;padding:16px;border-radius:var(--radius);background:var(--surface)}.promo__badge{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--accent);color:var(--accent-text);font-size:17px;font-weight:800}.promo__body{display:flex;flex-direction:column;gap:4px}.promo__title{font-size:16px;font-weight:700}.promo__text{font-size:14px;line-height:1.4}.promo__until{color:var(--hint);font-size:13px}.tabbar{position:fixed;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface)}.tabbar__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;border-radius:12px;color:var(--hint);font-size:11px}.tabbar__icon{font-size:22px;filter:grayscale(1);opacity:.6}.tabbar__item--active{color:var(--text);font-weight:600}.tabbar__item--active .tabbar__icon{filter:none;opacity:1}.status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:100vh;padding:24px;text-align:center}.status__text{margin:0;color:var(--hint);font-size:15px;line-height:1.4}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice{margin:0;padding:12px 14px;border-radius:12px;background:var(--surface);color:var(--hint);font-size:14px;line-height:1.4}.notice--error{background:#e5484d1f;color:var(--danger)}.demo-banner{padding:8px 16px;background:var(--accent);color:var(--accent-text);font-size:13px;font-weight:600;text-align:center}.app__content--bare{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.onboarding{padding-top:24px}.onboarding__hero{display:grid;place-items:center;width:84px;height:84px;border-radius:24px;background:var(--accent);font-size:44px}.benefits{display:flex;flex-direction:column;gap:10px;margin:0;padding:16px;border-radius:var(--radius);background:var(--surface);list-style:none;font-size:15px;line-height:1.4}.benefits li{display:flex;gap:12px;align-items:flex-start}.benefits span{flex:none;font-size:20px}.tile--invite{border:2px solid var(--accent)}.notice--accent{background:#ffb80029;color:var(--text);font-weight:600}.invite{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:20px;background:linear-gradient(135deg,#fc3,#e09400);color:#1a1a1a}.invite__bonus{font-size:36px;font-weight:800;line-height:1}.invite__text{font-size:15px;line-height:1.4}.steps{margin:0;padding:16px 16px 16px 36px;border-radius:var(--radius);background:var(--surface);font-size:15px;line-height:1.5}.steps li+li{margin-top:6px}.friends{display:flex;flex-direction:column;gap:10px}.friends__head{display:flex;align-items:baseline;justify-content:space-between}.friends__head .rules__title{margin:0}.friends__earned{color:var(--success);font-size:14px;font-weight:600}.friend__status--pending{color:var(--accent)}.friend__status--done{color:var(--success)}.row__points--muted{color:var(--hint)}.referrer{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:var(--radius);background:var(--surface)}.referrer__title{font-size:16px;font-weight:700}.referrer__hint,.field__label{color:var(--hint);font-size:13px;line-height:1.4}.referrer__row{display:flex;gap:10px}.referrer__error{color:var(--danger);font-size:13px}.field{display:flex;flex-direction:column;gap:6px}.input{flex:1;min-width:0;min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:17px;letter-spacing:.08em}.input:focus{outline:none;border-color:var(--accent)}.link{color:var(--tg-theme-link-color, #2481cc);text-decoration:underline;font-size:inherit}.link--center{align-self:center;padding:4px 8px;color:var(--hint);font-size:13px}:root{--tone-grey: #9a9aa0;--tone-orange: #ff9500;--tone-green: var(--success)}.status--inline{min-height:160px}.order{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--radius);background:var(--surface)}.order__head{display:flex;align-items:center;gap:12px}.order__thumb{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:12px;background:var(--bg);font-size:26px;overflow:hidden}.order__thumb img{width:100%;height:100%;object-fit:cover}.order__titles{display:flex;flex-direction:column;gap:2px;min-width:0}.order__title{margin:0;font-size:17px;font-weight:650;line-height:1.25}.order__number,.order__step,.order__planned{color:var(--hint);font-size:13px}.order__planned{margin:0}.order__now{display:flex;align-items:center;justify-content:space-between;gap:8px}.order__hint{margin:0;font-size:14px;line-height:1.4}.slider{--tone: var(--tone-grey);padding:8px 12px}.slider--orange{--tone: var(--tone-orange)}.slider--green{--tone: var(--tone-green)}.slider__track{position:relative;height:10px;border-radius:999px;background:var(--border)}.slider__fill{height:100%;min-width:10px;border-radius:inherit;background:var(--tone);transition:width .6s ease,background-color .4s ease}.slider__knob{position:absolute;top:50%;display:grid;place-items:center;width:26px;height:26px;border:3px solid var(--surface);border-radius:50%;background:var(--tone);color:#fff;font-size:13px;font-weight:700;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000040;transition:left .6s ease,background-color .4s ease}.badge{padding:4px 10px;border-radius:999px;background:var(--tone-grey);color:#fff;font-size:13px;font-weight:600}.badge--orange{background:var(--tone-orange)}.badge--green{background:var(--tone-green)}.steps{display:flex;flex-direction:column;gap:10px;margin:4px 0 0;padding:12px 0 0;border-top:1px solid var(--border);list-style:none}.steps__item{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;font-size:14px}.steps__item--next{color:var(--hint)}.steps__item--current .steps__title{font-weight:650}.steps__dot{display:grid;place-items:center;width:22px;height:22px;border:2px solid var(--tone-grey);border-radius:50%;color:#fff;font-size:12px;font-weight:700}.steps__dot--orange{border-color:var(--tone-orange)}.steps__dot--green{border-color:var(--tone-green)}.steps__item--done .steps__dot,.steps__item--current .steps__dot{background:var(--tone-grey)}.steps__item--done .steps__dot--orange,.steps__item--current .steps__dot--orange{background:var(--tone-orange)}.steps__item--done .steps__dot--green,.steps__item--current .steps__dot--green{background:var(--tone-green)}.steps__item--next .steps__dot{background:transparent;opacity:.5}.steps__date{color:var(--hint);font-size:12px}.legal h2{margin:10px 0 0;font-size:16px}.legal p,.legal li{margin:0;font-size:14px;line-height:1.5}.legal ul{display:flex;flex-direction:column;gap:4px;margin:0;padding-left:20px}
