* { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Inter', system-ui, sans-serif; -webkit-tap-highlight-color: transparent; outline: none; }
body { background-color: #000000; color: #ffffff; min-height: 100vh; overflow-x: hidden; }
body.no-scroll { overflow: hidden; }

.icon-btn { background: none; border: none; color: #ffffff; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 5px; opacity: 0.8; transition: opacity 0.2s; }
.icon-btn:hover { opacity: 1; }
.btn-danger { color: #ff5555; }
.btn-danger:hover { color: #ff2222; }

.btn-glass { padding: 12px 18px; border-radius: 10px; font-size: 14px; font-weight: 600; cursor: pointer; border: none; background: rgba(255, 255, 255, 0.1); color: #fff; display: flex; align-items: center; justify-content: center; transition: background 0.2s; }
.btn-glass:active { background: rgba(255, 255, 255, 0.2); }
.btn-primary { background: #ffffff; color: #000000; }
.btn-danger-solid { background: #ff4a4a; color: #ffffff; }

.transparent-input { background: transparent; border: none; color: #ffffff; width: 100%; word-wrap: break-word; white-space: pre-wrap; }
[contenteditable]:empty::before { content: attr(data-placeholder); color: rgba(255,255,255,0.4); pointer-events: none; display: block; cursor: text; }
.readonly-input { pointer-events: none; }