:root{color-scheme:light;--bg:#f5f6f2;--surface:#fff;--surface-alt:#eef2ec;--text:#1c2821;--muted:#778078;--line:#e2e8e0;--green:#287452;--green-dark:#1f6043;--green-pale:#e6f0e8;--lavender:#eee9f6;--peach:#f8eadb;--shadow:0 14px 38px #203b2d0b}
body.dark,:root.dark{color-scheme:dark;--bg:#111813;--surface:#19221b;--surface-alt:#202b22;--text:#edf3ed;--muted:#a5b0a7;--line:#303c32;--green:#8bc49c;--green-dark:#a2d2af;--green-pale:#263a2b;--lavender:#302b3a;--peach:#3b3026;--shadow:0 16px 40px #0003}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text);font-family:'IBM Plex Sans Arabic',sans-serif;line-height:1.75;transition:background .2s,color .2s}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}.container{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{min-height:72px;display:flex;align-items:center;gap:35px}.brand{display:flex;gap:10px;align-items:center;font-size:1.12rem;font-weight:700;white-space:nowrap}.brand-mark{width:38px;height:38px;border-radius:13px;background:var(--green);display:grid;place-items:center;color:white;font-size:1.25rem;transform:rotate(-5deg)}.nav-links{display:flex;align-items:center;gap:25px;color:var(--muted);font-size:.9rem}.nav-links a:hover,.nav-links a.active{color:var(--green);font-weight:600}.nav-actions{margin-inline-start:auto;display:flex;gap:9px;align-items:center}.icon-button,.menu-button{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:grid;place-items:center;cursor:pointer}.icon-button:hover{color:var(--green);border-color:var(--green)}.menu-button{display:none}.menu-button svg{width:19px;height:19px}.theme-symbol{font-size:1.05rem}.mini-avatar,.avatar{display:grid;place-items:center;border-radius:50%;background:#dce9db;color:#31543b;font-weight:700}.mini-avatar{width:39px;height:39px}.avatar{width:44px;height:44px;flex:none}.avatar-alt{background:#efe3c7;color:#76602d}
.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:55px;padding:63px 0 28px}.eyebrow,.overline{color:var(--green);font-size:.78rem;font-weight:700;letter-spacing:.025em}.eyebrow:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#eda466;margin-inline-end:9px}.hero h1{font-size:clamp(2.6rem,5.3vw,4.2rem);line-height:1.25;letter-spacing:-.04em;margin:12px 0}.accent{color:var(--green)}.hero-copy>p,.page-heading>p{max-width:56ch;color:var(--muted);font-size:1rem;margin:0 0 23px}.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;padding:10px 17px;border-radius:12px;cursor:pointer;font-weight:600;font-size:.86rem;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.primary{background:var(--green);color:white}.primary:hover{background:var(--green-dark)}.secondary{border-color:var(--line);background:var(--surface)}.secondary:hover{border-color:var(--green);color:var(--green)}.hero-art{position:relative;min-height:290px;overflow:hidden;border-radius:25px;background:#dceadf;color:#244c34;display:flex;align-items:center;padding:35px}.hero-art:before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#ffffff40,transparent 58%)}.art-orbit{position:absolute;border:1px solid #3e76512e;border-radius:50%;width:300px;height:300px;top:-122px;inset-inline-end:-50px}.orbit-b{width:220px;height:220px;top:-83px;inset-inline-end:-10px}.hero-sticker{position:absolute;inset-inline-end:35px;bottom:24px;font-size:3.7rem;color:#39744d}.hero-art-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px}.hero-art-copy small{font-size:.78rem;color:#607b66}.hero-art-copy strong{font-size:2rem;line-height:1.4}.hero-art-copy span{font-size:.8rem;color:#607b66}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:17px 0 57px}.quick-stats>div{display:flex;align-items:center;gap:14px;padding:16px 20px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.quick-stats b{font:800 1.35rem Manrope,sans-serif;color:var(--green)}.quick-stats span{font-size:.8rem;color:var(--muted)}
.section-block{margin:0 0 57px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2,.page-heading h1{font-size:1.75rem;line-height:1.4;margin:3px 0}.section-heading p{color:var(--muted);font-size:.86rem;margin:0}.inline-link,.card-link{color:var(--green);font-size:.83rem;font-weight:600;white-space:nowrap}.inline-link span,.card-link span{margin-inline-start:4px}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.app-card{padding:19px;background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);transition:transform .2s,border-color .2s}.app-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--green) 40%,var(--line))}.app-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.app-symbol{width:48px;height:48px;border-radius:15px;background:var(--green-pale);color:var(--green);display:grid;place-items:center;font-size:1.5rem}.app-symbol.violet{background:var(--lavender);color:#7663a2}.app-symbol.peach{background:var(--peach);color:#aa7043}.pill{border:1px solid var(--line);border-radius:999px;padding:4px 9px;font:500 .68rem Manrope,sans-serif;color:var(--muted);direction:ltr}.app-card h2,.app-card h3{font-size:1rem;margin:0 0 5px}.app-card>p{font-size:.82rem;color:var(--muted);line-height:1.9;margin:0 0 15px;min-height:62px}.card-link{display:inline-block;padding-top:12px;border-top:1px solid var(--line);width:100%}.full-grid .app-card{display:flex;flex-direction:column;min-height:265px;padding:22px}.full-grid .app-card>p{min-height:unset;margin-bottom:18px}.card-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.72rem;margin-top:auto;padding:12px 0;border-top:1px solid var(--line)}.card-button{width:100%;margin-top:4px}.social-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px 30px;margin:0 0 50px;border-radius:19px;background:var(--green);color:#fff}.social-banner h2{font-size:1.4rem;margin:3px 0}.social-banner p{font-size:.83rem;color:#ffffffc9;margin:0}.social-banner .overline{color:#d6eadb}.light-button{color:#24543a;background:#fff;border-color:#fff;white-space:nowrap}.latest-post{display:grid;grid-template-columns:100px 1fr 30px;align-items:center;gap:18px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);transition:border-color .2s}.latest-post:hover{border-color:var(--green)}.latest-date{font:700 1.45rem Manrope,sans-serif;color:var(--green);text-align:center}.latest-date small{display:block;font:400 .7rem 'IBM Plex Sans Arabic',sans-serif;color:var(--muted)}.latest-post b,.latest-post>span:nth-child(2)>small{display:block}.latest-post b{font-size:.9rem}.latest-post>span:nth-child(2)>small{color:var(--muted);font-size:.78rem;margin-top:5px}.latest-arrow{color:var(--green)}
.page-main{min-height:65vh;padding-top:42px;padding-bottom:60px}.page-heading{margin-bottom:27px}.page-heading h1{font-size:2.3rem;margin:4px 0}.page-heading>p{margin:0;max-width:65ch}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);border-radius:999px;background:var(--surface);padding:7px 13px;color:var(--muted);font-size:.78rem;cursor:pointer}.filter:hover,.filter.active{background:var(--green);border-color:var(--green);color:white}.filter span{opacity:.75;margin-inline-start:4px}.searchbox{width:min(260px,100%);position:relative}.searchbox>span{position:absolute;inset-inline-start:12px;top:4px;font-size:1.4rem;color:var(--muted)}.searchbox input{width:100%;padding-block:9px;padding-inline:37px 12px;background:var(--surface);border:1px solid var(--line);border-radius:11px;outline:0;font-size:.82rem}.searchbox input:focus{border-color:var(--green)}.empty-state{grid-column:1/-1;padding:28px;text-align:center;border:1px dashed var(--line);border-radius:15px;color:var(--muted)}.notice{display:flex;align-items:center;gap:12px;margin-top:20px;padding:12px 15px;border-radius:12px;background:var(--surface-alt);color:var(--muted);font-size:.78rem}.notice>span{color:var(--green);font-weight:700}.notice p{margin:0}.breadcrumbs{display:flex;gap:8px;color:var(--muted);font-size:.78rem;margin-bottom:23px}.breadcrumbs a:hover{color:var(--green)}.detail-hero{display:flex;align-items:center;gap:24px;padding:25px;border-radius:19px;background:var(--green-pale);margin-bottom:20px}.detail-icon{width:88px;height:88px;flex:none;border-radius:25px;background:var(--surface);display:grid;place-items:center;color:var(--green);font-size:2.6rem}.detail-copy h1{font-size:2rem;margin:2px 0}.detail-copy p{color:var(--muted);max-width:60ch;margin:0 0 15px}.detail-buttons{display:flex;gap:9px;flex-wrap:wrap}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:17px}.detail-content{display:grid;gap:15px}.content-panel{padding:21px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.content-panel h2{font-size:1.1rem;margin:2px 0 9px}.content-panel p{font-size:.86rem;color:var(--muted);line-height:2;margin:0}.feature-list{margin:10px 0 0;padding-inline-start:22px;color:var(--muted);font-size:.85rem}.feature-list li{padding:4px 0}.specs dl{margin:10px 0 0}.specs dl>div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.8rem}.specs dt{color:var(--muted)}.specs dd{font-weight:600;margin:0}.compact-notice{font-size:.73rem;margin-top:15px;padding:10px}
.feed-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px;align-items:start}.feed-column{min-width:0}.feed{display:grid;gap:15px}.composer,.post-card{padding:17px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.composer{margin-bottom:15px}.composer-top{display:flex;gap:11px;align-items:center}.composer textarea{flex:1;min-height:55px;resize:vertical;border:0;outline:0;background:transparent;padding:8px 0;font-size:.87rem}.composer textarea::placeholder{color:var(--muted)}.composer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:11px;margin-top:9px;color:var(--muted);font-size:.75rem}.composer-bottom .button{padding:7px 14px}.post-head{display:flex;align-items:center;gap:10px}.post-person{flex:1}.post-person b,.post-person small{display:block}.post-person b{font-size:.86rem}.post-person small{font-size:.72rem;color:var(--muted)}.more{border:0;background:transparent;color:var(--muted);font-size:1.25rem;cursor:pointer}.post-body{font-size:.88rem;line-height:2;margin:14px 0}.post-body a{color:var(--green);font-weight:600}.post-visual{min-height:165px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#dceadf,#eff4eb);color:#31543a}.post-visual span{font-size:1.35rem;font-weight:700}.post-visual small{font-size:.75rem;color:#67806a}.visual-peach{background:linear-gradient(135deg,#f7e4d2,#f6d5b8);color:#704b31}.visual-peach small{color:#856c56}.post-counts{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:.74rem}.post-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding-top:9px}.post-actions button{border:0;border-radius:9px;background:transparent;padding:8px;color:var(--muted);font-size:.79rem;cursor:pointer}.post-actions button:hover,.post-actions button.liked{color:var(--green);background:var(--green-pale)}.comment-form{display:none;gap:7px;margin-top:10px}.comment-form.open{display:flex}.comment-form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--bg);padding:8px 11px;font-size:.78rem;outline:0}.comment-form button{border:0;border-radius:10px;padding:7px 12px;background:var(--green);color:#fff;font-size:.76rem;cursor:pointer}.comments{color:var(--muted);font-size:.78rem}.comment-entry{padding:7px 9px;margin-top:7px;background:var(--surface-alt);border-radius:9px}.feed-aside{display:grid;gap:14px}.feed-aside .content-panel{padding:18px}.feed-aside .content-panel h2{margin-top:5px}.feed-aside .content-panel p{font-size:.8rem;margin:6px 0 12px}
.profile-card{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:26px;padding:27px;border:1px solid var(--line);border-radius:19px;background:var(--surface);box-shadow:var(--shadow)}.profile-avatar{width:145px;height:145px;border-radius:38px;background:var(--green-pale);display:grid;place-items:center;color:var(--green);font-size:4rem;font-weight:700}.profile-card h2{font-size:1.75rem;margin:3px 0}.profile-card p{color:var(--muted);font-size:.9rem;max-width:70ch}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:17px}.about-columns .content-panel{padding:23px}.skill-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.skill-pills span{padding:5px 10px;border-radius:8px;background:var(--surface-alt);font-size:.72rem;color:var(--muted)}.social-links{display:grid;gap:8px;margin-top:14px}.social-links>a{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid var(--line);border-radius:11px;transition:border-color .15s}.social-links>a:hover{border-color:var(--green)}.social-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;color:white;font:700 .8rem Manrope,sans-serif}.social-icon.ig{background:linear-gradient(135deg,#7d50bd,#ed7567,#f4ba64)}.social-icon.tg{background:#36a9df}.social-icon.yt{background:#e7473e}.social-icon.x{background:#202124}.social-icon.in{background:#0a66c2}.social-icon.fb{background:#1877f2}.social-icon.wa{background:#25d366}.social-links b,.social-links small{display:block}.social-links b{font-size:.78rem}.social-links small{font: .67rem Manrope,sans-serif;color:var(--muted)}.external{margin-inline-start:auto;color:var(--muted)}
.site-footer{border-top:1px solid var(--line);padding:20px 0 27px;color:var(--muted);font-size:.76rem}.footer-inner{display:flex;justify-content:space-between;gap:14px}.toast{position:fixed;z-index:20;bottom:20px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;padding:10px 16px;border-radius:11px;background:var(--text);color:var(--bg);font-size:.8rem;box-shadow:var(--shadow);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(max-width:850px){.nav{gap:22px}.nav-links{gap:15px}.hero{gap:25px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feed-layout{grid-template-columns:minmax(0,1fr) 245px}}
@media(max-width:680px){.container{width:calc(100% - 28px)}.nav{min-height:64px}.nav-links{display:none;position:absolute;top:63px;inset-inline:14px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:9px 10px}.menu-button{display:grid}.mini-avatar{display:none}.hero{grid-template-columns:1fr;padding-top:38px;gap:22px}.hero h1{font-size:2.7rem}.hero-art{min-height:230px}.quick-stats{gap:7px;margin-bottom:43px}.quick-stats>div{padding:11px 9px;gap:7px;flex-direction:column;align-items:flex-start}.quick-stats b{font-size:1.13rem}.quick-stats span{font-size:.67rem}.section-heading h2{font-size:1.45rem}.section-heading p{font-size:.78rem}.app-grid{grid-template-columns:1fr}.app-card>p{min-height:unset}.social-banner{align-items:flex-start;flex-direction:column;padding:22px}.latest-post{grid-template-columns:70px 1fr 20px;gap:10px;padding:14px}.toolbar{align-items:stretch;flex-direction:column}.searchbox{width:100%}.detail-layout,.feed-layout{grid-template-columns:1fr}.feed-aside{grid-template-columns:1fr 1fr}.detail-hero{align-items:flex-start;padding:17px;gap:15px}.detail-icon{width:67px;height:67px;border-radius:19px;font-size:2rem}.detail-copy h1{font-size:1.55rem}.profile-card{grid-template-columns:1fr;text-align:center;justify-items:center}.profile-card .button-row{justify-content:center}.about-columns{grid-template-columns:1fr}.footer-inner{align-items:center;flex-direction:column;text-align:center}}
@media(max-width:420px){.quick-stats>div{align-items:center;text-align:center}.quick-stats span{max-width:85px}.section-heading .inline-link{font-size:.75rem}.page-heading h1{font-size:2rem}.filters{gap:6px}.filter{padding:6px 10px;font-size:.72rem}.feed-aside{grid-template-columns:1fr}.detail-buttons .button{font-size:.76rem;padding:9px 11px}.post-card,.composer{padding:13px}}
.demo-badge{display:inline-flex;align-items:center;width:max-content;padding:.28rem .65rem;border:1px solid var(--line);border-radius:999px;background:var(--green-pale);color:var(--green);font-size:.7rem;font-weight:600;line-height:1.5}.app-card>.demo-badge{margin-block-end:.6rem}.post-head>.demo-badge{margin-inline-start:auto}.latest-post .demo-badge{margin-block-end:.4rem}.detail-copy>.demo-badge{margin-block:.35rem}.detail-category{display:block;margin:.3rem 0 .6rem;color:var(--muted);font-size:.82rem}.release-list{display:grid;gap:.8rem;margin-block-start:.8rem}.release-card{padding:.8rem;border:1px solid var(--line);border-radius:12px}.release-card.selected{border-color:var(--green)}.release-option{display:flex;align-items:center;justify-content:space-between;gap:.7rem;width:100%;min-height:44px;padding:.65rem;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);text-align:start}.release-option[aria-pressed]{cursor:pointer}.release-option[aria-pressed="true"]{border-color:var(--green);background:var(--green-pale)}.release-option:focus-visible,.checksum-copy:focus-visible{outline:2px solid var(--green);outline-offset:2px}.release-meta{display:flex;flex-wrap:wrap;gap:.5rem;color:var(--muted);font-size:.76rem}.release-option .demo-badge{flex:none}.release-changelog{display:grid;gap:.25rem;margin-block-start:.75rem}.release-changelog p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.8}.release-checksum{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-block-start:.75rem}.release-checksum code{max-width:100%;overflow-wrap:anywhere;color:var(--text);font-size:.75rem}.checksum-copy{min-height:44px;padding:.5rem .75rem;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);cursor:pointer}.release-empty{margin:0;color:var(--muted);font-size:.85rem}.screenshot-gallery{display:flex;gap:.75rem;overflow-x:auto;padding-block:.75rem}.screenshot-item{position:relative;flex:0 0 min(75vw,18rem);margin:0}.screenshot-item img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;border:1px solid var(--line);border-radius:12px;background:var(--surface-alt)}.screenshot-item .demo-badge{position:absolute;inset-block-start:.5rem;inset-inline-start:.5rem}.screenshot-placeholder{display:grid;min-block-size:11rem;place-items:center;padding:1rem;border:1px dashed var(--line);border-radius:12px;background:var(--surface-alt);color:var(--muted);text-align:center;font-size:.82rem}#downloadButton:disabled{cursor:not-allowed;opacity:.65;transform:none}

