:root{--bg: #0f1117;--card: #1a1d27;--border: #2c2f3e;--text: #e4e6f0;--muted: #7a7f96;--primary: #5b7cf6;--primary-hover: #4a68e8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.page{max-width:820px;margin:0 auto;padding:40px 20px 64px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}header h1{margin:0;font-size:28px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000004d}.card h2{margin:0 0 16px;font-size:18px}.field-label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin:14px 0 6px}.cell{width:100%;border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:14px;font-family:SFMono-Regular,Menlo,Consolas,monospace;resize:vertical;background:#12151f;color:var(--text)}.cell:focus{outline:none;border-color:var(--primary);background:#1a1d27}.result-row{display:flex;gap:10px;align-items:stretch}.result-row .cell{flex:1}button{cursor:pointer;border:none;border-radius:10px;font-size:14px;font-weight:600;transition:background .15s,opacity .15s}button:disabled{opacity:.4;cursor:not-allowed}.primary{margin-top:14px;background:var(--primary);color:#fff;padding:11px 22px}.primary:hover:not(:disabled){background:var(--primary-hover)}.copy{align-self:flex-start;background:#22273a;color:var(--primary);padding:0 18px;min-width:84px}.copy:hover:not(:disabled){background:#2a3050}.ghost{background:transparent;color:var(--muted);border:1px solid var(--border);padding:6px 14px}.ghost:hover:not(:disabled){background:#22273a}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.table-header h2{margin:0}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}th:hover{color:var(--text)}td.center{text-align:center}.sort-icon{margin-left:4px;opacity:.5;font-style:normal}th.active .sort-icon{opacity:1;color:var(--primary)}.badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;font-weight:700}.badge.yes{background:#0d2e1e;color:#3ecf7a}.badge.no{background:#2d1010;color:#f07070}.muted{color:var(--muted);font-size:13px}.error{color:#f07070;font-size:13px;margin:10px 0 0}.cell-result-wrap{position:relative}.cell-result{cursor:pointer;min-height:96px;white-space:pre-wrap;word-break:break-all;overflow-y:auto}.cell-result.placeholder{color:var(--muted)}.cell-result mark{background:#5b7cf640;color:#a0b4ff;border-radius:3px;padding:0 2px}.notices{position:fixed;top:20px;right:20px;z-index:100;display:flex;flex-direction:column;gap:10px;max-width:300px}.notice{display:flex;align-items:flex-start;gap:10px;background:var(--card);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.5;box-shadow:0 4px 16px #0006}.notice span{flex:1}.notice-urgent{background:#dc262626;border-color:#dc262666;border-left-color:#dc2626cc;color:#fca5a5}.notice-close{flex-shrink:0;background:none;border:none;color:var(--muted);font-size:13px;padding:0;line-height:1;cursor:pointer;border-radius:4px}.notice-close:hover{color:var(--text)}@media(max-width:600px){.notices{top:auto;bottom:16px;right:12px;left:12px;max-width:100%}}.copied-flash{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#5b7cf626;border-radius:10px;pointer-events:none;font-size:15px;font-weight:600;color:var(--primary)}.mode-toggle{display:flex;gap:1.25rem}.mode-toggle label{display:flex;align-items:center;gap:.35rem;cursor:pointer;font-size:14px;color:var(--muted)}.mode-toggle input[type=radio]{accent-color:var(--primary);cursor:pointer}