:root{--di-teal:#0ea88e;--di-teal-light:#5bd0b4;--di-ink:#0b0f19;--di-paper:#fcfcfb;--di-surface:#f4f6f5;--di-card:#fff;--di-line:#e6e9e8;--di-steel:#8a93a0;--di-danger:#e5484d;--di-warn:#d97706;--di-gray-300:#d1d5db;--di-gray-400:#9ca3af;--di-gray-500:#6b7280;--di-gray-600:#4b5563;--text-heading:var(--di-ink);--text-body:var(--di-gray-600);--text-muted:var(--di-gray-500);--text-faint:var(--di-gray-400);--surface-page:var(--di-paper);--surface-panel:var(--di-surface);--surface-card:var(--di-card);--border-default:var(--di-line);--tint-primary-5:rgba(14,168,142,.05);--tint-primary-10:rgba(14,168,142,.1);--tint-primary-20:rgba(14,168,142,.2);--tint-danger-10:rgba(229,72,77,.1);--font-display:"Barlow",sans-serif;--font-sans:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace}*{box-sizing:border-box}body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}::selection{background:var(--tint-primary-20);color:var(--di-teal)}a{color:var(--di-teal);text-decoration:none;transition:color .3s ease}a:hover{color:var(--di-ink)}@keyframes t2m-pulse{50%{opacity:.4}}.container{max-width:1152px;margin:0 auto;padding:0 24px}.hover-card{background:var(--surface-card);border:1px solid var(--border-default);box-shadow:0 1px 2px rgba(0,0,0,.04);display:flex;flex-direction:column;transition:all .3s ease}.hover-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(11,15,25,.08)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:14px;height:54px;padding:0 28px;background:var(--di-teal);color:#fff;border:1px solid var(--di-teal);cursor:pointer;transition:all .3s ease}.btn:hover{background:var(--di-ink);border-color:var(--di-ink);color:#fff}.btn--sm{font-size:12px;height:38px;padding:0 16px}.btn--ghost{background:transparent;color:var(--di-ink);border:1px solid var(--border-default)}.btn--ghost:hover{background:rgba(0,0,0,.05);border-color:var(--di-gray-400);color:var(--di-ink)}.btn--danger{background:transparent;color:var(--di-danger);border:1px solid var(--di-danger)}.btn--block{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.linkbtn{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--di-teal);background:none;border:none;cursor:pointer;padding:0;transition:color .3s ease}.linkbtn--ink,.linkbtn:hover{color:var(--di-ink)}.linkbtn--ink{letter-spacing:.1em;text-transform:none}.linkbtn--ink:hover{color:var(--di-teal)}.at-input,.at-select,.at-textarea{font-family:var(--font-sans);font-size:14px;color:var(--di-ink);background:var(--surface-card);border:1px solid var(--border-default);border-radius:0;height:46px;padding:0 14px;transition:border-color .3s ease;outline:none;width:100%}.at-textarea{height:auto;min-height:120px;padding:12px 14px;line-height:1.6;resize:vertical}.at-input:focus,.at-select:focus,.at-textarea:focus{border-color:var(--di-teal)}.at-input::placeholder,.at-textarea::placeholder{color:var(--text-faint)}.field-label{display:block;letter-spacing:.2em;color:var(--text-muted);margin:0 0 8px}.field-label,.toast{font-family:var(--font-mono);font-size:10px;text-transform:uppercase}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--di-ink);color:#fff;letter-spacing:.15em;padding:12px 24px;z-index:100}.notice{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;padding:12px 16px;border:1px solid var(--border-default);background:var(--surface-panel);color:var(--text-muted)}.notice--error{border-color:var(--di-danger);color:var(--di-danger);background:var(--tint-danger-10)}.notice--ok{border-color:var(--di-teal);color:var(--di-teal);background:var(--tint-primary-5)}.pulse{animation:t2m-pulse 1.4s ease infinite}table.at-table{width:100%;border-collapse:collapse;background:var(--surface-card);border:1px solid var(--border-default)}table.at-table th{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);text-align:left;background:var(--surface-panel)}table.at-table td,table.at-table th{padding:12px 16px;border-bottom:1px solid var(--border-default)}table.at-table td{font-size:13px;color:var(--di-ink)}table.at-table td.mono{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}