.cs-sheet{--cs-ink:#3c2b20;--cs-muted:#7a6352;--cs-line:#d9c4a3;--cs-bg:#f8f0e3;--cs-bubble:#efe2cd;--cs-accent:#a8473c;--cs-link:#146294;inset:auto 0 var(--sheet-bottom,0px) 0;width:100%;max-width:560px;height:min(92dvh, var(--sheet-vh,100dvh));max-height:var(--sheet-vh,100dvh);background:var(--cs-bg) url(/images/knit/light-rope/background.webp) center / 600px auto;color:var(--cs-ink);overscroll-behavior:contain;border:0;border-radius:18px 18px 0 0;margin:0 auto;padding:0;position:fixed;overflow:hidden;box-shadow:0 -8px 30px #3c2b2033}.cs-sheet[open]{animation:.24s cubic-bezier(.2,.8,.2,1) cs-up}.cs-sheet[data-dragging=true]{transform:translateY(var(--cs-drag-y,0px));transition:none;animation:none}.cs-sheet[data-dragging=false]{transition:transform .18s ease-out;transform:translateY(0)}.cs-sheet::backdrop{background:#2a1d1488}@keyframes cs-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@media (width>=768px){.cs-sheet{border-radius:18px;height:min(80dvh,760px);margin:auto;inset:0}}.cs-frame{flex-direction:column;height:100%;display:flex}.cs-head{border-bottom:1px solid var(--cs-line);touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:12px 6px 4px 16px;display:flex;position:relative}.cs-grip{background:#c9b190;border-radius:4px;width:40px;height:4px;margin-left:-20px;position:absolute;top:5px;left:50%}.cs-title{flex:1;margin:0;font-size:17px;font-weight:700}.cs-count{color:var(--cs-muted);font-weight:600}.cs-icon-btn{width:44px;height:44px;color:var(--cs-muted);border-radius:50%;flex:none;place-items:center;display:grid}.cs-icon-btn:disabled{opacity:.4}.cs-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:10px 12px 16px;overflow-y:auto}.cs-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.cs-reply-list{gap:8px;margin-top:6px}.cs-replies{margin-left:44px}.cs-item{align-items:flex-start;gap:8px;display:flex}.cs-item--small .post-author-avatar{flex-basis:28px;width:28px;height:28px;font-size:11px}.cs-main{flex:1;min-width:0}.cs-bubble{background:var(--cs-bubble);border-radius:16px;max-width:100%;padding:7px 12px 8px;display:inline-block}.cs-author{margin:0;font-size:13px;font-weight:700}.cs-time{color:var(--cs-muted);font-weight:500}.cs-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0 0;font-size:15px;line-height:1.4}.cs-seemore{color:var(--cs-muted);min-height:44px;padding:0;font-weight:700}.cs-seemore:hover{text-decoration:underline}.cs-img{object-fit:contain;border:1px solid var(--cs-line);background:#efe4d2;border-radius:14px;width:auto;max-width:min(100%,320px);max-height:360px;margin-top:6px;display:block}.cs-actions{align-items:center;gap:2px;margin-left:4px;display:flex}.cs-link{min-width:44px;min-height:44px;color:var(--cs-muted);border-radius:10px;align-items:center;gap:4px;padding:0 8px;font-size:13px;font-weight:700;display:inline-flex}.cs-link:disabled{opacity:.55}.cs-toggle{color:var(--cs-link);padding-left:0}.cs-pill{border:1px solid var(--cs-line);background:#fbf5ea;border-radius:999px;min-height:44px;padding:0 16px;font-size:14px;font-weight:700}.cs-pill:disabled{opacity:.5}.cs-danger{background:var(--cs-accent);border-color:var(--cs-accent);color:#fff8ee}.cs-more{margin:14px auto 0;display:block}.cs-state{text-align:center;color:var(--cs-muted);flex-direction:column;align-items:center;gap:6px;padding:48px 20px;font-size:14px;display:flex}.cs-state-title{color:var(--cs-ink);font-size:16px;font-weight:700}.cs-skeletons{flex-direction:column;gap:14px;display:flex}.cs-skel{align-items:center;gap:8px;display:flex}.cs-skel-dot{background:#e3d0b4;border-radius:50%;width:32px;height:32px;animation:1.2s ease-in-out infinite cs-pulse}.cs-skel-bar{background:#ead9c0;border-radius:14px;flex:1;max-width:240px;height:44px;animation:1.2s ease-in-out infinite cs-pulse}@keyframes cs-pulse{50%{opacity:.5}}.cs-error{color:var(--cs-accent);margin:4px 0 0;font-size:13px}.cs-hint{color:var(--cs-muted);margin:4px 0 0;font-size:12px}.cs-inline-error{color:var(--cs-accent);align-items:center;gap:6px;font-size:13px;display:flex}.cs-confirm{border:1px solid var(--cs-line);background:#fbf5ea;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding:8px 10px;font-size:14px;display:flex}.cs-confirm-actions{gap:6px;display:flex}.cs-composer{max-height:65%;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--cs-line);background:#f6eddf;flex:none;overflow-y:auto}.cs-composer .cs-confirm{margin:0 0 8px}.cs-replying{color:var(--cs-muted);justify-content:space-between;align-items:center;padding-left:44px;font-size:13px;display:flex}.cs-photo{max-height:min(26dvh,150px);margin-bottom:8px;overflow-y:auto}.cs-photo img{max-height:180px;object-fit:contain!important}.cs-row{align-items:flex-end;gap:8px;display:flex}.cs-row>.post-author-avatar{margin-bottom:4px}.cs-field{min-width:0;box-shadow:inset 0 0 0 1px var(--cs-line);background:#fffaf2;border-radius:22px;flex:1;align-items:flex-end;display:flex}.cs-sheet .cs-field textarea{resize:none;field-sizing:content;min-width:0;min-height:44px;max-height:140px;color:var(--cs-ink);border-radius:22px;outline:none;flex:1;margin:0;padding:11px 4px 11px 14px;font-size:16px;line-height:22px;box-shadow:none!important;background:0 0!important;border:0!important;border-image:!important}.cs-field:focus-within{box-shadow:inset 0 0 0 2px var(--cs-accent)}.cs-send{background:var(--cs-accent);color:#fff8ee;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.cs-send:disabled{color:#fbf5ea;background:#d6c3a6}.cs-sheet :focus-visible{outline:3px solid var(--cs-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.cs-sheet[open],.cs-skel-dot,.cs-skel-bar{animation:none}}.cs-edit{gap:6px;margin-top:4px;display:grid}.cs-edit textarea{resize:vertical;width:100%;min-height:72px;box-shadow:inset 0 0 0 1px var(--cs-line);background:#fffaf2;border-radius:12px;padding:8px 10px;font-size:16px}.cs-edit .cs-confirm-actions{justify-content:flex-end}.cs-primary{background:var(--cs-link);color:#fff8ee;border-color:#0000}.cs-report{border:1px dashed var(--cs-line);background:#fbf5ea;border-radius:14px;gap:8px;margin-top:6px;padding:10px;font-size:14px;display:grid}.cs-report fieldset{border:0;gap:4px;min-width:0;margin:0;padding:0;display:grid}.cs-report legend{margin-bottom:4px;font-weight:700}.cs-radio{align-items:center;gap:8px;min-height:40px;display:flex}.cs-radio input{accent-color:currentColor;width:18px;height:18px}.cs-report-details{color:var(--cs-muted);gap:4px;display:grid}.cs-report-details textarea{width:100%;box-shadow:inset 0 0 0 1px var(--cs-line);color:inherit;background:#fffaf2;border-radius:10px;padding:6px 8px;font-size:16px}.cs-report .cs-confirm-actions{justify-content:flex-end}