:root{--paper: #f7efdc;--paper-lit: #fdf8ea;--ink: #2b2620;--ink-dim: #8a7f6b;--ketchup: #bf3b2b;--ketchup-dark: #9c2c1f;--mustard: #c98a12;--line: rgba(43, 38, 32, .22);--line-soft: rgba(43, 38, 32, .1);--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Liberation Sans", sans-serif;--mono: "Courier New", "Courier", "Nimbus Mono PS", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);color:var(--ink);background:radial-gradient(120% 80% at 50% -10%,var(--paper-lit),transparent 55%),repeating-linear-gradient(0deg,transparent 0 26px,rgba(43,38,32,.035) 26px 27px),var(--paper);-webkit-font-smoothing:antialiased;letter-spacing:.005em}.shell{position:relative;min-height:100%;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:28px;padding:clamp(20px,5vh,56px) clamp(16px,4vw,36px);align-items:start}.rail-expand{display:none;position:absolute;top:clamp(20px,5vh,56px);left:clamp(16px,4vw,36px)}@media(min-width:681px){.shell.rail-collapsed{grid-template-columns:minmax(0,1fr)}.shell.rail-collapsed .rail{display:none}.shell.rail-collapsed .rail-expand{display:inline-flex}.shell.rail-collapsed .shell-pane{padding-left:34px}}.shell-pane{min-width:0}.rail{position:sticky;top:clamp(20px,5vh,56px);display:flex;flex-direction:column;gap:14px;padding:4px 4px 12px;max-height:calc(100vh - clamp(20px,5vh,56px) - 20px)}.rail-brand{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 6px 6px;border-bottom:2px dashed var(--line)}.logo{font-family:var(--mono);font-weight:700;font-size:1.6rem;letter-spacing:.32em;color:var(--ketchup);text-shadow:1px 1px 0 rgba(201,138,18,.35)}.feed-rail-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:0 1 auto}.feed-row{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;width:100%;appearance:none;background:transparent;border:none;border-left:3px solid transparent;font:inherit;text-align:left;color:var(--ink);padding:8px 10px;cursor:pointer;transition:background .12s,border-color .12s}.feed-row:hover{background:#2b26200d}.feed-row.active{border-left-color:var(--ketchup);background:#bf3b2b12;font-weight:600}.feed-row .dot{width:7px;height:7px;border-radius:50%;background:transparent}.feed-row .dot.on{background:var(--mustard);box-shadow:0 0 0 2px #c98a1233}.feed-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-row-empty{padding:8px 10px}.rail-add{border-top:2px dashed var(--line);padding-top:12px;display:flex;flex-direction:column;gap:8px}.rail-add-buttons{display:flex;gap:6px}.rail-form{display:flex;flex-direction:column;gap:6px}.rail-settings{margin-top:auto;align-self:flex-start}.empty-pane{padding:16px 4px;max-width:460px;display:flex;flex-direction:column;gap:18px}.empty-head{display:flex;flex-direction:column;gap:6px;margin:0 0 8px}.empty-title{margin:0;font-size:1.4rem;font-weight:600;color:var(--ketchup)}.empty-sub{margin:0;font-size:.95rem;line-height:1.5}.empty-form{display:flex;flex-direction:column;gap:6px}.feed-view{display:flex;flex-direction:column;gap:16px;animation:rise .3s cubic-bezier(.2,.8,.2,1) both}.feed-head{display:flex;align-items:baseline;gap:12px;padding-bottom:10px;border-bottom:2px dashed var(--line)}.feed-title{margin:0;font-size:1.4rem;font-weight:600;color:var(--ketchup);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-back{display:none}.nick-banner{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#c98a121a;border:1px dashed var(--mustard);flex-wrap:wrap}.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.timeline-empty{padding:32px 8px;text-align:center;line-height:1.7}.timeline-row{padding:12px 4px;border-bottom:1.5px dashed var(--line-soft);display:flex;flex-direction:column;gap:4px}.timeline-row:last-child{border-bottom:none}.row-head{display:flex;align-items:baseline;gap:8px}.row-arrow{color:var(--ink-dim)}.row-peer{font-weight:600}.row-tag{margin-left:auto;border:1px solid var(--mustard);color:var(--mustard);padding:0 6px}.row-body{padding-left:4px}.row-name{font-family:var(--mono)}.row-stamp{color:var(--ketchup);font-weight:600}.row-stamp.dim{color:var(--ink-dim);font-weight:400;text-decoration:line-through}.row-stamp.err{color:var(--ketchup-dark)}.row-progress{margin-top:6px;height:6px;background:#2b262014;border:1px solid var(--line);overflow:hidden}.row-progress-fill{height:100%;background:var(--mustard);transition:width .2s ease}.row-held-actions{margin-top:6px;display:flex;gap:6px}.row-view-toggle{appearance:none;font:inherit;font-size:.8rem;cursor:pointer;margin-left:8px;padding:0 2px;border:none;background:none;color:var(--ketchup);letter-spacing:.02em}.row-view-toggle:hover{color:var(--ketchup-dark);text-decoration:underline}.row-slip{position:relative;margin:8px 2px 4px;padding:11px 13px 10px;background:var(--paper-lit);border:1.5px dashed var(--line);box-shadow:inset 0 1px #ffffff8c,inset 0 0 0 1px #2b262008;animation:rise .22s cubic-bezier(.2,.8,.2,1) both}.row-slip-text{margin:0;font-family:var(--mono);font-size:.82rem;line-height:1.55;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;overflow:auto}.row-slip-note{margin:8px 0 0}.row-slip-tools{display:flex;gap:6px;margin-bottom:8px}.row-copied-stamp{position:absolute;top:9px;right:9px;font-family:var(--mono);font-weight:700;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ketchup);border:2px solid var(--ketchup);border-radius:3px;padding:1px 8px;transform:rotate(-9deg);opacity:.92;pointer-events:none;animation:stamp .5s cubic-bezier(.2,1.1,.3,1) both}.row-copied-stamp.err{color:var(--ketchup-dark);border-color:var(--ketchup-dark)}.viewer-backdrop{padding:clamp(12px,3vw,32px)}.viewer{width:100%;max-width:920px;height:100%;background:var(--paper-lit);border:1.5px solid var(--line);box-shadow:0 10px 22px #2b1e0c2e;padding:16px 20px 18px;display:flex;flex-direction:column;min-height:0}.viewer-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding-bottom:10px;margin-bottom:10px;border-bottom:2px dashed var(--line)}.viewer-tools{margin-left:auto;display:flex;gap:6px}.viewer-body{flex:1;min-height:0;overflow:auto}.viewer-text{max-height:none;overflow:visible}.md-body{font-size:.92rem;line-height:1.6;overflow-wrap:anywhere}.md-body>:first-child{margin-top:0}.md-body h1,.md-body h2,.md-body h3,.md-body h4,.md-body h5,.md-body h6{color:var(--ketchup);line-height:1.3;margin:1.1em 0 .4em}.md-body h1,.md-body h2{padding-bottom:4px;border-bottom:1.5px dashed var(--line)}.md-body pre{background:#2b262012;border:1px dashed var(--line);padding:10px 12px;overflow:auto;font-size:.84rem}.md-body pre code{background:none;padding:0}.md-body blockquote{margin:.6em 0;padding:2px 0 2px 12px;border-left:3px solid var(--mustard);color:var(--ink-dim)}.md-body table{border-collapse:collapse;margin:.6em 0}.md-body th,.md-body td{border:1px dashed var(--line);padding:4px 10px;text-align:left}.md-body a{color:var(--ketchup)}.md-body hr{border:none;border-top:2px dashed var(--line)}.feed-composer{border-top:2px dashed var(--line);padding-top:14px;display:flex;flex-direction:column;gap:10px}.members-footer{border-top:2px dashed var(--line);padding-top:10px}.members-footer>summary{cursor:pointer;list-style:none;padding:6px 0;color:var(--ink-dim);font-size:.9rem}.members-footer>summary::-webkit-details-marker{display:none}.members-footer[open]>summary{color:var(--ink)}.members-grid{display:flex;flex-direction:column;gap:12px;padding:8px 0 4px}.member-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.member{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}.member-toggle{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:start;padding:8px 0;border-top:1.5px dashed var(--line-soft);border-bottom:1.5px dashed var(--line-soft);cursor:pointer}.member-toggle input{width:auto;margin-top:4px}.member-toggle>span:nth-child(3){grid-column:2}.member-url{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.member-url .feed-url{flex:1;min-width:0;font-size:.74rem;word-break:break-all}.member-leave-trigger{align-self:flex-start}.member-leave{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.field{display:block}.field-label{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--ink-dim);margin-bottom:6px}.char-count{text-transform:none;letter-spacing:.04em;opacity:.7}.inline{display:flex;gap:8px}input,select,textarea{width:100%;font:inherit;color:var(--ink);background:#ffffff80;border:1.5px solid var(--line);border-radius:0;padding:9px 10px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ketchup);background:#fff}.textbox{resize:vertical}.filedrop{display:flex;flex-direction:column;gap:8px}.staged-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.staged-file{display:flex;align-items:baseline;gap:8px;min-width:0}.staged-file .row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staged-remove{margin-left:auto;padding:0 7px;line-height:1.4}.dropzone{border:2px dashed var(--line);padding:22px 16px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.over{border-color:var(--ketchup);background:#bf3b2b0f}.btn{appearance:none;font:inherit;cursor:pointer;padding:10px 16px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);letter-spacing:.04em;transition:transform .08s,box-shadow .12s,background .12s}.btn:active{transform:translateY(1px)}.btn.big{width:100%;padding:12px;font-weight:700;font-size:1rem}.btn.primary{background:var(--ketchup);border-color:var(--ketchup-dark);color:#fff8ee;box-shadow:3px 3px 0 var(--ketchup-dark)}.btn.primary:hover:not(:disabled){background:var(--ketchup-dark)}.btn.ghost{background:transparent;border-style:dashed}.btn.danger{border-color:var(--ketchup-dark);color:var(--ketchup-dark);background:transparent}.btn.danger:hover:not(:disabled){background:var(--ketchup);color:#fff8ee}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.chip{appearance:none;font:inherit;font-size:.82rem;cursor:pointer;padding:4px 10px;border:1.5px solid var(--line);background:transparent;color:var(--ink-dim)}.chip:hover:not(:disabled){color:var(--ink);border-color:var(--ink)}.chip.active{color:var(--ketchup);border-color:var(--ketchup);font-weight:700}.chip.danger:hover:not(:disabled){color:var(--ketchup);border-color:var(--ketchup)}.chip:disabled{opacity:.4;cursor:not-allowed}.modal-backdrop{position:fixed;inset:0;background:#2b1e0c66;display:grid;place-items:center;padding:16px;z-index:10;animation:fade .2s ease both}.ticket{width:100%;max-width:460px;background:var(--paper-lit);border:1.5px solid var(--line);padding:22px 24px 26px;box-shadow:0 10px 22px #2b1e0c2e}.modal{line-height:1.6}.modal.settings{max-width:460px}.ticket-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ketchup);padding-bottom:12px;margin-bottom:14px;border-bottom:2px dashed var(--line)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.reset-confirm{margin-top:4px}.fingerprint{font-family:var(--mono);color:var(--mustard);letter-spacing:.08em}code,.feed-url{font-family:var(--mono);background:#2b262012;padding:1px 5px}.kv{margin:6px 0}.dim{color:var(--ink-dim)}.small{font-size:.84rem}.err{color:var(--ketchup-dark)}.ok-inline{color:var(--mustard)}.linklike{appearance:none;border:none;background:none;font:inherit;color:var(--ketchup);text-decoration:underline;cursor:pointer;padding:0}hr.dashed{border:none;border-top:2px dashed var(--line);margin:18px 0}@media(max-width:680px){.shell{grid-template-columns:minmax(0,1fr);gap:0;padding:16px}.rail{position:static;max-height:none}.rail-collapse,.shell.has-selection .rail{display:none}.shell:not(.has-selection) .shell-pane{display:none}.feed-back{display:inline-flex}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes stamp{0%{opacity:0;transform:rotate(-9deg) scale(1.8)}60%{opacity:.95;transform:rotate(-9deg) scale(.92)}to{opacity:.92;transform:rotate(-9deg) scale(1)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}
