*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f7f6f3;--surface:#fff;--border:#e2e0d8;--border-strong:#c8c6bc;--text:#1a1917;--text-2:#6b6960;--text-3:#a8a69e;--accent:#1a1917;--accent-text:#fff;--success:#166534;--success-bg:#dcfce7;--warning:#92400e;--warning-bg:#fef3c7;--danger:#991b1b;--danger-bg:#fee2e2;--info:#1e40af;--info-bg:#dbeafe;--radius:6px;--radius-lg:10px;--font:"IBM Plex Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", monospace}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;font-size:14px;line-height:1.6}#root{min-height:100vh}input,select,textarea{font-family:var(--font);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);outline:none;width:100%;padding:7px 10px;font-size:13px;transition:border-color .15s}input:focus,select:focus{border-color:var(--accent)}input[readonly]{background:var(--bg);color:var(--text-2);cursor:default}button{font-family:var(--font);cursor:pointer;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}button:hover{background:var(--bg);border-color:var(--border-strong)}button:active{transform:scale(.98)}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}button.primary:hover{opacity:.88;background:var(--accent)}button.danger{color:var(--danger);border-color:var(--danger)}button.danger:hover{background:var(--danger-bg)}.badge{font-size:11px;font-weight:500;font-family:var(--mono);border-radius:4px;align-items:center;gap:3px;padding:2px 7px;display:inline-flex}.badge.success{background:var(--success-bg);color:var(--success)}.badge.warning{background:var(--warning-bg);color:var(--warning)}.badge.danger{background:var(--danger-bg);color:var(--danger)}.badge.info{background:var(--info-bg);color:var(--info)}.badge.neutral{background:var(--border);color:var(--text-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.label{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font-size:11px;font-weight:500}video{border-radius:var(--radius);background:#000}img{border-radius:var(--radius)}