.post-title{font-size:1.05rem;margin:14px 0 0}.post-title a{color:var(--text)}.post-title a:hover{color:var(--green)}.post-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-block-start:.65rem}.post-tag{display:inline-flex;padding:.22rem .6rem;border:1px solid var(--line);border-radius:999px;background:var(--surface-alt);color:var(--muted);font-size:.72rem}.post-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-end:15px}.post-detail h1{font-size:1.8rem;margin:.55rem 0}.post-detail-byline{display:flex;flex-wrap:wrap;gap:.25rem;color:var(--muted);font-size:.78rem}.post-detail-body{white-space:pre-wrap;line-height:2;color:var(--text);margin:18px 0}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.contact-form{display:grid;gap:14px}.contact-disclaimer{align-items:flex-start;margin:0}.form-field{display:grid;gap:6px}.form-field label{font-size:.82rem;font-weight:600}.form-field input,.form-field textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:.86rem}.form-field textarea{resize:vertical}.form-field input:focus-visible,.form-field textarea:focus-visible{outline:2px solid var(--green);outline-offset:2px}.field-error{color:var(--muted);font-size:.76rem}.form-status{margin:0}.contact-info{display:grid;gap:10px;margin-block-start:14px}.contact-info-item{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:11px}.contact-info-item p{margin:0}.not-found-page{text-align:center}.not-found-page h1{font-size:2rem}.not-found-page .button{margin-block-start:10px}
@media(max-width:680px){.contact-layout{grid-template-columns:1fr}}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--green);outline-offset:2px}
@media(max-width:680px){button,.button,.brand,.nav-links a,.inline-link,.card-link,.latest-post,.social-links>a,.post-title a,.post-body a,.breadcrumbs a,#detailEmpty a,#postNotFound a{min-inline-size:44px;min-block-size:44px}.inline-link,.card-link,.post-title a,.post-body a,#detailEmpty a,#postNotFound a{display:inline-flex;align-items:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.owner-login-form{display:grid;gap:14px;max-width:560px;margin-inline:auto}.owner-login-form .button{min-block-size:44px}.owner-page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.admin-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-block-end:16px}.admin-tabs .filter{min-block-size:44px}.owner-panel{padding:22px}.admin-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-panel-heading h2{margin:.25rem 0}.owner-status{min-block-size:1.5em;margin:.5rem 0;color:var(--muted);font-size:.82rem}.owner-status.error{color:var(--text)}.owner-message-list{display:grid;gap:12px}.owner-message{display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.owner-message.is-read{background:var(--surface-alt)}.owner-message-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.owner-message-heading>div{display:grid;gap:2px}.owner-message-heading time,.owner-message-contact{color:var(--muted);font-size:.76rem}.owner-message h3,.owner-message p{margin:0}.owner-message-body{white-space:pre-wrap;overflow-wrap:anywhere}.owner-message .button{min-block-size:44px}.owner-record-layout{display:grid;grid-template-columns:minmax(200px,.75fr) minmax(0,1.25fr);gap:16px}.owner-record-list{display:grid;align-content:start;gap:7px;max-height:70vh;overflow:auto}.owner-record-item{min-block-size:44px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-align:start;cursor:pointer;overflow-wrap:anywhere}.owner-record-item[aria-pressed=true]{border-color:var(--green);background:var(--green-pale)}.owner-json-form{display:grid;align-content:start;gap:9px}.owner-json-form label{font-size:.84rem;font-weight:600}.owner-json-form textarea{width:100%;min-height:20rem;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);font: .8rem/1.6 ui-monospace,Consolas,monospace;direction:ltr;text-align:left;resize:vertical}.owner-json-form small{color:var(--muted);font-size:.76rem}.owner-json-form .button{min-block-size:44px}
@media(max-width:680px){.owner-panel{padding:15px}.owner-page-heading{align-items:flex-start}.owner-record-layout{grid-template-columns:1fr}.owner-record-list{max-height:14rem}.owner-message-heading{flex-direction:column}}
.owner-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-block-start:16px}.owner-pagination .button{min-inline-size:44px;min-block-size:44px}
.owner-upload-form{display:grid;gap:14px;max-width:680px;margin-block-start:18px}.owner-upload-form input,.owner-upload-form select{min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:.86rem}.owner-upload-form input:focus-visible,.owner-upload-form select:focus-visible{outline:2px solid var(--green);outline-offset:2px}.owner-upload-form .button{min-block-size:44px}.owner-upload-form input[readonly]{direction:ltr;text-align:left}
.post-visual-image{display:block;width:100%;max-height:420px;object-fit:cover;border-radius:inherit}

