@font-face{font-family:Readex Pro;src:url(/fonts/readex.woff2)format("woff2");font-weight:400 600;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--black:#030b08;--bg:#06110d;--surface:#0b2018;--surface-raised:#102f23;--emerald:#13543d;--border:#315243;--gold:#d4af37;--gold-soft:#e8ce78;--ivory:#f3ead8;--muted:#b8c1ba;--danger:#ffb6ad;--success:#a7d9bd;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--radius-control:.9rem;--radius-card:1.5rem;--header-size:4.25rem;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Readex Pro,Tahoma,Arial,sans-serif}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{background:var(--black);min-width:20rem;color:var(--ivory);margin:0;line-height:1.6}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}p,h1,h2,h3,blockquote{margin:0}h1,h2,h3{text-wrap:balance;font-weight:600;line-height:1.18}p{text-wrap:pretty}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}::selection{background:var(--gold);color:var(--black)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:50;padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--gold);color:var(--black);position:fixed;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);transform:translateY(-160%)}.skip:focus{transform:translateY(0)}.app-shell{grid-template-rows:var(--header-size) minmax(0, 1fr);background:var(--bg);direction:rtl;width:100%;max-width:28rem;height:100dvh;margin-inline:auto;display:grid;overflow:hidden;box-shadow:0 0 90px #000}.app-header{justify-content:space-between;align-items:center;gap:var(--space-4);min-width:0;padding:.65rem var(--space-4);background:var(--bg);direction:rtl;border-block-end:1px solid #d4af3738;display:flex}.brand{align-items:center;gap:var(--space-3);min-width:0;color:var(--ivory);font-size:.88rem;font-weight:600;display:inline-flex}.brand-seal{background:var(--surface);min-block-size:2.65rem;inline-size:2.65rem;color:var(--gold);border:1px solid #d4af3766;border-radius:50%;flex:0 0 2.65rem;place-items:center;display:grid;box-shadow:0 0 0 4px #d4af370d}.brand-seal svg,.empty-seal svg{block-size:1.2rem;inline-size:1.2rem}.app-credit{max-width:12rem;color:var(--muted);text-align:start;font-size:.67rem}.app-main{min-height:0;position:relative;overflow:hidden}.app-notification{z-index:25;inset-block-start:var(--space-3);inset-inline:var(--space-4);width:max-content;max-width:calc(100% - 2rem);color:var(--ivory);text-align:center;text-wrap:pretty;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030b08e8;border:1px solid #d4af3766;border-radius:999px;margin-inline:auto;padding:.55rem .85rem;font-size:.68rem;line-height:1.5;position:absolute;box-shadow:0 14px 32px #00000075}.ambient-layer{z-index:6;pointer-events:none;block-size:9.25rem;position:absolute;inset:0 0 auto;overflow:hidden}.ambient-layer span{background:var(--gold-soft);opacity:0;border-radius:50%;block-size:.28rem;inline-size:.28rem;position:absolute;box-shadow:0 0 .75rem #d4af3790}.ambient-layer span:first-child{animation-delay:-2s;inset-block-start:18%;inset-inline-start:8%}.ambient-layer span:nth-child(2){animation-delay:-7s;inset-block-start:72%;inset-inline-start:21%}.ambient-layer span:nth-child(3){animation-delay:-11s;inset-block-start:36%;inset-inline-start:39%}.ambient-layer span:nth-child(4){animation-delay:-4s;inset-block-start:82%;inset-inline-start:55%}.ambient-layer span:nth-child(5){animation-delay:-9s;inset-block-start:22%;inset-inline-start:68%}.ambient-layer span:nth-child(6){animation-delay:-13s;inset-block-start:64%;inset-inline-start:82%}.ambient-layer span:nth-child(7){animation-delay:-5s;inset-block-start:34%;inset-inline-start:91%}.ambient-layer span:nth-child(8){animation-delay:-15s;inset-block-start:12%;inset-inline-start:48%}.wall-view{inset:0 0 calc(5.15rem + env(safe-area-inset-bottom));background:var(--bg);direction:rtl;min-height:0;position:absolute}.view-scroll{overscroll-behavior-y:contain;scrollbar-color:#d4af3780 transparent;scrollbar-gutter:stable;scrollbar-width:thin;touch-action:pan-y;-webkit-overflow-scrolling:touch;height:100%;overflow:hidden auto}.view-scroll::-webkit-scrollbar{inline-size:.35rem}.compose-content::-webkit-scrollbar{inline-size:.35rem}.view-scroll::-webkit-scrollbar-track{background:0 0}.compose-content::-webkit-scrollbar-track{background:0 0}.view-scroll::-webkit-scrollbar-thumb{background:#d4af378c padding-box padding-box;border:1px solid #0000;border-radius:999px;min-block-size:4rem}.compose-content::-webkit-scrollbar-thumb{background:#d4af378c padding-box padding-box;border:1px solid #0000;border-radius:999px;min-block-size:4rem}.wall-view .view-scroll{padding:var(--space-3);background:radial-gradient(circle at 50% 0%, #174e3938, transparent 20rem), var(--bg)}.wall-showcase{border-radius:var(--radius-card);height:13.5rem;color:var(--ivory);border:1px solid #d4af374f;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000006b}.wall-showcase:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000,#f6dc7154,#0000);inline-size:34%;position:absolute;inset-block:-35%;inset-inline-start:-45%;rotate:14deg}.photo-grid{background:var(--surface);direction:rtl;position:absolute;inset:0}.photo-tile{background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.photo-tile:after{content:"";background:linear-gradient(#030b081f 0%,#030b087a 58%,#030b08e6 100%);position:absolute;inset:0}.photo-journey{transform-origin:50%;will-change:transform;background-image:url(/images/saudi-journey-wall.webp);background-position:52% 23%}.photo-doorway,.photo-detail{display:none}.showcase-copy{z-index:2;text-shadow:0 3px 20px #000;max-width:80%;position:absolute;inset-block-end:var(--space-5);inset-inline-start:var(--space-5)}.showcase-copy p{color:var(--gold-soft);font-size:.68rem;font-weight:600}.showcase-copy h1{color:var(--ivory);letter-spacing:-.045em;margin-block-start:.15rem;font-size:2.4rem}.showcase-copy h1 em{color:var(--gold-soft);font-style:normal}.wall-count{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030b08c7;border:1px solid #d4af3780;border-radius:999px;justify-items:center;min-inline-size:3.5rem;padding:.45rem .65rem;display:grid;position:absolute;inset-block-start:var(--space-4);inset-inline-end:var(--space-4)}.wall-count strong{color:var(--gold-soft);font-size:1.2rem;line-height:1}.wall-count small{color:var(--ivory);margin-block-start:.12rem;font-size:.55rem}.wall-feedback{color:var(--danger);text-align:center;padding-block:.3rem;font-size:.7rem}.wall-feedback:empty{display:none}.wall-stage{min-height:0;margin-block-start:var(--space-3);position:relative}.posts{--masonry-gap:var(--space-3);column-gap:var(--masonry-gap);display:block;position:relative}.post{--card-accent:var(--gold);inline-size:calc(50% - .375rem);min-width:0;color:var(--ivory);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#102f23e8,#071a13f2);border:1px solid #d4af3754;border-radius:1rem;flex-direction:column;padding:.72rem;padding-block-end:.85rem;display:flex;position:absolute;inset-block-start:0;overflow:visible;box-shadow:0 12px 28px #0000005c}.posts.single-card .post{min-height:clamp(13rem,42dvh,20rem)}.posts.single-card .post blockquote{flex:1;align-items:center;display:flex}.post:nth-child(3n+2){--card-accent:#e8ce78}.post:nth-child(3n){--card-accent:#9fc9af}.post-number{color:var(--card-accent);font-size:.82rem;font-weight:600;line-height:1;position:absolute;inset-block-start:.65rem;inset-inline-end:.72rem}.post blockquote{min-height:3.6rem;padding:1.45rem 0 var(--space-3);color:var(--ivory);white-space:pre-wrap;overflow-wrap:anywhere;padding-inline-end:1.35rem;font-size:clamp(.78rem,3.45vw,.92rem);line-height:1.58}.post-footer{border-block-start:1px solid #d4af372f;align-items:center;gap:.4rem;padding-block-start:.62rem;display:flex}.avatar{background:var(--surface);min-block-size:1.75rem;inline-size:1.75rem;color:var(--gold-soft);border:1px solid #d4af3754;border-radius:50%;flex:0 0 1.75rem;place-items:center;font-size:.58rem;font-weight:600;display:grid}.post-author{min-width:0;color:var(--ivory);overflow-wrap:anywhere;direction:rtl;flex-direction:column;align-items:flex-start;font-size:.6rem;line-height:1.4;display:flex}.post-time{width:max-content;max-width:100%;color:var(--muted);margin-block-start:.04rem;font-size:.52rem;display:block}.empty-state{min-height:18rem;padding:var(--space-6);border-radius:var(--radius-card);text-align:center;background:#ffffff05;border:1px dashed #d4af375c;align-content:center;justify-items:center;display:grid;position:relative}.empty-seal{min-block-size:3.6rem;inline-size:3.6rem;color:var(--gold);border:1px solid #d4af3766;border-radius:50%;place-items:center;margin-block-end:var(--space-3);display:grid}.empty-state h3{color:var(--ivory);font-size:1.15rem}.empty-state p{color:var(--muted);margin-block-start:var(--space-1);font-size:.76rem}.wall-sentinel{block-size:1px}.list-feedback{min-height:1rem;color:var(--muted);text-align:center;padding-block-start:.25rem;font-size:.68rem}.list-feedback:empty{visibility:hidden}.compose-layer{z-index:30;pointer-events:none;direction:rtl;position:absolute;inset:0}.compose-layer.is-ready .compose-morph{visibility:visible}.sheet-backdrop{z-index:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;background:#000000a8;border:0;position:absolute;inset:0}.compose-morph{z-index:2;visibility:hidden;background:linear-gradient(135deg, var(--gold-soft), var(--gold));filter:drop-shadow(0 14px 18px #00000070)drop-shadow(0 0 5px #d4af3728);pointer-events:none;transform-origin:50% 100%;border:1px solid #f0d66c8a;border-block-end:0;border-radius:2rem 2rem 0 0;min-height:0;position:absolute;inset:1rem 0 0;overflow:hidden}.compose-morph:before{content:"";z-index:0;opacity:0;pointer-events:none;background:radial-gradient(circle at 12% 0,#1a553c4d,#0000 17rem),linear-gradient(160deg,#0d2b20,#06130e);position:absolute;inset:0}.compose-layer.is-open .compose-morph{filter:drop-shadow(0 -20px 30px #00000070);pointer-events:auto;border-color:#d4af375c}.compose-layer.is-open .compose-morph:before{opacity:1}.compose-trigger{z-index:3;min-height:3.4rem;color:var(--black);pointer-events:auto;background:0 0;border:1px solid #f0d66c8a;border-radius:999px;align-items:center;gap:.55rem;padding:.65rem .8rem .65rem 1rem;font-size:.78rem;font-weight:600;display:inline-flex;position:absolute;inset-block-end:max(var(--space-4), env(safe-area-inset-bottom));inset-inline-start:50%;translate:50%}.compose-layer.is-open .compose-trigger{pointer-events:none}.compose-trigger:focus-visible{box-shadow:inset 0 0 0 3px var(--black);outline:0}.compose-trigger svg{block-size:1.05rem;inline-size:1.05rem}.compose-trigger .trigger-arrow{block-size:.8rem;inline-size:.8rem}.compose-content{z-index:2;width:100%;height:100%;min-height:0;padding:var(--space-4);overscroll-behavior-y:contain;scrollbar-color:#d4af3780 transparent;scrollbar-gutter:stable;scrollbar-width:thin;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex-direction:column;padding-block-end:max(var(--space-4), env(safe-area-inset-bottom));display:flex;position:relative;overflow:hidden auto}.sheet-header{justify-content:space-between;align-items:start;gap:var(--space-4);display:flex}.sheet-header p{color:var(--gold-soft);font-size:.66rem;font-weight:600}.sheet-header h2{color:var(--ivory);margin-block-start:.15rem;font-size:1.55rem}.sheet-handle{background:#d4af3766;border-radius:999px;block-size:.25rem;inline-size:2.75rem;margin-block-end:.65rem;display:block}.sheet-close{background:var(--surface);min-block-size:2.65rem;inline-size:2.65rem;color:var(--gold-soft);border:1px solid #d4af3754;border-radius:50%;place-items:center;display:grid}.sheet-close svg{block-size:1.1rem;inline-size:1.1rem}.live-preview{min-height:4.6rem;background:linear-gradient(100deg,#030b08a8,#102f238a),url(/images/najdi-doorway-compose.webp) 50% 36%/cover no-repeat;border:1px solid #d4af3747;border-radius:1rem;grid-template-rows:1fr auto;grid-template-columns:auto minmax(0,1fr);gap:.15rem .6rem;margin-block-start:var(--space-3);padding:.65rem .8rem;display:grid}.live-preview>svg{block-size:1rem;inline-size:1rem;color:var(--gold);grid-row:1/3;align-self:start}.live-preview span{color:var(--ivory);text-wrap:pretty;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.74rem;line-height:1.5;display:-webkit-box;overflow:hidden}.live-preview bdi{color:var(--gold-soft);overflow-wrap:anywhere;align-self:end;font-size:.62rem}.composer{min-height:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);direction:rtl;background:#071a13d9;border:1px solid #d4af3747;flex:1 0 auto;margin-block-start:var(--space-3);box-shadow:0 16px 40px #00000047}.field{direction:rtl;flex-direction:column;display:flex}.field+.field{margin-block-start:var(--space-3)}.field label{color:var(--ivory);margin-block-end:var(--space-2);font-size:.78rem;font-weight:600;display:inline-block}.field:focus-within label{color:var(--gold-soft);translate:-.15rem}input,textarea{border:1px solid var(--border);border-radius:var(--radius-control);width:100%;max-width:100%;color:var(--ivory);text-align:start;background:#061811d9;font-size:1rem;line-height:1.5;display:block}input{min-height:3rem;padding:.65rem var(--space-4)}textarea{min-height:6.8rem;padding:var(--space-4);resize:none}input::placeholder,textarea::placeholder{color:#9faaa4}input:placeholder-shown,textarea:placeholder-shown{direction:rtl}input:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px #d4af3717}input[aria-invalid],textarea[aria-invalid]{border-color:var(--danger)}.message-count{--progress:0deg;isolation:isolate;width:max-content;background:conic-gradient(var(--gold) var(--progress), var(--border) 0deg);color:var(--ivory);border-radius:999px;align-self:flex-start;margin-block-start:var(--space-1);padding:.2rem .5rem;font-size:.64rem;display:block;position:relative}.message-count:before{content:"";z-index:-1;border-radius:inherit;background:var(--surface);position:absolute;inset:2px}.publish-note{margin-block:var(--space-3) var(--space-2);color:var(--muted);font-size:.68rem}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-control);border:1px solid #0000;min-height:3rem;padding:.7rem 1.2rem;font-size:.82rem;font-weight:600;display:inline-flex}.button-primary{background:linear-gradient(135deg, var(--gold-soft), var(--gold));width:100%;color:var(--black);position:relative;overflow:hidden;box-shadow:0 10px 28px #d4af3724}.button-primary:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#fff9c9a8,#0000);inline-size:32%;position:absolute;inset-block:0;inset-inline-start:-45%;transform:skew(-18deg)}.button-primary:not(:disabled):hover svg{translate:-.22rem}.button-primary.busy:after{opacity:1}.button-outline{color:var(--gold-soft);background:0 0;border-color:#d4af3766;margin-block-start:var(--space-3)}.button svg{block-size:1rem;inline-size:1rem}.feedback{min-height:1.25em;color:var(--muted);overflow-wrap:anywhere;margin-block-start:var(--space-2);font-size:.7rem}.feedback:empty{min-height:0;margin-block-start:0}.feedback.success{color:var(--success)}.feedback.error{color:var(--danger)}@media (hover:hover){.view-scroll::-webkit-scrollbar-thumb:hover{background:#e8ce78b3 padding-box padding-box}.compose-content::-webkit-scrollbar-thumb:hover{background:#e8ce78b3 padding-box padding-box}.button-primary:hover{background:var(--gold-soft)}.button-outline:hover{background:var(--surface);color:var(--gold-soft)}.compose-trigger:hover{box-shadow:0 16px 42px #00000080,0 0 0 7px #d4af3718}}@media (prefers-reduced-motion:no-preference){.app-notification{animation:.22s cubic-bezier(.22,1,.36,1) notification-enter}.button,.compose-trigger,.sheet-close{transition-property:background-color,color,opacity,scale,box-shadow;transition-duration:.15s}.button-primary svg{transition:translate .15s}.compose-morph,.compose-morph:before{transition-property:border-color,filter,opacity;transition-duration:.32s;transition-timing-function:cubic-bezier(.22,1,.36,1)}.field label{transition-property:color,translate;transition-duration:.15s}.button:not(:disabled):active,.compose-trigger:active,.sheet-close:active{scale:.96}.wall-showcase:after{animation:12s ease-in-out infinite light-sweep}.button-primary.busy:after{animation:1.1s linear infinite button-shimmer}.ambient-layer span{animation:16s ease-in-out infinite ambient-drift}}@keyframes notification-enter{0%{opacity:0;translate:0 -.5rem}to{opacity:1;translate:0}}@keyframes light-sweep{0%,68%{opacity:0;translate:0}74%{opacity:.7}88%{opacity:.15;translate:430%}to{opacity:0;translate:430%}}@keyframes button-shimmer{0%{translate:0}to{translate:470%}}@keyframes ambient-drift{0%,to{opacity:0;translate:0 .75rem;scale:.65}18%,72%{opacity:.36}50%{opacity:.58;translate:-.55rem -1.75rem;scale:1}}@media (prefers-reduced-motion:reduce){.ambient-layer{display:none}}@media (height<=48rem){.wall-showcase{height:12rem}.compose-morph{border-radius:0;inset-block-start:0}.live-preview{min-height:3.9rem}.composer{padding:var(--space-3) var(--space-4)}textarea{min-height:5.4rem}}