:root{--ink:#141210;--ink-raised:#1c1916;--paper:#ede6da;--stone:#8a8175;--stone-dim:#5c554b;--brass:#c99a5b;--brass-dim:#8a6a3e;--ok:#7da87b;--serif:"Newsreader",Georgia,serif;--mono:"IBM Plex Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--ink);color:var(--paper)}body{font-family:var(--serif);font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased}.shell{max-width:660px;margin:0 auto;padding:20px 20px 120px}.topbar{display:flex;align-items:baseline;justify-content:space-between;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:6px 0 22px}.topbar,.topbar a{color:var(--stone)}.topbar a{text-decoration:none}.topbar a:focus-visible,.topbar a:hover{color:var(--brass)}.topbar .counter{color:var(--stone-dim)}.topbar .counter b{color:var(--brass);font-weight:500}.composer textarea{width:100%;min-height:120px;resize:vertical;background:transparent;border:none;outline:none;color:var(--paper);font-family:var(--serif);font-size:22px;line-height:1.5;font-weight:300}.composer textarea::placeholder{color:var(--stone-dim);font-style:italic}.brassline{height:1px;background:var(--brass-dim);margin:6px 0 10px;transition:background .4s}.brassline.pending{background:var(--brass);box-shadow:0 0 8px rgba(201,154,91,.55);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.brassline.pending{animation:none}}.composer .row{display:flex;justify-content:space-between;align-items:center}.syncnote{font-family:var(--mono);font-size:11px;color:var(--stone-dim)}.syncnote.pending,button{color:var(--brass)}button{font-family:var(--mono);font-size:12px;letter-spacing:.06em;background:transparent;border:1px solid var(--brass-dim);border-radius:2px;padding:8px 16px;cursor:pointer}button:focus-visible,button:hover{border-color:var(--brass);background:rgba(201,154,91,.08)}button:disabled{opacity:.4;cursor:default}button.quiet{border:none;color:var(--stone);padding:4px 8px}button.quiet:focus-visible,button.quiet:hover{color:var(--brass);background:none}:focus-visible{outline:1px solid var(--brass);outline-offset:2px}.filters{display:flex;gap:8px;margin:26px 0 6px;flex-wrap:wrap}.filters input,.filters select{background:var(--ink-raised);border:1px solid #2a2620;border-radius:2px;color:var(--paper);font-family:var(--mono);font-size:12px;padding:7px 10px}.filters input{flex:1 1;min-width:140px}.fragment{padding:22px 0;border-bottom:1px solid #23201b}.fragment .meta{font-family:var(--mono);font-size:11px;color:var(--stone-dim);display:flex;gap:12px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.fragment .meta .theme{color:var(--brass-dim)}.fragment .meta .x{color:var(--brass)}.fragment .body{white-space:pre-wrap;font-weight:300}.fragment.merged{opacity:.45}.fragment.merged .meta a{color:var(--brass-dim)}.fragment .actions{display:flex;gap:4px;margin-top:10px;flex-wrap:wrap}.fragment textarea{width:100%;min-height:90px;background:var(--ink-raised);border:1px solid #2a2620;color:var(--paper);font-family:var(--serif);font-size:18px;line-height:1.5;padding:10px}.fragment input[type=checkbox]{accent-color:var(--brass);width:15px;height:15px}.mergebar{position:fixed;bottom:0;left:0;right:0;background:var(--ink-raised);border-top:1px solid var(--brass-dim);padding:14px 20px;display:flex;justify-content:center;gap:14px;align-items:center;font-family:var(--mono);font-size:12px;color:var(--stone)}.empty{color:var(--stone-dim);font-style:italic;padding:60px 0;text-align:center}.draftrow{padding:18px 0;border-bottom:1px solid #23201b;display:block;color:var(--paper);text-decoration:none}.draftrow:focus-visible .t,.draftrow:hover .t{color:var(--brass)}.draftrow .t{font-size:21px;font-weight:400}.draftrow .m{font-family:var(--mono);font-size:11px;color:var(--stone-dim);margin-top:4px}.draftrow .m .pub{color:var(--ok)}.editor input.title{font-size:30px;font-weight:400;margin:8px 0 4px}.editor input.title,.editor textarea.body{width:100%;background:transparent;border:none;outline:none;color:var(--paper);font-family:var(--serif)}.editor textarea.body{min-height:60vh;resize:vertical;font-size:19px;line-height:1.65;font-weight:300}.editor .bar{display:flex;gap:10px;align-items:center;margin:14px 0 26px;flex-wrap:wrap}.provenance{margin-top:50px;border-top:1px solid #23201b;padding-top:18px}.provenance h3{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--stone-dim);margin-bottom:14px}.provenance .frag{font-size:15px;color:var(--stone);padding:8px 0;border-bottom:1px dotted #2a2620;white-space:pre-wrap}.login{max-width:380px;margin:22vh auto 0;padding:0 20px;text-align:center}.login h1{font-weight:300;font-size:34px;letter-spacing:.02em}.login p{color:var(--stone);font-size:15px;margin:10px 0 26px}.login input{width:100%;background:var(--ink-raised);border:1px solid #2a2620;border-radius:2px;color:var(--paper);font-family:var(--mono);font-size:14px;padding:12px;margin-bottom:12px}.login .note{font-family:var(--mono);font-size:12px;color:var(--brass);margin-top:14px}@media (max-width:480px){body{font-size:17px}.composer textarea{font-size:20px}}