/* === Multi-language & LTR Tuning === */
html[dir="ltr"] body {
  font-family: 'Manrope', 'IBM Plex Sans Arabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
html[dir="ltr"] .hero-copy .button-row a span[aria-hidden="true"],
html[dir="ltr"] .section-heading a span,
html[dir="ltr"] .inline-link span,
html[dir="ltr"] .latest-arrow {
  display: inline-block;
  transform: scaleX(-1);
}

/* Language Switcher */
.lang-dropdown { position: relative; }
.lang-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 40px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface);
  color: var(--text);
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color .15s, color .15s;
}
.lang-btn:hover { border-color: var(--green); color: var(--green); }
.lang-menu {
  position: absolute;
  top: calc(100% + 8px);
  inset-inline-end: 0;
  z-index: 50;
  min-width: 150px;
  padding: 6px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: var(--shadow);
  display: none;
  flex-direction: column;
  gap: 3px;
}
.lang-menu.open { display: flex; }
.lang-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--text);
  font-size: 0.82rem;
  text-align: start;
  cursor: pointer;
  transition: background .15s, color .15s;
}
.lang-item:hover { background: var(--surface-alt); color: var(--green); }
.lang-item.active { background: var(--green-pale); color: var(--green); font-weight: 700; }

/* User Auth Button & Avatar in Header */
.user-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 40px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface);
  color: var(--text);
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color .15s, color .15s;
  white-space: nowrap;
}
.user-btn:hover { border-color: var(--green); color: var(--green); }
.user-avatar-badge {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--green);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 0.72rem;
  font-weight: 700;
}

