.thread-page{--t-bg:#0c0b09;--t-bg1:#131210;--t-bg2:#1a1815;--t-bg3:#232019;--t-line:#ffffff0e;--t-line2:#ffffff1a;--t-t1:#eae0d2;--t-t2:#8c8278;--t-t3:#504a43;--t-amber:#c8893a;--t-amber-d:#c8893a1c;--t-amber-b:#c8893a47;--t-purple:#8b7fcc;--t-purple-d:#8b7fcc1c;--t-green:#4baf78;--t-rose:#b86b7a;max-width:680px;padding-bottom:100px;animation:.35s ease-out threadIn}@keyframes threadIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.thread-back{color:var(--t-t3);letter-spacing:.01em;align-items:center;gap:6px;margin-bottom:20px;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.thread-back:hover{color:var(--t-t1)}.thread-back svg{opacity:.6}.thread-op{background:var(--t-bg1);border:1px solid var(--t-line);border-radius:14px;margin-bottom:16px;padding:22px}.op-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.op-avatar-wrap{background:var(--t-bg3);border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.op-avatar-img{object-fit:cover;width:100%;height:100%}.op-avatar-fallback{width:100%;height:100%;color:var(--t-amber);background:var(--t-amber-d);justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.op-user-info{flex-direction:column;flex:1;min-width:0;display:flex}.op-username{color:var(--t-t1);font-size:13px;font-weight:600;line-height:1.2;text-decoration:none}.op-username:hover{color:var(--t-amber)}.op-time{color:var(--t-t3);margin-top:1px;font-size:11px}.op-category{text-transform:capitalize;letter-spacing:.04em;border-radius:100px;flex-shrink:0;padding:3px 10px;font-size:10px;font-weight:600}.op-title{color:var(--t-t1);letter-spacing:-.02em;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:20px;font-weight:700;line-height:1.35}.op-body{color:var(--t-t2);white-space:pre-wrap;margin-bottom:14px;font-size:14px;line-height:1.7}.op-tags{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.op-tag{background:var(--t-bg3);color:var(--t-t2);border:1px solid var(--t-line);border-radius:100px;padding:3px 10px;font-size:11px;font-weight:500}.op-actions{border-top:1px solid var(--t-line);align-items:center;gap:4px;padding-top:14px;display:flex}.op-action-btn{color:var(--t-t3);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:flex}.op-action-btn:hover{background:var(--t-bg3);color:var(--t-t2)}.op-action-btn.voted{color:var(--t-rose)}.op-action-btn.voted:hover{background:#b86b7a14}.op-action-btn.copied{color:var(--t-green)}.reply-section{background:var(--t-bg1);border:1px solid var(--t-line);border-radius:14px;margin-bottom:24px;padding:18px 20px}.reply-section-loggedout{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:28px 20px;display:flex}.reply-loggedout-title{color:var(--t-t1);margin-bottom:6px;font-family:Outfit,sans-serif;font-size:15px;font-weight:600}.reply-loggedout-sub{color:var(--t-t3);max-width:320px;margin-bottom:16px;font-size:13px;line-height:1.5}.reply-loggedout-btn{background:var(--t-t1);color:var(--t-bg);border-radius:100px;align-items:center;gap:6px;padding:9px 22px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-flex}.reply-loggedout-btn:hover{opacity:.85}.reply-composer-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.reply-composer-avatar{background:var(--t-bg3);border-radius:50%;flex-shrink:0;width:28px;height:28px;overflow:hidden}.reply-composer-avatar img{object-fit:cover;width:100%;height:100%}.reply-composer-avatar-fallback{width:100%;height:100%;color:var(--t-purple);background:var(--t-purple-d);justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.reply-composer-label{color:var(--t-t2);font-size:13px;font-weight:500}.reply-form textarea{background:var(--t-bg2);border:1px solid var(--t-line);width:100%;color:var(--t-t1);resize:none;border-radius:10px;outline:none;min-height:80px;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.6;transition:border-color .2s,background-color .2s}.reply-form textarea:focus{border-color:var(--t-line2);background:var(--t-bg3)}.reply-form textarea::placeholder{color:var(--t-t3)}.reply-error{color:var(--t-rose);background:#b86b7a14;border:1px solid #b86b7a33;border-radius:8px;margin-top:8px;padding:8px 12px;font-size:12px}.reply-bottom{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.reply-hint{color:var(--t-t3);align-items:center;gap:5px;font-size:11px;display:flex}.reply-hint svg{opacity:.5}.reply-char-count{color:var(--t-t3);font-variant-numeric:tabular-nums;font-size:11px}.reply-char-count.warn{color:var(--t-amber)}.reply-char-count.danger{color:var(--t-rose)}.reply-submit{background:var(--t-amber);color:var(--t-bg);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .18s;display:flex}.reply-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #c8893a59}.reply-submit:active:not(:disabled){transform:scale(.97)}.reply-submit:disabled{opacity:.35;cursor:not-allowed}.reply-submit .spinner{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reply-success{color:var(--t-green);background:#4baf7814;border:1px solid #4baf7833;border-radius:10px;align-items:center;gap:8px;margin-top:10px;padding:10px 14px;font-size:13px;animation:.25s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.replies-section{margin-bottom:32px}.replies-header{align-items:baseline;gap:6px;margin-bottom:14px;padding-left:4px;display:flex}.replies-count{color:var(--t-t1);font-family:Outfit,sans-serif;font-size:20px;font-weight:700}.replies-label{color:var(--t-t3);font-size:14px;font-weight:500}.replies-list{flex-direction:column;gap:2px;display:flex}.reply-card{gap:0;padding-left:18px;animation:.35s both replyIn;display:flex;position:relative}@keyframes replyIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.reply-thread-line{background:var(--t-line);border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:7px}.reply-card:last-child .reply-thread-line{height:20px}.reply-content-wrap{flex:1;min-width:0;padding:14px 0}.reply-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.reply-avatar-wrap{background:var(--t-bg3);border-radius:50%;flex-shrink:0;width:26px;height:26px;overflow:hidden}.reply-avatar-img{object-fit:cover;width:100%;height:100%}.reply-avatar-fallback{width:100%;height:100%;color:var(--t-purple);background:var(--t-purple-d);justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.reply-username{color:var(--t-t1);font-size:12px;font-weight:600;text-decoration:none}.reply-username:hover{color:var(--t-amber)}.reply-time{color:var(--t-t3);font-size:11px}.reply-body{color:var(--t-t2);white-space:pre-wrap;margin-bottom:8px;font-size:14px;line-height:1.7}.reply-embed{border-radius:10px;margin-top:8px;overflow:hidden}.reply-embed iframe{border-radius:10px;display:block}.reply-embed-yt iframe{aspect-ratio:16/9;height:auto}.reply-actions-row{gap:4px;margin-top:4px;display:flex}.reply-action-btn{color:var(--t-t3);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:500;transition:all .15s;display:flex}.reply-action-btn:hover{background:var(--t-bg3);color:var(--t-t2)}.replies-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 20px;display:flex}.replies-empty-icon{opacity:.5;margin-bottom:12px;font-size:32px}.replies-empty p{color:var(--t-t3);max-width:260px;font-size:13px;line-height:1.6}@media (max-width:640px){.thread-op{border-radius:12px;padding:16px}.op-title{font-size:17px}.op-body{font-size:13px}.op-avatar-wrap{width:32px;height:32px}.op-actions{gap:2px}.op-action-btn{padding:6px 10px;font-size:11px}.reply-section{border-radius:12px;padding:14px 16px}.reply-bottom{flex-direction:column;align-items:stretch}.reply-submit{justify-content:center;width:100%}.reply-hint{display:none}.reply-card{padding-left:14px}.reply-thread-line{left:5px}.reply-content-wrap{padding:10px 0}.reply-avatar-wrap{width:22px;height:22px}}
