:root{--bg-primary: #0f1419;--bg-card: #1a2332;--bg-card-hover: #243044;--text-primary: #e6edf3;--text-muted: #8b99a6;--accent: #3b82f6;--accent-hover: #2563eb;--border: #2d3a4d;--tabbar-bg: #161b22;--tabbar-active: #3b82f6}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}#app{min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.app__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--tabbar-bg);border-bottom:1px solid var(--border)}.app__logo{font-weight:600;font-size:1.1rem}.app__main{flex:1;padding:16px 16px 24px;max-width:480px;margin:0 auto;width:100%}.app__main--auth{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.auth-form{display:flex;flex-direction:column;gap:12px;margin-bottom:1rem;width:100%;max-width:320px}.auth-switch{margin-top:1rem;text-align:center;color:var(--text-muted);font-size:.9rem}.auth-link{background:none;border:none;color:var(--accent);cursor:pointer;text-decoration:underline;font-size:inherit;padding:0}.loading,.error{text-align:center;padding:2rem;color:var(--text-primary)}.error{color:#ef4444}.auth-form .input,.auth-form .btn{margin-bottom:0}.auth-form .btn--full{margin-top:4px}.screen{padding:0}.screen__title{font-size:1.35rem;font-weight:600;margin:0 0 1.25rem}.section{margin-bottom:1.5rem}.section__title{font-size:.95rem;font-weight:600;color:var(--text-muted);margin:0 0 .75rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem}.card__label{font-size:.85rem;color:var(--text-muted);margin:0 0 .25rem}.card__value{font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.card__value--active{color:#22c55e}.card__value--inactive{color:var(--text-muted)}.card__value--muted{color:var(--text-muted);font-size:.9rem}.card__value--error{color:#ef4444;font-size:.9rem}.card__muted{font-size:.9rem;color:var(--text-muted);margin:0}.btn{display:inline-block;padding:10px 16px;border-radius:10px;border:none;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--bg-card-hover);color:var(--text-primary)}.btn--secondary:hover:not(:disabled){background:var(--border)}.btn--sm{padding:6px 12px;font-size:.85rem}.btn--full{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.input{width:100%;padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:1rem}.input::placeholder{color:var(--text-muted)}.sub-url{word-break:break-all;font-size:.8rem;display:block;margin-top:8px;color:var(--text-muted)}.qr-wrap{text-align:center;padding:1rem 0}.qr-wrap img{max-width:180px;height:auto;border-radius:8px}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.platform-btn{padding:14px;border-radius:12px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:.95rem;cursor:pointer;text-align:center;transition:all .2s}.platform-btn:hover{background:var(--bg-card-hover)}.platform-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.instruction-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 0;border:none;background:none;color:var(--accent);font-size:.95rem;cursor:pointer;text-align:left}.instruction-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:1rem}.instruction-link__arrow{margin-left:8px;opacity:.8}.steps{display:flex;flex-direction:column;gap:8px}.step-card{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px}.step-card__num{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:50%;font-size:.85rem;font-weight:600}.step-card__text{flex:1;font-size:.95rem}.instruction-show-image-btn{display:block;width:100%;max-width:360px;margin:.5rem 0 1rem;padding:10px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--accent);font-size:.95rem;cursor:pointer}.instruction-show-image-btn:active{background:var(--bg-card-hover)}.plans{display:flex;flex-direction:column;gap:12px}.plan-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:10px}.plan-card__title{font-size:1rem}.plan-card__price{font-size:1.3rem;font-weight:600;color:var(--accent)}.legal-links{display:flex;flex-direction:column;gap:8px}.legal-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--text-primary);font-size:.95rem;cursor:pointer;text-align:left;transition:background .2s}.legal-link:hover{background:var(--bg-card-hover)}.legal-link__arrow{margin-left:8px;color:var(--accent)}.tab-bar{display:flex;justify-content:space-around;background:var(--tabbar-bg);border-top:1px solid var(--border);padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom,0))}.tab-bar__item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 12px;border:none;background:none;color:var(--text-muted);font-size:.75rem;cursor:pointer}.tab-bar__item--active{color:var(--tabbar-active)}.tab-bar__icon-wrap{position:relative;display:inline-block}.tab-bar__icon{font-size:1.25rem}.tab-bar__badge{position:absolute;top:-6px;right:-10px;min-width:18px;height:18px;padding:0 5px;display:flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;font-size:.65rem;font-weight:600;border-radius:9px}.muted{color:var(--text-muted);font-size:.9rem}.small{font-size:.8rem}