:root{--tg-bg: #ffffff;--tg-text: #000000;--tg-hint: #707579;--tg-link: #3390ec;--tg-button: #3390ec;--tg-button-text: #ffffff;--tg-secondary-bg: #f4f4f5;--tg-section-bg: #ffffff;--tg-destructive: #df3f40;--ok: #1b7a4f;--warn: #98700a;--danger: #ae352c;--radius: 12px;--gap: 12px;--pad: 16px}:root[data-theme=dark]{--ok: #57be8b;--warn: #d8b04a;--danger: #e1786d}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--tg-bg);color:var(--tg-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.screen{display:flex;flex-direction:column;gap:var(--gap);padding:var(--pad);min-height:100vh}.card{background:var(--tg-section-bg);border-radius:var(--radius);padding:var(--pad);display:flex;flex-direction:column;gap:8px}:root[data-theme=dark] .card{background:var(--tg-secondary-bg)}.card--muted{background:var(--tg-secondary-bg)}h1{font-size:20px;font-weight:600;margin:0}h2{font-size:16px;font-weight:600;margin:0}.hint{color:var(--tg-hint);font-size:14px;margin:0}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--gap)}.btn{appearance:none;border:none;border-radius:var(--radius);background:var(--tg-button);color:var(--tg-button-text);font-size:16px;font-weight:600;padding:14px 20px;width:100%;cursor:pointer}.btn:disabled{opacity:.5}.btn--secondary{background:var(--tg-secondary-bg);color:var(--tg-text)}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:100px;padding:4px 10px;font-size:13px;font-weight:600;background:var(--tg-secondary-bg)}.badge--ok{color:var(--ok)}.badge--warn{color:var(--warn)}.badge--danger{color:var(--danger)}.spinner{width:28px;height:28px;border:3px solid var(--tg-secondary-bg);border-top-color:var(--tg-button);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap);text-align:center}.pre-line{white-space:pre-line}.tone--good{border-left:4px solid #1f8b4c}.tone--warn{border-left:4px solid #b8860b}.tone--bad{border-left:4px solid #b3261e}.tone--muted{border-left:4px solid var(--tg-hint, #999)}