:root{--bg:#0b0d12;--panel:#12161f;--panel-hover:#1a2030;--border:#242b3a;--text:#e5e9f0;--muted:#8b95aa;--accent:#5b8cff;--accent-hover:#4a7bef;--danger:#ff6b6b;--success:#4ade80}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 14px;transition:background .15s}button:hover{background:var(--panel-hover)}button.primary{background:var(--accent);border-color:var(--accent)}button.primary:hover{background:var(--accent-hover)}button.danger{color:var(--danger)}button[disabled]{opacity:.5;cursor:not-allowed}input,select,textarea{font:inherit;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:7px 10px;width:100%}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.notepad-preview h1,.notepad-preview h2,.notepad-preview h3,.notepad-preview h4,.notepad-preview h5,.notepad-preview h6{margin:1em 0 .4em;font-weight:600;line-height:1.3;color:var(--text)}.notepad-preview h1{font-size:1.6em}.notepad-preview h2{font-size:1.35em}.notepad-preview h3{font-size:1.15em}.notepad-preview p{margin:.6em 0}.notepad-preview ol,.notepad-preview ul{margin:.6em 0 .6em 1.5em}.notepad-preview li{margin:.25em 0}.notepad-preview li input[type=checkbox]{margin-right:.4em}.notepad-preview strong{font-weight:700}.notepad-preview em{font-style:italic}.notepad-preview del{text-decoration:line-through;color:var(--muted)}.notepad-preview code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;background:#1a2030;border:1px solid var(--border);border-radius:4px;padding:.1em .35em}.notepad-preview pre{background:#1a2030;border:1px solid var(--border);border-radius:6px;padding:12px 14px;overflow-x:auto;margin:.8em 0}.notepad-preview pre code{background:none;border:none;padding:0;font-size:.88em}.notepad-preview blockquote{border-left:3px solid var(--accent);padding:.2em 0 .2em 1em;margin:.6em 0;color:var(--muted)}.notepad-preview hr{border:none;border-top:1px solid var(--border);margin:1em 0}.notepad-preview table{border-collapse:collapse;width:100%;margin:.8em 0}.notepad-preview td,.notepad-preview th{border:1px solid var(--border);padding:6px 10px;text-align:left}.notepad-preview th{background:#1a2030;font-weight:600}.notepad-preview a{color:var(--accent)}.notepad-preview a:hover{text-decoration:underline}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}