:root{--bg: var(--tg-theme-bg-color, #0b0f17);--text: var(--tg-theme-text-color, #e7eaee);--hint: var(--tg-theme-hint-color, #8a93a3);--btn: var(--tg-theme-button-color, #6c5ce7);--btn-text: var(--tg-theme-button-text-color, #ffffff);--card: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .08);--good: #2ecc71;--bad: #e74c3c;--warn: #f1c40f;--accent: #6c5ce7}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{max-width:600px;margin:0 auto;padding:16px 16px 80px}.brand{display:flex;align-items:center;justify-content:space-between;padding:10px 0 14px;border-bottom:1px solid var(--border);margin-bottom:16px}.brand-name{font-weight:700;font-size:20px;letter-spacing:.4px}.brand-spon{font-size:11px;color:var(--hint)}.brand-spon a{color:var(--hint)}.nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:8px 4px env(safe-area-inset-bottom) 4px;z-index:10}.nav a{flex:1;text-align:center;padding:8px 4px;font-size:11px;color:var(--hint);border-radius:8px}.nav a.active{color:var(--text);background:var(--card)}.nav-icon{display:block;font-size:18px;margin-bottom:2px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:12px}.card-title{font-weight:600;margin:0 0 8px;font-size:14px;color:var(--hint);text-transform:uppercase;letter-spacing:.6px}.card-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.card-row+.card-row{border-top:1px dashed var(--border)}.muted{color:var(--hint);font-size:12px}.btn{width:100%;background:var(--btn);color:var(--btn-text);border:0;border-radius:12px;padding:12px 14px;font-weight:600;font-size:15px;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--card);color:var(--text);border:1px solid var(--border)}.input{width:100%;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--text);font-size:14px}.row{display:flex;gap:8px}.row>*{flex:1}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;background:var(--card);border:1px solid var(--border)}.pill.good{color:var(--good);border-color:#2ecc7166}.pill.bad{color:var(--bad);border-color:#e74c3c66}.code{background:var(--card);border:1px solid var(--border);padding:10px;border-radius:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:12px;word-break:break-all}.h1{font-size:22px;margin:4px 0 12px}.h2{font-size:16px;margin:16px 0 8px}.split-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--card)}.split-bar>div{height:100%}.footer-spon{text-align:center;font-size:11px;color:var(--hint);padding:16px 0}[data-flash=press]{animation:stacc-press .18s ease-out}@keyframes stacc-press{0%{filter:brightness(1);transform:scale(1)}20%{filter:brightness(1.35);transform:scale(.96)}to{filter:brightness(1);transform:scale(1)}}button,a,.btn,[role=button]{-webkit-tap-highlight-color:transparent}