:root{color-scheme:dark;font-family:ui-monospace,"DejaVu Sans Mono",monospace;background:#0b0e0c;color:#cfe3d3;line-height:1.6}
body{margin:0}main{max-width:740px;margin:auto;padding:24px 20px 64px}a{color:#7bd88f}nav{display:flex;justify-content:space-between;gap:20px}h1,h2{color:#eafaf0;line-height:1.3}h1{margin-top:40px}h2{font-size:1.2rem}form{display:grid;gap:10px;margin:24px 0}textarea,button{font:inherit;background:#121712;color:#eafaf0;border:1px solid #2c4a37;border-radius:3px;padding:12px}textarea{width:100%;box-sizing:border-box;resize:vertical;line-height:1.6}button{cursor:pointer;color:#7bd88f;justify-self:start}button:disabled{opacity:.55;cursor:wait}textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #7bd88f;outline-offset:3px}form p{margin:0;font-size:.9rem}#feedback,#upgrade{color:#e5b07a}section{border-top:1px solid #23302a;margin-top:32px;padding-top:16px}dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:10px}dd{margin:0;overflow-wrap:anywhere}dt{color:#a7bcab}article{border-bottom:1px solid #23302a;padding:18px 0}article p{white-space:pre-wrap;overflow-wrap:anywhere}article small{color:#a7bcab}#history:empty{min-height:40px}[hidden]{display:none!important}::selection{background:#2c4a37;color:#eafaf0}@media(max-width:480px){dl{grid-template-columns:1fr}dd{margin-bottom:8px}}

.privacy-panel{background:#12202b;border:1px solid #36516a;border-radius:8px;padding:20px}
.privacy-panel h2{margin-top:0;color:#d7eaff}
.privacy-panel dt{color:#b5cde2}
.history-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:16px 0}
.history-controls label{display:grid;gap:6px}
.history-controls select{font:inherit;padding:12px;background:#121712;color:#eafaf0;border:1px solid #2c4a37;border-radius:3px}
.history-controls select:focus-visible{outline:2px solid #7bd88f;outline-offset:3px}