/* Modal Backdrops & Dialogs */
.modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 100;
  background: rgba(17, 24, 19, 0.55);
  backdrop-filter: blur(6px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
}
.modal-overlay.open { opacity: 1; pointer-events: auto; }
.modal-dialog {
  width: min(480px, 100%);
  max-height: 90vh;
  overflow-y: auto;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 22px;
  box-shadow: var(--shadow);
  padding: 28px;
  position: relative;
  transform: translateY(16px) scale(0.98);
  transition: transform .25s ease;
}
.modal-overlay.open .modal-dialog { transform: translateY(0) scale(1); }
.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
.modal-header h3 { margin: 0; font-size: 1.25rem; color: var(--text); }
.modal-close {
  width: 34px;
  height: 34px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--surface);
  color: var(--muted);
  display: grid;
  place-items: center;
  cursor: pointer;
  font-size: 1.2rem;
  transition: color .15s, border-color .15s;
}
.modal-close:hover { color: var(--text); border-color: var(--text); }
.modal-desc {
  color: var(--muted);
  font-size: 0.85rem;
  line-height: 1.7;
  margin: 0 0 20px;
}

/* Google Sign-in Button */
.btn-google {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  min-height: 46px;
  padding: 10px 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface);
  color: var(--text);
  font-size: 0.88rem;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s, border-color .15s, transform .15s;
}
.btn-google:hover {
  border-color: var(--green);
  background: var(--surface-alt);
  transform: translateY(-1px);
}
.btn-google svg { width: 20px; height: 20px; flex: none; }
.modal-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 20px 0;
  color: var(--muted);
  font-size: 0.75rem;
}
.modal-divider::before, .modal-divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--line);
}

