:root{--tst-bg:#f5f7f8;--tst-surface:#fff;--tst-text:#1f2a2e;--tst-text-muted:#5b6b70;--tst-primary:#2b5f7a;--tst-primary-strong:#204a60;--tst-primary-soft:#e4eef2;--tst-danger:#b5443f;--tst-danger-soft:#fbeceb;--tst-warning-soft:#fdf1de;--tst-border:#d9e2e4;--tst-radius:12px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--tst-bg);color:var(--tst-text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif;line-height:1.6}main{max-width:720px;margin:0 auto;padding:16px}h1,h2,h3{line-height:1.3}button{font:inherit;min-height:44px;padding:8px 16px;border-radius:var(--tst-radius);border:1px solid var(--tst-border);background:var(--tst-surface);color:var(--tst-text);cursor:pointer}button.primary{background:var(--tst-primary);border-color:var(--tst-primary);color:#fff}button:disabled{opacity:.55;cursor:not-allowed}input[type=number],input[type=text],select,textarea{font-size:16px;padding:10px 12px;border-radius:var(--tst-radius);width:100%;color:var(--tst-text)}.tst-card,input[type=number],input[type=text],select,textarea{border:1px solid var(--tst-border);background:var(--tst-surface)}.tst-card{border-radius:var(--tst-radius);padding:16px;margin-bottom:16px}.tst-muted{color:var(--tst-text-muted);font-size:.9em}.tst-error{background:var(--tst-danger-soft);color:var(--tst-danger)}.tst-error,.tst-notice{border-radius:var(--tst-radius);padding:10px 12px;font-size:.9em}.tst-notice{background:var(--tst-warning-soft)}.tst-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.tst-badge{display:inline-block;background:var(--tst-primary-soft);color:var(--tst-primary-strong);border-radius:999px;padding:2px 10px;font-size:.85em}.tst-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}