:root{--bg:#0f1419;--panel:#1a222c;--text:#e8eef5;--muted:#8b98a8;--line:#2c3642;--accent:#5eead4;--bad:#fb7185;--sans:ui-sans-serif,system-ui;--mono:ui-monospace,Menlo,monospace}
*{box-sizing:border-box}body{margin:0;font-family:var(--sans);background:var(--bg);color:var(--text);line-height:1.5}
.idt-app{max-width:960px;margin:0 auto;padding:1.25rem}
.idt-brand{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700}
.idt-nav{display:flex;gap:1rem;margin:.75rem 0} .idt-nav a{color:var(--muted);text-decoration:none;font-size:.88rem}
.idt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
@media(max-width:800px){.idt-grid{grid-template-columns:1fr}}
.idt-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:1rem}
.idt-card h2{margin:0 0 .5rem;font-size:.95rem;color:var(--accent)}
.idt-card input{width:100%;padding:.55rem;border-radius:6px;border:1px solid var(--line);background:#0c1015;color:var(--text);font-family:var(--mono);font-size:.8rem}
.idt-rail{margin-top:1rem;padding:.85rem 1rem;border-radius:10px;border:1px dashed var(--line);background:#121820}
.idt-rail.bad{border-color:var(--bad);color:var(--bad)} .idt-rail.ok{border-color:var(--accent);color:var(--accent)}
.idt-actions button{margin-top:.75rem;background:var(--accent);color:#042f2e;border:0;font-weight:700;padding:.5rem 1rem;border-radius:8px;cursor:pointer}