/* Web App Runner Frame */
.runner-dialog {
  width: min(1080px, 95vw);
  height: 85vh;
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
  border-radius: 20px;
}
.runner-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 18px;
  background: var(--surface-alt);
  border-bottom: 1px solid var(--line);
  gap: 12px;
}
.runner-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.runner-actions { display: flex; align-items: center; gap: 8px; }
.runner-iframe {
  flex: 1;
  width: 100%;
  height: 100%;
  border: 0;
  background: #fff;
}
.runner-dialog.is-fullscreen {
  width: 100vw;
  height: 100vh;
  border-radius: 0;
}

/* Star Ratings & App Reviews */
.reviews-panel { margin-top: 18px; }
.reviews-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 20px;
}
.rating-summary {
  display: flex;
  align-items: center;
  gap: 10px;
}
.rating-score {
  font: 800 2.2rem Manrope, sans-serif;
  color: var(--green);
  line-height: 1;
}
.rating-stars {
  color: #f5a623;
  font-size: 1.15rem;
  letter-spacing: 2px;
}
.rating-count {
  color: var(--muted);
  font-size: 0.8rem;
}
.review-form {
  display: grid;
  gap: 12px;
  padding: 16px;
  border-radius: 14px;
  background: var(--surface-alt);
  margin-bottom: 24px;
}
.star-rating-select {
  display: flex;
  gap: 6px;
  font-size: 1.6rem;
  cursor: pointer;
  color: var(--line);
}
.star-rating-select span {
  transition: color .15s, transform .15s;
}
.star-rating-select span.active,
.star-rating-select span:hover {
  color: #f5a623;
  transform: scale(1.1);
}
.reviews-list {
  display: grid;
  gap: 14px;
}
.review-item {
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--surface);
  display: grid;
  gap: 8px;
}
.review-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.review-user {
  display: flex;
  align-items: center;
  gap: 9px;
  font-weight: 600;
  font-size: 0.88rem;
}
.review-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--green-pale);
  color: var(--green);
  display: grid;
  place-items: center;
  font-size: 0.8rem;
  font-weight: 700;
}
.review-stars {
  color: #f5a623;
  font-size: 0.95rem;
  letter-spacing: 1px;
}
.review-text {
  color: var(--text);
  font-size: 0.86rem;
  line-height: 1.7;
  margin: 0;
}
.review-date {
  color: var(--muted);
  font-size: 0.72rem;
}

/* --- Owner-Exclusive Styling --- */
.user-btn.owner-active {
  border: 1.5px solid var(--green) !important;
  background: rgba(40, 116, 82, 0.08) !important;
  color: var(--green) !important;
  font-weight: 700;
}
.comment-entry.owner-comment {
  border-inline-start: 3px solid var(--green);
  padding-inline-start: 10px;
  background: rgba(40, 116, 82, 0.06);
  border-radius: 6px;
  padding-block: 4px;
}
.owner-pill {
  transition: transform 0.15s ease, background-color 0.15s ease;
}
.owner-pill:hover {
  background: rgba(40, 116, 82, 0.12) !important;
  transform: translateY(-1px);
}

/* Developer In-Page Controls & Rich Facebook-style Comments */
.app-dev-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.comments-container {
  margin-top: 12px;
  border-top: 1px solid var(--line);
  padding-top: 10px;
}
.comment-card {
  transition: background-color 0.15s ease;
}
.comment-card:hover .comment-bubble {
  border-color: var(--green);
}
.btn-delete-post {
  opacity: 0.7;
  transition: opacity 0.15s ease, transform 0.15s ease;
}
.btn-delete-post:hover {
  opacity: 1;
  transform: scale(1.15);
}