:root { --bg:#12101c; --panel:#1b1829; --ink:#e9e6f5; --dim:#8f89ab; --accent:#b79cff; --line:#2f2a45; }
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin:0; background:var(--bg); color:var(--ink); font:15px/1.5 Georgia, serif; }
main { max-width: 760px; margin: 0 auto; padding: 24px 14px 40px; }
h1 { margin:0; font-size: 36px; font-weight: normal; letter-spacing: -1px; }
h2 { margin:0 0 10px; font-size: 13px; text-transform: uppercase; letter-spacing: 2px; color: var(--accent); font-family: system-ui, sans-serif; }
.tag, .dim { color: var(--dim); font-size: 13px; margin: 4px 0 10px; }
.panel { background: var(--panel); border:1px solid var(--line); border-radius: 12px; padding: 14px; margin: 14px 0; }
.row { display:flex; gap:8px; align-items:center; flex-wrap: wrap; margin: 8px 0; }
label { font: 12px system-ui, sans-serif; color: var(--dim); display:flex; flex-direction:column; gap:3px; flex:1; min-width:140px; }
input, select, textarea, button { background:#262239; color:var(--ink); border:1px solid var(--line); border-radius:8px; padding:8px 10px; font:14px system-ui, sans-serif; }
textarea { width:100%; min-height: 90px; resize: vertical; }
button { cursor:pointer; }
button:hover:not(:disabled) { border-color: var(--accent); }
button:disabled { opacity:.4; cursor: default; }
button.go { background: var(--accent); color:#160f2b; font-weight: 700; padding: 10px 22px; }
ul { list-style:none; margin:0; padding:0; }
li.ex { display:flex; gap:10px; align-items:flex-start; padding:8px 0; border-top:1px solid var(--line); }
li.ex:first-child { border-top:0; }
li.ex.off .t { opacity:.35; text-decoration: line-through; }
li.ex .t { flex:1; white-space: pre-wrap; word-break: break-word; }
li.ex .d { color:var(--dim); font-size:11px; font-family: system-ui, sans-serif; }
li.ex button { padding: 0 8px; line-height: 24px; }
.entry { white-space: pre-wrap; font-size: 17px; }
.entry img { max-width:100%; border-radius:8px; display:block; }
.err { color:#ff8a9a; font: 13px system-ui, sans-serif; }
footer { color:var(--dim); font-size:12px; margin-top:24px; font-family: system-ui, sans-serif; }
footer a { color: var(--dim); }