:root{color-scheme:dark;--bg:#111417;--surface:#1d2126;--surface-raised:#282d33;--text:#f0f2f5;--muted:#a1aab5;--faint:#808b97;--line:#ffffff12;--accent:#94c8f0;--accent-hover:#acd5f3;--ink:#101e2a;--radius:19px;--ease:cubic-bezier(.2,.8,.2,1);font-size:16px}
*{box-sizing:border-box}[hidden]{display:none!important}html{scrollbar-gutter:stable}body{margin:0;background:#0b0d10;color:var(--text);font:1rem/1.5 "Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;border:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .18s,transform .32s cubic-bezier(.2,1.5,.35,1),box-shadow .2s}button:disabled{opacity:.42;cursor:default}button:active:not(:disabled),button.pressed:not(:disabled){transform:scale(.972);transition:transform .08s}.nav button:active{transform:scale(.94)}button,a,input,textarea,summary,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:1.85rem;line-height:1.2;letter-spacing:-.7px;font-weight:700}h2{font-size:1.35rem;line-height:1.3;letter-spacing:-.3px}h3{font-size:1rem;line-height:1.4}small,.small{font-size:.8125rem}.muted{color:var(--muted)}.eyebrow{color:var(--muted);font-size:.8125rem;margin-bottom:12px;font-weight:500;letter-spacing:0;text-transform:none}
.shell{position:relative;width:100%;max-width:460px;min-height:100dvh;margin:auto;background:var(--bg);border-inline:1px solid #ffffff08;box-shadow:0 20px 100px #0005}.topbar{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #ffffff07;background:#1a1e2280}.brand{font-weight:600;font-size:.9375rem;letter-spacing:.1px}.topbar .top-context{font-size:.75rem;color:var(--faint);line-height:1.3}.demo-badge{font-size:.75rem;padding:8px 11px;background:#ffffff08;color:#b1bac5;border-radius:9px;border:1px solid #ffffff0a}.page{padding:25px 20px 120px}.page-heading{margin:0 0 23px}.page-heading .eyebrow{display:none}.profile-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px;gap:16px}.profile-heading h1{font-size:1.85rem}.avatar{width:47px;height:47px;border-radius:50%;background:#26303a;border:1px solid #ffffff0b;display:grid;place-items:center;flex-shrink:0;font-size:1.75rem;font-weight:650;color:#f1f5ff;line-height:1}.i{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.i.sm{width:16px;height:16px}.i.lg{width:26px;height:26px}
.card{border:1px solid #ffffff08;border-radius:var(--radius);background:var(--surface);padding:21px;margin-bottom:16px;overflow:hidden}.hero{position:relative}.petals{display:none}.status{display:flex;align-items:center;gap:8px;color:#d4dce5;font-size:.875rem;margin-bottom:10px}.dot{width:8px;height:8px;background:var(--accent);border-radius:50%;flex-shrink:0}.hero .expiry{font-size:1.5rem;line-height:1.3;font-weight:650;letter-spacing:-.6px;margin-bottom:4px}.hero-title{font-size:.9375rem;color:var(--muted);font-weight:400}.remaining-days{display:none}.traffic-inline{border-top:1px solid #ffffff16;margin-top:21px;padding-top:16px}.traffic-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:.875rem;color:var(--muted)}.traffic-top .small{display:none}.traffic-top .i{display:none}.traffic-value{display:flex;align-items:baseline;gap:6px}.traffic-value strong{font-weight:650;font-size:1.3rem;letter-spacing:-.4px}.traffic-value .remaining-word{font-size:.875rem;color:var(--text)}.traffic-value .total-value{margin-left:auto;font-size:.8125rem;color:var(--muted)}.meter{height:5px;background:#ffffff0e;border-radius:8px;overflow:hidden;margin-top:12px}.meter span{display:block;height:100%;border-radius:8px;background:var(--accent);transition:width .45s var(--ease)}.hero-link{display:flex;align-items:center;justify-content:space-between;width:100%;border-top:1px solid #ffffff12;margin-top:18px;padding:16px 0 0;background:none;color:#e4e9ef;font-size:.875rem;min-height:44px;text-align:left}.hero-link .i{color:var(--faint)}
.primary,.secondary,.danger{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;border-radius:13px;font-size:.9375rem;font-weight:600;line-height:1.35;text-align:center}.primary{background:var(--accent);color:var(--ink);box-shadow:inset 0 1px #ffffff24,0 2px 4px #0001}.primary:hover:not(:disabled){background:var(--accent-hover)}.secondary{background:var(--surface-raised);border:1px solid #ffffff0d;color:var(--text)}.secondary:hover:not(:disabled){background:#343b43}.danger{background:#eb859512;color:#ffb1bf;border:1px solid #eb859520}.full{width:100%}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px}.actions button{padding:12px 9px;font-size:.875rem;white-space:normal}.actions .i{width:20px;height:20px}.balance-card{background:none;border:0;border-radius:0;padding:9px 2px 4px;margin:10px 0 23px}.balance-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.balance-main{display:flex;gap:13px;align-items:flex-start;min-width:0}.balance-main>.i{margin-top:6px;width:25px;height:25px;color:#b5bfca}.label-icon{color:var(--muted);font-size:.875rem}.balance{font-size:1.7rem;font-weight:650;line-height:1.3;letter-spacing:-.7px;margin-top:3px;white-space:nowrap}.balance-row .primary{font-size:.875rem;padding:12px 16px;min-height:45px}.row{width:100%;display:flex;align-items:center;gap:13px;background:none;text-align:left;min-height:57px;padding:15px 0;color:var(--text);font-size:.9375rem}.row .row-body{flex:1;min-width:0}.row .chevron{width:16px;height:16px;color:var(--faint)}.row-icon{color:#c6cfd8}.balance-card .row{color:var(--muted);padding-top:16px;font-size:.875rem}.balance-card .row>.i{width:24px;height:24px;margin-right:2px}.utilities{padding:2px 19px}.utilities .row+.row{border-top:1px solid var(--line)}.utilities .row>.i:first-child{width:23px;height:23px}.id-value{display:block;color:var(--muted);font-size:.8125rem;margin-top:2px;font-variant-numeric:tabular-nums}.id-row .i:last-child{margin-left:auto}.section-heading{font-size:.9375rem;font-weight:600;color:var(--muted);margin:0 0 12px}.connection-group{padding:0 18px}.connect-card{padding:0;margin:0;background:none;border:0;border-radius:0}.connect-card .row{padding:18px 0}.connect-icon{width:33px;height:33px;display:grid;place-items:center;color:#dce5ee;flex-shrink:0;border:1px solid #ffffff1c;border-radius:50%;background:none}.connect-icon .i{width:20px;height:20px}.connect-card h3{font-size:.9375rem;font-weight:500}.connect-card p{font-size:.8125rem;color:var(--muted);margin-top:3px}.devices{padding:0;background:none;border:0;border-top:1px solid var(--line);border-radius:0;margin:0;overflow:hidden}.devices summary{display:flex;align-items:center;gap:13px;min-height:64px;list-style:none;cursor:pointer}.devices summary::-webkit-details-marker{display:none}.summary-label{flex:1;font-size:.9375rem}.devices summary>.i:first-child{width:27px;height:27px;margin-right:6px;color:#c9d2de}.devices summary .count{font-size:.875rem;color:var(--muted)}.devices summary .chevron{width:16px;height:16px;color:var(--faint);transition:transform .25s var(--ease)}.devices[open] summary .chevron{transform:rotate(90deg)}.device{display:flex;gap:11px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.device-info{flex:1;min-width:0}.device-info strong{display:block;font-size:.875rem;font-weight:500}.device-info span{font-size:.75rem;display:block;color:var(--muted);margin-top:2px}.icon-button{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:11px;background:#ffffff07;color:#c2ccd7;flex-shrink:0}.icon-button:hover{background:#ffffff12}.icon-button.delete{color:#dca1ad}.quiet{display:flex;align-items:center;gap:12px;background:none;color:var(--accent);text-align:left;margin:23px 0 0;padding:0 2px;font-size:.875rem;min-height:40px}.quiet>.i{width:23px;height:23px;color:#cbd3dd}.footnote{font-size:.75rem;color:var(--faint);line-height:1.5;margin:0 2px 0 37px}.trial-purchase-note{grid-column:1/-1;font-size:.75rem;line-height:1.5;color:var(--muted);margin-top:0}
.nav{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translateX(-50%);width:calc(100% - 32px);max-width:428px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:7px;z-index:20;border-radius:28px;border:1px solid #cddbe538;background:linear-gradient(125deg,#c8d9e211,#15202a0a 50%,#c8d9e20f),#171e26d4;backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%);box-shadow:inset 0 1px 1px #eaf6ff2e,inset 0 -1px 1px #ffffff07,0 7px 30px #0006;isolation:isolate}.nav:before{content:"";position:absolute;top:6px;bottom:6px;left:7px;width:calc((100% - 14px)/3);border-radius:22px;background:linear-gradient(145deg,#e1edf829,#bdcbd615);border:1px solid #e7f3ff19;box-shadow:inset 0 1px #ffffff1c,0 2px 8px #0002;transform:translateX(calc(var(--tab-index,0)*100%));transition:transform .42s cubic-bezier(.22,1.15,.3,1);z-index:-1}.nav button{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;background:transparent;color:#939ea9;font-size:.75rem;padding:10px 3px;min-height:65px;border-radius:22px;position:relative;font-weight:400}.nav button .i{width:23px;height:23px;transition:transform .3s,color .2s}.nav button[aria-selected=true]{color:#f0f5fb}.nav button[aria-selected=true] .i{transform:translateY(-1px);stroke-width:1.9}.notification-dot{position:absolute;top:9px;left:calc(50% + 10px);width:5px;height:5px;border-radius:50%;background:var(--accent)}
.support-intro{padding:0;margin-top:-10px;margin-bottom:28px}.support-intro p{color:var(--muted);font-size:.9375rem;line-height:1.5;margin-bottom:20px}.support-intro .primary{font-size:.9375rem}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:1.125rem}.section-label strong{font-weight:600}.section-label>.muted{font-size:.875rem}.filters{display:flex;gap:5px;justify-content:space-between;margin-bottom:17px}.filter{font-size:.875rem;padding:9px 14px;border-radius:12px;background:none;color:var(--muted);min-height:40px}.filter[aria-pressed=true]{background:#2b3037;color:var(--text)}.ticket{display:block;width:100%;text-align:left;border-top:1px solid #ffffff16;background:transparent;padding:18px 0;border-radius:0}.ticket:hover{background:#ffffff03}.ticket:active{transform:scale(.986)}.ticket:last-child{border-bottom:1px solid #ffffff16}.ticket-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.ticket-top strong{font-weight:600;font-size:.9375rem;line-height:1.4;min-width:0;flex:1}.pill{color:var(--accent);font-size:.75rem;white-space:nowrap;background:none;border:0;display:inline-flex;align-items:center;gap:6px}.pill:not(.closed):before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%}.pill.closed{color:var(--muted)}.ticket-preview{font-size:.8125rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-bottom{display:flex;align-items:center;justify-content:space-between;color:var(--faint);font-size:.75rem;margin-top:10px}.ticket-bottom .i{width:15px;height:15px}.unread{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;font-size:.6875rem;background:var(--accent);color:var(--ink)}.empty{padding:28px 8px;text-align:center;color:var(--muted);font-size:.875rem}.empty .i{width:33px;height:33px;display:block;margin:0 auto 15px;color:var(--faint)}
.overlay{position:fixed;inset:0;z-index:30;max-width:460px;margin:auto;background:var(--bg);display:flex;flex-direction:column;transform:translateX(70px);opacity:0;visibility:hidden;transition:transform .34s var(--ease),opacity .23s,visibility .34s;border-inline:1px solid #ffffff0a}.overlay.open{transform:translateX(0);opacity:1;visibility:visible}.overlay.closing{visibility:visible}.overlay-header{height:66px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--line);background:#1a1e2299;flex-shrink:0}.overlay-header h2{font-size:1rem;flex:1;font-weight:600}.overlay-header .icon-button{background:none}.overlay-scroll{padding:24px 21px 35px;overflow:auto;overscroll-behavior:contain;flex:1}.guide-lead{margin-bottom:25px}.guide-lead h1{font-size:1.85rem;margin-bottom:12px}.guide-lead p{font-size:.875rem;color:var(--muted);line-height:1.65}.app-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0 23px}.app-choice{position:relative;text-align:left;display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid #ffffff0d;border-radius:16px;padding:15px 12px;min-height:80px}.app-choice img{width:37px;height:37px;border-radius:10px}.app-choice strong{font-size:.9375rem;font-weight:600}.app-choice small{font-size:.75rem;color:var(--muted);display:block;margin-top:2px}.app-choice[aria-pressed=true]{border-color:#94c8f0b3;background:#243240;box-shadow:0 0 0 1px #94c8f00b}.selection{position:absolute;right:8px;top:5px;color:var(--accent);font-size:.625rem}.platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin:9px 0 27px;padding:4px;background:#1c2025;border-radius:12px}.platforms button{min-height:38px;border-radius:9px;font-size:.75rem;background:none;color:var(--muted)}.platforms button[aria-pressed=true]{background:#353c44;color:#fff;box-shadow:0 1px 5px #0003}.step{padding:0 0 26px 42px;position:relative}.step-num{position:absolute;left:0;top:0;width:29px;height:29px;border-radius:50%;background:#2a333d;color:#b8d7ef;display:grid;place-items:center;font-size:.8125rem;font-weight:600}.step.done .step-num{background:var(--accent);color:var(--ink)}.step:not(:last-child):after{content:"";position:absolute;left:14px;top:37px;bottom:6px;width:1px;background:var(--line)}.step h3{font-size:.9375rem;margin:2px 0 7px}.step p{font-size:.8125rem;color:var(--muted);line-height:1.65}.step button{margin-top:14px;font-size:.875rem;min-height:45px}.text-link{background:none;padding:7px 0;color:var(--accent);font-size:.8125rem;text-decoration:none}.text-link:hover{text-decoration:underline;text-underline-offset:3px}.guide-note{display:flex;gap:11px;padding:16px;border-radius:15px;background:var(--surface);color:var(--muted);font-size:.8125rem;line-height:1.55;margin-top:7px}.guide-note>.i{margin-top:2px;color:var(--faint)}
.chat-view{padding:20px 18px;display:flex;flex-direction:column;gap:14px;flex:1;overflow:auto;overscroll-behavior:contain}.chat-date{text-align:center;font-size:.75rem;color:var(--faint);margin-bottom:5px}.bubble{align-self:flex-start;max-width:86%;padding:12px 14px;border-radius:16px 16px 16px 4px;background:#252b32;font-size:.875rem;overflow-wrap:anywhere}.bubble.mine{align-self:flex-end;background:#294457;border-radius:16px 16px 4px 16px}.bubble-author{font-size:.75rem;color:var(--accent);font-weight:600;margin-bottom:6px}.bubble p{white-space:pre-wrap}.bubble time{display:block;text-align:right;font-size:.6875rem;color:#a2b5c3;margin-top:6px}.bubble img{display:block;max-width:100%;max-height:240px;object-fit:contain;border-radius:9px;margin-top:8px}.chat-compose{padding:12px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#191e24}.composer-row{display:flex;gap:8px;align-items:flex-end}.composer-row textarea{flex:1;resize:none;min-height:46px;max-height:110px;height:46px;padding:12px;font-size:.875rem}.send-button{width:46px;height:46px;border-radius:13px;background:var(--accent);color:var(--ink);display:grid;place-items:center;flex-shrink:0}.composer-row label{height:46px;width:31px;cursor:pointer;background:none}.attachment-name{font-size:.75rem;color:var(--muted);display:flex;align-items:center;gap:8px;margin-top:7px}.closed-chat{text-align:center;font-size:.8125rem;color:var(--muted)}.closed-chat button{margin-top:12px}
dialog{width:min(420px,calc(100% - 24px));background:#20252b;color:var(--text);border:1px solid #ffffff14;border-radius:24px;box-shadow:0 20px 100px #0009;padding:0;max-height:85dvh;overflow:auto}dialog::backdrop{background:#080c11aa;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}dialog[open]{animation:sheetIn .28s var(--ease)}.modal-header{display:flex;align-items:center;gap:12px;padding:20px 20px 12px}.modal-header h2{font-size:1.3rem;flex:1}.modal-header .icon-button{background:#ffffff05}.modal-body{padding:3px 20px 23px}.modal-body p{font-size:.875rem;color:var(--muted);line-height:1.65;margin-bottom:15px}.modal-body .full{margin-top:17px}.form-label{display:block;font-size:.875rem;color:#c7d0d9;margin:14px 0 8px}input,textarea,select{width:100%;border-radius:12px;border:1px solid #ffffff18;padding:12px;background:#14191f;color:var(--text);font-size:1rem;outline:none}input:focus,textarea:focus{border-color:#94c8f090}input::placeholder,textarea::placeholder{color:#7d8995}textarea{min-height:115px;resize:vertical}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.chips button{flex:1;min-height:43px;padding:9px 12px;border:1px solid #ffffff14;border-radius:10px;background:#ffffff04;font-size:.8125rem}.chips button.selected{border-color:#94c8f077;background:#94c8f012}.choice-list{display:flex;flex-direction:column;gap:9px;margin:16px 0}.choice{display:flex;align-items:center;gap:10px;padding:14px 12px;border-radius:13px;border:1px solid #ffffff16;cursor:pointer}.choice:has(input:checked){border-color:#94c8f096;background:#94c8f00c}.choice input{width:16px;accent-color:var(--accent);margin:0}.choice span:first-of-type{flex:1;font-size:.875rem}.choice b{font-size:.9375rem}.form-error{font-size:.8125rem;color:#ffb0bd;margin-top:12px}.demo-hint{font-size:.75rem!important;background:#ffffff04;border:1px solid var(--line);padding:12px;border-radius:12px}.history-item{display:flex;justify-content:space-between;gap:13px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.history-item strong{display:block;font-size:.875rem;font-weight:500}.history-item span{color:var(--muted);font-size:.75rem}.history-item b{font-size:.875rem;white-space:nowrap}.history-item .plus{color:var(--accent)}.attach-label{display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--accent);padding:12px 0;cursor:pointer}.switch-row{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:.875rem;padding:12px 0}.switch-row input{width:20px;height:20px;accent-color:var(--accent)}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.scenario-grid button{font-size:.8125rem;min-height:62px}.toast{position:fixed;z-index:100;left:50%;bottom:115px;width:max-content;max-width:min(410px,calc(100% - 32px));background:#e1ecf4;color:#142431;border:1px solid #fff6;padding:12px 17px;border-radius:13px;box-shadow:0 7px 30px #0005;font-size:.8125rem;text-align:center;opacity:0;transform:translate(-50%,12px);pointer-events:none;transition:.25s var(--ease)}.toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn-loading:after{content:"";width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}
.trial-hero{text-align:center;padding:0 0 20px}.trial-hero h1{font-size:2rem;line-height:1.18;letter-spacing:-.8px;margin-bottom:15px}.trial-hero p{font-size:.9375rem;color:var(--muted);max-width:310px;margin:auto;line-height:1.6}.gift-stage{position:relative;display:grid;place-items:center;height:215px;margin:-7px 0 16px}.gift-stage img{height:230px;width:230px;object-fit:contain}.gift-static{display:none;width:100px;height:100px;color:var(--accent)}.trial-benefits{padding:4px 18px;margin-top:5px}.trial-benefit{display:flex;gap:13px;align-items:center;padding:16px 0}.trial-benefit+.trial-benefit{border-top:1px solid var(--line)}.trial-benefit strong{font-size:.9375rem;font-weight:500}.trial-benefit p{font-size:.8125rem;color:var(--muted);margin-top:3px}.trial-benefit .connect-icon{border:0;color:var(--accent)}.trial-caption{font-size:.75rem;color:var(--muted);text-align:center;margin-top:14px}.success-mark{display:grid;place-items:center;width:62px;height:62px;background:#94c8f014;border:1px solid #94c8f024;border-radius:50%;margin:14px auto 22px;color:var(--accent)}.success-mark .i{width:30px;height:30px}.trial-offer{border:1px solid #94c8f020;background:#202a33}.trial-offer-content{display:grid;grid-template-columns:1fr 108px;position:relative;gap:2px;min-height:149px;padding:4px 0 18px}.trial-offer-content>div:first-child{position:relative;z-index:1}.trial-offer h2{font-size:1.4rem;line-height:1.25;letter-spacing:-.4px}.trial-offer p{font-size:.8125rem;line-height:1.7;color:#b1bdc8;margin-top:12px}.trial-offer p strong{font-weight:500;color:#e3ecf5}.offer-gift.gift-stage{width:128px;height:140px;margin:0;align-self:center}.offer-gift img{width:155px;height:155px}.offer-gift .gift-static{width:62px;height:62px}.offer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px;font-size:.75rem;color:var(--muted)}.offer-bottom .text-link{font-size:.75rem}.trial-reset{display:block;margin:18px auto}.chat-art{display:none}.id-button{background:none}.trial-guide-status{color:var(--accent)}
@keyframes sheetIn{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:700px){body{background:radial-gradient(ellipse at 50% 25%,#1a2027,#0b0d10 66%)}.shell{margin:24px auto;min-height:calc(100dvh - 48px);border-radius:24px;overflow:hidden}.nav{bottom:35px}.overlay{top:24px;bottom:24px;border-radius:24px;overflow:hidden}}
@media(max-width:360px){.page{padding-left:16px;padding-right:16px}.card{padding:17px}.page-heading h1,.profile-heading h1{font-size:1.7rem}.expiry{font-size:1.35rem!important}.balance{font-size:1.5rem}.balance-main{gap:9px}.balance-row{gap:8px}.balance-row .primary{padding:11px 12px;font-size:.8125rem}.balance-card{padding:8px 0}.connection-group{padding:0 15px}.devices,.connect-card{padding:0}.actions{gap:8px}.actions button{font-size:.8125rem;gap:7px}.actions button .i{width:18px;height:18px}.utilities{padding:0 16px}.overlay-scroll{padding-inline:17px}.trial-offer-content{grid-template-columns:1fr 87px}.offer-gift.gift-stage{width:108px}.offer-gift img{width:134px;height:134px}.trial-offer h2{font-size:1.25rem}.offer-bottom{font-size:.6875rem}.ticket-top{align-items:flex-start}.ticket-top strong{font-size:.875rem}.ticket .pill{font-size:.6875rem}.nav{width:calc(100% - 22px);bottom:calc(9px + env(safe-area-inset-bottom))}.nav button{font-size:.6875rem}.filter{padding:8px 12px}.footnote{margin-left:36px}.scenario-grid button{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.gift-stage img{display:none}.gift-static{display:block}}
@supports not (backdrop-filter:blur(1px)){.nav{background:#212932f5}}


@font-face{font-family:Inter;src:url(/Inter.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
/* Clear glass navigation: refraction, optical edge, then independent sharp labels. */
body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-optical-sizing:auto;font-feature-settings:"cv11","ss01";letter-spacing:-.015em}
h1,.profile-heading h1{font-size:2rem;letter-spacing:-.045em;font-weight:650;line-height:1.18}.expiry{font-size:1.8rem!important;font-weight:650;letter-spacing:-.045em;line-height:1.22}.balance{font-weight:650;letter-spacing:-.05em}.hero-title{font-size:1rem}.hero .status{font-size:.875rem}.dot{width:12px;height:12px}.traffic-top{font-size:.875rem}.traffic-value strong{font-size:1.45rem;font-weight:600;letter-spacing:-.04em}.traffic-value .remaining-word{font-size:.875rem}.meter{height:9px;border-radius:9px}.card{background:linear-gradient(125deg,#ffffff05,#ffffff00),#1c2125;border-color:#ffffff0e;border-radius:17px}.primary{background:linear-gradient(110deg,#8dc9f7,#86bdf0);color:#081826;box-shadow:inset 0 1px #ffffff30;font-weight:550}.secondary{background:linear-gradient(120deg,#ffffff05,#ffffff00),#272d33;box-shadow:inset 0 1px #ffffff12;border:1px solid #ffffff0c;font-weight:450}.i{width:24px;height:24px;stroke-width:1.7}.row .row-icon,.balance-main>.i{width:25px;height:25px}.connect-icon{border-color:currentColor;width:29px;height:29px}.connect-icon .i{width:21px;height:21px}.hero-link{font-size:.9375rem;font-weight:450}.ticket-top strong{font-size:1rem;font-weight:550}.row-body{font-size:.9375rem}.id-value{font-size:.8125rem}.section-heading{font-size:1.0625rem;font-weight:550}.topbar .brand{font-weight:600}.avatar{font-style:italic;font-weight:600;background:linear-gradient(145deg,#273440,#182028);box-shadow:inset 0 1px #ffffff16}.page{padding-bottom:138px}
.nav{border:0;border-radius:999px;padding:6px;bottom:calc(16px + env(safe-area-inset-bottom));background:none;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:auto;box-shadow:0 10px 30px #0005,0 2px 5px #0003,inset 0 0 0 1px #ffffff16;--light-x:24%;--light-y:0%;--glass-press:1;--lens-stretch:1}
.glass-refract,.glass-sheen{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.glass-refract{z-index:0;overflow:hidden;background:#b9d2e012;backdrop-filter:blur(10.5px) saturate(1.4) brightness(1.09);-webkit-backdrop-filter:blur(10.5px) saturate(1.4) brightness(1.09);box-shadow:inset 0 2px 5px #e8f5ff0d,inset 0 -2px 5px #02081118}.has-refraction .glass-refract{background:#c0d8e40c;backdrop-filter:url("#xv-glass-optics") saturate(1.32)}
.glass-sheen{z-index:1;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#e5f4ff1c,transparent 60%),linear-gradient(168deg,#e5f4ff10 0%,#ffffff01 37%,#030a1005 58%,#eaf6ff0b 100%);box-shadow:inset 0 1px 1px #f3f9ff45,inset 1px 0 1px #e3f3ff19,inset -1px 0 1px #e3f3ff12,inset 0 -1px 1px #ffffff22}
.nav:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from 120deg,#f3f8ff08,#d7eaff50 18%,#ffffff0a 31%,#ffffff78 48%,#c1dafa13 67%,#eef8ff44 86%,#f3f8ff08);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;pointer-events:none;z-index:4}
.nav:before{top:6px;bottom:6px;left:6px;width:calc((100% - 12px)/3);border-radius:999px;z-index:2;border:1px solid #f2f8ff1f;background:radial-gradient(ellipse at 40% 0%,#ffffff28,transparent 75%),linear-gradient(165deg,#d4e6f215,#ffffff06 55%,#9ab5ce12);box-shadow:inset 0 1px 1px #ffffff32,inset 0 -1px 1px #ffffff0d,0 2px 6px #0002;transform:translateX(calc(var(--tab-index,0)*100%)) scaleX(var(--lens-stretch));transition:transform .5s cubic-bezier(.22,1.15,.3,1),background .2s;pointer-events:none;will-change:transform}
.nav button{z-index:3;min-height:64px;border-radius:999px;gap:5px;font-weight:450;font-size:.75rem;letter-spacing:-.01em;color:#9faab6;padding:8px 4px;text-shadow:0 1px 5px #060d16b3;transition:color .2s,transform .35s cubic-bezier(.2,1.5,.3,1)}.nav button[aria-selected=true]{color:#eef5ff;font-weight:550}.nav button .i{width:25px;height:25px;stroke-width:1.8;filter:drop-shadow(0 1px 2px #060d1650);transform:none!important}.nav-icon{position:relative;width:26px;height:26px;display:grid;place-items:center}.nav-icon .i{position:absolute;inset:0;margin:auto}.nav-icon .solid{fill:currentColor;stroke-width:0;opacity:0;transform:scale(.8)!important;transition:opacity .2s,transform .35s cubic-bezier(.2,1.5,.3,1)}.nav-icon .outline{transition:opacity .2s}.nav [aria-selected=true] .solid{opacity:1;transform:scale(1)!important}.nav [aria-selected=true] .outline{opacity:0}.nav .notification-dot{top:8px;left:calc(50% + 13px);box-shadow:0 0 0 2px #1e2c37}.nav[data-dragging=true]:before{transition:none}.nav[data-dragging=true]{cursor:grabbing}.nav[data-dragging=true] button{cursor:grabbing;transform:none!important}.nav button:active:not(:disabled){transform:scale(.93)}
@media(min-width:700px){.nav{bottom:38px}}@media(max-width:360px){h1,.profile-heading h1{font-size:1.85rem}.expiry{font-size:1.5rem!important}.nav{bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100% - 24px)}.nav button{font-size:.75rem}.ticket-top strong{font-size:.9375rem}}
@supports not (backdrop-filter:blur(1px)){.glass-refract{background:#263039f0}.glass-sheen{background:linear-gradient(160deg,#ffffff0e,#ffffff00 50%)} }
@media(prefers-reduced-transparency:reduce){.glass-refract,.has-refraction .glass-refract{background:#222b34;backdrop-filter:none;-webkit-backdrop-filter:none}}

.nav,.nav button{touch-action:pan-y}

/* A pseudo-element's border must not change the tab step. */
*,*::before,*::after{box-sizing:border-box}
/* Clip animated pages locally; do not hide the useful vertical scrollbar. */
html{overflow-x:clip;scrollbar-gutter:stable}body{overflow-x:clip}.shell main{overflow-x:clip;min-width:0}.page{width:100%;min-width:0}
.nav::before{left:0;width:var(--lens-width,calc((100% - 12px)/3));transform:translate3d(var(--lens-x,6px),0,0) scaleX(var(--lens-stretch));transform-origin:center}
/* The moving highlight fades in place. Touch devices keep the even edge light. */
.glass-sheen{background:linear-gradient(168deg,#e5f4ff10 0%,#ffffff01 37%,#030a1005 58%,#eaf6ff0b 100%)}
.glass-sheen::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#e5f4ff24,transparent 60%);opacity:0;transition:opacity .28s ease;pointer-events:none}
@media(hover:hover) and (pointer:fine){.nav[data-hover=true] .glass-sheen::before{opacity:1}}
/* Animate the opaque base colour; the highlight gradient never disappears. */
.primary{background-color:#86bdf0;background-image:linear-gradient(110deg,#ffffff16,#ffffff00);transition:background-color .18s ease,transform .32s cubic-bezier(.2,1.5,.35,1),box-shadow .2s}
.primary:hover:not(:disabled){background-color:#86bdf0;background-image:linear-gradient(110deg,#ffffff16,#ffffff00)}
@media(hover:hover) and (pointer:fine){.primary:hover:not(:disabled){background-color:#acd5f3}}
dialog[open]{animation:sheetIn .24s var(--ease) both}dialog[open]::backdrop{animation:modalBackdropIn .24s ease both}
dialog[open].is-closing{animation:modalOut .2s cubic-bezier(.4,0,1,1) both;pointer-events:none}
dialog[open].is-closing::backdrop{animation:modalBackdropOut .2s ease both}
@keyframes modalOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(16px) scale(.975)}}
@keyframes modalBackdropIn{from{opacity:0}to{opacity:1}}@keyframes modalBackdropOut{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){dialog[open],dialog[open]::backdrop,dialog[open].is-closing,dialog[open].is-closing::backdrop{animation:none}}

/* One frame-driven lens animation handles position and width together. */
.nav::before{transition:none;will-change:transform,width}
/* A slightly more compact dock; labels and icons retain their original size. */
.nav{width:calc(100% - 44px);max-width:400px}.nav button{min-height:60px;padding-block:6px}
@media(max-width:360px){.nav{width:calc(100% - 32px)}}

/* Midnight Spectrum: original Telegram palette on the modern working layout. */
:root{--bg:#050b17;--surface:#0c1426;--surface-raised:#111d33;--text:#ebf5ff;--muted:#99aec9;--faint:#8299b5;--line:#8caee51c;--accent:#28c4ee;--accent-hover:#59d7f5;--ink:#061324;--primary-gradient:linear-gradient(110deg,#06b9e4 0%,#2669ff 52%,#764cff 100%)}
body{background:#030712}.shell{background:linear-gradient(150deg,#071020,#050914 70%);border-color:#5881cf20}.topbar{background:#05091499;border-color:var(--line)}.brand-accent{color:#546aff}.topbar .top-context{color:var(--muted)}.demo-badge{background:#0b1627;color:#b4cee9;border-color:#375bab80}
.card{background:linear-gradient(125deg,#10203b26,#0c1426);border-color:#31539480}.hero{border-color:#4167c294}.status{color:#b6d4f2}.dot{background:#28c4ee}.avatar{background:radial-gradient(circle at 65% 85%,#4324aa55,transparent 60%),linear-gradient(145deg,#102945,#070b19);border-color:#535ac380}
.traffic-inline,.hero-link{border-color:var(--line)}.meter{background:#1e304b}.meter span{background:linear-gradient(90deg,#24c7f2,#29b8e8)}.hero-link{color:var(--text)}
.primary,.primary:hover:not(:disabled){position:relative;background-color:#285ef4;background-image:var(--primary-gradient);color:#fff;box-shadow:inset 0 1px 1px #ffffff40,0 3px 12px #1c57ff16;font-weight:600;transition:filter .18s ease,transform .32s cubic-bezier(.2,1.5,.35,1),box-shadow .2s}
@media(hover:hover) and (pointer:fine){.primary:hover:not(:disabled){filter:brightness(1.12);box-shadow:inset 0 1px 1px #ffffff50,0 4px 18px #3765ff26}.secondary:hover:not(:disabled){background:#182a48}.ticket:hover{background:#13223b;border-color:#4c74bbaa}}
.secondary{background:linear-gradient(130deg,#132441,#0c162a);border-color:#395a9380;color:#d0e5ff}.row-icon,.balance-main>.i,.devices summary>.i:first-child,.quiet>.i{color:#b3d2f1}.quiet,.text-link{color:#52b9ff}.connect-icon{color:#bbd9f7}
.nav button{color:#a3bad5}.nav button[aria-selected=true]{color:#f0f6ff}.glass-refract{background:#476fc512}.has-refraction .glass-refract{background:#477cc00c}.nav::before{background:radial-gradient(ellipse at 40% 0%,#ffffff28,transparent 75%),linear-gradient(145deg,#649acf30,#5544b517 80%);border-color:#a1c5fa45}.nav::after{background:conic-gradient(from 120deg,#a7bfff18,#95bfff70 18%,#ffffff0a 31%,#d4eaff98 48%,#7268ee38 67%,#bfdfff65 86%,#a7bfff18)}
.support-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.support-heading p{font-size:.9375rem;color:var(--muted);margin-top:7px}.support-heading .primary{min-height:44px;padding:10px 14px;flex-shrink:0;font-size:.875rem;gap:6px}.support-heading .primary .i{width:20px;height:20px}.ticket-list{display:grid;gap:12px}.ticket,.ticket:last-child{padding:17px 18px;border:1px solid #31539465;border-radius:17px;background:linear-gradient(120deg,#0c192d,#0b1323);transition:background .18s,border-color .18s,transform .25s}.ticket-top{margin-bottom:8px}.ticket-number{color:var(--muted);font-size:.875rem}.ticket-title{display:block;font-size:1rem;font-weight:600;line-height:1.45;overflow-wrap:anywhere;margin-bottom:9px}.ticket-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:.8125rem}.pill{background:#10333d;color:#59ead7;padding:4px 11px;border-radius:999px;font-size:.75rem}.pill:not(.closed)::before{display:none}.pill.closed{color:#adc5e1;background:#172840}.ticket-list .empty{margin-top:24px}
dialog{background:#0e192c;border-color:#37598d80}dialog::backdrop{background:#020713aa}.overlay{background:var(--bg)}.overlay-header,.chat-compose{background:#0b1526;border-color:var(--line)}input,textarea,select{background:#081222;border-color:#345076}input:focus,textarea:focus{border-color:var(--accent)}.chips button.selected,.choice:has(input:checked){background:#17415b44;border-color:#28c4ee80}.bubble{background:#142440}.bubble.mine{background:#203867}.send-button{background:var(--primary-gradient);color:white}.form-label{color:#bbcee5}.trial-offer{background:linear-gradient(140deg,#0e2440,#15182f);border-color:#4966b880}.trial-offer p{color:var(--muted)}.success-mark{background:#123342;border-color:#28c4ee40}
@media(min-width:700px){body{background:radial-gradient(ellipse at 50% 25%,#10203b,#030712 70%)}}
@media(max-width:360px){.support-heading{gap:8px}.support-heading h1{font-size:1.65rem}.support-heading .primary{padding:10px}.ticket{padding:15px}.ticket .pill{font-size:.75rem}}
@supports not (backdrop-filter:blur(1px)){.glass-refract{background:#101d32f5}}
@media(prefers-reduced-transparency:reduce){.glass-refract,.has-refraction .glass-refract{background:#101d32}}


/* Live Mini App states; no mock data or prices. */
#load-state{text-align:center;padding-top:80px;min-height:70dvh}.loading-spinner{width:28px;height:28px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 20px}.load-error p{margin:16px 0}.load-error button{margin-top:12px}
.announcement{padding:17px 18px;border:1px solid #3ca77b55;border-radius:16px;background:#12372c;color:#dbfff0;margin-bottom:18px;white-space:pre-wrap;overflow-wrap:anywhere}.announcement.red{background:#40202d;color:#ffe1e9;border-color:#bf5a7855}.announcement-tools{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.announcement-tools button{min-height:36px;padding:6px 10px;font-size:.8125rem}.announcement-add{margin-bottom:18px}.announcement small{display:block;margin-top:10px;color:inherit;opacity:.8}.payment-methods{display:grid;gap:10px;margin-top:18px}.device-addon{padding:16px 0;border-top:1px solid var(--line)}.device-addon p{margin-bottom:10px;font-size:.8125rem;color:var(--muted)}.device-info strong{overflow-wrap:anywhere}.device-error{padding:16px 0}.device-error button{margin-top:10px}.ticket-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.status.inactive .dot{background:#d89888}.status.inactive{color:#ebafa2}.app-choice[aria-pressed=true]{background:#152d49;border-color:var(--accent)}.platforms{background:var(--surface)}.platforms button[aria-pressed=true]{background:var(--surface-raised)}.step-num{background:var(--surface-raised);color:var(--muted)}.guide-status{font-size:.8125rem;color:var(--muted);margin-top:12px}.pending-note{color:var(--muted);font-size:.875rem;line-height:1.6}.chat-feedback{padding:7px 15px;font-size:.8125rem;text-align:center;color:var(--muted)}.new-messages{align-self:center;position:absolute;bottom:100px;z-index:2;padding:10px 15px;border-radius:99px;background:var(--surface-raised);box-shadow:0 4px 20px #0007;color:var(--text)}.bubble p{overflow-wrap:anywhere}.bubble img{cursor:default}.photo-retry{font-size:.8125rem;margin-top:5px;color:var(--accent);background:none}.photo-name{overflow-wrap:anywhere}.form-error:empty{display:none}.form-error{margin-top:10px}.theme-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-choices button{white-space:normal;min-height:70px}.theme-choices button[aria-pressed=true]{border-color:var(--accent)}.initial-theme-note{font-size:.8125rem}.nav{bottom:calc(16px + env(safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom,0px))}.overlay{padding-top:var(--tg-content-safe-area-inset-top,0px)}.chat-compose{padding-bottom:calc(14px + env(safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom,0px))}.topbar{height:auto;min-height:65px;padding-top:var(--tg-content-safe-area-inset-top,0px)}
html[data-ui-theme=minimal]{--bg:#101316;--surface:#1d2227;--surface-raised:#2b3138;--muted:#a5afb9;--faint:#8997a4;--accent:#a3cdf0;--text:#eef3f8;--primary-gradient:linear-gradient(110deg,#a5d1f2,#91bfe8)}html[data-ui-theme=minimal] body{background:#0b0e11}html[data-ui-theme=minimal] .shell{background:var(--bg)}html[data-ui-theme=minimal] .card,html[data-ui-theme=minimal] .ticket,html[data-ui-theme=minimal] dialog{background:var(--surface);border-color:#ffffff18}html[data-ui-theme=minimal] .primary{color:#0c2234}html[data-ui-theme=minimal] .secondary,html[data-ui-theme=minimal] .app-choice{background:var(--surface-raised);border-color:#ffffff18}html[data-ui-theme=minimal] .topbar,html[data-ui-theme=minimal] .overlay-header,html[data-ui-theme=minimal] .chat-compose{background:#151b21}html[data-ui-theme=minimal] input,html[data-ui-theme=minimal] textarea,html[data-ui-theme=minimal] select{background:#111a22}html[data-ui-theme=minimal] .trial-offer{background:#1d2c39}html[data-ui-theme=minimal] .meter span{background:var(--accent)}html[data-ui-theme=minimal] .brand-accent{color:var(--accent)}html[data-ui-theme=minimal] .nav::before{background:radial-gradient(ellipse at 40% 0%,#ffffff28,transparent 75%),linear-gradient(165deg,#d4e6f215,#ffffff06 55%,#9ab5ce12)}html[data-ui-theme=minimal] .bubble{background:#28343e}html[data-ui-theme=minimal] .bubble.mine{background:#294457}
@media(max-width:360px){.support-heading .primary{max-width:116px}.theme-choices{grid-template-columns:1fr}.trial-offer h2{font-size:1.2rem}}@media(min-width:700px){.nav{bottom:38px}}

/* Telegram owns the outer header. Keep the application compact inside its viewport. */
html{scrollbar-gutter:auto;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:14px}
.shell{margin:0 auto;min-height:100dvh;border:0;border-radius:0;box-shadow:none;overflow:clip}
.page{padding:18px 16px calc(112px + env(safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom,0px));padding-top:calc(18px + var(--tg-content-safe-area-inset-top,0px))}
h1,.profile-heading h1,.support-heading h1{font-size:26px;letter-spacing:-.7px;line-height:1.2}
.profile-heading,.page-heading{margin-bottom:18px;min-height:42px}
.page-heading{display:flex;align-items:center}
.profile-settings{width:42px;height:42px;border-radius:14px;background:var(--surface-raised);border:1px solid var(--line)}
.profile-settings .i{width:22px;height:22px}
.card{padding:17px;border-radius:16px;margin-bottom:14px}
.hero .expiry{font-size:24px!important;letter-spacing:-.6px;line-height:1.25;margin-bottom:5px}
.hero .status{font-size:13px;margin-bottom:12px}
.hero-title{font-size:14px}
.traffic-inline{margin-top:17px;padding-top:13px}
.traffic-top{font-size:12px;margin-bottom:6px}
.traffic-value{flex-wrap:wrap;gap:4px 8px}
.traffic-value strong{font-size:22px;letter-spacing:-.5px;line-height:1.3;white-space:nowrap}
.traffic-value .remaining-word{font-size:12px;color:var(--muted)}
.traffic-detail{font-size:12px;color:var(--muted);margin-top:4px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.traffic-inline .meter{margin-top:11px;height:6px}
.hero-link{margin-top:15px;padding-top:12px;font-size:13px;min-height:40px}
.balance-card{margin:8px 0 17px;padding:5px 0 0}
.balance-main{gap:10px}.balance-main>.i{width:22px;height:22px}
.balance{font-size:24px;letter-spacing:-.6px}.label-icon{font-size:13px}
.balance-row .primary{font-size:13px;min-height:44px;padding:10px 14px}
.row{min-height:50px;padding:12px 0;gap:11px}.row-body{font-size:14px}.row h3{font-size:14px}
.row .row-icon{width:22px;height:22px}.row p,.id-value{font-size:12px}
.balance-card .row{font-size:13px;padding-top:13px}
.actions{gap:10px;margin-bottom:22px}.actions .primary,.actions .secondary{font-size:13px;min-height:44px;padding:10px 12px;gap:7px}
.actions .i{width:18px;height:18px}.section-heading{font-size:14px;margin-bottom:10px}
.devices summary{font-size:14px;min-height:52px}.quiet{font-size:13px}.footnote{font-size:12px}
.announcement-add{min-height:42px;font-size:13px;margin-bottom:14px}
.support-heading{margin-bottom:18px}.support-heading p{font-size:13px}.support-heading .primary{font-size:13px}
.ticket-title{font-size:14px}.ticket{padding:15px}.ticket-bottom{font-size:12px}
.nav{bottom:calc(12px + env(safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom,0px))}.nav button{min-height:54px;font-size:11px;padding-block:5px}
.overlay-header{height:56px}.overlay-header h2{font-size:15px}.bubble{font-size:14px;padding:10px 12px}
@media(max-width:360px){.page{padding-left:14px;padding-right:14px}.card{padding:15px}h1,.profile-heading h1,.support-heading h1{font-size:24px}.hero .expiry{font-size:22px!important}.balance{font-size:22px}.traffic-value strong{font-size:21px}.actions .primary,.actions .secondary{font-size:12px;padding-inline:8px}}

/* Floating notification: tinted glass, independent of the modal and keyboard focus. */
.toast{display:flex;align-items:center;gap:12px;width:calc(100% - 40px);max-width:380px;bottom:calc(98px + env(safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom,0px));padding:13px 12px 13px 17px;border-radius:22px;text-align:left;color:#eef6ff;background:linear-gradient(140deg,#c7e3ff20,#7d9bbb06 52%),#17283bd9;border:1px solid #d8ebff45;box-shadow:inset 0 1px 0 #ffffff45,inset 0 -1px 0 #bed8f51a,0 12px 30px #0005;backdrop-filter:blur(18px) saturate(155%);-webkit-backdrop-filter:blur(18px) saturate(155%);opacity:0;visibility:hidden;transform:translate(-50%,44px) scale(.97);transition:opacity .24s ease,transform .34s cubic-bezier(.2,.8,.2,1),visibility 0s .34s;pointer-events:none;isolation:isolate}
.toast::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,#ffffff1f,transparent 35%,transparent 75%,#ffffff08);z-index:-1}
.toast[data-kind=error]{background:linear-gradient(135deg,#ffb7c528,#b2385410 55%),#5b172cde;border-color:#ffc1cc65;color:#fff1f4;box-shadow:inset 0 1px 0 #ffe4e780,inset 0 -1px 0 #ff9fb52b,0 12px 32px #16010970}
.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1);pointer-events:auto;transition-delay:0s;cursor:pointer}
#toast-message{flex:1;min-width:0;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.toast-dismiss{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#ffffff0c;color:inherit}
.toast-dismiss .i{width:17px;height:17px}.toast-dismiss:hover{background:#ffffff1c}
@supports not (backdrop-filter:blur(1px)){.toast{background:#17283b}.toast[data-kind=error]{background:#651e34}}
@media(prefers-reduced-transparency:reduce){.toast{backdrop-filter:none;-webkit-backdrop-filter:none;background:#17283b}.toast[data-kind=error]{background:#651e34}}
@media(prefers-reduced-motion:reduce){.toast,.toast.show{transition:none;transform:translateX(-50%)}}

/* Simplified theme: ordinary frosted blur without the liquid refraction map. */
html[data-ui-theme=minimal] .glass-refract,
html[data-ui-theme=minimal] .has-refraction .glass-refract{
  background:#202a34d9;
  backdrop-filter:blur(16px) saturate(115%);
  -webkit-backdrop-filter:blur(16px) saturate(115%);
  box-shadow:inset 0 1px 1px #ffffff18,inset 0 -1px 1px #00000020;
}
html[data-ui-theme=minimal] .glass-sheen{background:linear-gradient(165deg,#ffffff10,transparent 48%,#ffffff05)}
html[data-ui-theme=minimal] .glass-sheen::before{display:none}