:root{color:#ffffffe6;font-synthesis:none;background:0 0;font-family:Inter,DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:0 0}button,input,textarea,select{font:inherit}button{cursor:pointer}#app{background:#0e0e0ef5;flex-direction:column;min-height:100vh;display:flex}header{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e0e0ee0;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;min-height:58px;padding:10px 12px 10px 18px;display:flex;position:sticky;top:0}header strong{font-size:14px;font-weight:560}.header-actions,.composer-actions,.comment-actions{align-items:center;gap:8px;display:flex}select,input,textarea{color:#ffffffe0;background:#ffffff0e;border:1px solid #ffffff17;border-radius:9px;outline:none}select{max-width:92px;padding:7px 8px;font-size:11px}select option{color:#111}.icon-button,.text-button,.comment-actions button{color:#fff9;background:0 0;border:0}.icon-button{border-radius:50%;width:34px;height:34px;font-size:22px;line-height:1}.icon-button:hover,.text-button:hover,.comment-actions button:hover{color:#fff;background:#ffffff12}.text-button,.comment-actions button{border-radius:7px;padding:6px 7px;font-size:11px}.composer{border-bottom:1px solid #ffffff12;gap:9px;padding:14px;display:grid}.nickname{width:min(180px,60%);padding:9px 10px;font-size:12px}textarea{resize:vertical;width:100%;min-height:96px;padding:11px;font-size:12px;line-height:1.6}input:focus,textarea:focus,select:focus{border-color:#ffffff3d}.composer-actions{min-height:32px}.composer-actions .status{color:#ffffff6b;flex:1;font-size:10px}.submit{color:#111;background:#ffffffe6;border:0;border-radius:999px;min-width:58px;padding:8px 13px;font-size:11px;font-weight:600}.submit:disabled{opacity:.45}.reply-target{color:#ffffff8c;cursor:pointer;background:#ffffff0d;border-radius:7px;padding:7px 9px;font-size:10px}.comment-list{flex:1;padding:4px 14px 18px}.thread{border-bottom:1px solid #fff1}.comment{padding:15px 0}.comment.reply{border-left:1px solid #ffffff17;margin-left:18px;padding:12px 0 12px 12px}.comment-head{align-items:baseline;gap:9px;display:flex}.comment-head strong{font-size:12px;font-weight:560}.comment-head time{color:#ffffff52;font-size:9px}.comment-actions{gap:2px;margin-top:7px}.comment-actions .liked{color:#ff6b7e}.comment-actions .danger{color:#ff6a6ab8}.markdown{color:#ffffffc2;overflow-wrap:anywhere;font-size:12px;line-height:1.7}.markdown p{margin:8px 0 0}.markdown a{color:#89b9ff}.markdown img{border-radius:8px;max-width:100%;max-height:320px;margin-top:8px;display:block}.markdown pre,.markdown code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.markdown pre{background:#ffffff0d;border-radius:7px;padding:10px;overflow:auto}.markdown blockquote{border-left:2px solid #ffffff29;margin:8px 0;padding-left:10px}.preview{background:#ffffff0a;border-radius:9px;min-height:96px;padding:10px}.preview-error,.empty{color:#ffffff61;font-size:11px}.empty{text-align:center;padding:36px 0}footer{text-align:right;padding:12px 16px 18px}footer a{color:#ffffff4d;font-size:9px;text-decoration:none}@media (width<=700px){#app{min-height:100dvh}header{min-height:52px}.composer{padding:12px}.comment-list{padding-inline:12px}textarea{min-height:82px}}