:root{color-scheme:dark;--bg:#000;--panel:#16181c;--line:#2f3336;--text:#e7e9ea;--muted:#71767b;--blue:#1d9bf0;--hover:#080808}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{max-width:1300px;margin:auto;display:grid;grid-template-columns:256px minmax(500px,600px) 340px;min-height:100vh}.left{position:sticky;top:0;height:100vh;padding:4px 22px 18px 8px;display:flex;flex-direction:column}.brand{font-size:22px;font-weight:800;margin:12px 16px 18px;line-height:1.3}.brand-label{font-size:16px;letter-spacing:-.3px}.nav{display:flex;align-items:center;gap:14px;border:0;background:transparent;color:var(--text);padding:8px 12px;border-radius:99px;font-size:15px;text-align:left;width:max-content;max-width:100%;margin-bottom:3px}.nav:hover,.nav.active{background:#151515}.nav.active{font-weight:700}.icon{width:22px;font-size:22px;line-height:1;text-align:center}.big-compose,.primary{border:0;background:var(--blue);color:white;font-weight:700;border-radius:99px}.big-compose{padding:10px 20px;font-size:14px;margin:18px 8px 0}.big-compose:hover,.primary:hover{background:#198cd8}.account{margin-top:auto;display:flex;gap:10px;align-items:center;padding:12px 10px;border-radius:99px}.account:hover{background:#111}.account strong,.account small{display:block}.account small{color:var(--muted);margin-top:2px}.avatar{flex:none;width:42px;height:42px;border-radius:50%;background:#273b56;color:#c9e8ff;display:grid;place-items:center;font-weight:800;font-size:13px}.timeline{border-left:1px solid var(--line);border-right:1px solid var(--line);min-height:100vh;min-width:0}header{position:sticky;top:0;background:#000e;backdrop-filter:blur(12px);z-index:5;border-bottom:1px solid var(--line)}.head-row{padding:13px 16px 10px;display:flex;justify-content:space-between;align-items:center}.head-row h1{font-size:16px;margin:0}.sub{font-size:11px;color:var(--muted)}.tabs{display:flex}.tab{flex:1;background:none;border:0;color:var(--muted);padding:10px 4px;font-weight:600;position:relative;font-size:13px}.tab:hover{background:#171717}.tab.active{color:var(--text)}.tab.active:after{content:"";position:absolute;bottom:0;left:37%;right:37%;height:4px;border-radius:4px;background:var(--blue)}.composer{display:flex;padding:16px;gap:12px;border-bottom:1px solid var(--line)}.compose-main{flex:1;min-width:0}.composer textarea,.editor textarea{border:0;background:transparent;color:var(--text);outline:none;resize:vertical;width:100%;line-height:1.5}.composer textarea{font-size:15px;min-height:64px;padding-top:7px}.compose-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px}.upload-button{color:var(--blue);font-size:24px;cursor:pointer;margin-right:auto;padding:0 5px}.primary{padding:10px 17px}.hint{font-size:12px;color:var(--muted);margin:10px 0 0}.filterbar{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center}.filterbar input{flex:1;min-width:0}.filterbar input,.filterbar select,.compose-actions select,.compose-actions input,.editor select,.editor input{background:var(--panel);border:1px solid var(--line);color:var(--text);padding:8px 12px;border-radius:12px;outline:none}.filterbar input:focus,.editor textarea:focus{border-color:var(--blue)}.filterbar #count{color:var(--muted);font-size:12px;white-space:nowrap}.post{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;gap:8px}.post:hover{background:var(--hover)}.post-body{flex:1;min-width:0}.post-head{display:flex;gap:5px;align-items:center;min-width:0}.post-head strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-head .handle,.post-head time{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{margin-left:auto;color:#98bad4;border:1px solid #35516b;border-radius:99px;padding:2px 6px;font-size:10px;white-space:nowrap}.source-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.35;margin:4px 0 6px;font-size:15px}.source-media{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;overflow:hidden;border:1px solid var(--line);border-radius:16px;margin:10px 0}.source-media.one{grid-template-columns:1fr}.source-media img{width:100%;max-height:260px;object-fit:cover;display:block;background:#111}.source-media a{position:relative}.video-mark{position:absolute;left:12px;bottom:12px;background:#000b;border-radius:99px;padding:7px 10px}.stats{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;margin:6px 0}.stats a,.source-link{color:var(--muted);text-decoration:none}.stats a:hover,.source-link:hover{color:var(--blue);text-decoration:underline}.edit-toggle{background:transparent;color:var(--blue);border:1px solid var(--line);border-radius:99px;padding:4px 10px;font-weight:700;font-size:12px}.edit-toggle:hover{background:#081825}.editor{margin-top:12px;border:1px solid var(--line);border-radius:16px;padding:14px;background:#07090a}.editor h3{margin:0 0 9px;font-size:14px}.editor textarea{min-height:80px;border:1px solid var(--line);border-radius:10px;padding:10px;font-size:13px}.editor-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:9px 0}.editor-row label{color:var(--muted);font-size:12px}.editor-row select{max-width:190px}.editor .upload-button{margin-right:0}.editor .hint{line-height:1.4}.upload-list{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0}.upload-item{position:relative}.upload-item img{width:85px;height:85px;object-fit:cover;border-radius:9px;border:1px solid var(--line)}.upload-item button{position:absolute;right:3px;top:3px;background:#000b;color:white;border:0;border-radius:50%;width:23px;height:23px}.save-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.saved{color:#00ba7c;font-size:12px}.right{padding:7px 22px 22px 28px}.searchbox{border-radius:99px;background:#202327;color:var(--muted);padding:12px 18px;margin-bottom:18px}.panel{background:var(--panel);border-radius:16px;padding:17px;margin:16px 0}.panel h2{font-size:15px;margin:0 0 15px}.panel p{color:#a3a9ae;line-height:1.45;font-size:13px;margin:15px 0 0}.metric{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #2a2d30}.metric:last-of-type{border:0}.side-foot{font-size:12px;color:var(--muted);line-height:1.5;padding:5px 8px}.scroll-sentinel{padding:16px;text-align:center;color:var(--muted);font-size:11px}.empty{padding:44px 30px;text-align:center;color:var(--muted)}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--blue);color:white;border-radius:9px;padding:10px 20px;z-index:20;display:none}#toast.show{display:block}@media(max-width:1100px){.shell{grid-template-columns:78px minmax(0,600px) 300px;justify-content:center}.left{padding:5px}.brand-label,.nav span:last-child,.account>div:last-child{display:none}.nav{padding:12px 17px}.big-compose{font-size:0;width:56px;height:56px;padding:0;margin:16px 6px}.big-compose:after{content:'+';font-size:28px}.account{padding:8px}}@media(max-width:900px){.shell{grid-template-columns:70px minmax(0,600px)}.right{display:none}}@media(max-width:600px){.shell{display:block;padding-bottom:60px}.left{position:fixed;top:auto;bottom:0;left:0;right:0;height:56px;background:#000e;border-top:1px solid var(--line);flex-direction:row;justify-content:space-around;align-items:center;z-index:10;padding:0}.brand,.big-compose,.account{display:none}.nav{margin:0;padding:9px}.nav .icon{font-size:27px}.timeline{border:0}.post{padding:13px}.head-row{padding:10px 15px}.sub{display:none}}
.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}

