:root{--bg: #0a0a0a;--fg: #fafafa;--accent: #3b82f6;--accent-hover: #2563eb;--gray: #27272a;--gray-light: #3f3f46;--radius: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);min-height:100vh}button{cursor:pointer;border:none;background:var(--accent);color:#fff;padding:12px 24px;border-radius:var(--radius);font-size:16px;font-weight:500;transition:background .2s}button:hover{background:var(--accent-hover)}button.secondary{background:var(--gray)}button.secondary:hover{background:var(--gray-light)}input,textarea{width:100%;padding:12px;border-radius:var(--radius);border:1px solid var(--gray);background:var(--bg);color:var(--fg);font-size:16px}input:focus,textarea:focus{outline:none;border-color:var(--accent)}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] svg[data-flip-rtl]{transform:scaleX(-1)}