html,body,h1,h2,h3,p{margin:0}button,input,textarea{font:inherit}img{display:block;max-width:100%}


:root { --bg:#080b0e; --surface:#0e1215; --card:#13181c; --card-2:#171c21; --line:#242a2f; --text:#f4f5f7; --muted:#90989f; --purple:#8857e6; --purple-soft:#b59af4; --green:#25b96a; --blue:#2c70c8; --red:#ed3a41; }
* { box-sizing:border-box; }
.visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
html { background:#07090b; }
body { margin:0; color:var(--text); background:radial-gradient(circle at 50% 18%,#171d24 0,#080a0c 45%,#050607 100%); font-family:Arial,Helvetica,sans-serif; min-height:100vh; }
button,input,textarea { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
a { color:inherit; text-decoration:none; }
.stage { height:100dvh; display:grid; place-items:start center; padding:28px 16px; overflow:hidden; }
.phone-app { width:100%; max-width:430px; height:min(900px,calc(100dvh - 56px)); min-height:620px; background:linear-gradient(160deg,#101519,#0a0e11 70%); border:1px solid #343a40; border-radius:46px; overflow:hidden; position:relative; box-shadow:0 35px 100px #000c, inset 0 0 0 5px #07090b; padding:36px 12px 82px; }
.phone-app:before { content:""; position:absolute; z-index:20; top:12px; left:50%; translate:-50%; width:118px; height:29px; border-radius:20px; background:#020304; box-shadow:inset 0 -1px 0 #1c2228; }
.status-bar { height:31px; padding:0 21px; display:flex; align-items:center; justify-content:space-between; font-size:12px; position:relative; z-index:2; }.status-bar span { font-size:10px; letter-spacing:1px; }
.app-header { height:66px; margin:0 -12px; padding:0 24px; border-bottom:1px solid #1e2429; display:flex; align-items:center; gap:10px; position:relative; }.header-logo { width:236px; height:auto; object-fit:contain; }.screen-title { font-size:14px; flex:1; text-align:center; }.back-btn { font-size:32px; line-height:1; width:35px; color:#fff; }.header-profile { margin-left:auto; width:39px; height:39px; flex:0 0 39px; position:relative; border-radius:50%; padding:2px; background:linear-gradient(145deg,#a373f2,#50308e); box-shadow:0 0 0 1px #ffffff20,0 5px 16px #0008; }.header-profile-image { width:35px; height:35px; border-radius:50%; object-fit:cover; }.header-profile>span { position:absolute; right:0; bottom:1px; width:10px; height:10px; border-radius:50%; background:#35ce78; border:2px solid #0d1114; }.screen-content { height:calc(100% - 97px); padding:26px 14px 20px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:none; }.screen-content::-webkit-scrollbar { display:none; }.app-nav { position:absolute; z-index:15; left:12px; right:12px; bottom:0; height:82px; border-top:1px solid #2a3035; background:#0c1013f4; backdrop-filter:blur(14px); display:flex; align-items:center; justify-content:space-around; padding-bottom:8px; }.app-nav a { flex:1 1 0; display:flex; flex-direction:column; align-items:center; gap:6px; font-size:7px; color:#a2a8ae; min-width:0; }.app-nav a i { height:25px; font-style:normal; font-size:20px; }.app-nav a span { white-space:nowrap; }.app-nav a.active { color:#ae83ff; }.app-nav a.active i { text-shadow:0 0 12px #8d5be9; }.app-nav .nav-comment-icon { width:20px; height:16px; margin-top:2px; border:2px solid currentColor; border-radius:5px; position:relative; }.app-nav .nav-comment-icon:after { content:""; position:absolute; left:3px; bottom:-5px; width:6px; height:6px; border-left:2px solid currentColor; transform:skew(-28deg); }
.intro h1,.page-heading h1 { font-size:26px; letter-spacing:-.04em; margin:0; }.intro p { margin:10px 0 0; color:#c8ccd1; font-size:15px; }.intro p span { color:#ffd33d; }.dashboard-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:26px 0 29px; }.dashboard-stats a { min-height:126px; padding:15px 13px; border-radius:13px; display:flex; flex-direction:column; align-items:flex-start; box-shadow:inset 0 0 0 1px #ffffff1c; }.dashboard-stats a:nth-child(1) { background:linear-gradient(145deg,#8a51dc,#51269e); }.dashboard-stats a:nth-child(2) { background:linear-gradient(145deg,#087341,#034b2b); }.dashboard-stats a:nth-child(3) { background:linear-gradient(145deg,#367bc9,#24529a); }.dashboard-stats span { font-size:12px; }.dashboard-stats strong { font-size:24px; font-weight:500; margin:15px 0 4px; }.dashboard-stats small { font-size:10px; opacity:.9; }.section-block { margin-top:4px; }.section-title { display:flex; align-items:center; justify-content:space-between; gap:12px; }.section-title h2 { margin:0; font-size:15px; letter-spacing:-.02em; }.section-title a,.section-title>span { color:#c8a8ff; font-size:10px; }.post-feed { margin-top:12px; }.post-item { min-height:91px; padding:9px 0; border-bottom:1px solid #2a3035; display:flex; align-items:center; gap:11px; }.post-thumb { width:82px; height:69px; flex:0 0 82px; border-radius:8px; position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; padding:7px; isolation:isolate; background:#26323d; }.post-thumb:after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(20deg,#050607da,#05060710 75%); }.post-thumb img { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 26%; }.tone-bautzen { background:linear-gradient(140deg,#b56d3c,#193b56 64%); }.tone-dresden { background:linear-gradient(140deg,#8b5e3b,#243b51); }.tone-interview { background:linear-gradient(140deg,#9b674d,#44394c); }.tone-leipzig { background:linear-gradient(140deg,#607789,#1a242d); }.tone-nuernberg { background:linear-gradient(140deg,#7a252d,#1a1b1e); }.post-thumb strong { white-space:pre-line; font-size:8px; line-height:1.1; text-shadow:0 1px 4px #000; }.post-thumb em { width:max-content; padding:2px 4px; border-radius:3px; margin-top:5px; font-style:normal; font-size:6px; font-weight:900; background:#343b42; }.post-thumb em.is-live { background:var(--red); }.post-info { min-width:0; flex:1; }.post-top { display:flex; align-items:center; justify-content:space-between; gap:4px; }.post-top>strong { font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.post-info>span { display:block; font-size:9px; color:#bac0c6; margin-top:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.post-info>small { display:block; margin-top:3px; color:#9ba2a9; font-size:8px; }.post-metrics { display:flex; align-items:center; gap:20px; margin-top:8px; font-size:9px; color:#d4d7da; }.platform-icons { display:flex; align-items:center; gap:3px; }.platform { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50%; color:#fff; font-size:8px; font-style:normal; font-weight:900; }.platform b { font-size:inherit; }.platform-tg { background:#269bd6; }.platform-x { background:#050607; box-shadow:inset 0 0 0 1px #3c4248; }.platform-ig { background:linear-gradient(135deg,#883adf,#f32971,#ef9d23); }.platform-tt { background:#121417; box-shadow:inset 0 0 0 1px #424950; }.platform-yt { background:#ef2636; }.chevron { font-size:20px; color:#b7bec4; font-weight:400; }.post-item.compact .post-thumb { width:70px; flex-basis:70px; height:58px; }.post-item.compact { min-height:78px; }.post-item.compact .post-metrics { margin-top:5px; }.page-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }.page-heading small,.step-label { color:#a77bed; letter-spacing:.1em; font-weight:800; font-size:8px; display:block; margin-bottom:5px; }.round-add,.filter-icon { width:40px; height:40px; display:grid; place-items:center; border:0; border-radius:11px; background:#7b49dc; color:white; font-size:22px; }.big-action { display:flex; align-items:center; gap:13px; padding:15px; border-radius:13px; background:linear-gradient(135deg,#7544d3,#492692); box-shadow:inset 0 0 0 1px #ffffff20; }.big-action>span { font-size:25px; }.big-action>div { flex:1; }.big-action strong,.big-action small { display:block; }.big-action strong { font-size:12px; }.big-action small { color:#d7c9f1; font-size:8px; margin-top:5px; }.big-action>b { font-size:22px; }.filter-row,.select-row { display:flex; gap:7px; margin:19px 0 12px; overflow:auto; }.filter-row button,.select-row button { border:1px solid var(--line); background:#11161a; color:#a7adb4; border-radius:8px; font-size:9px; padding:8px 11px; white-space:nowrap; }.filter-row button.active { background:#7947d5; border-color:#7947d5; color:white; }.stream-card { min-height:101px; display:flex; align-items:center; gap:12px; border-bottom:1px solid var(--line); padding:12px 0; }.stream-card>.post-thumb { width:84px; height:76px; flex-basis:84px; }.stream-card>div { flex:1; min-width:0; }.stream-card>div>strong,.stream-card>div>small { display:block; }.stream-card>div>strong { margin:5px 0 3px; font-size:12px; }.stream-card>div>small { color:var(--muted); font-size:8px; }.stream-card .platform-icons { margin-top:7px; }.stream-card>b { font-size:22px; }.status { padding:3px 6px; border-radius:4px; font-size:7px; font-weight:800; }.status-bereit { color:#67e799; background:#25b96925; }.status-entwurf { color:#c2a6ff; background:#8857e627; }.status-geplant { color:#77acff; background:#2f78d728; }
.steps { display:flex; align-items:center; justify-content:center; margin:0 10px 12px; }.steps span { width:26px; height:26px; border-radius:50%; border:1px solid #3a4148; color:#747c84; display:grid; place-items:center; font-size:9px; font-weight:800; }.steps span.active { border-color:#8b59ea; background:#8b59ea; color:white; box-shadow:0 0 0 4px #8b59ea1e; }.steps i { width:70px; height:1px; background:#30363c; }.step-label { text-align:center; margin:0 0 22px; }.demo-form label { display:block; color:#b7bdc4; font-size:9px; margin-bottom:15px; }.demo-form label>small { float:right; color:#646d76; }.demo-form input,.demo-form textarea { display:block; width:100%; margin-top:7px; border:1px solid #282e33; border-radius:8px; outline:0; background:#171c20; color:#f2f3f4; padding:11px 12px; font-size:10px; resize:none; }.demo-form input:focus,.demo-form textarea:focus { border-color:#8353e1; }.field-pair { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.upload-field { min-height:74px; border:1px dashed #3b4249; border-radius:10px; display:grid!important; grid-template-columns:35px 1fr; align-items:center; padding:12px; }.upload-field>span { grid-row:1/3; font-size:23px; color:#a784f0; }.upload-field>strong { font-size:10px; }.upload-field>small { float:none!important; font-size:8px; }.sticky-primary { min-height:43px; padding:0 16px; border-radius:9px; display:flex; align-items:center; justify-content:center; gap:12px; background:linear-gradient(135deg,#8d59e8,#5e31bd); color:white; font-size:10px; font-weight:800; box-shadow:0 10px 26px #0007; }.preview-tabs { display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid #292f34; margin:4px 0 13px; }.preview-tabs button { border:0; color:#979fa7; background:none; padding:10px; font-size:9px; }.preview-tabs button.active { color:white; border-bottom:2px solid #a675f2; }.live-art { height:318px; border-radius:11px; overflow:hidden; position:relative; background:linear-gradient(155deg,#12465d,#172a32 42%,#312628 78%); padding:20px; isolation:isolate; }.live-art:after { content:""; position:absolute; z-index:-1; inset:auto 0 0; height:55%; background:linear-gradient(transparent,#080a0de8); }.live-art>img:not(.art-logo) { position:absolute; z-index:-2; right:-18px; bottom:-18px; width:78%; height:97%; object-fit:cover; object-position:center; filter:saturate(.85) contrast(1.05); clip-path:polygon(11% 0,100% 0,100% 100%,0 100%); }.live-copy { display:flex; flex-direction:column; align-items:flex-start; position:relative; z-index:2; text-shadow:0 2px 10px #000; }.live-copy>span { font-size:14px; font-weight:900; }.live-copy>span i { display:inline-block; width:11px; height:11px; border-radius:50%; background:var(--red); }.live-copy>strong { font-size:34px; line-height:.94; max-width:220px; margin:8px 0 14px; }.live-copy small { font-size:9px; font-weight:800; line-height:1.35; }.live-copy em { font-size:11px; font-style:normal; font-weight:900; background:#e54243; padding:5px 7px; margin-top:12px; }.art-logo { position:absolute; left:18px; bottom:12px; width:190px; height:auto; }.secondary-btn { width:100%; height:41px; margin:11px 0 14px; border:1px solid #3e454c; border-radius:8px; background:#111519; color:#e1e4e6; font-size:9px; }.generated-copy,.publish-box { background:#12171b; border:1px solid #272d33; border-radius:11px; padding:13px; margin-bottom:12px; }.generated-copy>div { display:flex; justify-content:space-between; align-items:center; color:#9f79e9; font-size:8px; font-weight:800; letter-spacing:.06em; }.generated-copy button { border:0; background:none; color:#b79ae9; font-size:8px; }.generated-copy p { color:#c4c9ce; font-size:9px; line-height:1.5; }.generated-copy p strong { color:white; }.hashes { color:#a47ae9; font-size:8px; }.publish-box>span { font-size:8px; color:var(--muted); }.platform-list { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }.platform-list .platform { width:auto; border-radius:7px; padding:5px 8px; gap:5px; font-size:7px; }.platform-list .platform b { font-size:8px; }
.automation-card { display:flex; align-items:center; gap:12px; padding:15px; border:1px solid #215d40; border-radius:13px; background:linear-gradient(145deg,#143725,#101a16); }.automation-icon { width:39px; height:39px; border-radius:10px; display:grid; place-items:center; color:#65e69b; background:#25b96926; font-size:20px; }.automation-card>div:nth-child(2) { flex:1; }.automation-card strong,.automation-card span { display:block; }.automation-card strong { font-size:11px; }.automation-card span { color:#78c99a; font-size:8px; margin-top:4px; }.toggle input { display:none; }.toggle i { display:block; width:34px; height:20px; border-radius:20px; background:#6f767d; position:relative; }.toggle i:after { content:""; width:16px; height:16px; border-radius:50%; position:absolute; left:2px; top:2px; background:white; }.toggle input:checked+i { background:#29bd6d; }.toggle input:checked+i:after { left:16px; }.mini-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin:15px 0 24px; }.mini-stats>div,.metric-grid>div { border:1px solid var(--line); background:#12171b; border-radius:10px; padding:12px; }.mini-stats span,.mini-stats strong { display:block; }.mini-stats span { color:var(--muted); font-size:7px; }.mini-stats strong { font-size:18px; margin-top:7px; }.chart-card,.analytics-card { margin:12px 0 23px; padding:14px; border:1px solid var(--line); border-radius:11px; background:#11161a; }.chart-bars { height:110px; display:flex; align-items:flex-end; gap:10px; border-bottom:1px solid #30363b; }.chart-bars i { flex:1; border-radius:3px 3px 0 0; background:linear-gradient(#a06cf2,#7043c2); }.chart-card>div:last-child { display:flex; justify-content:space-between; color:#6e7780; font-size:7px; margin-top:7px; }.roomy { margin-top:4px; }.draft-card { margin-top:16px; display:flex; align-items:center; border:1px dashed #424950; border-radius:10px; padding:14px; }.draft-card>div { flex:1; }.draft-card span,.draft-card strong,.draft-card small { display:block; }.draft-card span { color:#a881ef; font-size:7px; font-weight:800; }.draft-card strong { font-size:10px; margin:6px 0 4px; }.draft-card small { color:var(--muted); font-size:7px; }.select-row { margin-top:-6px; }.content-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-bottom:11px; }.content-summary>div { padding:11px 7px; border-radius:9px; background:#161b1f; border:1px solid var(--line); text-align:center; }.content-summary strong,.content-summary span { display:block; }.content-summary strong { font-size:15px; }.content-summary span { color:#818a92; font-size:7px; margin-top:4px; }
.detail-head { display:flex; gap:12px; align-items:center; padding-bottom:17px; border-bottom:1px solid var(--line); }.detail-head .post-thumb { width:92px; height:78px; flex-basis:92px; }.detail-head>div:last-child { flex:1; }.detail-head>div>strong,.detail-head>div>span { display:block; }.detail-head>div>strong { font-size:12px; }.detail-head>div>span { color:var(--muted); font-size:8px; margin:5px 0 8px; }.metric-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:15px 0; }.metric-grid span,.metric-grid strong,.metric-grid small { display:block; }.metric-grid span { color:#a3abb2; font-size:8px; }.metric-grid strong { font-size:19px; margin:8px 0 4px; }.metric-grid small { color:#48ce7d; font-size:7px; }.bar-row { margin-top:13px; }.bar-row>div { display:flex; justify-content:space-between; font-size:8px; margin-bottom:5px; }.bar-row>div b { font-weight:500; }.bar-row>i { display:block; height:6px; border-radius:6px; overflow:hidden; background:#1d2328; }.bar-row em { display:block; height:100%; border-radius:6px; background:linear-gradient(90deg,#7847d5,#397bea); }.line-chart { height:100px; position:relative; margin-top:12px; background:repeating-linear-gradient(#11161a 0,#11161a 24px,#252b30 25px); overflow:hidden; }.line-chart:after { content:""; position:absolute; left:0; right:0; bottom:20px; height:55px; background:linear-gradient(165deg,transparent 0 17%,#8959e9 18% 20%,transparent 21% 33%,#8959e9 34% 36%,transparent 37% 51%,#8959e9 52% 54%,transparent 55% 67%,#8959e9 68% 70%,transparent 71%); filter:drop-shadow(0 0 5px #8c5bea); }
.publish-success { text-align:center; padding:18px 0 23px; }.publish-success>span { width:48px; height:48px; margin:0 auto 11px; border-radius:50%; display:grid; place-items:center; color:#64e899; background:#2abb6d26; border:1px solid #3ec879; font-size:20px; }.publish-success strong,.publish-success small { display:block; }.publish-success strong { font-size:14px; }.publish-success small { color:var(--muted); margin-top:6px; font-size:8px; }.log-list { margin-bottom:20px; }.log-item { display:flex; align-items:center; gap:11px; padding:15px 3px; border-bottom:1px solid var(--line); }.log-item>.platform { width:27px; height:27px; }.log-item>div { flex:1; }.log-item strong,.log-item small,.log-item em { display:block; }.log-item strong { font-size:10px; }.log-item small { color:#777f87; font-size:7px; margin-top:4px; }.log-item em { color:#5bdc8d; font-size:7px; font-style:normal; margin-top:4px; }.log-item>i { color:#5ee18f; font-style:normal; }.profile-card { display:flex; align-items:center; gap:12px; padding:15px; border:1px solid var(--line); border-radius:13px; background:#13181c; }.mary-avatar { object-fit:cover; border-radius:50%; background:#14488e; border:2px solid #61419c; }.avatar-lg { width:62px; height:62px; }.profile-card>div { flex:1; }.profile-card strong,.profile-card span,.profile-card small { display:block; }.profile-card strong { font-size:13px; }.profile-card span { color:#b38bef; font-size:8px; margin-top:4px; }.profile-card small { color:var(--muted); font-size:7px; margin-top:4px; }.profile-card button { border:1px solid #3b4248; border-radius:7px; background:#171c20; color:#ccd1d5; padding:7px 9px; font-size:7px; }.settings-group { margin-top:22px; }.settings-group h2 { color:#8e68d3; font-size:8px; letter-spacing:.1em; margin:0 0 7px 4px; }.settings-group button { width:100%; min-height:57px; border:0; border-bottom:1px solid var(--line); background:none; color:white; display:flex; align-items:center; gap:11px; text-align:left; }.settings-group button>i { width:31px; height:31px; display:grid; place-items:center; background:#181d22; color:#b28af0; border-radius:9px; font-style:normal; }.settings-group button>div { flex:1; }.settings-group strong,.settings-group span { display:block; }.settings-group strong { font-size:10px; }.settings-group span { color:var(--muted); font-size:7px; margin-top:4px; }.settings-group button>b { color:#8c959d; font-size:18px; }.logout { width:100%; margin-top:24px; border:1px solid #542d32; border-radius:9px; background:#32191c; color:#f66d73; height:42px; font-size:9px; }.version { text-align:center; color:#525b64; font-size:7px; margin:13px 0 0; }
.big-action { width:100%; border:0; color:white; text-align:left; }
.app-nav .nav-comment-icon { width:20px; height:25px; margin-top:0; border:0; border-radius:0; position:relative; }
.app-nav .nav-comment-icon:before { content:""; position:absolute; left:0; top:1px; width:20px; height:16px; border:2px solid currentColor; border-radius:5px; }
.app-nav .nav-comment-icon:after { content:""; position:absolute; left:4px; top:14px; bottom:auto; width:6px; height:6px; border-left:2px solid currentColor; transform:skew(-28deg); }
.draft-card { width:100%; color:white; background:none; text-align:left; }
.demo-toast { position:fixed; z-index:100; left:50%; bottom:96px; translate:-50%; width:min(330px,calc(100vw - 32px)); padding:11px 14px; border:1px solid #4f765e; border-radius:10px; color:#dff8e8; background:#143421f2; box-shadow:0 12px 35px #0009; text-align:center; font-size:10px; }
.moderation-entry,.moderation-settings { display:flex; align-items:center; gap:12px; padding:13px; border:1px solid #4a3370; border-radius:12px; background:linear-gradient(135deg,#261d35,#15151b); margin:-13px 0 25px; }.moderation-entry>span,.moderation-settings>i { width:38px; height:38px; flex:0 0 38px; border-radius:10px; display:grid; place-items:center; color:#c29cff; background:#8656e42c; font-size:20px; position:relative; font-style:normal; }.moderation-entry>span i { position:absolute; right:-5px; top:-5px; width:16px; height:16px; border-radius:50%; display:grid; place-items:center; background:#e3404b; color:white; font-size:7px; font-style:normal; }.moderation-entry>div,.moderation-settings>div { flex:1; min-width:0; }.moderation-entry strong,.moderation-entry small,.moderation-settings strong,.moderation-settings span { display:block; }.moderation-entry strong,.moderation-settings strong { font-size:10px; }.moderation-entry small,.moderation-settings span { color:#a99cb8; font-size:8px; margin-top:4px; }.moderation-entry>b,.moderation-settings>b { font-size:20px; color:#a9aeb5; }.moderation-settings { margin:12px 0 4px; }
.moderation-head { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:16px; }.moderation-head small { color:#a77bed; font-size:8px; font-weight:800; letter-spacing:.1em; }.moderation-head h1 { font-size:26px; margin:4px 0 5px; }.moderation-head p { color:#858e96; font-size:8px; }.moderation-head p b { color:#d2b7ff; }.history-link { width:46px; height:46px; border:1px solid #30363c; border-radius:10px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#bd9bf4; font-size:16px; }.history-link span { font-size:6px; margin-top:2px; }.sync-card { width:100%; border:1px solid #285942; border-radius:11px; background:linear-gradient(135deg,#163324,#111b16); color:white; padding:12px; display:flex; align-items:center; gap:10px; text-align:left; }.sync-card>i { width:32px; height:32px; border-radius:9px; display:grid; place-items:center; color:#5fe392; background:#26bb6b28; font-style:normal; font-size:17px; }.sync-card>div { flex:1; }.sync-card strong,.sync-card span { display:block; }.sync-card strong { font-size:9px; }.sync-card span { color:#7fc89b; font-size:7px; margin-top:4px; }.sync-card>b { color:#72df9a; font-size:7px; }.comment-search { height:39px; margin-top:13px; border:1px solid #2b3136; background:#13181c; border-radius:9px; display:flex; align-items:center; gap:7px; padding:0 11px; color:#747d85; }.comment-search input { width:100%; border:0; outline:0; background:none; color:white; font-size:9px; }.moderation-filters { display:flex; gap:6px; overflow-x:auto; margin:9px 0 13px; padding-bottom:2px; }.moderation-filters select,.moderation-filters button { min-width:max-content; border:1px solid #2d343a; border-radius:7px; background:#12171b; color:#b2b8be; padding:7px 8px; font-size:7px; }.bulk-bar { position:sticky; z-index:8; top:-26px; display:flex; align-items:center; gap:5px; padding:8px; margin-bottom:7px; border-radius:8px; background:#7142ca; box-shadow:0 8px 20px #0007; }.bulk-bar strong { flex:1; font-size:8px; }.bulk-bar button { border:0; border-radius:5px; padding:5px 7px; color:white; background:#ffffff1e; font-size:7px; }.comment-card { padding:13px 11px; margin-bottom:9px; border:1px solid #272e34; border-radius:11px; background:linear-gradient(145deg,#13181c,#0e1215); box-shadow:inset 3px 0 0 #56606a; }.comment-card.priority-werbung,.comment-card.priority-spam { box-shadow:inset 3px 0 0 #e1a442; }.comment-card.priority-beleidigung,.comment-card.priority-bedrohung,.comment-card.priority-moeglicherweise_rechtswidrig { box-shadow:inset 3px 0 0 #e05259; }.comment-card.priority-frage { box-shadow:inset 3px 0 0 #4c89e5; }.comment-meta { display:flex; align-items:center; gap:7px; }.comment-meta input { accent-color:#8b58e6; }.comment-meta>div { flex:1; }.comment-meta strong,.comment-meta small { display:block; }.comment-meta strong { font-size:9px; }.comment-meta small { color:#78818a; font-size:7px; margin-top:3px; }.comment-status { padding:3px 5px; border-radius:4px; font-size:6px; font-style:normal; background:#31383f; color:#c2c7cb; }.status-neu { background:#2c68b936; color:#7fb3ff; }.status-zur_pruefung { background:#bd84342e; color:#e9b963; }.status-freigegeben,.status-beantwortet { background:#2abf6d2d; color:#6be59c; }.status-ausgeblendet,.status-geloescht { background:#cc42482b; color:#f27b80; }.comment-card>p { margin:10px 0 7px; color:#d1d5d8; font-size:9px; line-height:1.45; }.comment-content { color:#777f87; font-size:7px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.comment-content strong { color:#a9b0b6; }.ai-row { display:flex; align-items:center; gap:7px; margin-top:9px; padding-top:8px; border-top:1px solid #252b30; }.ai-tag { padding:3px 6px; border-radius:4px; color:#c4a6f4; background:#8455d82b; font-size:6px; text-transform:capitalize; }.ai-werbung,.ai-spam { color:#eabb67; background:#d18a2828; }.ai-beleidigung,.ai-bedrohung,.ai-moeglicherweise_rechtswidrig { color:#f27d83; background:#ce3f4628; }.ai-row small { color:#727b83; font-size:6px; }.comment-actions { display:flex; gap:5px; margin-top:9px; overflow-x:auto; }.comment-actions button,.comment-actions a { border:1px solid #333a40; border-radius:6px; background:#171c20; color:#c2c7cb; padding:6px 7px; white-space:nowrap; font-size:7px; }.comment-actions a { margin-left:auto; color:#b895ee; }.reply-box { margin-top:10px; }.reply-box textarea { width:100%; min-height:72px; border:1px solid #3d4650; border-radius:8px; background:#0d1114; color:white; padding:9px; font-size:8px; resize:none; }.reply-box>div { display:flex; justify-content:flex-end; gap:6px; margin-top:6px; }.reply-box button { border:0; border-radius:6px; padding:7px 9px; background:#242a30; color:white; font-size:7px; }.reply-box button:last-child { background:#7d4bd7; }.empty-state { padding:35px 10px; text-align:center; }.empty-state span { width:38px; height:38px; margin:0 auto 9px; border-radius:50%; display:grid; place-items:center; color:#67df94; background:#22b96222; }.empty-state strong,.empty-state small { display:block; }.empty-state strong { font-size:10px; }.empty-state small { color:#7d868e; font-size:7px; margin-top:5px; }.ai-notice { display:flex; gap:9px; margin-top:13px; padding:10px; border:1px solid #42355a; border-radius:9px; background:#1a1522; }.ai-notice>span { width:28px; height:28px; border-radius:7px; display:grid; place-items:center; background:#8151d6; font-size:8px; font-weight:900; }.ai-notice p { color:#9b94a5; font-size:7px; line-height:1.4; }.ai-notice strong { color:#c9bed4; }.history-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-bottom:22px; }.history-summary>div { padding:11px 6px; border:1px solid #292f35; border-radius:9px; background:#13181c; text-align:center; }.history-summary strong,.history-summary span { display:block; }.history-summary strong { font-size:17px; }.history-summary span { color:#808991; font-size:6px; margin-top:4px; }.history-list,.sync-list,.rules-list { margin:9px 0 22px; }.history-list article { display:flex; gap:9px; padding:11px 2px; border-bottom:1px solid #252b30; }.history-list article>i { width:22px; height:22px; border-radius:50%; display:grid; place-items:center; color:#60df91; background:#21b96325; font-style:normal; font-size:8px; }.history-list strong,.history-list span,.history-list small { display:block; }.history-list strong { font-size:9px; }.history-list span { color:#a9b0b6; font-size:7px; margin-top:3px; }.history-list small { color:#68727a; font-size:6px; margin-top:3px; }.sync-list article { display:grid; grid-template-columns:1fr auto; gap:3px; padding:10px; margin-bottom:5px; border-radius:8px; background:#13181c; }.sync-list strong,.sync-list span { font-size:8px; }.sync-list span { color:#62dc90; }.sync-list small { grid-column:1/-1; color:#737c84; font-size:6px; }.rules-list article { display:flex; align-items:center; gap:8px; padding:9px 2px; border-bottom:1px solid #252b30; }.rules-list article>span { width:25px; height:25px; border-radius:7px; display:grid; place-items:center; color:#d1bbfb; background:#8051d52c; font-size:7px; font-weight:900; }.rules-list article>div { flex:1; }.rules-list strong,.rules-list small { display:block; }.rules-list strong { font-size:8px; }.rules-list small { color:#727b83; font-size:6px; margin-top:3px; }.rules-list article>i { color:#56db89; font-style:normal; font-size:7px; }
@media (max-width:520px) { body { background:var(--bg); overflow:hidden; }.stage { height:100dvh; padding:0; display:block; }.phone-app { max-width:none; width:100%; height:100dvh; min-height:0; border:0; border-radius:0; box-shadow:none; padding-top:max(16px,env(safe-area-inset-top)); padding-bottom:calc(74px + env(safe-area-inset-bottom)); }.phone-app:before { display:none; }.status-bar { display:none; }.app-header { height:63px; position:relative; z-index:14; background:#0d1114ed; backdrop-filter:blur(14px); }.app-nav { position:absolute; left:0; right:0; height:calc(74px + env(safe-area-inset-bottom)); padding-bottom:max(8px,env(safe-area-inset-bottom)); }.screen-content { height:calc(100% - 63px); padding-top:24px; }.header-logo { width:min(72vw,270px); } }
@media (max-width:380px) { .screen-content { padding-left:9px; padding-right:9px; }.post-thumb { width:72px; flex-basis:72px; }.post-metrics { gap:12px; }.post-top .platform-icons { display:none; }.dashboard-stats a { padding:13px 10px; }.dashboard-stats span { font-size:10px; }.header-logo { width:235px; } }