*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #fafafa;--fg: #1a1a1a;--bar-bg: #f0f0f0;--bar-border: #d0d0d0;--accent: #666;--btn-bg: #e4e4e4;--btn-hover: #d4d4d4;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #111;--fg: #e0e0e0;--bar-bg: #1a1a1a;--bar-border: #333;--accent: #888;--btn-bg: #2a2a2a;--btn-hover: #3a3a3a}}html,body{height:100%;background:var(--bg);color:var(--fg);font-family:SF Mono,Fira Code,Cascadia Code,monospace;scrollbar-color:var(--bar-border) transparent}body{display:flex;flex-direction:column}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bar-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}#editor{flex:1;width:100%;min-height:0;background:transparent;color:var(--fg);border:none;outline:none;resize:none;padding:24px;font:inherit;font-size:15px;line-height:1.6;-moz-tab-size:2;tab-size:2}#topbar,#bottombar{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:32px;padding:4px 16px;background:var(--bar-bg);font-size:12px;color:var(--accent);gap:4px 12px}#topbar{border-bottom:1px solid var(--bar-border)}#bottombar{border-top:1px solid var(--bar-border)}#url-group{display:flex;align-items:center}#copy-url{margin-left:6px}#url-host{font-size:12px;color:var(--accent);text-decoration:none;padding:4px 0}#url-host:hover{text-decoration:underline}#url-slug{font-size:12px;color:var(--accent);opacity:.6;padding:4px 0}#copy-url{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--accent);cursor:pointer;padding:2px;border-radius:3px;transition:background .15s;opacity:.6}#copy-url.hidden{display:none}#copy-url:hover{background:var(--btn-bg);opacity:1}#actions{display:flex;align-items:center;gap:12px}#status{font-size:11px;opacity:.7}#counters{display:flex;gap:16px;white-space:nowrap;padding:4px 0}#counters .label{opacity:.5}#credits{display:flex;gap:16px;font-size:11px;opacity:.5;white-space:nowrap;padding:4px 0}#credits a{color:var(--fg);text-decoration:none}#credits a:hover{text-decoration:underline}#new-doc,#share-doc{background:var(--btn-bg);color:var(--fg);border:1px solid var(--bar-border);border-radius:4px;padding:3px 10px;font:inherit;font-size:12px;cursor:pointer;transition:background .15s}#new-doc:hover,#share-doc:hover{background:var(--btn-hover)}.hidden{display:none}