:root{--bg: #0d0e17;--bg-soft: #12141f;--surface: rgba(22, 24, 42, .72);--surface-solid: #16182a;--primary: #1a1d33;--accent: #ff6b6b;--accent-soft: rgba(255, 107, 107, .18);--text: #f0f0f5;--muted: #8b8d9e;--radius: 14px;--radius-lg: 18px;--safe-top: env(safe-area-inset-top, 0);--safe-bottom: env(safe-area-inset-bottom, 0);--tab-bar-height: 56px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}*{box-sizing:border-box}@keyframes bgFloat{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(2%,-1%) scale(1.02);opacity:.6}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes tabPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(ellipse 100% 80% at 50% -20%,rgba(255,107,107,.12) 0%,transparent 50%),radial-gradient(ellipse 70% 50% at 90% 30%,rgba(100,120,255,.08) 0%,transparent 45%),radial-gradient(ellipse 60% 60% at 10% 80%,rgba(80,200,220,.06) 0%,transparent 45%),linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%);pointer-events:none}body:after{content:"";position:fixed;width:140%;height:140%;top:-20%;left:-20%;z-index:-1;background:radial-gradient(circle at 30% 20%,rgba(255,107,107,.06) 0%,transparent 28%),radial-gradient(circle at 70% 70%,rgba(100,120,255,.05) 0%,transparent 25%);animation:bgFloat 18s ease-in-out infinite;pointer-events:none}#app{min-height:100dvh;display:flex;flex-direction:column;background:transparent}.app-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.app-content.with-tabs{padding-bottom:calc(var(--tab-bar-height) + var(--safe-bottom))}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(var(--tab-bar-height) + var(--safe-bottom));padding:8px 6px calc(8px + var(--safe-bottom)) 6px;padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right));display:flex;align-items:stretch;justify-content:space-around;gap:4px;background:#0e0f18eb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(255,255,255,.07);z-index:100;box-shadow:0 -4px 28px #00000059;animation:fadeIn .35s var(--ease-out)}.tab-item{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;padding:0 2px;color:var(--muted);text-decoration:none;border-radius:12px;transition:color .25s var(--ease-out),transform .2s var(--ease-out);-webkit-tap-highlight-color:transparent}.tab-item__content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;padding:8px 6px 10px;border-radius:10px;transition:background .25s var(--ease-out),color .25s var(--ease-out)}.tab-item:active .tab-item__content{background:#ffffff0f}.tab-item--active .tab-item__content{background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 1px #ff6b6b33}.tab-item__icon-wrap{display:flex;align-items:center;justify-content:center;flex-shrink:0}.tab-item__icon{width:22px;height:22px;display:block;transition:transform .2s var(--ease-out)}.tab-item--active .tab-item__icon{transform:scale(1.06)}.tab-item__label{font-size:.68rem;font-weight:600;line-height:1.2;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tab-item--active .tab-item__label{color:var(--accent)}.screen{padding:20px 16px 24px;max-width:480px;margin:0 auto;animation:fadeInUp .4s var(--ease-out) backwards}.header{margin-bottom:24px;animation:fadeInUp .45s var(--ease-out) .05s backwards}.header.small{margin-bottom:16px}.title{font-size:1.5rem;font-weight:700;margin:0 0 4px;letter-spacing:-.02em}.subtitle{margin:0;color:var(--muted);font-size:.9rem;font-weight:400}.text{margin:0 0 8px;line-height:1.5}.text.muted{color:var(--muted)}.text.small{font-size:.875rem}.text.error{color:var(--accent)}.nav-cards{display:flex;flex-direction:column;gap:12px}.card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:18px;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius);color:inherit;cursor:pointer;transition:background .25s var(--ease-out),transform .2s var(--ease-out),border-color .2s,box-shadow .2s}.card:hover{background:#1c1e30d9;border-color:#ffffff14}.card:active{transform:scale(.98)}.card-icon{font-size:1.5rem;margin-bottom:8px}.card-title{font-weight:600;font-size:1.05rem}.card-desc{font-size:.85rem;color:var(--muted);margin-top:4px}.btn{display:inline-block;padding:12px 22px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:.95rem;font-weight:600;cursor:pointer;margin-top:12px;transition:transform .2s var(--ease-out),box-shadow .25s var(--ease-out),background .2s;letter-spacing:.01em}.btn:hover{box-shadow:0 4px 20px var(--accent-soft)}.btn:active{transform:scale(.97)}.list.servers{display:flex;flex-direction:column;gap:10px}.server-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius);transition:transform .2s var(--ease-out),border-color .2s}.server-card:active{transform:scale(.99)}.server-flag{font-size:1.5rem}.server-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.server-name{font-weight:600}.server-meta{font-size:.8rem;color:var(--muted)}.server-connect{font-size:.85rem;color:var(--accent);font-weight:500}.account-section,.auth-section{margin-top:8px}.account-card{background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius);padding:16px}.account-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.account-row:last-child{border-bottom:none}.account-row span{color:var(--muted);font-size:.9rem}.account-row strong{font-weight:600}.list.plans{gap:14px}.list.plans>*{animation:fadeInUp .4s var(--ease-out) backwards}.list.plans>*:nth-child(1){animation-delay:.06s}.list.plans>*:nth-child(2){animation-delay:.1s}.list.plans>*:nth-child(3){animation-delay:.14s}.list.plans>*:nth-child(4){animation-delay:.18s}.list.plans>*:nth-child(5){animation-delay:.22s}.list.plans>*:nth-child(6){animation-delay:.26s}.plan-card{background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius);padding:18px;transition:transform .2s var(--ease-out),border-color .2s,box-shadow .2s}.plan-card:active{transform:scale(.99)}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.plan-name{font-weight:600;font-size:1.1rem}.plan-price{color:var(--accent);font-weight:700}.plan-meta{font-size:.85rem;color:var(--muted);margin-bottom:12px}.plan-meta span+span:before{content:" · "}.btn-plan{width:100%;margin-top:0}.purchases{display:flex;flex-direction:column;gap:12px}.purchases>*{animation:fadeInUp .4s var(--ease-out) backwards}.purchases>*:nth-child(1){animation-delay:.06s}.purchases>*:nth-child(2){animation-delay:.1s}.purchases>*:nth-child(3){animation-delay:.14s}.purchases>*:nth-child(4){animation-delay:.18s}.purchases>*:nth-child(5){animation-delay:.22s}.purchases>*:nth-child(6){animation-delay:.26s}.purchase-card{background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius);padding:16px 18px;transition:transform .2s var(--ease-out),border-color .2s}.purchase-card:active{transform:scale(.99)}.purchase-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.purchase-addr{font-weight:500}.purchase-exp{font-size:.85rem;color:var(--muted)}.btn-small{padding:8px 14px;font-size:.9rem;margin-top:0}.btn.secondary{background:var(--surface);color:var(--text);border:1px solid rgba(255,255,255,.1);margin-top:8px}.btn.secondary:hover{border-color:#ffffff2e;background:#1c1e30e6}.links-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.links-list>a{animation:fadeInUp .4s var(--ease-out) backwards}.links-list>a:nth-child(1){animation-delay:.06s}.links-list>a:nth-child(2){animation-delay:.1s}.links-list>a:nth-child(3){animation-delay:.14s}.links-list>a:nth-child(4){animation-delay:.18s}.link-card{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius);color:inherit;text-decoration:none;transition:transform .2s var(--ease-out),border-color .2s,background .2s}.link-card:hover,.link-card:active{background:#1c1e30d9;border-color:#ffffff14}.link-card:active{transform:scale(.99)}.link-label{font-weight:500}.link-arrow-wrap{display:flex;align-items:center;flex-shrink:0}.link-arrow{width:20px;height:20px;color:var(--accent);display:block}.devices-list{display:flex;flex-direction:column;gap:10px}.devices-list>*{animation:fadeInUp .4s var(--ease-out) backwards}.devices-list>*:nth-child(1){animation-delay:.06s}.devices-list>*:nth-child(2){animation-delay:.1s}.devices-list>*:nth-child(3){animation-delay:.14s}.devices-list>*:nth-child(4){animation-delay:.18s}.devices-list>*:nth-child(5){animation-delay:.22s}.device-card{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius);transition:transform .2s var(--ease-out),border-color .2s}.device-card:active{transform:scale(.99)}.device-icon-wrap{display:flex;align-items:center;flex-shrink:0}.device-icon{width:28px;height:28px;color:var(--muted);display:block}.device-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.device-name{font-weight:600}.device-meta{font-size:.8rem;color:var(--muted)}.info-blocks{display:flex;flex-direction:column;gap:18px}.info-blocks .info-block{animation:fadeInUp .4s var(--ease-out) backwards}.info-blocks .info-block:nth-child(1){animation-delay:.06s}.info-blocks .info-block:nth-child(2){animation-delay:.12s}.info-blocks .info-block:nth-child(3){animation-delay:.18s}.info-block{background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius);padding:18px;transition:border-color .2s,transform .2s var(--ease-out)}.info-block:active{transform:scale(.995)}.info-block-title{font-size:1rem;font-weight:600;margin:0 0 8px;color:var(--text)}.info-block .text{margin:0;font-size:.9rem;line-height:1.55;color:var(--muted)}