.logout{border:0;background:none;color:var(--muted);font-size:13px}.logout:hover{color:var(--blue)}
.queue-button{display:block;width:100%;margin:8px 0;padding:10px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--text);font-weight:700}.queue-button:hover{background:#222}
.import-panel{padding:18px;border-bottom:1px solid var(--line)}.import-panel h2{margin:0 0 8px}.import-panel p{color:var(--muted);font-size:13px}.import-panel textarea{width:100%;min-height:180px;background:#0b0e10;border:1px solid var(--line);color:var(--text);border-radius:14px;padding:12px;resize:vertical;margin:10px 0}
.modal[hidden],.login-screen[hidden]{display:none}.modal{position:fixed;inset:0;background:#000b;z-index:40;display:grid;place-items:center;padding:16px}.modal-card{position:relative;background:#000;border:1px solid var(--line);border-radius:16px;padding:24px;max-width:620px;width:100%;max-height:85vh;overflow:auto}.modal-card>button{position:absolute;right:18px;top:14px;border:0;background:none;color:var(--text);font-size:26px}.modal-card pre{white-space:pre-wrap;font:inherit;overflow-wrap:anywhere}.modal-card a{color:var(--blue)}
.login-screen{position:fixed;inset:0;z-index:100;background:#000;display:grid;place-items:center;padding:20px}.login-card{width:min(100%,410px);display:flex;flex-direction:column;gap:18px}.login-logo{font-size:48px}.login-card h1{font-size:30px;margin:0 0 8px}.login-card label{display:flex;flex-direction:column;gap:8px;font-weight:700}.login-card input{padding:16px;background:#000;border:1px solid var(--line);border-radius:6px;color:var(--text);font-size:16px}.login-card input:focus{outline:2px solid var(--blue)}.login-card .primary{padding:15px}.login-card p{color:#f4212e;min-height:20px}
@media(max-width:600px){.login-card h1{font-size:26px}.post{padding:14px}.queue-button{font-size:13px}.import-panel{padding:14px}}