:root{--ts-bg:#0b0b0b;--ts-surface:#111;--ts-surface-2:#151515;--ts-border:#1f1f1f;--ts-text:#e6e6e6;--ts-muted:#a0a0a0;--ts-red:#d90429;--ts-yellow:#ffd400}*{box-sizing:border-box}html{color-scheme:dark}html,body,#root{height:100%}body{margin:0;background:var(--ts-bg);color:var(--ts-text);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}a:hover{color:var(--ts-yellow)}img,video{max-width:100%;height:auto;display:block}.page{max-width:680px;margin:0 auto;padding:72px 12px 24px}.card{background:var(--ts-surface);border:1px solid var(--ts-border);border-radius:14px;padding:12px;overflow:hidden}.ad-slot{border:1px dashed var(--ts-border);height:120px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--ts-muted);margin-bottom:16px}.ts-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#0a0a0a;border-bottom:1px solid var(--ts-border)}.header-left{display:flex;align-items:center;gap:10px}.brand{display:inline-flex;align-items:center;gap:8px;color:var(--ts-yellow);font-weight:700}.brand-logo{height:24px;width:auto;display:block}.brand-text{font-size:16px}.header-nav{display:flex;gap:14px}.header-nav a{color:#ddd;font-size:14px;padding:6px 8px;border-radius:6px}.header-nav a.active{color:var(--ts-yellow);background:#151515}.header-right{display:flex;align-items:center;gap:12px}.notif{position:relative;cursor:pointer}.notif .ico{width:22px;height:22px;stroke:currentColor;fill:none}.notif .badge{position:absolute;top:-6px;right:-6px;background:var(--ts-red);color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:999px}.hamburger{display:none;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#121212;border:1px solid var(--ts-border);color:#eaeaea;cursor:pointer}.hamburger:hover{color:var(--ts-yellow)}.mm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:none;opacity:0;transition:opacity .18s ease;z-index:120}.mm-overlay.open{display:block;opacity:1}.mm-panel{position:absolute;left:0;top:0;bottom:0;width:min(86vw,320px);background:#0e0e0e;border-right:1px solid var(--ts-border);padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:2px 0 18px #00000073}.mm-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.mm-panel a{color:#e6e6e6;padding:10px 8px;border-radius:8px}.mm-panel a.active{background:#151515;color:var(--ts-yellow)}.btn{background:var(--ts-red)!important;color:var(--ts-yellow)!important;border:1px solid #000!important;border-radius:10px;padding:8px 12px;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent!important;color:var(--ts-text)!important;border:1px solid var(--ts-border)!important}.btn.black{background:#000!important;color:#fff!important;border:1px solid var(--ts-border)!important}.btn.danger{background:var(--ts-red)!important;color:var(--ts-yellow)!important;border:1px solid #000!important}.btn.outline{background:transparent!important;color:var(--ts-text)!important;border:1px solid var(--ts-border)!important}.btn.outline:hover,.btn.outline:focus-visible{border-color:var(--ts-red)!important;color:var(--ts-red)!important}.btn.ghost:hover,.btn.ghost:focus-visible{border-color:var(--ts-red)!important;color:var(--ts-red)!important}.btn-icon{display:inline-flex;align-items:center;gap:6px;padding:6px;background:transparent!important;border:none!important;cursor:pointer;color:var(--ts-yellow)}.btn-icon svg{display:block}.btn-icon:hover,.btn-icon:focus-visible{color:var(--ts-red)}.btn-icon.active{color:var(--ts-red)}.btn-icon .count{font-size:12px;opacity:.85}input,textarea,select,button{background:var(--ts-surface-2)!important;color:var(--ts-text)!important;border:1px solid var(--ts-border)!important;font:inherit;outline:none!important}input::placeholder,textarea::placeholder{color:var(--ts-muted)!important}input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px var(--ts-surface-2) inset!important;-webkit-text-fill-color:var(--ts-text)!important;caret-color:var(--ts-text)!important}.composer{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:12px;padding:12px;margin:14px 0}.composer form{display:grid;gap:10px}.composer textarea{width:100%;min-height:120px;resize:vertical;background:#131313;color:#e8e8e8;border:1px solid #222;border-radius:10px;padding:12px 14px;outline:none}.composer textarea::placeholder{color:#9e9e9e}.composer .composer-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.composer .composer-link{flex:1 1 240px;height:42px;background:#131313;color:#e8e8e8;border:1px solid #222;border-radius:10px;padding:0 12px;outline:none}.composer .composer-link::placeholder{color:#9e9e9e}.composer .btn{height:42px;padding:0 14px;border-radius:10px}.file-pill{margin-top:8px;display:inline-flex;align-items:center;gap:8px;background:#131313;color:#e8e8e8;border:1px solid #222;border-radius:999px;padding:6px 10px}.file-pill__name{font-size:12.5px;opacity:.95}.file-remove{background:transparent;border:none;color:#bcbcbc;cursor:pointer;font-size:16px;line-height:1;padding:0 2px}.file-remove:hover{color:var(--ts-red)}.post__linkcard{display:block;margin-top:10px;border:1px solid var(--ts-border);border-radius:12px;overflow:hidden;background:#0d0d0d}.post__linkcard-imgwrap{background:#000}.post__linkcard-imgwrap img{width:100%;height:auto;display:block;max-height:46vh;object-fit:cover}.post__linkcard-meta{padding:8px 10px}.post__linkcard-title{font-weight:600;color:#f1f1f1;margin-bottom:2px}.post__linkcard-site{font-size:.9rem;color:var(--ts-muted)}.post{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:14px;padding:12px;margin:14px 0}.post__header{display:flex;gap:10px;align-items:center}.post__avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#000}.post__meta{display:flex;flex-direction:column;min-width:0}.post__name{font-weight:600;color:#f5f5f5}.post__handle{opacity:.7;font-weight:400;margin-left:6px}.post__time{opacity:.6;font-size:.85rem}.post__text{margin:10px 0 4px;white-space:pre-wrap;color:#e8e8e8}.post__media{margin-top:8px;border-radius:12px;overflow:hidden;border:1px solid #1a1a1a;background:#000}.post__media img,.post__media video{width:100%;height:auto;display:block;max-height:70vh;object-fit:cover}.post__linkmini{display:flex;align-items:center;gap:10px;padding:10px;margin-top:10px;border:1px solid var(--ts-border);border-radius:10px;background:#0f0f10;color:var(--ts-text);word-break:break-word}.post__linkmini:hover{border-color:var(--ts-red)}.post__actions{display:flex;gap:10px;margin-top:8px}.qcard{display:block;border:1px solid var(--ts-border);border-radius:12px;background:#0f0f10;color:#dcdcdc;text-decoration:none}.qcard:hover{border-color:var(--ts-red)}.tabs{border-bottom:1px solid var(--ts-border)}.tab{background:transparent;border:none;padding:8px 4px;color:#9a9a9a;font-weight:600;cursor:pointer;border-bottom:2px solid transparent}.tab.active{color:var(--ts-text);border-bottom-color:var(--ts-red)}.alert{border:1px solid var(--ts-border);background:var(--ts-surface);padding:12px;border-radius:10px;color:var(--ts-text)}.alert.error{border-left:3px solid var(--ts-red)}.alert.warn{border-left:3px solid var(--ts-yellow)}.menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:transparent;border:none;color:#eaeaea;cursor:pointer;text-align:left}.menu-item:hover,.menu-item:focus-visible{background:#141414}.sheet{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mentionta{position:relative}.mentionta-dd{position:absolute;left:8px;right:8px;bottom:-4px;transform:translateY(100%);background:#0f0f10;border:1px solid var(--ts-border);border-radius:12px;box-shadow:0 10px 28px #00000073;overflow:hidden;z-index:40;max-height:280px;overflow-y:auto}.mentionta-item{width:100%;display:flex;gap:10px;align-items:center;background:transparent;border:none;text-align:left;color:#e6e6e6;padding:10px 12px;cursor:pointer}.mentionta-item img{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#000;border:1px solid #1a1a1a}.mentionta-item .mi-texts{display:flex;flex-direction:column}.mentionta-item .mi-name{font-weight:600}.mentionta-item .mi-handle{font-size:12.5px;color:#bdbdbd}.mentionta-item:hover,.mentionta-item.is-active{background:#141414}.mention{color:var(--ts-yellow);font-weight:600}.mention:hover{color:var(--ts-red)}@media (max-width: 900px){.page{padding:64px 12px 20px}.post__media img,.post__media video{max-height:55vh}}@media (max-width: 780px){.header-nav{display:none}.hamburger{display:inline-flex}.brand-text{font-size:15px}}@media (max-width: 520px){.page{padding:56px 10px 16px}.post{border-radius:12px}.post__avatar{width:38px;height:38px}.post__media{border-radius:10px}.post__media img,.post__media video{max-height:42vh}.composer{padding:10px}.composer textarea{min-height:100px}.composer .composer-row{gap:8px}.composer .btn{flex:1 1 auto}}:root{--ts-bg:#0c0c0d;--ts-card:#0f0f10;--ts-border:#1f1f1f;--ts-text:#eaeaea;--ts-muted:#bdbdbd;--ts-yellow:#f7c948;--ts-red:#d90429}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.auth-card{max-width:560px;margin:24px auto 40px;background:var(--ts-card);border:1px solid var(--ts-border);border-radius:16px;box-shadow:0 10px 28px #00000059;padding:16px}@media (max-width:640px){.auth-card{margin:16px 12px 40px;padding:14px}}.auth-title{margin:0 0 10px;color:var(--ts-text);font-size:22px;font-weight:800;line-height:1.2}.auth-form{display:grid;gap:12px}.auth-row{width:100%}.auth-input{width:100%;height:44px;background:#121213;color:#e8e8e8;border:1px solid #222;border-radius:10px;padding:0 12px;font:inherit;outline:none}.auth-input:focus{border-color:#2a2a2a;box-shadow:0 0 0 2px #d9042926}.auth-password{position:relative}.auth-password .toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);height:30px;padding:0 10px;font-size:13px;background:#1a1a1a;color:#e6e6e6;border:1px solid #222;border-radius:8px}.auth-password .toggle:hover{background:#212121}.auth-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.auth-card .btn{min-height:40px;padding:0 14px;border-radius:12px;font-weight:700}.auth-card .btn.danger{background:var(--ts-red);color:#0b0b0b;border:1px solid #360a10}.auth-card .btn.black{background:#151516;color:#e6e6e6;border:1px solid #272727}.auth-card .btn.outline{background:transparent;color:var(--ts-text);border:1px solid var(--ts-border)}.auth-block{color:var(--ts-muted)}.auth-block a{color:var(--ts-text);text-decoration:underline}.auth-card input[type=checkbox]{width:16px;height:16px}.post__actions .btn-icon span{display:none}