:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:#0d0f14}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--ot-accent: #00aff0;--ot-accent-2: #ff4d8d;--ot-bg: #0d0f14;--ot-panel: #161a23;--ot-panel-2: #1e2430;--ot-text: #eef2f8;--ot-muted: #8b95a7;--ot-border: #262d3a}*{box-sizing:border-box}.page{width:100%;max-width:1080px;margin:0 auto;padding:0 1.25rem 4rem;text-align:left;color:var(--ot-text)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 0;position:sticky;top:0;background:#0d0f14d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;border-bottom:1px solid var(--ot-border)}.brand{font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.brand-accent{color:var(--ot-accent)}.brand-dot{color:var(--ot-muted);font-weight:600;font-size:1rem}.nav{display:flex;align-items:center;gap:1.25rem}.nav a{color:var(--ot-muted);text-decoration:none;font-weight:600;font-size:.95rem;transition:color .2s}.nav a:hover{color:var(--ot-text)}.login-btn{background:var(--ot-accent);color:#04121b;border:none;border-radius:999px;padding:.55rem 1.2rem;font-weight:700;cursor:pointer;transition:transform .15s,filter .2s}.login-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.hero{text-align:center;padding:4.5rem 0 3rem}.badge{display:inline-block;background:linear-gradient(90deg,var(--ot-accent-2),var(--ot-accent));color:#fff;font-weight:700;font-size:.8rem;padding:.4rem .95rem;border-radius:999px;margin-bottom:1.5rem;letter-spacing:.03em}.hero h1{font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.08;font-weight:800;letter-spacing:-.02em;margin:0 0 1.25rem}.hero-accent{color:var(--ot-accent)}.hero-sub{max-width:620px;margin:0 auto 2rem;color:var(--ot-muted);font-size:1.08rem;line-height:1.6}.hero-cta{display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.5rem}.primary-btn,.ghost-btn{text-decoration:none;border-radius:999px;padding:.85rem 1.75rem;font-weight:700;font-size:1rem;transition:transform .15s,filter .2s,background .2s}.primary-btn{background:var(--ot-accent);color:#04121b}.primary-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.ghost-btn{border:1px solid var(--ot-border);color:var(--ot-text)}.ghost-btn:hover{background:var(--ot-panel)}.trust{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;color:var(--ot-muted);font-weight:600;font-size:.95rem}.creators,.pricing{padding:3.5rem 0 1rem}.creators h2,.pricing h2{text-align:center;font-size:clamp(1.7rem,3.5vw,2.3rem);margin:0 0 .4rem;font-weight:800;letter-spacing:-.01em}.section-sub{text-align:center;color:var(--ot-muted);margin:0 0 2.25rem}.creator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.creator-card{background:var(--ot-panel);border:1px solid var(--ot-border);border-radius:16px;overflow:hidden;transition:transform .18s,border-color .2s}.creator-card:hover{transform:translateY(-4px);border-color:var(--ot-accent)}.creator-banner{position:relative;height:110px;background:linear-gradient(135deg,var(--ot-accent-2),var(--ot-accent));display:flex;align-items:center;justify-content:center}.creator-emoji{font-size:3.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.online-dot{position:absolute;top:12px;right:12px;width:12px;height:12px;border-radius:50%;background:#3ad07a;border:2px solid var(--ot-panel);box-shadow:0 0 #3ad07ab3;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #3ad07a99}70%{box-shadow:0 0 0 8px #3ad07a00}to{box-shadow:0 0 #3ad07a00}}.creator-body{padding:1rem 1.1rem 1.2rem}.creator-name{font-weight:800;font-size:1.15rem}.creator-handle{color:var(--ot-accent);font-weight:600;font-size:.9rem}.creator-race{color:var(--ot-muted);font-size:.82rem;margin-top:.15rem;text-transform:uppercase;letter-spacing:.04em}.creator-bio{font-size:.92rem;line-height:1.45;color:#cdd5e2;margin:.75rem 0;min-height:3.9em}.creator-stats{display:flex;gap:1rem;color:var(--ot-muted);font-size:.85rem;font-weight:600;margin-bottom:.9rem}.sub-btn{width:100%;background:var(--ot-accent);color:#04121b;border:none;border-radius:10px;padding:.7rem;font-weight:700;font-size:.92rem;cursor:pointer;transition:filter .2s,background .2s,color .2s}.sub-btn:hover{filter:brightness(1.08)}.sub-btn.subbed{background:var(--ot-panel-2);color:#3ad07a;border:1px solid #3ad07a}.tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;align-items:start}.tier-card{position:relative;background:var(--ot-panel);border:1px solid var(--ot-border);border-radius:16px;padding:1.75rem 1.4rem;transition:transform .18s}.tier-card.featured{border-color:var(--ot-accent);background:linear-gradient(180deg,var(--ot-panel-2),var(--ot-panel));box-shadow:0 12px 40px -12px #00aff066}.tier-card:hover{transform:translateY(-4px)}.tier-flag{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--ot-accent);color:#04121b;font-weight:800;font-size:.72rem;padding:.3rem .8rem;border-radius:999px;white-space:nowrap}.tier-name{font-weight:800;font-size:1.25rem}.tier-price{font-size:2rem;font-weight:800;color:var(--ot-accent);margin:.35rem 0 1rem}.tier-perks{list-style:none;padding:0;margin:0 0 1.5rem}.tier-perks li{position:relative;padding-left:1.5rem;margin-bottom:.65rem;font-size:.92rem;line-height:1.4;color:#cdd5e2}.tier-perks li:before{content:"⚔️";position:absolute;left:0;font-size:.85rem}.tier-btn{width:100%;background:var(--ot-panel-2);color:var(--ot-text);border:1px solid var(--ot-border);border-radius:10px;padding:.8rem;font-weight:700;cursor:pointer;transition:transform .15s,filter .2s}.tier-btn:hover{transform:translateY(-1px)}.featured-btn{background:var(--ot-accent);color:#04121b;border:none}.featured-btn:hover{filter:brightness(1.08)}.footer{text-align:center;margin-top:4rem;padding-top:2.5rem;border-top:1px solid var(--ot-border)}.footer-brand{font-size:1.4rem;font-weight:800;margin-bottom:1rem}.disclaimer{max-width:640px;margin:0 auto 1.5rem;color:var(--ot-muted);font-size:.82rem;line-height:1.6}.footer-links{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.25rem}.footer-links a{color:var(--ot-muted);text-decoration:none;font-size:.88rem;font-weight:600;transition:color .2s}.footer-links a:hover{color:var(--ot-accent)}.copyright{color:#5c6577;font-size:.8rem}@media(max-width:520px){.nav a{display:none}}.boot{min-height:60vh;display:flex;align-items:center;justify-content:center;color:var(--ot-muted);font-weight:600}.layout{display:grid;grid-template-columns:minmax(88px,275px) minmax(0,620px) minmax(0,350px);justify-content:center;gap:0;max-width:1290px;margin:0 auto;min-height:100vh}.rail-left,.rail-right{position:relative}.rail-left{border-right:1px solid var(--ot-border)}.rail-inner{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:.5rem .75rem 1rem;overflow-y:auto}.rail-right .rail-inner{padding:.75rem 1rem;gap:1rem}.col-center{border-right:1px solid var(--ot-border);min-height:100vh;min-width:0}.rail-brand{font-size:1.55rem;font-weight:800;letter-spacing:-.02em;color:var(--ot-text);text-decoration:none;padding:.75rem .85rem .5rem}.rail-nav{display:flex;flex-direction:column;gap:.25rem;margin-top:.25rem}.rail-link{display:flex;align-items:center;gap:1rem;padding:.7rem .9rem;border-radius:999px;color:var(--ot-text);text-decoration:none;font-size:1.15rem;font-weight:600;width:fit-content;transition:background .15s}.rail-link:hover{background:var(--ot-panel)}.rail-link.active{font-weight:800}.rail-ico{font-size:1.4rem;line-height:1}.rail-post{margin:1rem .4rem 0;padding:.85rem;background:var(--ot-accent);color:#04121b;border:none;border-radius:999px;font-weight:800;font-size:1.05rem;text-align:center;text-decoration:none;cursor:pointer;transition:filter .2s,transform .15s}.rail-post:hover{filter:brightness(1.08);transform:translateY(-1px)}.rail-post.ghost{background:transparent;color:var(--ot-text);border:1px solid var(--ot-border)}.rail-auth{display:flex;flex-direction:column;gap:.5rem}.rail-user{margin-top:auto;display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:999px;transition:background .15s}.rail-user:hover{background:var(--ot-panel)}.rail-user-link{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ot-text);min-width:0;flex:1}.rail-user-meta{display:flex;flex-direction:column;min-width:0}.rail-user-name{font-weight:700;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-user-handle{color:var(--ot-muted);font-size:.85rem}.rail-logout{background:none;border:none;color:var(--ot-muted);font-size:1.1rem;cursor:pointer;padding:.3rem;border-radius:50%}.rail-logout:hover{color:var(--ot-accent-2);background:var(--ot-panel-2)}.rail-card{background:var(--ot-panel);border:1px solid var(--ot-border);border-radius:16px;padding:.5rem 0;overflow:hidden}.rail-title{font-size:1.25rem;font-weight:800;padding:.6rem 1rem;margin:0}.rail-more{display:block;padding:.8rem 1rem;color:var(--ot-accent);text-decoration:none;font-size:.95rem}.rail-more:hover{background:var(--ot-panel-2)}.rail-footer{color:var(--ot-muted);font-size:.8rem;line-height:1.5;padding:0 .5rem}.rail-footer p{margin:0 0 .6rem}.rail-footer-links{display:flex;gap:.5rem;margin-bottom:.5rem}.rail-footer-links a{color:var(--ot-muted);text-decoration:none}.rail-footer-links a:hover{color:var(--ot-accent)}.rail-copyright{color:#5c6577}.col-header{position:sticky;top:0;z-index:10;background:#0d0f14d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--ot-border);padding:.5rem 1rem}.sticky-head{display:flex;align-items:center;gap:1rem}.col-title{font-size:1.25rem;font-weight:800;margin:0;padding:.35rem 0}.col-sub{color:var(--ot-muted);font-size:.82rem}.icon-back{background:none;border:none;color:var(--ot-text);font-size:1.3rem;cursor:pointer;width:36px;height:36px;border-radius:50%;flex-shrink:0}.icon-back:hover{background:var(--ot-panel)}.tabs{display:flex;border-bottom:1px solid var(--ot-border)}.tab-btn{flex:1;background:none;border:none;color:var(--ot-muted);font-weight:600;font-size:.95rem;font-family:inherit;padding:1rem .5rem;cursor:pointer;position:relative;transition:background .15s,color .15s;text-align:center}.tab-btn:hover{background:var(--ot-panel);color:var(--ot-text)}.tab-btn.active{color:var(--ot-text);font-weight:800}.tab-btn.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:56px;height:4px;border-radius:4px;background:var(--ot-accent)}.col-header .tabs{border-bottom:none;margin:0 -1rem -.5rem}.feed-cta{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1rem;border-bottom:1px solid var(--ot-border)}.feed-cta p{margin:0;color:var(--ot-muted);font-weight:600}.empty{padding:3rem 1rem;text-align:center;color:var(--ot-muted)}.load-more{display:block;width:100%;padding:1rem;background:none;color:var(--ot-accent);border:none;border-bottom:1px solid var(--ot-border);font-weight:700;cursor:pointer}.load-more:hover{background:var(--ot-panel)}.back-link{background:none;border:none;color:var(--ot-muted);font-weight:700;cursor:pointer;padding:1rem;font-size:.95rem}.back-link:hover{color:var(--ot-text)}.feed{min-width:0}.post-replying{color:var(--ot-muted);font-size:.85rem;margin-top:.1rem}.thread-divider{padding:.85rem 1rem .35rem;color:var(--ot-muted);font-weight:700;font-size:.9rem;border-bottom:1px solid var(--ot-border)}.thread-node{position:relative}.thread-toggle{display:inline-flex;align-items:center;gap:.4rem;margin:-.2rem 0 0 3.35rem;padding:.35rem .5rem .6rem;background:none;border:none;color:var(--ot-accent);font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer}.thread-toggle:hover{text-decoration:underline}.chevron{display:inline-block;transition:transform .15s;font-size:1.05rem;line-height:1}.chevron.open{transform:rotate(90deg)}.thread-children{margin-left:2.1rem;border-left:2px solid var(--ot-border)}.thread-children .thread-children{margin-left:1.6rem}.avatar{border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--ot-panel-2);flex-shrink:0;line-height:1}.avatar img{width:100%;height:100%;object-fit:cover}.post{display:flex;gap:.75rem;padding:.9rem 1rem;border-bottom:1px solid var(--ot-border)}.post-clickable{cursor:pointer}.post-clickable:hover{background:#ffffff05}.post-avatar{flex-shrink:0}.post-main{flex:1;min-width:0}.post-head{display:flex;align-items:center;gap:.35rem;font-size:.95rem}.post-name{font-weight:700;color:var(--ot-text);text-decoration:none}.post-name:hover{text-decoration:underline}.post-handle,.post-dot,.post-time{color:var(--ot-muted)}.post-handle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-del{margin-left:auto;background:none;border:none;color:var(--ot-muted);cursor:pointer;font-size:.85rem;padding:0 .3rem}.post-del:hover{color:var(--ot-accent-2)}.post-body{margin:.35rem 0 0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;line-height:1.45}.post-link{color:var(--ot-accent);text-decoration:none}.post-link:hover{text-decoration:underline}.post-image{margin-top:.6rem;max-width:100%;border-radius:14px;border:1px solid var(--ot-border);display:block}.post-actions{display:flex;gap:1.75rem;margin-top:.6rem}.act{background:none;border:none;color:var(--ot-muted);cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;gap:.3rem;padding:.2rem;border-radius:8px;transition:color .15s,transform .1s}.act:hover{transform:translateY(-1px)}.act-reply:hover{color:var(--ot-accent)}.act-repost:hover,.act-repost.on{color:#22c55e}.act-like:hover,.act-like.on{color:var(--ot-accent-2)}.act-bookmark:hover,.act-bookmark.on{color:var(--ot-accent)}.act span{min-width:.5rem}.act-wrap{position:relative;display:inline-flex}.menu-backdrop{position:fixed;inset:0;z-index:30}.repost-menu{position:absolute;bottom:100%;left:0;z-index:31;background:var(--ot-panel);border:1px solid var(--ot-border);border-radius:12px;box-shadow:0 8px 30px -8px #0009;overflow:hidden;min-width:160px}.repost-menu button{display:block;width:100%;text-align:left;background:none;border:none;color:var(--ot-text);font-family:inherit;font-size:.92rem;font-weight:600;padding:.7rem 1rem;cursor:pointer}.repost-menu button:hover{background:var(--ot-panel-2)}.quote-card{margin-top:.7rem;border:1px solid var(--ot-border);border-radius:14px;padding:.6rem .75rem;background:#ffffff04}.quote-clickable{cursor:pointer}.quote-clickable:hover{background:#ffffff0a}.quote-head{display:flex;align-items:center;gap:.35rem;font-size:.9rem}.quote-name{font-weight:700}.quote-handle,.quote-head .post-dot,.quote-head .post-time{color:var(--ot-muted)}.quote-body{margin:.35rem 0 0;line-height:1.4;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.quote-image{margin-top:.5rem;max-width:100%;max-height:260px;border-radius:12px;border:1px solid var(--ot-border);display:block}.quote-modal{max-width:560px}.quote-compose{display:flex;gap:.75rem;padding:1rem}.quote-compose textarea{width:100%;background:none;border:none;color:var(--ot-text);font-family:inherit;font-size:1.1rem;resize:none;outline:none;line-height:1.4}.quote-compose textarea::placeholder{color:var(--ot-muted)}.embed-frame{margin-top:.7rem;border-radius:14px;overflow:hidden;border:1px solid var(--ot-border)}.embed-frame iframe{display:block;width:100%}.embed-wide{aspect-ratio:16 / 9}.embed-wide iframe{height:100%}.embed-gate{margin-top:.7rem;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:var(--ot-panel);border:1px solid var(--ot-border);border-radius:14px;cursor:pointer;color:var(--ot-text);transition:filter .2s}.embed-gate.embed-wide{aspect-ratio:16 / 9}.embed-gate:hover{filter:brightness(1.1)}.embed-dot{width:12px;height:12px;border-radius:50%}.embed-label{font-weight:700;font-size:.95rem}.embed-note{color:var(--ot-muted);font-size:.8rem}.composer{display:flex;gap:.75rem;padding:.9rem 1rem;border-bottom:1px solid var(--ot-border)}.composer-main{flex:1;min-width:0}.composer textarea{width:100%;background:none;border:none;color:var(--ot-text);font-family:inherit;font-size:1.05rem;resize:none;outline:none;line-height:1.4}.composer textarea::placeholder{color:var(--ot-muted)}.composer-preview{position:relative;margin-top:.5rem;display:inline-block}.composer-preview img{max-width:100%;max-height:300px;border-radius:14px;border:1px solid var(--ot-border);display:block}.preview-x{position:absolute;top:.5rem;left:.5rem;background:#000000b3;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer}.composer-error,.form-error{color:var(--ot-accent-2);font-size:.88rem;margin-top:.4rem}.composer-bar{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.icon-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.2rem;border-radius:8px}.icon-btn:hover{background:var(--ot-panel-2)}.counter{color:var(--ot-muted);font-size:.85rem}.counter.over{color:var(--ot-accent-2);font-weight:700}.compose-btn{margin-left:auto;padding:.5rem 1.3rem;font-size:.95rem}.compose-btn:disabled{opacity:.5;cursor:not-allowed}.auth-card{max-width:420px;margin:2.5rem auto;padding:2rem 1.5rem;background:var(--ot-panel);border:1px solid var(--ot-border);border-radius:18px}.auth-card h1{font-size:1.6rem;margin:0 0 .3rem}.auth-sub{color:var(--ot-muted);margin:0 0 1.5rem}.auth-card form{display:flex;flex-direction:column;gap:1rem}.auth-card label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;font-size:.9rem;color:var(--ot-muted)}.auth-card .opt{color:#5c6577;font-weight:500}.auth-card input{background:var(--ot-bg);border:1px solid var(--ot-border);border-radius:10px;padding:.7rem .85rem;color:var(--ot-text);font-size:1rem;font-family:inherit;outline:none;transition:border-color .2s}.auth-card input:focus{border-color:var(--ot-accent)}.primary-btn.full{width:100%;text-align:center}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.auth-alt{text-align:center;margin-top:1.25rem;color:var(--ot-muted)}.auth-alt a{color:var(--ot-accent);text-decoration:none;font-weight:600}.profile-banner{height:200px;background:linear-gradient(135deg,var(--ot-accent-2),var(--ot-accent));background-size:cover;background-position:center}.profile-top{display:flex;align-items:flex-end;justify-content:space-between;padding:0 1rem;margin-top:-48px}.profile-avatar-wrap{border:4px solid var(--ot-bg);border-radius:50%;background:var(--ot-bg)}.profile-actions{padding-bottom:.5rem}.edit-profile-btn{background:transparent;color:var(--ot-text);border:1px solid var(--ot-border);border-radius:999px;padding:.5rem 1.1rem;font-weight:700;cursor:pointer;font-family:inherit}.edit-profile-btn:hover{background:var(--ot-panel)}.profile-info{padding:.5rem 1rem .75rem}.profile-name{margin:0;font-size:1.4rem;font-weight:800}.profile-handle{color:var(--ot-muted)}.profile-race{color:var(--ot-accent);font-weight:600;font-size:.9rem;margin-top:.35rem}.profile-bio{margin:.75rem 0 0;line-height:1.5;white-space:pre-wrap}.profile-meta-row{color:var(--ot-muted);font-size:.9rem;margin-top:.75rem}.profile-counts{display:flex;gap:1.25rem;margin-top:.75rem}.profile-counts a{color:var(--ot-muted);text-decoration:none;font-size:.92rem}.profile-counts a:hover{text-decoration:underline}.profile-counts b{color:var(--ot-text)}.profile-tabs{margin-top:.25rem}.follow-btn{background:var(--ot-text);color:#04121b;border:none;border-radius:999px;padding:.55rem 1.3rem;font-weight:800;font-size:.95rem;font-family:inherit;cursor:pointer;transition:filter .15s,background .15s,color .15s}.follow-btn:hover{filter:brightness(.92)}.follow-btn.sm{padding:.4rem 1rem;font-size:.88rem}.follow-btn.following{background:transparent;color:var(--ot-text);border:1px solid var(--ot-border)}.follow-btn.following:hover{border-color:var(--ot-accent-2);color:var(--ot-accent-2);filter:none}.follow-btn:disabled{opacity:.6;cursor:default}.user-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:background .15s}.user-row:hover{background:var(--ot-panel-2)}.user-row-avatar{flex-shrink:0}.user-row-meta{display:flex;flex-direction:column;min-width:0;flex:1;text-decoration:none}.user-row-name{font-weight:700;color:var(--ot-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-row-name:hover{text-decoration:underline}.user-row-handle{color:var(--ot-muted);font-size:.9rem}.user-row-bio{color:#cdd5e2;font-size:.9rem;margin-top:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-wrap{padding:.75rem 1rem;border-bottom:1px solid var(--ot-border);position:sticky;top:53px;background:#0d0f14d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9}.search-input{width:100%;background:var(--ot-panel);border:1px solid var(--ot-border);border-radius:999px;padding:.65rem 1.1rem;color:var(--ot-text);font-size:1rem;font-family:inherit;outline:none}.search-input:focus{border-color:var(--ot-accent);background:var(--ot-bg)}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding:3vh 1rem;z-index:100;overflow-y:auto}.modal{width:100%;max-width:560px;background:var(--ot-bg);border:1px solid var(--ot-border);border-radius:18px;overflow:hidden}.modal-head{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;position:sticky;top:0;background:var(--ot-bg);z-index:2}.modal-head h2{font-size:1.15rem;margin:0;flex:1}.modal-x{background:none;border:none;color:var(--ot-text);font-size:1.1rem;cursor:pointer;width:34px;height:34px;border-radius:50%}.modal-x:hover{background:var(--ot-panel)}.edit-banner{height:160px;background:linear-gradient(135deg,var(--ot-accent-2),var(--ot-accent));background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.edit-cam{background:#0000008c;border:none;color:#fff;width:42px;height:42px;border-radius:50%;font-size:1.1rem;cursor:pointer}.edit-cam:hover{background:#000000bf}.edit-avatar-row{padding:0 1rem}.edit-avatar{position:relative;width:88px;height:88px;margin-top:-44px;border:4px solid var(--ot-bg);border-radius:50%;background:var(--ot-bg)}.edit-avatar .edit-cam{position:absolute;inset:0;margin:auto;width:42px;height:42px}.edit-form{display:flex;flex-direction:column;gap:1rem;padding:1rem}.edit-form label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;font-size:.85rem;color:var(--ot-muted)}.edit-form input,.edit-form textarea{background:var(--ot-bg);border:1px solid var(--ot-border);border-radius:10px;padding:.7rem .85rem;color:var(--ot-text);font-size:1rem;font-family:inherit;outline:none;resize:none}.edit-form input:focus,.edit-form textarea:focus{border-color:var(--ot-accent)}.edit-two{display:flex;gap:.75rem}.edit-two>label:first-child{flex:1}.edit-emoji input{width:80px;text-align:center;font-size:1.3rem}.notif{display:flex;align-items:flex-start;gap:.6rem;padding:.9rem 1rem;border-bottom:1px solid var(--ot-border);text-decoration:none;color:var(--ot-text);transition:background .15s}.notif:hover{background:var(--ot-panel-2)}.notif.unread{background:#00aff00f}.notif-icon{width:1.4rem;text-align:center;flex-shrink:0}.notif-body{min-width:0;flex:1}.notif-text{line-height:1.4}.notif-handle,.notif-time{color:var(--ot-muted);font-weight:400}.notif-snippet{color:var(--ot-muted);font-size:.9rem;margin-top:.2rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.trend-row{display:flex;flex-direction:column;padding:.6rem 1rem;text-decoration:none;transition:background .15s}.trend-row:hover{background:var(--ot-panel-2)}.trend-tag{color:var(--ot-text);font-weight:700;font-size:.98rem}.trend-count{color:var(--ot-muted);font-size:.82rem}.rail-ico{position:relative}.rail-badge{position:absolute;top:-6px;left:12px;background:var(--ot-accent-2);color:#fff;font-size:.62rem;font-weight:800;line-height:1;padding:.15rem .3rem;border-radius:999px;min-width:1rem;text-align:center}.post-menu-wrap{margin-left:auto;position:relative}.post-menu-btn{background:none;border:none;color:var(--ot-muted);cursor:pointer;font-size:1.1rem;line-height:1;padding:0 .3rem;border-radius:50%}.post-menu-btn:hover{color:var(--ot-accent);background:var(--ot-panel-2)}.post-menu{position:absolute;top:100%;right:0;z-index:31;min-width:190px;background:var(--ot-panel);border:1px solid var(--ot-border);border-radius:12px;box-shadow:0 8px 30px -8px #0009;overflow:hidden}.post-menu button{display:block;width:100%;text-align:left;background:none;border:none;color:var(--ot-text);font-family:inherit;font-size:.92rem;font-weight:600;padding:.7rem 1rem;cursor:pointer}.post-menu button:hover{background:var(--ot-panel-2)}.post-menu button.danger{color:var(--ot-accent-2)}.profile-menu-wrap{position:relative;display:inline-flex}.icon-round{width:38px;height:38px;border-radius:50%;background:transparent;border:1px solid var(--ot-border);color:var(--ot-text);cursor:pointer;font-size:1.1rem}.icon-round:hover{background:var(--ot-panel)}.profile-actions{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem}.profile-menu{right:0}.profile-flag{margin-left:.5rem;font-size:.7rem;font-weight:700;color:var(--ot-muted);border:1px solid var(--ot-border);border-radius:4px;padding:.05rem .35rem;vertical-align:middle}.block-notice{line-height:1.6}.link-btn{background:none;border:none;color:var(--ot-accent);font-weight:700;cursor:pointer;font-family:inherit}.pinned-label{padding:.6rem 1rem 0;color:var(--ot-muted);font-size:.82rem;font-weight:700}.pinned-wrap{border-bottom:1px solid var(--ot-border)}.report-target{color:var(--ot-muted);margin:0 0 .25rem}.radio-row{flex-direction:row!important;align-items:center;gap:.5rem!important;color:var(--ot-text)!important;font-weight:500!important;cursor:pointer}.report-modal .edit-form p{margin:.25rem 0}.settings-card{border-bottom:1px solid var(--ot-border);padding:1.25rem 1rem}.settings-title{font-size:1.05rem;font-weight:800;margin:0 0 .75rem}.settings-form{display:flex;flex-direction:column;gap:.6rem;max-width:380px}.settings-form input{background:var(--ot-bg);border:1px solid var(--ot-border);border-radius:10px;padding:.65rem .8rem;color:var(--ot-text);font-size:.98rem;font-family:inherit;outline:none}.settings-form input:focus{border-color:var(--ot-accent)}.settings-form .primary-btn{align-self:flex-start}.settings-note{color:var(--ot-muted);font-size:.9rem;margin:0}.form-ok{color:#3ad07a;font-size:.88rem}.danger-btn{align-self:flex-start;background:transparent;color:var(--ot-accent-2);border:1px solid var(--ot-accent-2);border-radius:999px;padding:.6rem 1.2rem;font-weight:700;cursor:pointer;font-family:inherit}.danger-btn:hover{background:var(--ot-accent-2);color:#fff}.danger-btn:disabled{opacity:.5;cursor:not-allowed}.report-row{padding:.9rem 1rem;border-bottom:1px solid var(--ot-border)}.report-meta{display:flex;align-items:center;gap:.6rem;margin-bottom:.35rem}.report-reason{font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;color:var(--ot-accent-2)}.report-status{font-size:.78rem;color:var(--ot-muted);border:1px solid var(--ot-border);border-radius:999px;padding:.05rem .5rem}.report-time{color:var(--ot-muted);font-size:.82rem;margin-left:auto}.report-detail{font-size:.95rem}.report-by{color:var(--ot-muted)}.report-excerpt{color:#cdd5e2;font-style:italic;margin-top:.3rem;font-size:.9rem}.report-note{color:var(--ot-muted);font-size:.88rem;margin-top:.2rem}.report-actions{display:flex;gap:.5rem;margin-top:.6rem}.report-act{background:var(--ot-panel);border:1px solid var(--ot-border);border-radius:8px;color:var(--ot-text);font-size:.82rem;font-weight:600;padding:.35rem .7rem;cursor:pointer;font-family:inherit}.report-act:hover:not(:disabled){border-color:var(--ot-accent);color:var(--ot-accent)}.report-act:disabled{opacity:.45;cursor:default}.tabbar{display:none}.tab-ico{position:relative;display:inline-block}.tab-dot{position:absolute;top:-2px;right:-4px;width:8px;height:8px;border-radius:50%;background:var(--ot-accent-2)}@media(max-width:1100px){.layout{grid-template-columns:minmax(88px,88px) minmax(0,620px)}.rail-right,.rail-label{display:none}.rail-brand{text-align:center;font-size:1.2rem;padding:.75rem 0}.rail-brand .brand-accent{display:inline}.rail-link{width:auto;justify-content:center}.rail-post{font-size:0;padding:.85rem 0}.rail-post:before{content:"✏️";font-size:1.3rem}.rail-post.ghost{font-size:.95rem}.rail-post.ghost:before{content:none}.rail-user-meta,.rail-logout{display:none}}@media(max-width:700px){.layout{grid-template-columns:1fr}.rail-left{display:none}.col-center{border:none}.tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#0d0f14f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--ot-border);z-index:50}.tab{flex:1;text-align:center;padding:.85rem 0;font-size:1.4rem;text-decoration:none}.tab.active{filter:drop-shadow(0 0 6px var(--ot-accent))}.col-center{padding-bottom:4rem}}