@font-face{font-family:sfProText;src:url(../media/sf_pro_text_regular-s.p.40ywdlwc9h_2t.woff2)format("woff2");font-display:block;font-weight:400;font-style:normal}@font-face{font-family:sfProText;src:url(../media/sf_pro_text_medium-s.p.1u_onzaim75st.woff2)format("woff2");font-display:block;font-weight:500;font-style:normal}@font-face{font-family:sfProText Fallback;src:local(Arial);ascent-override:88.96%;descent-override:22.81%;line-gap-override:0.0%;size-adjust:107.03%}._3XgN8W_className{font-family:sfProText,sfProText Fallback}._3XgN8W_variable{--font-sf-pro-text:"sfProText", "sfProText Fallback"}
:root{--font-ui:var(--font-sf-pro-text), -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-display:var(--font-ui);--amethyst:#6553eb;--amethyst-hi:#b6a4ff;--amethyst-lo:#4e2cc9;--brand-gradient:linear-gradient(110deg, #6553eb 0%, #7543bb 100%);--lilac:#c9b6ee;--spark:#ffd36e;--fs-xs:clamp(11px, 3.1vw, 12px);--fs-sm:clamp(12.5px, 3.45vw, 13.5px);--fs-base:clamp(14.5px, 4vw, 16px);--fs-md:clamp(16px, 4.4vw, 17.5px);--fs-lg:clamp(20px, 6vw, 24px);--fs-xl:clamp(26px, 8vw, 32px);--fs-hero:clamp(32px, 10vw, 42px);--r-s:12px;--r-m:16px;--r-l:24px;--r-xl:32px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--ease-out:cubic-bezier(.22, 1, .36, 1);--t-fast:.14s;--t-base:.28s;--gutter:16px;--tab-h:70px;--rail-glow-color:#6553eb;--rail-stroke-width:1.5px;--screen-halo-opacity:.28;--safe-top:calc(max(env(safe-area-inset-top,0px), var(--tg-safe-area-inset-top,0px)) + var(--tg-content-safe-area-inset-top,0px));--safe-bottom:max(env(safe-area-inset-bottom,0px), var(--tg-safe-area-inset-bottom,0px))}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a1c2c;--bg-gradient:linear-gradient(180deg, #1a1c2c 0%, #1e2034 45.14%, #202035 81.32%, #1f2135 100%);--surface:#25273c;--surface-2:#2c2e44;--surface-3:#36384f;--card-surface:#232536;--rail-bg:#1a1c2ce0;--glass:#1f2135e0;--line:#ffffff14;--line-strong:#ffffff29;--text:#fff;--text-2:#ffffffb8;--text-3:#a3a4b6;--accent:var(--amethyst);--accent-text:#fff;--accent-soft:#612cff33;--danger:#ff6b81;--ok:#30d968;--info:#3e90e8;--shadow-card:0 8px 24px #080a1614;--shadow-float:none}
*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;overflow:hidden}body,#root{border-radius:inherit}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-weight:400;font-size:var(--fs-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-optical-sizing:auto;font-kerning:normal;font-synthesis:none;overflow-wrap:break-word;overscroll-behavior:none;-webkit-user-select:none;user-select:none;margin:0;line-height:1.4}input,textarea{-webkit-user-select:text;user-select:text}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}h1,h2,h3,h4,h5,h6,b,strong,th,legend,optgroup{font-weight:500}input,textarea,select{font-weight:inherit}h1,h2,h3,p{margin:0}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--lilac);outline-offset:2px;border-radius:8px}::selection{background:var(--accent-soft)}.app{isolation:isolate;background:var(--bg);border-top-left-radius:var(--screen-corner-top-left,var(--screen-corner-radius,inherit));border-top-right-radius:var(--screen-corner-top-right,var(--screen-corner-radius,inherit));border-bottom-right-radius:var(--screen-corner-bottom-right,var(--screen-corner-radius,inherit));border-bottom-left-radius:var(--screen-corner-bottom-left,var(--screen-corner-radius,inherit));flex-direction:column;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.scroll{overscroll-behavior:contain;min-height:0;padding:calc(var(--safe-top) + 12px) var(--gutter) calc(var(--tab-h) + var(--safe-bottom) + 36px);scrollbar-width:none;flex:1;overflow:hidden auto}.scroll::-webkit-scrollbar{display:none}.page-enter{animation:none}@keyframes content-in{0%{opacity:0}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}h1,h2,h3,.large-title,.page-title,.stage h2,.promo-title,.sheet-title{text-wrap:balance;-webkit-hyphens:none;hyphens:none}p,.muted,.stage p,.promo-text,.safe-note,.check span:last-child{text-wrap:pretty;-webkit-hyphens:auto;hyphens:auto}.card-price,.card-title b,.kv b,.order-row-side b,.promo-cta b,.promo-big,.seg-label em,.tab-badge,.hint,time,.code-input,.code-show{font-variant-numeric:tabular-nums lining-nums}.large-title{font-size:var(--fs-hero)}
.display{font-family:var(--font-display);font-weight:500;font-size:var(--fs-xl);letter-spacing:-.035em;line-height:1.05}.page-title{letter-spacing:-.03em;margin:8px 0 18px;font-size:34px;font-weight:500;line-height:1.1}.muted{color:var(--text-2);font-size:var(--fs-sm);line-height:1.5}.group-title{font-size:var(--fs-sm);color:var(--text-2);margin:26px 0 10px;font-weight:500}.group-title.flush{color:var(--text);font-size:var(--fs-base);align-items:center;gap:8px;margin-top:0;display:flex}.empty{text-align:center;color:var(--text-3);padding:48px 0}.sheet-title{letter-spacing:-.02em;margin-bottom:4px;font-size:22px;font-weight:500}.btn{border-radius:var(--r-m);min-height:52px;font-weight:500;font-size:var(--fs-md);letter-spacing:-.01em;transition:box-shadow var(--t-base) var(--ease-out), background var(--t-base);justify-content:center;align-items:center;gap:8px;padding:0 24px;display:inline-flex;position:relative}.btn:active:not(:disabled){box-shadow:inset 0 0 0 1px #ffffff24}.btn-block{width:100%;display:flex}.btn:disabled:not(.is-loading){opacity:.42;cursor:not-allowed}.btn-primary{color:#fff;background:var(--brand-gradient)}.btn-soft{color:var(--text);background:var(--accent-soft);min-height:44px}.btn-ghost{color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line-strong);background:0 0;min-height:48px}.btn-danger{color:var(--danger);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--danger) 45%, transparent);background:0 0;min-height:48px}.btn.is-loading{cursor:progress}.btn-spinner{inset-inline-end:4px;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;position:absolute;top:calc(50% - 8px)}@keyframes spin{to{transform:rotate(360deg)}}@media (hover:hover){.btn-primary:hover:not(:disabled){box-shadow:inset 0 0 0 1px #ffffff2e}.btn-soft:hover:not(:disabled){background:color-mix(in srgb, var(--amethyst) 28%, transparent)}.btn-ghost:hover:not(:disabled){color:var(--text);box-shadow:inset 0 0 0 1px var(--lilac)}}.icon-btn,.back{background:var(--surface-2);width:40px;height:40px;color:var(--text);transition:background var(--t-base);border-radius:50%;place-items:center;display:grid}.chip{background:var(--glass);border:1px solid var(--line);height:34px;font-size:var(--fs-sm);color:var(--text-2);transition:background var(--t-base), border-color var(--t-base), color var(--t-base);border-radius:999px;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.chip b{color:var(--text);font-weight:500}.chip.is-on{background:var(--accent-soft);border-color:var(--line-strong);color:var(--text)}.chips-row{gap:8px;margin-bottom:14px;display:flex}@media (hover:hover){.chip:hover{border-color:var(--lilac);background:var(--accent-soft)}}.seg{--rail-height:48px;background:var(--rail-bg);border:0;border-radius:999px;gap:0;margin:22px 0 14px;padding:0;display:flex;position:relative}.seg-item{min-width:0;height:var(--rail-height);border-radius:var(--overlay-radius,18px);font-weight:500;font-size:var(--fs-sm);color:var(--text-2);transition:color var(--t-base);flex:1;position:relative}.seg-item.is-on{color:#fff}.seg-label{align-items:center;gap:6px;display:inline-flex;position:relative}.seg-label em{font-style:normal;font-size:var(--fs-xs);background:#ffffff29;border-radius:999px;padding:1px 7px;font-weight:500}.seg-item.is-on .seg-label em{color:var(--amethyst-lo);background:#fff}.sheet-root{inset:0 0 var(--keyboard-inset,0px);z-index:50;padding:calc(var(--safe-top) + 8px) 8px calc(var(--safe-bottom) + 8px);overscroll-behavior:none;align-items:flex-end;display:flex;position:absolute}.sheet-backdrop{background:#06030e8c;position:absolute;inset:0}.sheet{background:var(--surface);border-radius:var(--r-xl);border:1px solid var(--line-strong);will-change:transform;outline:none;flex-direction:column;width:100%;max-width:560px;min-height:0;max-height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 -12px 60px #00000029}.sheet-root[data-state=closing] .sheet{pointer-events:none}.sheet-body{min-height:0;padding:8px var(--gutter) 20px;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y pinch-zoom;overflow-y:auto}.sheet-footer{padding:12px var(--gutter) 14px;border-top:1px solid var(--line);background:var(--surface);flex:none}.ps-head{align-items:center;gap:16px;padding:6px 4px 8px;display:flex}.bonus-line{color:var(--spark);font-size:var(--fs-sm);margin-top:4px;font-weight:500}.choice-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.choice{text-align:left;border-radius:var(--r-m);background:var(--surface-2);width:100%;transition:box-shadow var(--t-base), background var(--t-base);align-items:center;gap:14px;padding:12px 14px;display:flex;box-shadow:inset 0 0 0 1px #0000}.choice.is-on{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--amethyst-hi)}.choice-mark{background:var(--surface-3);width:40px;height:40px;color:var(--lilac);font-weight:500;font-size:var(--fs-sm);border-radius:14px;flex:none;place-items:center;display:grid}.choice-text{flex-direction:column;flex:1;min-width:0;display:flex}.choice-text b{font-weight:500}.choice-text small{color:var(--text-3);font-size:var(--fs-sm)}.choice-check{color:var(--amethyst-hi)}@media (hover:hover){.choice:hover:not(.is-on){box-shadow:inset 0 0 0 1px var(--line-strong)}}.how{gap:10px;margin:0;padding:0;list-style:none;display:grid}.how li{font-size:var(--fs-base);align-items:center;gap:12px;display:flex}.how li span{width:24px;height:24px;font-size:var(--fs-xs);background:var(--accent-soft);color:var(--lilac);border-radius:50%;flex:none;place-items:center;font-weight:500;display:grid}.safe-note{border-radius:var(--r-m);background:var(--surface-2);color:var(--text-2);font-size:var(--fs-sm);align-items:flex-start;gap:10px;margin-top:18px;padding:12px 14px;line-height:1.5;display:flex}.safe-note svg{color:var(--ok);flex:none;margin-top:1px}.safe-note.compact{background:0 0;margin-top:4px;padding:0}.overlay{z-index:40;background:0 0;flex-direction:column;animation:none;display:flex;position:absolute;inset:0}.overlay .scroll{padding-top:calc(var(--safe-top) + 12px);padding-bottom:calc(var(--safe-bottom) + 32px)}.order{flex-direction:column;gap:16px;display:flex}.order-head{z-index:5;background:color-mix(in srgb, var(--surface) 90%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);border-radius:999px;align-items:center;gap:10px;padding:6px 12px 6px 6px;display:flex;position:sticky;top:0}.order-no{min-width:0;font-weight:500;font-size:var(--fs-md);flex:1}.order-hero{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:8px 8px 0;display:flex}.stage{animation:none}.stage h2{letter-spacing:-.025em;font-size:24px;font-weight:500;line-height:1.15}.stage p{max-width:34ch;color:var(--text-2);font-size:var(--fs-base);margin:8px auto 0;line-height:1.5}.steps{grid-template-columns:repeat(5,1fr);margin:4px 0;padding:0;list-style:none;display:grid}.steps li{color:var(--text-3);flex-direction:column;align-items:center;gap:6px;font-size:11px;display:flex;position:relative}.steps li:before{content:"";background:var(--line);width:100%;height:2px;position:absolute;top:8px;left:-50%}.steps li:first-child:before{display:none}.steps li.is-done:before,.steps li.is-now:before{background:var(--amethyst)}.steps .dot{z-index:1;background:var(--surface-3);color:#fff;width:18px;height:18px;transition:background var(--t-base), box-shadow var(--t-base);border-radius:50%;place-items:center;display:grid;position:relative}.steps li.is-done .dot{background:var(--amethyst)}.steps li.is-now .dot{background:var(--bg);box-shadow:inset 0 0 0 2px var(--amethyst-hi)}.steps li.is-done,.steps li.is-now{color:var(--text)}.panel{border-radius:var(--r-l);background:var(--surface);border:1px solid var(--line);padding:16px}.panel .muted{margin-bottom:4px}.panel.action{gap:14px;display:grid}.kv{justify-content:space-between;align-items:center;gap:12px;padding:4px 0;display:flex}.kv+.kv{border-top:1px solid var(--line);margin-top:8px;padding-top:12px}.kv span{color:var(--text-2)}.kv b{font-weight:500}.hint{font-size:var(--fs-sm);color:var(--text-3)}.hint.center{text-align:center}.hint.is-bad{color:var(--danger)}.link{color:var(--lilac);word-break:break-all;font-weight:500}.field{gap:6px;display:grid}.field>span{font-size:var(--fs-sm);color:var(--text-2);font-weight:500}.field input,.json{border-radius:var(--r-m);border:1px solid var(--line);background:var(--surface-2);width:100%;min-height:52px;color:var(--text);font:inherit;font-size:var(--fs-md);transition:border-color var(--t-base), box-shadow var(--t-base);outline:none;padding:0 16px}.field input:focus,.json:focus{border-color:var(--amethyst-hi);box-shadow:0 0 0 4px var(--accent-soft)}.field input::placeholder{color:var(--text-3)}.code-input{text-align:center;letter-spacing:.32em;font-weight:500;font-family:var(--font-display)!important;min-height:64px!important;padding-left:calc(16px + .32em)!important;font-size:28px!important}.json{resize:vertical;margin:10px 0 12px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5}.form-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.check{font-size:var(--fs-sm);color:var(--text-2);cursor:pointer;align-items:flex-start;gap:12px;line-height:1.45;display:flex;position:relative}.check input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.check .box{color:#0000;width:24px;height:24px;box-shadow:inset 0 0 0 1.5px var(--line-strong);transition:background var(--t-base), color var(--t-fast), box-shadow var(--t-base);border-radius:8px;flex:none;place-items:center;display:grid}.check input:checked+.box{background:var(--amethyst);color:#fff;box-shadow:none}.check input:focus-visible+.box{outline:2px solid var(--lilac);outline-offset:2px}.waiting{justify-content:center;gap:8px;padding:10px 0;display:flex}.waiting span{background:var(--amethyst-hi);border-radius:50%;width:9px;height:9px;animation:1.2s ease-in-out infinite wait}.waiting span:nth-child(2){animation-delay:.15s}.waiting span:nth-child(3){animation-delay:.3s}@keyframes wait{0%,80%,to{opacity:.25}40%{opacity:1}}.timeline{gap:2px;margin:0 0 8px;padding:0;list-style:none;display:grid}.timeline li{font-size:var(--fs-sm);color:var(--text-3);align-items:center;gap:12px;padding:8px 0;display:flex;position:relative}.timeline li.is-latest{color:var(--text)}.tl-dot{background:var(--surface-3);border-radius:50%;flex:none;width:9px;height:9px}.timeline li.is-latest .tl-dot{background:var(--amethyst-hi)}.tl-text{flex:1}.timeline time{font-size:var(--fs-xs)}.status{font-size:var(--fs-xs);white-space:nowrap;background:var(--accent-soft);color:var(--lilac);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-weight:500;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-live:before{animation:1.8s ease-in-out infinite pulse}.status-ok{background:color-mix(in srgb, var(--ok) 16%, transparent);color:var(--ok)}.status-bad{background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger)}@keyframes pulse{50%{opacity:.3}}.order-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.order-row{text-align:left;border-radius:var(--r-m);background:var(--surface);border:1px solid var(--line);width:100%;transition:border-color var(--t-base), background var(--t-base);align-items:center;gap:12px;padding:12px 14px;display:flex}.order-row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.order-row-main b{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.order-row-main small{color:var(--text-3);font-size:var(--fs-xs)}.order-row-side{font-size:var(--fs-sm);flex-direction:column;align-items:flex-end;gap:4px;display:flex}.order-row .chev{color:var(--text-3)}@media (hover:hover){.order-row:hover{border-color:var(--line-strong);background:var(--surface-2)}}.me{align-items:center;gap:14px;margin-bottom:20px;display:flex}.me small{color:var(--text-3);display:block}.avatar{width:56px;height:56px;font-family:var(--font-display);color:#fff;background:var(--amethyst);border-radius:50%;place-items:center;font-size:22px;font-weight:500;display:grid}.rows{border-radius:var(--r-l);background:var(--surface);border:1px solid var(--line);margin:0 0 16px;padding:0;list-style:none;overflow:hidden}.rows li+li{border-top:1px solid var(--line)}.row{text-align:left;width:100%;transition:background var(--t-fast);align-items:center;gap:12px;padding:14px 16px;display:flex}.row:active{background:#ffffff06}.row-label{flex-direction:column;flex:1;font-weight:500;display:flex}.row-label small{color:var(--text-3);font-size:var(--fs-xs);font-weight:400}.row-value{color:var(--text-2);font-size:var(--fs-sm)}.row svg:last-child{color:var(--text-3)}@media (hover:hover){.row:hover{background:var(--surface-2)}}.admin-body{gap:14px;display:grid}.code-show{font-family:var(--font-display);letter-spacing:.2em;text-align:center;border-radius:var(--r-m);background:var(--surface-2);color:var(--lilac);padding:18px 0 18px .2em;font-size:40px;font-weight:500}.change{gap:10px;padding:14px 16px;display:grid}.change small{color:var(--text-3);display:block}.change-actions{gap:8px;display:flex}.change-actions .btn{flex:1;min-height:42px}.center-screen{text-align:center;justify-content:center;align-items:center;gap:16px;padding:24px}.gate h1{margin-top:8px}.state{color:var(--text-2);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:40px 0;display:flex}.spinner-wrap{place-items:center;padding:48px 0;display:grid}.spinner{border:3px solid var(--accent-soft);border-top-color:var(--amethyst-hi);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}.toast-zone{z-index:60;top:calc(var(--safe-top) + 10px);pointer-events:none;padding:0 var(--gutter);justify-items:center;display:grid;position:absolute;left:0;right:0}.toast{border-radius:var(--r-m);background:var(--glass);border:1px solid var(--line-strong);max-width:420px;font-size:var(--fs-sm);text-align:center;-webkit-backdrop-filter:blur(20px);padding:12px 18px;font-weight:500}.toast-error{border-color:color-mix(in srgb, var(--danger) 55%, transparent)}
.scroll{z-index:1;position:relative}.large-title,.page-title,.display{font-family:var(--font-ui);letter-spacing:-.035em;font-weight:500}.large-title{font-size:32px;line-height:1.08}.chip{background:var(--surface-2);border:1px solid var(--line)}.chip.is-on{background:var(--accent-soft);border-color:var(--line-strong)}.toast{background:var(--surface-3);border:1px solid var(--line-strong)}.shop{width:100%;max-width:960px;margin:0 auto}.home-bar{justify-content:space-between;align-items:center;min-height:36px;display:flex}.wordmark{letter-spacing:-.035em;color:var(--text);align-items:center;gap:5px;font-size:16px;font-weight:500;display:inline-flex}.brand-dot{background:var(--amethyst-hi);border-radius:50%;width:4px;height:4px;margin-top:5px}.home-intro{padding:20px 0 18px}.home-intro p{color:var(--text-2);font-size:var(--fs-sm);margin-top:8px;line-height:1.45}.promos{margin:0 calc(var(--gutter) * -1)}.promo-viewport{margin:0 var(--gutter);touch-action:pan-y pinch-zoom;position:relative;overflow:hidden}.promo-track{touch-action:pan-y pinch-zoom;gap:10px;display:flex;position:relative}.promo{text-align:left;min-width:0;max-width:380px;height:144px;color:var(--text);border:1px solid var(--line);background:var(--card-surface);border-radius:20px;flex:0 0 calc(100% - 28px);align-items:center;padding:14px 16px;display:flex;position:relative;overflow:hidden}.promo-pass{background:linear-gradient(115deg,#8362e338,#8362e30a);border-color:#a583e038}.promo-bonus{background:linear-gradient(115deg,#65997824,#65997806)}.promo-copy{z-index:1;flex-direction:column;align-items:flex-start;gap:5px;width:calc(100% - 96px);min-width:0;display:flex;position:relative}.promo-tag{color:var(--text-3);letter-spacing:.035em;font-size:10px;font-weight:500;line-height:1.2}.promo-pass .promo-tag{color:var(--lilac)}.promo-title{letter-spacing:-.035em;font-size:19px;font-weight:500;line-height:1.08}.promo-text{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.promo-link{color:var(--text);align-items:center;gap:6px;margin-top:3px;font-size:12px;font-weight:500;display:inline-flex}.promo-art{pointer-events:none;width:96px;height:108px;position:absolute;top:18px;right:8px}.promo-art .art{width:100%;height:100%}.promo-how .promo-copy{width:calc(100% - 52px)}.promo-how .promo-text{-webkit-line-clamp:3}.promo-symbol{color:var(--text-3);opacity:.65;position:absolute;top:50%;right:18px;translate:0 -50%}.dots{justify-content:center;align-items:center;gap:2px;height:24px;display:flex}.dots button{place-items:center;width:24px;height:24px;display:grid}.dots span{background:var(--line-strong);width:4px;height:4px;transition:width .32s var(--ease-out), background .32s var(--ease-out);border-radius:4px}.dots .is-on span{background:var(--amethyst-hi);width:16px}.shop-catalog{scroll-margin-top:12px}.shop-catalog .seg{margin:8px 0 14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.card{background:var(--card-surface);text-align:left;min-width:0;box-shadow:var(--shadow-card);border:1px solid #fff1;border-radius:22px;flex-direction:column;align-items:stretch;padding:16px 14px 12px;display:flex;position:relative}.card.is-off{opacity:.45;cursor:not-allowed}.card-art{flex:none;width:100%;height:104px;margin-bottom:8px;padding:14px 5px 6px;display:block}.art{object-fit:contain;width:100%;height:100%;display:block}.product-visual{isolation:isolate;pointer-events:none;width:100%;min-width:0;height:100%;min-height:0;display:block;position:relative}.product-visual>.art{width:100%;min-width:0;height:100%;min-height:0;margin:auto;position:absolute;inset:0}.product-visual:before{content:"";z-index:-1;background:radial-gradient(ellipse 46% 54% at 36% 46%, rgb(var(--art-key) / .2), rgb(var(--art-key) / 0) 100%), radial-gradient(ellipse 44% 52% at 66% 50%, rgb(var(--art-fill) / .16), rgb(var(--art-fill) / 0) 100%), radial-gradient(ellipse 50% 42% at 50% 68%, rgb(var(--art-depth) / .18), rgb(var(--art-depth) / 0) 100%);position:absolute;inset:-6px -8px;-webkit-mask-image:radial-gradient(50% 50%,#000 20%,#0000 100%);mask-image:radial-gradient(50% 50%,#000 20%,#0000 100%)}.art-asset{opacity:0;transition:opacity .18s ease-out}.art-asset.is-ready{opacity:1}.art-unavailable{color:var(--text-3);max-width:48px;max-height:48px}.card-title{min-width:0;min-height:38px;color:var(--text-2);align-items:baseline;gap:5px;padding-bottom:8px;font-size:12px;line-height:1.2;display:flex}.card-title b{color:var(--text);letter-spacing:-.04em;font-size:23px;font-weight:500}.card-title b:not(:only-child){white-space:nowrap}.card-title b:only-child{overflow-wrap:anywhere;letter-spacing:-.025em;min-width:0;font-size:17px;font-weight:500}.card-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:4px;margin-top:auto;padding-top:10px;display:flex}.card-price{letter-spacing:-.015em;font-variant-numeric:tabular-nums;color:var(--text);flex-wrap:wrap;align-items:baseline;gap:5px;font-size:14px;font-weight:500;display:inline-flex}.card-price s{color:var(--text-3);font-size:10px;font-weight:400}.card-arrow{width:22px;height:22px;color:var(--text-3);border-radius:50%;flex:none;place-items:center;display:grid}.badge{max-width:calc(100% - 24px);color:var(--text-2);background:var(--surface-2);border-radius:5px;padding:3px 6px;font-size:9px;font-weight:500;line-height:1.2;position:absolute;top:10px;left:12px}.badge-hit{color:#e8ca7e;background:#e8ca7e1f}.badge-bonus{color:#a7dcb2;background:#a7dcb21f}.badge-store_only{color:var(--lilac);background:#a583e026}.ps-art{background:var(--card-surface);border-radius:18px;flex:none;place-items:center;width:96px;height:80px;padding:8px;display:grid}.ps-art .art{width:100%;height:100%}@media (hover:hover){.card:hover:not(:disabled){background:#28293d;border-color:#c9b6ee3b}}@media (min-width:640px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:980px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.tabbar{--rail-height:var(--tab-h);z-index:30;left:50%;bottom:calc(var(--safe-bottom) + 20px);width:min(calc(100% - 2 * var(--gutter)), 560px);background:var(--rail-bg);-webkit-backdrop-filter:blur(20px);border:0;border-radius:999px;gap:0;padding:0;display:flex;position:absolute;transform:translate(-50%)}.tab{min-width:0;height:var(--tab-h);color:var(--text-3);transition:color var(--t-base);flex:1 1 0;place-items:center;display:grid;position:relative}.tab.is-on{color:#fff}.tab-svg{position:relative}.tab-badge{background:var(--spark);color:#2b1d00;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-style:normal;font-weight:500;display:grid;position:absolute;top:2px;left:calc(50% + 10px)}@media (hover:hover){.tab:hover:not(.is-on){color:var(--text)}}.rotate-lock{z-index:100;text-align:center;background:var(--bg);color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:none;position:fixed;inset:0}.rotate-lock svg{color:var(--amethyst-hi)}.rotate-lock h2{font-size:var(--fs-lg);letter-spacing:-.03em;font-weight:500}.rotate-lock p{color:var(--text-2);font-size:var(--fs-sm)}@media (orientation:landscape) and (max-height:540px) and (hover:none){.rotate-lock{display:flex}}
.glow-rail{isolation:isolate;box-shadow:inset 0 0 0 .5px var(--line-strong);overflow:visible}.glow-rail>button{z-index:1;position:relative}.rail-fx{z-index:0;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.rail-stroke{x:calc(var(--rail-stroke-width) / 2);y:calc(var(--rail-stroke-width) / 2);width:calc(100% - var(--rail-stroke-width));height:calc(100% - var(--rail-stroke-width));rx:calc(var(--rail-height) / 2);stroke-width:var(--rail-stroke-width)}button svg:not(.art){transform-origin:50%;transform-box:view-box;transition:opacity .16s ease-out}.btn,.choice,.row,.icon-btn,.back,.chip,.order-row,.profile-orders,.promo,.card{transition:background .22s ease-out,border-color .22s ease-out,box-shadow .22s ease-out}@media (hover:hover){.icon-btn:hover,.back:hover{background:#38394f}.promo:hover{border-color:#c9b6ee52}.choice:hover:not(.is-on),.profile-orders:hover{background:#2d2e43}}.bg-fx{z-index:0;background:var(--bg-gradient);pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.bg-fx>canvas{z-index:1;width:100%;height:55%;display:block;position:relative}.bg-halo{border-radius:inherit;z-index:2;mix-blend-mode:plus-lighter;opacity:var(--screen-halo-opacity);pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 19.25%,#0000 55%);mask-image:linear-gradient(#000 0% 19.25%,#0000 55%)}.bg-halo i{border-radius:inherit;filter:blur(3px);opacity:.3;border:5px solid #dfd1f5;border-bottom:0;position:absolute;inset:0}.bg-halo i:nth-child(2){filter:blur(10px);opacity:.8}.bg-halo i:nth-child(3){filter:blur(20px);opacity:1}.bg-halo i:nth-child(4){filter:blur(30px);opacity:1}.bg-fx:before{content:"";background:radial-gradient(115% 65% at -27% -7%,#4e2cc9b3,#0000 80%);position:absolute;inset:0}.bg-fx[data-renderer=webgl]:before{display:none}.center-screen>:not(.bg-fx){z-index:1;position:relative}
.account-page,.order{width:100%;max-width:760px;margin-inline:auto}.account-page{flex-direction:column;gap:24px;display:flex}.account-page>.page-title{margin:8px 0 0;font-size:32px;line-height:1.1}.profile-summary,.profile-group,.account-page .pwa-settings{gap:12px;display:grid}.account-page .section-label,.account-page .rows{margin:0}.account-page .me{margin:0;padding:20px}.account-page .row{min-height:64px}.account-page .row-label,.account-page .row-value{line-height:1.4}.account-page .panel .muted{margin-bottom:0}.settings-icon.settings-flag{background:0 0}.payment-asset,.support-asset{object-fit:contain;flex:none;display:block}.payment-mark{background:#ffffff09}.account-heading{margin:8px 0 28px}.account-heading .page-title{margin-bottom:8px}.account-heading p{color:var(--text-2);font-size:var(--fs-sm)}.section-label{letter-spacing:.025em;color:var(--text-3);justify-content:space-between;align-items:center;gap:12px;margin:24px 2px 12px;font-size:12px;font-weight:500;display:flex}.section-label span{font-variant-numeric:tabular-nums}.panel{background:#222435;border-color:#ffffff12;border-radius:20px;padding:18px}.panel>.section-label{margin:0 0 16px}.currency-flag{width:20px;height:20px;box-shadow:none;border:0;border-radius:50%;flex:none;display:inline-block;position:relative;overflow:hidden}.currency-flag img{object-fit:cover;width:100%;height:100%;display:block}.currency-options .currency-flag,.language-options .language-flag{width:28px;height:28px;margin-inline:4px}.row>.currency-flag{margin-inline:5px}.chip:has(.currency-flag){gap:8px;height:36px;padding:0 11px 0 7px}.sheet{--sheet-gutter:20px;will-change:transform;background:#202232;border:1px solid #ffffff1c;border-radius:28px;box-shadow:0 -12px 64px #05061059}.sheet-backdrop{background:#080912a3}.sheet-close{z-index:2;width:32px;height:32px;color:var(--text-2);background:#2c2e40;position:absolute;top:12px;right:12px}.sheet-body{padding:12px var(--sheet-gutter) 24px}.sheet-heading{margin-bottom:24px;padding-right:32px}.sheet-title{letter-spacing:-.035em;font-size:24px;line-height:1.15}.sheet-heading p{color:var(--text-3);font-size:var(--fs-sm);margin:8px 0 0}.sheet-footer{padding:0 var(--sheet-gutter) max(16px, var(--safe-bottom));background:#202232;border:0}.sheet-footer:before{content:"";background:var(--line);height:1px;margin-bottom:16px;display:block}.sheet .group-title{color:var(--text-3);letter-spacing:.015em;margin:24px 0 12px;font-size:12px;font-weight:500}.choice-list{gap:8px}.choice{background:#282a3b;border-radius:17px;gap:13px;min-height:68px;padding:13px 14px;box-shadow:inset 0 0 0 1px #ffffff09}.choice.is-on{background:#302c49;box-shadow:inset 0 0 0 1px #b6a4ff6b}.choice-text{gap:3px}.choice-text b{font-size:14px;font-weight:500}.choice-text small{font-size:12px;line-height:1.3}.choice-mark{width:36px;height:36px;color:var(--text-2);background:#323447;border-radius:11px;font-size:11px}.choice-indicator{color:#211f32;border:1px solid #ffffff2e;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;transition:background .22s,border-color .22s;display:grid}.choice.is-on .choice-indicator{background:var(--amethyst-hi);border-color:var(--amethyst-hi)}.ps-head{align-items:center;gap:16px;padding:6px 24px 16px 0}.ps-art{background:#282a3b;border-radius:20px;width:96px;height:96px;padding:8px}.ps-head>div{flex:1;min-width:0}.ps-head .sheet-title{font-size:22px}.ps-head .muted{margin-top:7px;font-size:12px;line-height:1.4}.bonus-line{margin-top:7px;font-size:11px}.purchase-total{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 0 0;display:flex}.purchase-total span{color:var(--text-3);font-size:12px}.purchase-total b{letter-spacing:-.025em;font-size:23px;font-weight:500}.how{gap:14px}.how li{color:var(--text-2);align-items:flex-start;gap:12px;font-size:12px;line-height:1.5}.how li span{width:21px;height:21px;color:var(--text-2);background:#303246;font-size:10px}.safe-note{border-top:1px solid var(--line);color:var(--text-3);background:0 0;border-radius:0;padding:14px 0 0;font-size:11px;line-height:1.5}.safe-note svg{color:var(--text-3);width:15px;height:15px}.me{border:1px solid var(--line);background:#222435;border-radius:24px;gap:16px;padding:20px}.me b{letter-spacing:-.025em;overflow-wrap:anywhere;font-size:20px;font-weight:500}.me small{font-variant-numeric:tabular-nums;margin-top:5px;font-size:12px}.avatar{color:#e1d5f5;background:linear-gradient(145deg,#514471,#302e49);border:1px solid #c9b6ee2e;border-radius:20px;flex:none;width:60px;height:60px;font-size:25px;position:relative;overflow:hidden}.avatar-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .16s;position:absolute;inset:0}.avatar-image.is-loaded{opacity:1}.avatar-initial{transition:opacity .16s}.avatar-initial.is-hidden{opacity:0}@media (prefers-reduced-motion:reduce){.avatar-image,.avatar-initial{transition:none}}.profile-orders{border:1px solid var(--line);text-align:left;background:#252539;border-radius:18px;align-items:center;gap:13px;width:100%;padding:15px 16px;display:flex}.profile-orders>span:nth-child(2){flex:1;font-size:14px}.profile-orders>svg{color:var(--text-3)}.settings-icon{color:#c5bddc;background:#303146;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.rows{background:#222435;border-radius:20px}.row{gap:12px;min-height:70px;padding:14px 16px}.row-label{min-width:0;font-size:14px}.row-value{text-align:right;font-size:12px}.row-label small{margin-top:3px}.account-page .panel .group-title{margin-bottom:10px;font-size:14px}.account-page .panel .muted{font-size:12px;line-height:1.65}.order-group{margin-top:24px}.order-row{background:#222435;border-radius:20px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 14px;display:grid}.order-row-art{width:48px;height:56px;display:block}.order-row-main{gap:6px}.order-row-main b{white-space:normal;font-size:14px;line-height:1.25}.order-row-main small{font-size:10px;line-height:1.4}.order-row-main .status{white-space:normal;width:fit-content;max-width:100%;padding:4px 7px;font-size:10px;line-height:1.3}.order-row-side{white-space:nowrap;justify-content:space-between;align-items:flex-end;gap:14px;font-size:12px}.order-row-side b{font-weight:500}.empty-symbol{border:1px solid var(--line-strong);width:76px;height:76px;color:var(--lilac);background:#2a293d;border-radius:24px;place-items:center;display:grid}.orders-empty{border:1px solid var(--line);background:#222435;border-radius:24px;margin-top:24px;padding:56px 20px}.orders-empty p{font-size:14px}.order{gap:20px}.order-head{-webkit-backdrop-filter:none;background:#222435;border-radius:18px;padding:6px 10px 6px 6px}.order-head .status{white-space:normal;max-width:44%;font-size:10px}.order-no{font-size:14px}.order-hero{gap:20px;padding:24px 8px 8px}.order-product-art{width:144px;height:100px}.stage h2{letter-spacing:-.035em;font-size:26px;font-weight:500}.stage p{max-width:34ch;font-size:13px;line-height:1.6}.order .steps{padding:18px 0}.steps .dot{width:20px;height:20px}.steps li:before{top:9px}.steps .lbl{font-size:10px}.kv{align-items:flex-start;font-size:13px}.kv span{overflow-wrap:anywhere;min-width:0}.kv b{flex:none;font-weight:500}.timeline{border:1px solid var(--line);background:#222435;border-radius:20px;padding:16px}.timeline li{padding:10px 0;font-size:12px}.timeline li+li{border-top:1px solid #ffffff0a}.timeline time{text-align:right;font-size:10px}.order>.group-title{color:var(--text-3);margin:8px 0 -8px;font-size:12px;font-weight:500}@media (max-width:359px){.sheet{--sheet-gutter:16px}.ps-head{gap:12px}.ps-art{width:74px;height:80px}.ps-head .sheet-title{font-size:19px}.order-row{grid-template-columns:38px minmax(0,1fr) auto;gap:9px;padding:14px 12px}.order-row-art{width:38px}.row{gap:9px;padding-inline:12px}}
.glass-control{--glass-radius:999px;--glass-control-size:44px;--glass-fill:#9999992b;--glass-blur:6px;--glass-edge-light:.25;--glass-shadow:0 8px 15px #0000000a, 0 0 0 .5px #00000059;isolation:isolate;border-radius:var(--glass-radius);min-width:44px;min-height:44px;box-shadow:none;color:#fff;-webkit-touch-callout:none;background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:8px;padding:0;transition:box-shadow .22s,opacity .18s;display:inline-flex;position:relative;overflow:visible;scale:1!important}.glass-control--round{width:var(--glass-control-size);height:var(--glass-control-size)}.glass-control--capsule{padding-inline:12px}.glass-control--rounded{--glass-radius:18px;width:100%}.glass-surface,.glass-material,.glass-reflection,.glass-edge,.glass-touch{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.glass-surface{z-index:0;box-shadow:var(--glass-shadow);transform:translate3d(var(--glass-shift-x,0px), var(--glass-shift-y,0px), 0) scale(var(--glass-scale-x,1), var(--glass-scale-y,1));will-change:transform}.glass-material{z-index:-1;background:linear-gradient(180deg, #0000003d, #0000 60%, #ffffff05), var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(120%);backdrop-filter:blur(var(--glass-blur)) saturate(120%);box-shadow:inset 0 .5px 1px #ffffff14,inset 0 -.5px 1px #00000029}.glass-reflection{background:radial-gradient(ellipse 100% 85% at var(--glass-x,36%) var(--glass-y,8%), #ffffff0e, #fff0 68%);opacity:.25;transition:opacity .24s}.glass-edge{background:linear-gradient(135deg, rgb(255 255 255/var(--glass-edge-light)), #ffffff0f 32%, #00000026 56%, #ffffff1f);-webkit-mask-composite:xor;padding:1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-touch{background:radial-gradient(ellipse 100% 100% at var(--glass-x,50%) var(--glass-y,40%), #ffffff24, #ffffff09 65%, transparent);opacity:var(--glass-press,0);box-shadow:inset 0 0 0 .5px #ffffff29}.glass-content{z-index:1;align-items:center;justify-content:inherit;gap:inherit;pointer-events:none;width:100%;min-width:0;display:inline-flex;position:relative}.glass-control .glass-icon{color:#f5f5f5;filter:drop-shadow(0 1px 1px #0000001a);flex:none;width:20px;height:20px}.glass-control svg{scale:1!important}.glass-control:focus-visible{outline-offset:4px;border-radius:var(--glass-radius);outline:2px solid #ffffffe6}.glass-control:disabled{opacity:.42;cursor:not-allowed}@media (hover:hover){.glass-control:hover:not(:disabled) .glass-reflection{opacity:1}}.sheet-close.glass-control{width:var(--glass-control-size);height:var(--glass-control-size);z-index:2;color:#fff;background:0 0;position:absolute;top:12px;right:12px}.sheet-drag-zone{touch-action:none;cursor:grab;flex:none;width:100%;height:22px}.sheet-heading,.ps-head{touch-action:none}.sheet-heading{padding-right:50px}.ps-head{padding-right:44px}.order-head .glass-control{margin-right:2px}.glass-control.chip{background:0 0;height:44px;padding:0 12px 0 8px}.glass-control.chip .glass-content{gap:8px}.glass-control.choice{--glass-shadow:0 2px 7px #0405101a;min-height:68px;box-shadow:none;background:0 0;border:0;justify-content:flex-start;padding:14px}.glass-control.choice .glass-content{gap:13px}.glass-control.choice .glass-reflection{background:radial-gradient(ellipse 70% 130% at var(--glass-x,36%) var(--glass-y,8%), #ffffff0b, #fff0 80%)}.glass-control.choice .glass-edge{opacity:.55;transition:opacity .22s}.glass-control.choice.is-on{--glass-fill:#aaaab833}.glass-control.choice.is-on .glass-edge{opacity:1}.glass-control.choice .choice-mark{color:#fff;background:#ffffff0f;border:.5px solid #ffffff1a}.glass-control.choice .choice-indicator{border-color:#ffffff4d}.glass-control.choice.is-on .choice-indicator{color:#343442;background:#fff;border-color:#fff}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-material{background:#424452}}@media (prefers-reduced-transparency:reduce){.glass-material{-webkit-backdrop-filter:none;backdrop-filter:none;background:#424452}.glass-reflection{opacity:.15}}@media (prefers-contrast:more){.glass-control{--glass-fill:#373a4ae6}.glass-edge{background:#ffffffa6}}@media (prefers-reduced-motion:reduce){.glass-surface{transform:translate(0,0)scale(1)}}
html,body,#root,.app{height:100vh;height:var(--viewport-height,100dvh);min-height:0}@media (display-mode:standalone){:root{--viewport-height:100vh}}html[data-display-mode=standalone]{--viewport-height:100vh}html{background:var(--bg-gradient);background-color:var(--bg)}body{background:0 0}html[data-keyboard=true] .app{height:var(--app-height,100dvh)}.boot-screen{z-index:1;flex-direction:column;min-height:0;display:flex;position:absolute;inset:0}.app>main.scroll{margin-bottom:var(--keyboard-height,0px)}.overlay{bottom:var(--keyboard-height,0px)}html[data-keyboard=true] .tabbar{visibility:hidden}.pwa-connectivity{top:calc(var(--safe-top) + 8px);z-index:90;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;pointer-events:none;background:#232536cc;border:1px solid #ffffff1f;border-radius:24px;width:max-content;max-width:calc(100% - 24px);padding:9px 16px;font-size:12px;position:fixed;left:50%;transform:translate(-50%)}.pwa-panel{gap:16px;display:grid}.pwa-install{align-items:center;gap:13px;display:flex}.pwa-install img{border-radius:13px;flex:none}.pwa-panel b{font-size:14px;font-weight:500}.pwa-panel p{color:var(--text-3);margin:5px 0 0;font-size:12px;line-height:1.55}.pwa-notifications{border-top:1px solid var(--line);padding-top:16px}.pwa-notifications .btn{margin-top:14px}.pwa-text-button{width:100%;min-height:44px;color:var(--lilac);text-align:center;font-size:12px;display:block}.pwa-text-button:disabled{opacity:.5}.pwa-diagnostics{border-top:1px solid var(--line);padding-top:8px}.pwa-gate{padding:calc(var(--safe-top) + 24px) 24px calc(var(--safe-bottom) + 24px);overflow-y:auto}.pwa-gate-content{z-index:1;width:100%;max-width:360px;margin:auto;position:relative}.pwa-gate-content>img{border-radius:24px;margin:0 auto 24px;display:block}.pwa-gate-content h1{letter-spacing:-.04em;font-size:30px;font-weight:500;line-height:1.1}.pwa-gate-content>p{color:var(--text-2);margin:16px 0;font-size:14px;line-height:1.6}.pwa-gate-content .pwa-pair-code{letter-spacing:.18em;font-variant-numeric:tabular-nums;color:#fff;font-size:36px;font-weight:500}.pwa-code-input{border:1px solid var(--line-strong);color:#fff;text-align:center;letter-spacing:.2em;width:100%;min-height:60px;font:28px var(--font-ui);background:#ffffff0b;border-radius:18px;margin:24px 0;display:block}html[data-viewport-nav=hidden] .tabbar{display:none}html[data-viewport-blur=off] .tabbar{-webkit-backdrop-filter:none;backdrop-filter:none}html[data-viewport-unit=vh],html[data-viewport-unit=vh] :is(body,#root,.app){height:100vh}html[data-viewport-unit=dvh],html[data-viewport-unit=dvh] :is(body,#root,.app){height:100dvh}.viewport-diagnostics pre{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;color:var(--text-2);font:11px/1.5 ui-monospace,monospace}