@font-face{font-family:Rudaw;src:url(/fonts/Rudaw.ttf)format("truetype");font-display:swap}@font-face{font-family:NRT;src:url(/fonts/NRT-Bd.ttf)format("truetype");font-weight:100 900;font-display:swap}:root{--blue:#1540e5;--blue-soft:#e8edfd;--ink:#0b0f2a;--muted:#6b7290;--line:#e3e6ef;--bg:#f3f5fa;--card:#fff;--green:#12a150;--green-soft:#e6f6ec;--red:#e0323b;--red-soft:#fdecec;--radius:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Rudaw,NRT,Noto Sans Arabic,system-ui,sans-serif;font-size:15px;line-height:1.6}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}h1,h2{margin:0;font-weight:600}h1{font-size:22px}h2{font-size:19px}a{color:var(--blue)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center-load{color:var(--blue);justify-content:center;padding:48px 0;display:flex}.shell{min-height:100vh}.side{background:var(--card);border-inline-end:1px solid var(--line);flex-direction:column;gap:6px;width:248px;padding:20px 14px;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.side nav{flex-direction:column;flex:1;gap:4px;margin-top:18px;display:flex}.brand{align-items:center;gap:10px;padding:0 6px;display:flex}.brand-name{letter-spacing:.2px;font-family:Outfit,system-ui,sans-serif;font-size:18px;font-weight:700}.brand-name.big{font-size:24px}.brand-shop{color:var(--muted);font-size:13px}.nav-item{text-align:start;color:var(--ink);background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;font-size:15px;display:flex}.nav-item:hover{background:var(--bg)}.nav-item.active{background:var(--blue);color:#fff}.nav-item.out{color:var(--muted)}.main{max-width:1100px;margin-inline-start:248px;padding:28px 32px 48px}.topbar,.tabbar{display:none}@media (width<=820px){.side{display:none}.topbar{z-index:5;background:var(--card);border-bottom:1px solid var(--line);padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top));justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.main{padding:18px 16px calc(96px + env(safe-area-inset-bottom));margin:0}.tabbar{inset-inline:0;z-index:5;background:var(--card);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0}.tab{color:var(--muted);background:0 0;border:0;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0;font-size:12px;display:flex}.tab.active{color:var(--blue)}}.page{flex-direction:column;gap:16px;display:flex}.page-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.btn{border:1px solid var(--line);background:var(--card);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:15px;display:inline-flex}.btn:hover:not(:disabled){border-color:#cfd4e2}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover:not(:disabled){background:#1237c6}.btn.danger{color:var(--red)}.btn.small{min-height:36px;padding:0 12px;font-size:14px}.btn.wide{width:100%}.btn.fb{color:#fff;background:#1877f2;border-color:#1877f2;border-radius:14px;min-height:52px;padding:0 26px;font-size:16px}.btn.fb:hover:not(:disabled){background:#0f66d8}.btn.fb svg circle{fill:#fff}.btn.fb svg path{fill:#1877f2}.btn.link{color:var(--muted);background:0 0;border:0;min-height:36px;padding:0 10px;font-size:14px}.btn.link:hover:not(:disabled){color:var(--ink)}.btn.link.danger{color:var(--red);opacity:.8}.icon-btn{width:38px;height:38px;color:var(--muted);background:0 0;border:0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg);color:var(--ink)}.icon-btn.danger:hover{background:var(--red-soft);color:var(--red)}.row-btns{flex-wrap:wrap;gap:10px;display:flex}.row-btns.center{justify-content:center}.row-btns.end{justify-content:flex-end}.one-click{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:36px 18px 18px;display:flex}.one-click .choose{text-align:start;width:100%;max-width:420px}.legal{justify-content:center;gap:18px;font-size:13px;display:flex}.legal a{color:var(--muted);text-decoration:none}.legal a:hover{color:var(--blue)}.form{flex-direction:column;gap:18px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--muted);font-size:14px}.field input,.field textarea,.word-input input{border:1px solid var(--line);background:#fff;border-radius:12px;outline:none;width:100%;padding:11px 14px}.field textarea{resize:vertical;min-height:90px}.field input:focus,.field textarea:focus,.word-input input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.count{color:var(--muted);align-self:flex-end;font-size:12px}.error{background:var(--red-soft);color:var(--red);border-radius:12px;padding:10px 14px;font-size:14px}.error-detail{color:var(--red);opacity:.8;word-break:break-word;margin-top:4px;font-family:system-ui,sans-serif;font-size:12px}.seg{background:#e9ebf2;border-radius:12px;gap:4px;padding:4px;display:flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:8px;padding:9px 10px;font-size:14px;display:inline-flex}.seg button.on{color:var(--ink);background:#fff;box-shadow:0 1px 3px #0b0f2a1a}.platform-seg,.small-seg{max-width:420px}.switch{background:#d4d8e4;border:0;border-radius:99px;flex-shrink:0;width:46px;height:28px;transition:background .2s;position:relative}.switch span{top:3px;background:#fff;border-radius:50%;width:22px;height:22px;transition:inset-inline-start .2s;position:absolute;inset-inline-start:3px;box-shadow:0 1px 3px #0003}.switch.on{background:var(--blue)}.switch.on span{inset-inline-start:21px}.toggle-line{align-items:center;gap:10px;font-size:15px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:#eef0f6;border-radius:99px;align-items:center;gap:4px;padding:2px 10px;font-size:13px;display:inline-flex}.chip button{color:var(--muted);background:0 0;border:0;padding:0;display:inline-flex}.chip.blue{background:var(--blue-soft);color:var(--blue)}.chip.red{background:var(--red-soft);color:var(--red);font-family:system-ui,sans-serif}.post-pic{object-fit:cover;background:#e9ebf2;border-radius:12px;flex-shrink:0;display:block}.post-pic.empty{background:linear-gradient(135deg,#e9ebf2,#dde1ec)}.ok-line,.bad-line{align-items:center;gap:6px;font-size:14px;display:inline-flex}.ok-line{color:var(--green)}.bad-line{color:var(--red)}.empty{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:40px 18px;display:flex}.auth{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.auth-card{background:var(--card);border:1px solid var(--line);border-radius:22px;flex-direction:column;gap:16px;width:100%;max-width:400px;padding:28px 22px;display:flex}.auth-brand{flex-direction:column;align-items:center;gap:10px;margin-bottom:6px;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.stat:first-child{background:var(--blue);border-color:var(--blue);color:#fff}.stat:first-child .stat-label{color:#fffc}.stat-num{font-family:Outfit,system-ui,sans-serif;font-size:28px;font-weight:600;line-height:1.2}.stat-label{color:var(--muted);font-size:13px}.connect-first{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:48px 18px;display:flex}.logos{gap:12px;display:flex}.rules{flex-direction:column;gap:10px;display:flex}.rule{align-items:center;gap:14px;padding:12px;display:flex}.rule.off{opacity:.6}.rule-pic{flex-shrink:0;position:relative}.rule-platform{bottom:-4px;background:#fff;border-radius:50%;padding:2px;display:flex;position:absolute;inset-inline-end:-4px}.rule-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.rule-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.rule-side{flex-shrink:0;align-items:center;gap:16px;display:flex}.rule-sent{flex-direction:column;align-items:center;min-width:56px;display:flex}.rule-sent b{font-family:Outfit,system-ui,sans-serif;font-size:20px;line-height:1.2}.rule-sent span{color:var(--muted);font-size:12px}.rule-actions{align-items:center;gap:2px;display:flex}.rule-actions .switch{margin-inline-end:6px}@media (width<=640px){.stats{gap:8px}.stat{padding:12px}.stat-num{font-size:22px}.stat-label{font-size:12px}.rule{flex-wrap:wrap}.rule-pic .post-pic{width:60px!important;height:60px!important}.rule-side{border-top:1px solid var(--line);justify-content:space-between;width:100%;padding-top:10px}.rule-sent{flex-direction:row;align-items:baseline;gap:6px}.page-head h1{font-size:19px}}.linked{grid-template-columns:1fr 1fr;gap:12px;display:grid}.linked-item{align-items:center;gap:12px;padding:14px;display:flex}.linked-item .post-pic{border-radius:50%}.linked-text{min-width:0}.linked-title{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-weight:600;display:flex;overflow:hidden}.kv{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.kv:last-child{border-bottom:0}.kv>span{color:var(--muted);font-size:14px}.kv b{font-weight:600}.missing{flex-direction:column;gap:8px;padding-top:10px;display:flex}.copy-row{flex-direction:column;gap:6px;display:flex}.copy-row+.copy-row{margin-top:14px}.copy-label{color:var(--muted);font-size:14px}.copy-box{background:var(--bg);border-radius:12px;align-items:center;gap:6px;padding:6px 6px 6px 14px;display:flex}.copy-box code{overflow-wrap:anywhere;text-align:left;flex:1;min-width:0;font-family:ui-monospace,Menlo,monospace;font-size:13px}.choose{flex-direction:column;gap:8px;display:flex}.choose-title{color:var(--muted);font-size:14px}.choose-item{border:1px solid var(--line);text-align:start;background:#fff;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;display:flex}.choose-item:hover{border-color:var(--blue)}.choose-item .post-pic{border-radius:50%}@media (width<=640px){.linked{grid-template-columns:1fr}}.post-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.post-tile{background:var(--card);text-align:start;box-shadow:0 0 0 1px var(--line);border:2px solid #0000;border-radius:14px;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.post-tile:hover{border-color:var(--blue)}.post-tile .post-pic{aspect-ratio:1;border-radius:0;width:100%}.post-tile-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;height:3em;margin:8px 10px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.post-tile.taken{opacity:.7}.taken-badge{top:8px;background:var(--green);color:#fff;border-radius:99px;align-items:center;gap:3px;padding:1px 8px;font-size:12px;display:inline-flex;position:absolute;inset-inline-start:8px}@media (width<=640px){.post-grid{grid-template-columns:repeat(2,1fr)}}.picked{align-items:center;gap:14px;padding:12px;display:flex}.picked-body{flex:1;min-width:0}.picked-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.picked-meta{color:var(--muted);align-items:center;gap:10px;margin-top:4px;font-size:13px;display:flex}.word-input{gap:8px;display:flex}.sends{flex-direction:column;gap:8px;display:flex}.send{align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.avatar{width:40px;height:40px;color:var(--muted);background:#e9ebf2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.send-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.send-top{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.send-top b{font-weight:600}.send-time{color:var(--muted);margin-inline-start:auto;font-size:12px}.send-comment{font-size:14px}.send-post{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.send-state{flex-shrink:0;padding-top:2px}@media (width<=640px){.send{flex-wrap:wrap}.send-state{width:100%;padding-inline-start:52px}}