:root{color:#1c2e4a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-strong:#1c2e4a;--muted:#6d7f99;--border:#d9e3f0;--accent-strong:#1886f4;--accent-deep:#0f61d8;--accent-soft:#1886f41f;background:#f3f6fb;font-family:Gilroy,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f3f6fb;min-width:320px;min-height:100svh;margin:0}a,button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #1886f438}#root{min-height:100svh}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--text-strong);font-family:Segoe UI,Trebuchet MS,Avenir Next,sans-serif}h1{letter-spacing:-.05em;font-size:clamp(2rem,6vw,2.7rem);line-height:1.02}h2{letter-spacing:-.04em;font-size:clamp(1.3rem,4vw,1.8rem);line-height:1.08}.app-shell{width:min(100%,560px);margin:0 auto;padding:0 16px 80px}.app-shell--topup{padding-top:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar{z-index:10;border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:72px;margin:0 -16px;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 8px 20px #133d7f0d}.topbar--simple{justify-content:center}.brand{align-items:center;min-width:0;display:flex}.brand-logo{object-fit:contain;width:auto;max-width:132px;height:34px;display:block}.topbar-balance{flex:none;align-items:center;gap:8px;display:flex}.topbar-balance-button{cursor:pointer;background:0 0;border:0;padding:0}.page-heading{padding:22px 0 16px}.page-heading h1,.page-heading__title--centered{margin:0}.balance-chip{border:1px solid var(--border);min-height:38px;color:var(--text-strong);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 10px 0 13px;font-size:15px;font-weight:700;display:inline-flex;box-shadow:0 10px 24px #133d7f0f}.locus-icon{flex:0 0 22px;width:22px;height:22px;display:block}.locus-icon--small{flex:0 0 16px;width:16px;height:16px}.content{gap:16px;display:grid}.section-kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--accent-strong);align-items:center;font-size:11px;font-weight:700;display:inline-flex}.section-text,.post-card__meta,.post-card__id,.post-card__idle,.cart-empty,.cart-item span,.cart-item__actions span{color:var(--muted)}.state-card,.post-card{border:1px solid var(--border);background:#fff;border-radius:24px;box-shadow:0 12px 32px #133d7f0d}.state-card{gap:14px;padding:20px;display:grid}.state-card--loading{grid-template-columns:auto 1fr;align-items:center}.loading-screen{place-items:center;min-height:calc(100vh - 180px);display:grid}.state-card--error{border-color:#ea606038}.loader{border:3px solid #1886f426;border-top-color:var(--accent-strong);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}.state-actions{display:flex}.primary-button{background:var(--accent-strong);color:#fff;width:100%;height:50px;font:inherit;border:none;border-radius:999px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 14px 28px #1886f438}.primary-button:hover{transform:translateY(-1px);box-shadow:0 16px 30px #1886f447}.filter-row{scrollbar-width:none;gap:10px;margin:-4px -16px -12px;padding:4px 16px 20px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-pill{min-height:44px;color:var(--accent-deep);font:inherit;background:#fff;border:1px solid #1886f438;border-radius:999px;flex:none;align-items:center;gap:10px;padding:0 16px;font-weight:600;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s,color .2s;display:inline-flex}.filter-pill b{background:var(--accent-soft);min-width:28px;height:28px;color:var(--accent-strong);border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;display:inline-flex}.filter-pill--active{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff;box-shadow:0 14px 14px #1886f429}.filter-pill--active b{color:#fff;background:#ffffff2e}.post-list{gap:14px;display:grid}.post-card{border-left-width:4px;gap:16px;padding:18px;transition:transform .2s,box-shadow .2s;display:grid}.clickable-card{cursor:pointer}.clickable-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px #133d7f14}.post-card--ready{border-left-color:#dce4ee}.post-card--up,.post-card--extend,.post-card--both{border-left-color:var(--accent-strong)}.post-card__top,.post-card__meta,.cart-summary,.cart-footer,.cart-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.post-card__top{align-items:flex-start;padding-right:44px;position:relative}.post-card__title-wrap{min-width:0}.post-card__id{letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:12px}.post-card h3{color:var(--text-strong);margin:0;font-size:21px;line-height:1.24}.post-card__meta{flex-wrap:wrap;font-size:14px}.post-card__meta a{color:var(--accent-strong);font-weight:600;text-decoration:none}.action-grid{gap:10px;display:grid}.action-card{border:1px solid var(--border);background:#fff;border-radius:14px;min-height:56px;padding:8px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}.action-card--selected{background:#1886f41a;border-color:#1886f499;box-shadow:0 16px 30px #1886f424}.action-card--muted{opacity:.45}.action-toggle{width:100%;min-height:44px;color:var(--text-strong);font:inherit;text-align:left;opacity:1;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px 0 6px;font-weight:700;display:flex}.action-toggle__left{align-items:center;gap:10px;display:flex}.action-icon{color:#fff;background:linear-gradient(135deg,#1886f4,#0f62bd);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.action-toggle__price{color:#5a6f8d;align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.action-card--selected .action-toggle,.action-card--selected .action-toggle__price{color:var(--accent-deep)}.action-toggle:disabled{color:var(--text-strong);cursor:default;opacity:1}.action-toggle:disabled strong{color:#7a8ca8}.post-card__idle{background:#f4f7fb;border-radius:18px;padding:14px 16px}.filter-pill:hover,.cart-summary:hover{transform:translateY(-1px)}.filter-pill:hover{box-shadow:0 14px 28px #133d7f14}.cart-pill{z-index:20;background:var(--accent-strong);color:#fff;height:48px;font:inherit;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:10px;padding:0 20px;font-size:15px;font-weight:700;animation:.3s cubic-bezier(.16,1,.3,1) pillPop;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #1886f452}.cart-pill__divider{background:#ffffff4d;width:1px;height:18px}.cart-pill__total{align-items:center;gap:4px;display:flex}@keyframes pillPop{0%{opacity:0;transform:translate(-50%)scale(.8)}to{opacity:1;transform:translate(-50%)scale(1)}}.page-heading--back{justify-content:center;align-items:center;gap:12px;min-height:32px;display:flex;position:relative}.back-button{color:var(--accent-strong);font:inherit;cursor:pointer;background:0 0;border:none;gap:4px;padding:0;font-weight:700;display:flex}.back-button--absolute{position:absolute;left:5px}.cart-list{gap:14px;display:grid}.cart-card{border:1px solid var(--border);background:#fff;border-radius:24px;gap:14px;padding:18px;display:grid;box-shadow:0 12px 32px #133d7f0d}.cart-card__head h3{color:var(--text-strong);margin:0;font-size:18px;line-height:1.3}.cart-card__actions{gap:10px;display:grid}.cart-action-row{background:#f4f7fb;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.cart-action-row__info{align-items:center;gap:10px;display:flex}.cart-action-row__info div{gap:2px;display:grid}.cart-action-row__info b{color:var(--text-strong);font-size:14px}.cart-action-row__info span:not(.action-icon){color:var(--muted);font-size:13px}.cart-action-row__right{align-items:center;gap:10px;display:flex}.cart-action-row__price{color:var(--text-strong);align-items:center;gap:4px;font-weight:700;display:flex}.cart-action-remove{color:#d94343;cursor:pointer;background:#ea60601a;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex}.cart-action-remove:hover{background:#ea60602e}.cart-total-card{border:1px solid var(--border);background:#fff;border-radius:24px;gap:16px;padding:20px;display:grid;box-shadow:0 12px 32px #133d7f0d}.cart-total-row{justify-content:space-between;align-items:center;display:flex}.cart-total-row span{color:var(--muted);font-weight:600}.cart-total-value{color:var(--text-strong);align-items:center;gap:6px;font-size:22px;font-weight:700;display:flex}.cart-warning{color:#d94343;background:#ea606014;border-radius:12px;margin:0;padding:10px 14px;font-size:14px;font-weight:600}@keyframes sheetFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sheetFadeOut{0%{opacity:1}to{opacity:0}}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheetSlideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.sheet-backdrop{z-index:30;background:#0e192a57;align-items:flex-end;animation:.3s cubic-bezier(.16,1,.3,1) forwards sheetFadeIn;display:flex;position:fixed;inset:0}.sheet-backdrop--closing{animation:.2s forwards sheetFadeOut}.bottom-sheet{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:560px;margin:0 auto;padding:12px 16px 24px;animation:.4s cubic-bezier(.16,1,.3,1) forwards sheetSlideUp;box-shadow:0 -18px 38px #133d7f24}.bottom-sheet--closing{animation:.2s forwards sheetSlideDown}.bottom-sheet__handle{background:#d6e0ec;border-radius:999px;width:42px;height:5px;margin:0 auto 16px}.bottom-sheet__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.bottom-sheet__post{color:var(--muted);margin-top:8px}.sheet-close{color:var(--accent-strong);font:inherit;background:0 0;border:0;font-weight:700}.sheet-options{gap:10px;margin-top:18px;display:grid}.sheet-option{border:1px solid var(--border);min-height:54px;color:var(--text-strong);font:inherit;text-align:left;background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;display:flex}.sheet-option strong{align-items:center;gap:6px;display:flex}.sheet-option--selected{background:#1886f40f;border-color:#1886f466;box-shadow:0 12px 24px #1886f414}.post-card__delete{color:#fff;cursor:pointer;background:#fc7373;border:none;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex;position:absolute;top:30px;right:0}.post-card__delete:hover{color:#fff;background:#d94343}.post-card__delete:disabled{color:#fff;opacity:.65;cursor:default;box-shadow:none;background:#d94343}.delete-modal{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:400px;margin:auto 16px;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) forwards modalPop;box-shadow:0 24px 48px #0e192a33}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.delete-modal__icon{color:#d94343;background:#ea60601a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:inline-flex}.delete-modal h2{color:var(--text-strong);margin:0 0 8px;font-size:20px}.delete-modal p{color:var(--muted);margin:0 0 24px;font-size:15px;line-height:1.4}.delete-modal__actions{gap:12px;display:flex}.secondary-button,.danger-button{height:48px;font:inherit;cursor:pointer;border:none;border-radius:999px;flex:1;font-weight:700;transition:transform .2s,filter .2s}.secondary-button{color:var(--text-strong);background:#f4f7fb}.secondary-button:hover{background:#eef2f7}.danger-button{color:#fff;background:#ea6060;box-shadow:0 10px 24px #ea60603d}.danger-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.secondary-button:disabled,.danger-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.topup-page{gap:22px;display:grid}.topup-tabs{background:#fff;border:1px solid #1886f42e;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;display:grid;box-shadow:0 12px 28px #133d7f0d}.topup-tab{min-height:48px;color:var(--text-strong);font:inherit;background:0 0;border:none;border-radius:999px;padding:0 12px;font-weight:700;transition:background .2s,color .2s,box-shadow .2s}.topup-tab--active{color:#fff;background:linear-gradient(135deg,#1886f4,#169fe9);box-shadow:0 10px 24px #1886f433}.topup-tab:disabled{opacity:.45}.topup-hero{text-align:center;padding:0 10px}.topup-hero h1{color:var(--text-strong);margin:0;font-size:20px;font-weight:500;line-height:1.45}.topup-hero strong{font-weight:800}.topup-card{padding-top:24px;position:relative}.topup-card__badge{z-index:1;background:#f0f3f7;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #133d7f1f}.topup-card__badge-icon{flex:0 0 44px;width:44px;height:44px}.topup-card__body{border:1px solid var(--border);background:#fff;border-radius:24px;gap:24px;padding:42px 10px 18px;display:grid;box-shadow:0 12px 32px #133d7f0d}.topup-card__body h2{color:var(--accent-strong);text-align:center;margin:0;font-size:20px;font-weight:500}.topup-field input{border:1px solid var(--border);width:100%;height:52px;color:var(--text-strong);font:inherit;text-align:center;background:#fff;border-radius:8px;padding:0 16px;font-size:15px}.topup-field input::placeholder{color:var(--text-strong);opacity:.9}.topup-field input:focus{outline-offset:2px;outline:2px solid #1886f424}.topup-summary{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.topup-summary__value{text-align:center;justify-items:center;gap:8px;display:grid}.topup-summary__value strong{color:var(--accent-deep);font-size:68px;font-weight:500;line-height:.95}.topup-summary__value span{color:var(--text-strong);text-transform:lowercase;font-size:18px}.topup-summary__value--muted strong,.topup-summary__value--muted span{color:#d5dbe4}.topup-summary__equals{color:var(--accent-deep);font-size:34px;font-weight:300}.topup-button{background:linear-gradient(135deg,#1886f4,#19adef);max-width:290px;margin:0 auto}.primary-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.balance-card{border:1px solid var(--border);background:#fff;border-radius:24px;gap:22px;padding:22px 14px 18px;display:grid;box-shadow:0 12px 32px #133d7f0d}.balance-card__header{text-align:center}.balance-card__header h2{color:var(--accent-strong);margin:0;font-size:20px;font-weight:500}.balance-card__grid{grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.balance-card__divider{background:#e7edf5}.balance-card__metric{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.balance-card__label{color:var(--text-strong);font-size:15px}.balance-card__value-row{align-items:center;gap:10px;display:flex}.balance-card__value-row--reverse{justify-content:flex-end}.balance-card__value-row strong{font-size:clamp(34px,10vw,56px);font-weight:500;line-height:1}.balance-card__icon{flex:0 0 clamp(30px,8vw,36px);width:clamp(30px,8vw,36px);height:clamp(30px,8vw,36px)}.balance-card__actions{gap:12px;display:grid}.balance-card__button{max-width:320px;margin:0 auto}.balance-card__button--secondary{border-radius:999px;width:100%}.convert-card{border:1px solid var(--border);background:#fff;border-radius:24px;gap:26px;padding:24px 14px 20px;display:grid;box-shadow:0 12px 32px #133d7f0d}.convert-surcharge{text-align:center;color:var(--accent-deep);margin:-10px 0 0;font-size:15px;font-weight:600}.convert-hint{text-align:center;color:var(--text-strong);margin:-10px 0 0;font-size:13px}.convert-card__header{text-align:center;gap:8px;display:grid}.convert-card__header h2{color:var(--accent-strong);margin:0;font-size:20px;font-weight:500}.convert-card__header p{color:var(--text-strong);margin:0;font-size:15px;line-height:1.45}.convert-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:clamp(8px,2.8vw,12px);display:grid}.convert-flow__column{justify-items:center;gap:10px;display:grid}.convert-token-badge{justify-content:center;align-items:center;width:clamp(24px,7vw,28px);height:clamp(24px,7vw,28px);display:flex}.convert-token-badge__icon{width:100%;height:100%}.convert-amount-input,.convert-amount-output{border:1px solid var(--border);width:100%;min-width:0;min-height:clamp(56px,16vw,72px);color:var(--accent-deep);font:inherit;text-align:center;background:#fff;border-radius:8px;place-items:center;padding:0 clamp(8px,2vw,12px);font-size:clamp(24px,7vw,34px);font-weight:700;display:grid}.convert-amount-input:focus{outline-offset:2px;outline:2px solid #1886f424}.convert-amount-output{background:#f5f7fa}.convert-flow__swap{color:#fff;background:linear-gradient(135deg,#1886f4,#169fe9);border-radius:50%;justify-content:center;align-self:center;align-items:center;width:clamp(36px,10vw,42px);height:clamp(36px,10vw,42px);margin-top:clamp(14px,4vw,18px);font-size:clamp(18px,5vw,22px);display:flex;box-shadow:0 10px 24px #1886f433}.convert-flow__label{color:var(--text-strong);text-align:center;font-size:clamp(13px,3.8vw,15px)}.convert-button{background:linear-gradient(135deg,#1886f4,#19adef);max-width:290px;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=639px){.post-card__top,.post-card__meta{flex-direction:column;align-items:flex-start}.brand-logo{max-width:116px;height:30px}.action-toggle{flex-direction:column;align-items:flex-start;gap:8px;padding-top:6px;padding-bottom:6px}.bottom-sheet__head{flex-direction:column;align-items:flex-start}.topup-hero h1{font-size:18px}.topup-summary__value strong{font-size:54px}.topup-summary__value span{font-size:16px}.convert-flow__swap{margin-top:14px}.balance-card__grid{gap:10px}.balance-card__label{font-size:14px}}