:root,[data-theme=night]{--bg: #15140F;--surface: #28251C;--surface-2: #1F1D16;--ink: #EBE3CF;--ink-2: #B5AC93;--muted: #807865;--accent: #E9B647;--on-accent: #15140F;--highlight: #E9B647;--on-surface: #E9D8A8;--line: #3A3528;--brand: #6FBF8F;--maxw: 68rem;--gutter: clamp(1.25rem, 5vw, 3.5rem);--r-sm: 6px;--r: 12px;--r-lg: 20px}[data-theme=day]{--bg: #F4EFE3;--surface: #0F4D45;--surface-2: #E9DEBD;--ink: #1B201C;--ink-2: #3D4A44;--muted: #6E7A6E;--accent: #0F4D45;--on-accent: #F4EFE3;--highlight: #B5772E;--on-surface: #F4EFE3;--line: #C9C0AB;--brand: #0F5C50}:root,html[data-lang=en]{--f-display: "Fraunces", "Times New Roman", serif;--f-body: "IBM Plex Sans", system-ui, sans-serif}html[data-lang=ar]{--f-display: "Amiri", "Scheherazade New", serif;--f-body: "IBM Plex Sans Arabic", "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:18px;line-height:1.7;-webkit-text-size-adjust:100%;scroll-behavior:smooth}html[data-lang=ar],html[data-lang=ar] body{line-height:1.95}html[data-lang=ar] h1,html[data-lang=ar] h2,html[data-lang=ar] h3{line-height:1.35}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}body{margin:0;min-height:100vh;font-feature-settings:"kern" 1;text-rendering:optimizeLegibility}html[data-lang=ar] [lang=en],html[data-lang=en] [lang=ar]{display:none!important}a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,var(--highlight) 70%,transparent)}a:hover{text-decoration-color:currentColor}:focus-visible{outline:3px solid var(--highlight);outline-offset:2px;border-radius:2px}h1,h2,h3{font-family:var(--f-display);font-weight:600;line-height:1.15;letter-spacing:-.01em;margin:0 0 .5em;color:var(--ink)}h1{font-size:clamp(2.6rem,7vw,4.8rem)}h2{font-size:clamp(1.9rem,4.5vw,2.9rem)}h3{font-size:clamp(1.35rem,2.6vw,1.75rem)}p{margin:0 0 1.1rem}.eyebrow{font-family:var(--f-body);font-size:.82rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-weight:600;margin:0 0 .9rem;display:inline-flex;align-items:center;gap:.6rem}.eyebrow:before{content:"";width:1.8rem;height:2px;background:var(--highlight);display:inline-block}.shell{display:grid;grid-template-columns:1fr;position:relative;padding-block-end:4rem}@media (min-width: 900px){.shell{grid-template-columns:var(--gutter) minmax(0,1fr) var(--gutter)}.shell>*{grid-column:2}}.thread{position:absolute;inset-block:0;inset-inline-start:clamp(1.25rem,5vw,3.5rem);width:2px;background:linear-gradient(var(--highlight),color-mix(in srgb,var(--highlight) 30%,transparent));opacity:.6;pointer-events:none;z-index:0}.thread:before,.thread:after{content:"";position:absolute;inset-inline-start:-3px;width:8px;height:8px;background:var(--highlight);border-radius:50%}.thread:before{inset-block-start:0}.thread:after{inset-block-end:0}@media (max-width: 899px){.thread{display:none}}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);position:relative}section{padding-block:clamp(3rem,8vw,5.5rem);position:relative}.hero{padding-block:clamp(2.6rem,8vw,5rem) clamp(1.8rem,5vw,3rem)}.hero h1{max-width:18ch}.hero .lede{font-size:clamp(1.15rem,2.4vw,1.4rem);color:var(--ink-2);max-width:54ch;line-height:1.55}html[data-lang=ar] .hero .lede{line-height:1.8}.site-head{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-block-end:1px solid var(--line)}.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.85rem}.brand{display:inline-flex;align-items:baseline;gap:.55rem;text-decoration:none}.brand .mark{font-family:Amiri,Scheherazade New,serif;font-size:2.1rem;line-height:1;color:var(--brand);font-weight:700;letter-spacing:0}.brand .gloss{font-size:1.05rem;color:var(--muted);font-family:Fraunces,Times New Roman,serif;font-style:italic;font-weight:500;letter-spacing:0}.nav{display:flex;align-items:center;gap:.9rem}.nav-links{display:flex;gap:1.3rem;align-items:center}.nav-links a{text-decoration:none;color:var(--ink-2);font-size:1rem}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--accent)}.nav-links a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--highlight)}.nav-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);background:transparent;border-radius:var(--r-sm);cursor:pointer;color:var(--ink);align-items:center;justify-content:center}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{content:"";display:block;width:20px;height:2px;background:currentColor;position:relative;transition:transform .25s ease,opacity .2s ease}.nav-toggle span:before{position:absolute;top:-6px}.nav-toggle span:after{position:absolute;top:6px}.nav-toggle[aria-expanded=true] span{background:transparent}.nav-toggle[aria-expanded=true] span:before{transform:translateY(6px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:after{transform:translateY(-6px) rotate(-45deg)}@media (max-width: 719px){.nav-links{position:absolute;inset-block-start:100%;inset-inline:0;flex-direction:column;align-items:stretch;gap:0;background:var(--bg);border-block-end:1px solid var(--line);padding:0 var(--gutter);max-height:0;overflow:hidden;transition:max-height .28s ease,padding .28s ease}.nav-links[data-open=true]{max-height:22rem;padding-block:.5rem 1rem}.nav-links a{padding-block:.85rem;border-block-start:1px solid var(--line)}.nav-links a:first-child{border-block-start:0}.nav-toggle{display:inline-flex}}.lang-toggle{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--surface-2) 60%,transparent)}.lang-toggle button{border:0;background:transparent;padding:.34rem .75rem;font-size:.8rem;cursor:pointer;color:var(--ink-2);font-family:var(--f-body)}.lang-toggle button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.btn{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--f-body);font-size:1.02rem;font-weight:600;padding:.72rem 1.25rem;border-radius:var(--r);border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);text-decoration:none;transition:transform .15s ease,background .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-1px);text-decoration:none;box-shadow:0 6px 18px -8px color-mix(in srgb,var(--accent) 70%,transparent)}.btn--ghost{background:transparent;color:var(--accent)}.btn--ghost:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}html[dir=rtl] .btn .arrow{transform:scaleX(-1)}.btn .icon{width:1.15em;height:1.15em;display:inline-block;vertical-align:-2px}.hero-panel{margin-top:clamp(1.8rem,5vw,2.8rem);background:var(--surface);color:var(--on-surface);border-radius:var(--r-lg);padding:clamp(1.5rem,4vw,2.5rem);position:relative;overflow:hidden}.hero-panel:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:var(--highlight)}.hero-panel p{color:var(--on-surface);margin:0;font-size:1.08rem}.hero-panel p+p{margin-top:.6rem}.steps{list-style:none;margin:2.8rem 0 0;padding:0;counter-reset:step;position:relative;display:grid;gap:0}.steps li{position:relative;display:grid;grid-template-columns:2.6rem 1fr;align-items:start;gap:1.1rem;z-index:1}.step-node{position:relative;width:2.6rem;display:flex;justify-content:center;align-self:stretch}.step-node:before{content:"";position:absolute;inset-block:0;inset-inline-start:50%;width:2px;background:var(--highlight);transform:translate(-50%);z-index:0}.steps li:first-child .step-node:before{inset-block-start:50%}.steps li:last-child .step-node:before{inset-block-end:50%}.step-dot{position:relative;z-index:1;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--bg);border:2px solid var(--highlight);color:var(--highlight);font-family:var(--f-display);font-weight:700;display:grid;place-items:center;font-size:1.15rem;box-shadow:0 0 0 5px var(--bg);margin-block-start:0}.step-body{padding-block:.35rem 1.6rem}.steps li:last-child .step-body{padding-block-end:0}.steps h3{margin:0 0 .3rem;color:var(--ink)}.steps p{margin:0;color:var(--ink-2)}.rules-inline{list-style:none;margin:2.4rem 0 0;padding:0;display:grid;gap:.7rem;border-block-start:1px solid var(--line);padding-block-start:1.6rem}.rules-inline li{display:flex;gap:.7rem;align-items:flex-start;color:var(--ink-2)}.rules-inline .check{flex:0 0 auto;width:1.3rem;height:1.3rem;color:var(--highlight);margin-block-start:.25rem}.card-grid{display:grid;gap:1.3rem;grid-template-columns:1fr}@media (min-width: 640px){.card-grid{grid-template-columns:repeat(2,1fr)}}.card{position:relative;border:1px solid var(--line);border-radius:var(--r);padding:1.4rem;background:var(--surface-2);display:flex;flex-direction:column;gap:.9rem}.card h3{margin:0}.card .meta{font-size:.86rem;color:var(--muted);margin:0}.card .desc{color:var(--ink-2);margin:0}.badge{align-self:flex-start;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:.22rem .65rem;border-radius:999px;border:1px solid currentColor}.badge--live{color:#1b7a4b;background:#bfe8cf;border-color:#1b7a4b}.badge--in_progress{color:#4a4a4a;background:#dcdcdc;border-color:#4a4a4a}.badge--blocked{color:#c97a4a;background:color-mix(in srgb,#C97A4A 14%,transparent)}.badge--corner{position:absolute;inset-block-start:.85rem;inset-inline-end:.85rem;z-index:2}[data-theme=night] .badge--live{color:#6fe5a0;background:color-mix(in srgb,#1B7A4B 55%,transparent);border-color:#6fe5a0}[data-theme=night] .badge--in_progress{color:#c8c8c8;background:color-mix(in srgb,#6A6A6A 40%,transparent);border-color:#c8c8c8}.proj-card{padding-block:1.4rem}.proj-head{display:flex;gap:1rem;align-items:flex-start;padding-inline-end:5.5rem}.proj-img{width:4rem;height:4rem;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);display:block;flex:0 0 auto}.proj-text{flex:1 1 auto;min-width:0}.proj-card h3{margin-block:0}.store-list{display:grid;gap:.6rem;margin-block-start:auto}.store-item{display:flex;gap:.8rem;align-items:center;padding:.65rem .85rem;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm)}.store-meta{flex:0 0 auto;color:var(--accent);display:inline-flex}.store-meta .icon{width:1.5rem;height:1.5rem;display:block}.store-meta-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.store-installs{font-size:.78rem;color:var(--muted);display:inline-flex;align-items:center;gap:.3rem}.store-installs:before{content:"↓ ";color:var(--highlight);font-size:.78rem}.store-link{font-size:.9rem;font-weight:600;text-decoration:none;color:var(--accent)}.store-link:hover{text-decoration:underline}.kv{list-style:none;margin:.6rem 0;padding:0;display:grid;gap:.45rem}.kv li{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.55rem .75rem;background:var(--bg);border-radius:var(--r-sm)}.kv .k{color:var(--muted);font-size:.8rem;flex:0 0 auto}.kv .v{font-weight:600;word-break:break-word;text-align:inline-end;flex:1 1 auto;color:var(--ink)}.copy-btn{border:1px solid var(--line);background:var(--surface-2);border-radius:6px;padding:.3rem .6rem;font-size:.78rem;cursor:pointer;color:var(--ink-2);font-family:var(--f-body);flex:0 0 auto}.copy-btn:hover{border-color:var(--highlight);color:var(--accent)}.copy-btn[data-copied=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.qr{margin-top:.9rem;display:block;padding:.6rem;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);width:max-content}.qr img{display:block;width:134px;height:134px}.field{display:grid;gap:.4rem;margin-block:1rem}.field label{font-size:.9rem;color:var(--ink-2);font-weight:600}.field input,.field textarea{font-family:var(--f-body);font-size:1rem;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-sm);padding:.7rem .85rem;width:100%}.field textarea{min-height:8rem;resize:vertical}.field input:focus,.field textarea:focus{outline:none;border-color:var(--highlight)}.poll,.panel{border:1px solid var(--line);border-radius:var(--r);padding:1.6rem;background:var(--surface-2);margin-block-end:2rem;width:100%}.poll h2,.panel h2{margin-block-start:0}.poll-option{display:block;width:100%;text-align:start;border:1px solid var(--line);background:var(--bg);border-radius:var(--r);padding:.9rem 1.1rem;margin-block:.65rem;cursor:pointer;font-family:var(--f-body);font-size:1rem;color:var(--ink);transition:border-color .15s ease,transform .15s ease}.poll-option:hover{border-color:var(--highlight)}.poll-option[disabled]{cursor:default}.bar{position:relative;height:8px;background:color-mix(in srgb,var(--surface-2) 60%,transparent);border-radius:999px;margin-top:.5rem;overflow:hidden}.bar>span{position:absolute;inset-block:0;inset-inline-start:0;background:var(--highlight);width:var(--p,0%);transition:width .5s ease}.muted{color:var(--muted);font-size:.88rem}.idea-list{display:grid;gap:.7rem}.idea{display:flex;gap:1rem;align-items:flex-start;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);padding:1rem 1.1rem;transition:border-color .15s ease}.idea:hover{border-color:color-mix(in srgb,var(--highlight) 50%,transparent)}.idea-vote{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:2.4rem}.vote-btn{border:0;background:transparent;cursor:pointer;color:var(--muted);width:1.8rem;height:1.8rem;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;transition:color .15s ease,background .15s ease}.vote-btn:hover{color:var(--highlight);background:color-mix(in srgb,var(--highlight) 12%,transparent)}.vote-btn .icon,.vote-btn svg{width:1.1rem;height:1.1rem;display:block}.vote-up[aria-pressed=true]{color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent)}.vote-down[aria-pressed=true]{color:#c97a4a;background:color-mix(in srgb,#C97A4A 16%,transparent)}.idea-score{font-family:var(--f-display);font-weight:700;color:var(--ink);font-size:1rem;min-width:1.6rem;text-align:center}.idea-text{flex:1 1 auto;min-width:0}.idea-text-ar,.idea-text-en,.idea-text-plain{display:block;font-size:1.02rem;color:var(--ink);line-height:1.5;word-break:break-word}html[data-lang=ar] .idea-text-en,html[data-lang=en] .idea-text-ar{display:none}.idea-tag{display:inline-block;margin-block-start:.5rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid color-mix(in srgb,var(--muted) 60%,transparent);padding:.1rem .5rem;border-radius:999px}.idea-tag--seed{color:var(--highlight);border-color:color-mix(in srgb,var(--highlight) 55%,transparent)}.site-foot{background:var(--surface);color:var(--on-surface);padding-block:3rem 2rem}.site-foot a{color:var(--on-surface);text-decoration-color:color-mix(in srgb,var(--highlight) 80%,transparent)}.site-foot a:hover{color:#fff}.site-foot .wrap{display:grid;gap:1.8rem;grid-template-columns:1fr}@media (min-width: 640px){.site-foot .wrap{grid-template-columns:1.4fr 1fr 1fr}}.site-foot h4{font-family:var(--f-display);color:#fff;margin:0 0 .6rem;font-size:1.05rem}.site-foot .col p{color:color-mix(in srgb,var(--on-surface) 88%,transparent);font-size:.94rem;margin:0}.site-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;font-size:.96rem}.foot-mark{display:inline-flex;align-items:baseline;gap:.5rem}.foot-mark .m{font-family:Amiri,Scheherazade New,serif;color:#fff;font-size:1.7rem;font-weight:700}.foot-link{display:inline-flex;align-items:center;gap:.45rem}.foot-link .icon{width:1.1em;height:1.1em}.center{text-align:center}.prose{max-width:64ch}hr.rule{border:0;border-block-start:1px solid var(--line);margin-block:2rem}.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none}}