.cine{background-color:rgb(var(--color-background));color:rgb(var(--color-text))}.display{font-family:var(--font-display);font-weight:700;letter-spacing:-.035em;line-height:1.02;text-wrap:balance}html[lang=ar] .display{letter-spacing:0;line-height:1.25}.kicker{display:inline-flex;align-items:center;gap:.6rem;font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--color-accent))}html[lang=ar] .kicker{letter-spacing:.02em;font-size:.85rem}.kicker:before{content:"";width:1.75rem;height:1px;background:linear-gradient(90deg,rgb(var(--color-accent)),transparent)}html[dir=rtl] .kicker:before{background:linear-gradient(270deg,rgb(var(--color-accent)),transparent)}.text-gradient{background:linear-gradient(100deg,rgb(var(--color-text)) 20%,rgb(var(--color-primary)) 60%,rgb(var(--color-accent)) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.glass{background:rgb(var(--color-surface)/.62);border:1px solid rgb(var(--color-border)/.9);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}.light .glass{background:rgb(var(--color-surface)/.78);box-shadow:inset 0 1px 0 rgb(255 255 255/.6),0 20px 40px -24px rgb(15 37 64/.25)}.gradient-border{position:relative;isolation:isolate}.gradient-border:before{content:"";position:absolute;inset:0;z-index:-1;padding:1px;border-radius:inherit;background:conic-gradient(from var(--angle,0deg),rgb(var(--color-primary)/.9),rgb(var(--color-accent)/.2),rgb(var(--color-primary)/.05),rgb(var(--color-accent)/.9),rgb(var(--color-primary)/.9));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.gradient-border:focus-within:before,.gradient-border:hover:before{animation:border-spin 4s linear infinite}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes border-spin{to{--angle:360deg}}.grid-lines{background-image:linear-gradient(rgb(var(--color-text)/.045) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--color-text)/.045) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%)}.btn-cine{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;border-radius:999px;padding:.95rem 1.6rem;font-weight:600;font-size:.95rem;color:rgb(var(--color-primary-fg));background:linear-gradient(135deg,rgb(var(--color-primary)),rgb(var(--color-accent)));box-shadow:0 10px 30px -10px rgb(var(--glow)/.75),inset 0 1px 0 rgb(255 255 255/.25);transition:box-shadow .3s ease,filter .3s ease;will-change:transform}.light .btn-cine{background:rgb(var(--color-primary))}.btn-cine:hover{box-shadow:0 14px 44px -10px rgb(var(--glow)/.95),inset 0 1px 0 rgb(255 255 255/.3);filter:saturate(1.1)}.btn-outline-cine{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;border-radius:999px;padding:.95rem 1.5rem;font-weight:600;font-size:.95rem;color:rgb(var(--color-text));border:1px solid rgb(var(--color-border));background:rgb(var(--color-surface)/.4);transition:border-color .25s ease,background .25s ease;will-change:transform}.btn-outline-cine:hover{border-color:rgb(var(--color-primary)/.7);background:rgb(var(--color-surface)/.8)}.btn-cine:focus-visible,.btn-outline-cine:focus-visible{outline:3px solid rgb(var(--color-accent));outline-offset:3px}.hero{--mx:50%;--my:40%;position:relative;overflow:hidden;isolation:isolate}.hero-spotlight{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(600px circle at var(--mx) var(--my),rgb(var(--glow)/.28),transparent 60%),radial-gradient(900px circle at 85% -10%,rgb(var(--color-accent)/.12),transparent 60%),radial-gradient(700px circle at 0 110%,rgb(var(--glow)/.16),transparent 60%)}.light .hero-spotlight{background:radial-gradient(600px circle at var(--mx) var(--my),rgb(var(--glow)/.16),transparent 60%),radial-gradient(900px circle at 85% -10%,rgb(var(--color-accent)/.12),transparent 60%),radial-gradient(700px circle at 0 110%,rgb(var(--glow)/.1),transparent 60%)}.hero-canvas{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 1.2s ease}.hero-canvas[data-ready=true]{opacity:1}.depth{transform:translate3d(calc(var(--px, 0) * var(--d, 12) * 1px),calc(var(--py, 0) * var(--d, 12) * 1px),0);transition:transform .7s cubic-bezier(.2,.7,.1,1)}.hero-rise>*{animation:hero-rise .95s cubic-bezier(.2,.7,.1,1) both;animation-delay:calc(var(--intro-delay, 0s) + .08s)}.hero-rise>:nth-child(2){animation-name:hero-rise-move;animation-delay:calc(var(--intro-delay, 0s) + .16s)}.hero-rise>:nth-child(3){animation-delay:calc(var(--intro-delay, 0s) + .3s)}.hero-rise>:nth-child(4){animation-delay:calc(var(--intro-delay, 0s) + .42s)}@keyframes hero-rise{0%{opacity:0;transform:translate3d(0,1.25rem,0)}}@keyframes hero-rise-move{0%{transform:translate3d(0,1.5rem,0)}}.scroll-progress{display:none}@supports (animation-timeline:scroll()){.scroll-progress{display:block;position:fixed;inset-inline:0;top:0;z-index:60;height:2px;pointer-events:none;background:linear-gradient(90deg,rgb(var(--color-primary)),rgb(var(--color-accent)));box-shadow:0 0 12px rgb(var(--glow)/.7);transform-origin:left center;animation:scroll-progress linear both;animation-timeline:scroll(root)}html[dir=rtl] .scroll-progress{transform-origin:right center}}@keyframes scroll-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.hero-rise>*{animation:none}.scroll-progress{display:none}}.scroll-cue{width:1px;height:3.25rem;background:linear-gradient(rgb(var(--color-accent)),transparent);animation:cue 2.2s ease-in-out infinite;transform-origin:top}@keyframes cue{0%{transform:scaleY(0);opacity:0}40%{transform:scaleY(1);opacity:1}to{transform:scaleY(1) translateY(1.5rem);opacity:0}}.archive-badge{display:flex;width:-moz-fit-content;width:fit-content;align-items:center;gap:.55rem;border-radius:999px;padding:.45rem .95rem;font-size:.8rem;font-weight:600;color:rgb(var(--color-text))}.archive-badge-dot{width:.5rem;height:.5rem;border-radius:999px;background:rgb(var(--color-accent));box-shadow:0 0 10px rgb(var(--color-accent))}.hero-veil{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0}.hero-veil,.scene-cover{background:rgb(var(--color-background))}.scene-cover{position:relative;z-index:1;border-start-start-radius:2rem;border-start-end-radius:2rem;box-shadow:0 -30px 70px -40px rgb(var(--glow)/.6)}.light .scene-cover{box-shadow:0 -24px 60px -40px rgb(15 37 64/.35)}.scene-cover:before{content:"";position:absolute;inset-inline:2rem;top:0;height:1px;background:linear-gradient(90deg,transparent,rgb(var(--color-accent)/.55),transparent)}.kicker{--kicker-line:1}.kicker:before{transform:scaleX(var(--kicker-line));transform-origin:left center}html[dir=rtl] .kicker:before{transform-origin:right center}.scene-rail{display:none}@media (min-width:1360px){.scene-rail{display:block;position:fixed;top:50%;inset-inline-end:1.1rem;z-index:40;transform:translateY(-50%)}}.scene-rail ol{display:grid;gap:.2rem}.scene-rail-link{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:.55rem;height:1.75rem;padding-inline-start:.5rem;font-size:.7rem;font-weight:600;font-variant-numeric:tabular-nums;color:rgb(var(--color-muted));transition:color .3s ease}.scene-rail-number{opacity:.7}.scene-rail-tick{width:.85rem;height:2px;border-radius:2px;background:currentColor;opacity:.45;transition:width .45s cubic-bezier(.2,.7,.1,1),opacity .3s ease}.scene-rail-link:focus-visible,.scene-rail-link:hover,.scene-rail-link[aria-current]{color:rgb(var(--color-text))}.scene-rail-link[aria-current] .scene-rail-number{opacity:1;color:rgb(var(--color-accent))}.scene-rail-link[aria-current] .scene-rail-tick{width:2rem;opacity:1;background:linear-gradient(90deg,rgb(var(--color-primary)),rgb(var(--color-accent)));box-shadow:0 0 10px rgb(var(--glow)/.8)}html[dir=rtl] .scene-rail-link[aria-current] .scene-rail-tick{background:linear-gradient(270deg,rgb(var(--color-primary)),rgb(var(--color-accent)))}.scene-rail-label{position:absolute;top:50%;inset-inline-end:calc(100% + .4rem);white-space:nowrap;border:1px solid rgb(var(--color-border));border-radius:999px;padding:.35rem .8rem;font-size:.78rem;color:rgb(var(--color-text));background:rgb(var(--color-surface)/.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;transform:translate3d(.5rem,-50%,0);transition:opacity .3s ease,transform .4s cubic-bezier(.2,.7,.1,1)}html[dir=rtl] .scene-rail-label{transform:translate3d(-.5rem,-50%,0)}.scene-rail-link:focus-visible .scene-rail-label,.scene-rail-link:hover .scene-rail-label,.scene-rail-link[data-announce] .scene-rail-label{opacity:1;transform:translate3d(0,-50%,0)}.deck{position:relative;aspect-ratio:400/340;-moz-user-select:none;user-select:none;-webkit-user-select:none;animation:deck-in 1.1s cubic-bezier(.2,.7,.1,1) both;animation-delay:calc(var(--intro-delay, 0s) + .2s)}@keyframes deck-in{0%{opacity:0;transform:translate3d(0,1.5rem,0) scale(.96)}}.deck-plinth{position:absolute;inset:0;border:1px solid rgb(var(--color-border));border-radius:6.5%/7.65%;background:radial-gradient(120% 90% at 12% 0,rgb(255 255 255/.07),transparent 55%),linear-gradient(150deg,rgb(var(--color-surface-2)),rgb(var(--color-surface)) 72%);box-shadow:inset 0 1px 0 rgb(255 255 255/.08),0 50px 90px -50px rgb(var(--glow)/.8),0 26px 44px -26px rgb(0 0 0/.75)}.light .deck-plinth{background:radial-gradient(120% 90% at 12% 0,#ffffff,transparent 60%),linear-gradient(150deg,#f8fafd,#e3eaf4 75%);box-shadow:inset 0 1px 0 #ffffff,0 40px 70px -40px rgb(15 37 64/.45),0 18px 30px -20px rgb(15 37 64/.3)}.deck-aura,.deck-stage{position:absolute;left:2.5%;top:5.8824%;width:75%;height:88.2353%;border-radius:50%}.deck-stage{cursor:pointer;-webkit-tap-highlight-color:transparent}.deck-aura{background:radial-gradient(circle closest-side,rgb(var(--glow)) 0 72%,rgb(var(--color-accent)/.6) 86%,transparent);filter:blur(24px);opacity:calc(var(--level, 0) * .95);transform:scale(calc(1.05 + var(--level, 0) * .2));will-change:opacity,transform}.deck-wrap:not([data-phase=playing]) .deck-aura{transition:opacity .8s ease,transform .8s ease}.deck-platter{inset:0;background:repeating-conic-gradient(rgb(226 232 240/.5) 0 .9deg,transparent .9deg 6deg),#3d4656;box-shadow:0 0 0 1px rgb(0 0 0/.35),0 16px 34px -14px rgb(0 0 0/.75)}.deck-platter,.deck-vinyl{position:absolute;border-radius:50%}.deck-vinyl{inset:3.3333%;background:radial-gradient(circle closest-side,transparent 0 58.5%,rgb(255 255 255/.07) 59% 59.8%,transparent 60.3% 77.5%,rgb(255 255 255/.07) 78% 78.8%,transparent 79.3%),repeating-radial-gradient(circle,#0b0b0f 0 1.2px,#19191f 1.6px 2.4px),#0c0c10;box-shadow:inset 0 0 0 2px #050507,inset 0 0 26px rgb(0 0 0/.85)}.deck-label{position:absolute;inset:30%;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#19284a,#0a1428 72%);box-shadow:0 0 0 1px rgb(var(--color-accent)/.35),inset 0 0 0 3px rgb(0 0 0/.25)}.light .deck-label{background:radial-gradient(circle at 35% 30%,#ffffff,#e2e9f4 75%);box-shadow:0 0 0 1px rgb(var(--color-primary)/.35),inset 0 0 0 3px rgb(15 37 64/.06)}.deck-label>*{grid-area:1/1}.deck-label-ring{width:100%;height:100%}.deck-label-ring text{font-family:var(--font-display);font-size:7px;font-weight:600;fill:rgb(var(--color-accent)/.8)}.light .deck-label-ring text{fill:rgb(var(--color-primary)/.85)}.deck-logo{width:62%;height:auto;pointer-events:none}.deck-spindle{width:6%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f8fafc,#94a3b8 55%,#475569);box-shadow:0 1px 2px rgb(0 0 0/.6)}.deck-sheen{border-radius:50%;background:conic-gradient(from 205deg,transparent 0 4%,rgb(255 255 255/.13) 10%,transparent 17% 50%,rgb(255 255 255/.08) 58%,transparent 66%);-webkit-mask:radial-gradient(circle closest-side,transparent 0 37.5%,#000 38.5% 99%,transparent 100%);mask:radial-gradient(circle closest-side,transparent 0 37.5%,#000 38.5% 99%,transparent 100%)}.deck-decor,.deck-sheen{position:absolute;inset:0;pointer-events:none}.deck-decor{width:100%;height:100%}.deck-rest{fill:rgb(var(--color-background)/.6);stroke:rgb(var(--color-border));stroke-width:1.5}.deck-rpm{font:600 11px var(--font-display);fill:rgb(var(--color-muted))}.deck-led{fill:rgb(var(--color-border));transition:fill .4s ease}.deck-wrap[data-phase=playing] .deck-led{fill:rgb(var(--color-success));filter:drop-shadow(0 0 4px rgb(var(--color-success)))}.deck-wrap[data-phase=loading] .deck-led{fill:rgb(var(--color-accent));animation:deck-blink .9s ease-in-out infinite}@keyframes deck-blink{50%{opacity:.3}}.deck-arm{position:absolute;left:77.75%;top:3.5294%;width:17%;height:84.1176%;border-radius:999px;transform-origin:50% 17.4825%;transform:rotate(var(--arm,0deg));transition:transform .9s cubic-bezier(.3,.7,.2,1);touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent;animation:deck-arm-in 1.3s cubic-bezier(.2,.7,.1,1) both;animation-delay:calc(var(--intro-delay, 0s) + .45s)}@keyframes deck-arm-in{0%{rotate:-16deg}}.deck-arm:disabled{cursor:default}.deck-arm:focus-visible{outline:2px dashed rgb(var(--color-accent));outline-offset:2px}.deck-wrap[data-arm=drag] .deck-arm{transition:none;cursor:grabbing}.deck-arm-svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(2px 5px 3px rgb(0 0 0/.45));transition:filter .35s ease}.deck-wrap[data-arm=drag] .deck-arm-svg{filter:drop-shadow(7px 15px 7px rgb(0 0 0/.32))}.arm-weight{fill:#3b4555;stroke:#8b98ab;stroke-width:1}.arm-weight-lines{stroke:rgb(255 255 255/.18);stroke-width:1}.arm-tube{stroke:#cbd5e1;stroke-width:5;stroke-linecap:round}.arm-tube-shine{stroke:rgb(255 255 255/.7);stroke-width:1.3;stroke-linecap:round}.arm-base{fill:#273142;stroke:#6b7a90;stroke-width:1.5}.light .arm-base{fill:#475569}.arm-bearing{fill:#8a97ab}.arm-axle,.arm-shell{fill:#e2e8f0}.arm-lift{fill:none;stroke:#cbd5e1;stroke-width:2.4;stroke-linecap:round}.arm-cartridge{fill:rgb(var(--color-primary))}.arm-stylus{stroke:#f8fafc;stroke-width:1.6;stroke-linecap:round}.arm-hint{fill:none;stroke:rgb(var(--color-accent));stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center}.deck-wrap[data-hint] .arm-hint{animation:arm-hint 2.2s ease-out infinite;animation-delay:calc(var(--intro-delay, 0s) + 1.4s)}@keyframes arm-hint{0%{opacity:.9;transform:scale(.55)}80%,to{opacity:0;transform:scale(1.5)}}.deck-caption{display:flex;align-items:center;gap:.85rem;margin-top:1.1rem;padding-inline:.25rem}.deck-eq{display:flex;flex-shrink:0;align-items:flex-end;gap:3px;width:1.35rem;height:1.3rem}.deck-eq>span{flex:1;height:100%;border-radius:2px;background:linear-gradient(rgb(var(--color-accent)),rgb(var(--color-primary)));transform-origin:50% 100%;transform:scaleY(calc(.2 + var(--bar, 0) * .8))}.deck-eq>span:first-child{--bar:var(--b1,0)}.deck-eq>span:nth-child(2){--bar:var(--b2,0)}.deck-eq>span:nth-child(3){--bar:var(--b3,0)}.deck-eq>span:nth-child(4){--bar:var(--b4,0)}.deck-wrap:not([data-phase=playing]) .deck-eq>span{transition:transform .6s ease}.deck-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;color:rgb(var(--color-text))}.deck-status{margin-top:.15rem;font-size:.8rem;color:rgb(var(--color-muted))}.deck-wrap[data-phase=error] .deck-status{color:rgb(var(--color-error))}.deck-time{flex-shrink:0;font-size:.75rem;font-variant-numeric:tabular-nums;color:rgb(var(--color-muted))}.deck-dock{position:fixed;bottom:1.25rem;inset-inline-start:1.25rem;z-index:50;display:flex;align-items:center;gap:.65rem;max-width:calc(100vw - 7.25rem);border-radius:999px;padding:.4rem;padding-inline-end:.5rem;box-shadow:0 18px 40px -18px rgb(0 0 0/.6);animation:deck-dock-in .45s cubic-bezier(.2,.8,.2,1) both}@keyframes deck-dock-in{0%{opacity:0;transform:translate3d(0,1rem,0) scale(.95)}}.deck-dock-disc{flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:50%;background:url(/logo-icon.webp) 50%/40% no-repeat,radial-gradient(circle closest-side,#0b1426 0 36%,rgb(var(--color-accent)/.55) 37% 38.5%,transparent 39.5%),repeating-radial-gradient(circle,#0b0b0f 0 1px,#1a1a20 1.4px 2px);box-shadow:inset 0 0 0 2px #050507;animation:deck-spin 1.8s linear infinite}@keyframes deck-spin{to{transform:rotate(1turn)}}.deck-dock-text{display:grid;min-width:0;line-height:1.25}.deck-dock-kicker{font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--color-accent))}html[lang=ar] .deck-dock-kicker{font-size:.75rem;letter-spacing:0}.deck-dock-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;color:rgb(var(--color-text))}.deck-dock-button{display:grid;flex-shrink:0;place-items:center;width:2.75rem;height:2.75rem;border-radius:999px;color:rgb(var(--color-text));background:rgb(var(--color-surface-2)/.85);transition:background-color .2s ease,color .2s ease}.deck-dock-button:hover{color:rgb(var(--color-primary-fg));background:rgb(var(--color-primary))}.deck-dock-button svg{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.deck,.deck-arm,.deck-dock,.deck-dock-disc,.deck-wrap[data-hint] .arm-hint{animation:none}.deck-wrap[data-hint] .arm-hint{opacity:.8}.deck-arm,.deck-arm-svg{transition:none}.deck-wrap[data-phase=playing] .deck-eq>span:nth-child(odd){transform:scaleY(.75)}.deck-wrap[data-phase=playing] .deck-eq>span:nth-child(2n){transform:scaleY(.5)}}.intro{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#03060c;color:#e8eef9;animation:intro-out .7s cubic-bezier(.7,0,.2,1) 1.8s forwards}.intro-mark{width:min(52vw,260px);animation:intro-mark 1.3s cubic-bezier(.2,.7,.1,1) both}.intro-line{overflow:hidden;margin-top:1.25rem;text-align:center}.intro-line span{display:inline-block;font-family:var(--font-display);font-size:clamp(1rem,2.6vw,1.35rem);letter-spacing:.04em;color:#9fc9f3;animation:intro-text .9s cubic-bezier(.2,.7,.1,1) .55s both}.intro-skip{position:absolute;inset-block-end:1.5rem;inset-inline-end:1.5rem;border-radius:999px;border:1px solid rgb(255 255 255/.2);padding:.5rem 1rem;font-size:.8rem;color:#c4cfe0}.intro-skip:hover{border-color:rgb(255 255 255/.5);color:#fff}@keyframes intro-mark{0%{transform:scale(.82);opacity:0}to{transform:scale(1);opacity:1}}@keyframes intro-text{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes intro-out{to{opacity:0;visibility:hidden;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.intro{display:none}}.period-stage{--num:clamp(3.75rem,9vw,8rem);--node:1.05rem;--gap:2.75rem;--rail:1.3rem;position:relative}.period-list{display:grid;gap:var(--gap)}.period{position:relative;padding-inline-start:calc(var(--rail) * 2 + .75rem)}.period-number{font-family:var(--font-display);font-weight:800;font-size:var(--num);line-height:1;height:var(--num);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px rgb(var(--color-border));-webkit-user-select:none;-moz-user-select:none;user-select:none}html[lang=ar] .period-number{letter-spacing:0}.period[data-state=past] .period-number{-webkit-text-stroke-color:rgb(var(--color-muted)/.55)}.period[data-state=current] .period-number{-webkit-text-stroke-width:0;background:linear-gradient(115deg,rgb(var(--color-primary)),rgb(var(--color-accent)));-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 12px 32px rgb(var(--glow)/.45))}.period[data-state=next] .period-number{opacity:.45}.period-node{position:absolute;inset-inline-start:calc(var(--rail) - var(--node) / 2);top:calc(var(--num) / 2 - var(--node) / 2);width:var(--node);height:var(--node);border-radius:999px;border:2px solid rgb(var(--color-border));background:rgb(var(--color-background));z-index:1}.period[data-state=past] .period-node{border-color:rgb(var(--color-accent));background:rgb(var(--color-accent))}.period[data-state=current] .period-node{border-color:transparent;background:rgb(var(--color-accent));box-shadow:0 0 0 6px rgb(var(--color-accent)/.18),0 0 28px rgb(var(--glow)/.9);animation:period-pulse 2.6s ease-in-out infinite}.period[data-state=next] .period-node{border-style:dashed}.period-segment{position:absolute;inset-inline-start:calc(var(--rail) - 1px);top:calc(var(--num) / 2);width:2px;height:calc(100% + var(--gap));background:rgb(var(--color-border))}.period-segment-fill{position:absolute;inset:0;background:linear-gradient(rgb(var(--color-accent)),rgb(var(--color-primary)));box-shadow:0 0 16px rgb(var(--glow)/.75);transform-origin:top;transform:scaleY(var(--fill,0))}.period[data-state=past] .period-segment-fill{--fill:1}.period-card{border-radius:1.5rem;padding:1.75rem;margin-top:.75rem;transition:border-color .3s ease,box-shadow .3s ease}.period[data-state=current] .period-card{box-shadow:0 30px 80px -40px rgb(var(--glow)/.85)}.period[data-state=past] .period-card{opacity:.88}.period-photo{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 4px rgb(var(--color-accent)/.6)}.period-live{animation:period-pulse 2.6s ease-in-out infinite}@keyframes period-pulse{50%{box-shadow:0 0 0 10px rgb(var(--color-accent)/0),0 0 36px rgb(var(--glow)/.6)}}@media (min-width:1024px){.period-stage{--gap:1.75rem;--track:3rem}.period-list{grid-template-columns:repeat(var(--stops),minmax(15rem,1fr));overflow-x:auto;scrollbar-width:thin;padding-bottom:.5rem}.period{padding-inline-start:0}.period-number{text-align:center}.period-node{position:relative;display:block;inset:auto;top:auto;margin:calc(var(--track) / 2 - var(--node) / 2) auto}.period-segment{top:calc(var(--num) + var(--track) / 2 - 1px);inset-inline-start:50%;width:calc(100% + var(--gap));height:2px}.period-segment-fill{transform-origin:left center;transform:scaleX(var(--fill,0))}html[dir=rtl] .period-segment-fill{transform-origin:right center}.period-card{margin-top:0}}@media (prefers-reduced-motion:reduce){.period-live,.period[data-state=current] .period-node{animation:none}}.communities-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.community{display:flex;flex-direction:column;align-items:center;padding-inline:.125rem}.community-umbrella{display:block;width:min(100%,9.5rem);height:auto;overflow:visible;filter:drop-shadow(0 10px 18px color-mix(in srgb,var(--c) 35%,transparent));transition:filter .3s ease}.umbrella-tip{stroke:var(--c);stroke-width:3;stroke-linecap:round}.umbrella-ribs{fill:none;stroke:rgb(255 255 255/.28);stroke-width:1.2}.community-stem{display:block;width:2px;height:1.75rem;background:linear-gradient(var(--c),color-mix(in srgb,var(--c) 40%,transparent))}.community-card{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;border-radius:1rem;padding:.85rem .15rem;text-align:center;border-color:color-mix(in srgb,var(--c) 45%,rgb(var(--color-border)));transition:border-color .3s ease,box-shadow .3s ease}.community-icon{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.8rem;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);transition:transform .3s ease}.community-icon svg{width:1.35rem;height:1.35rem}.community-name{font-size:clamp(.6rem,2.6vw,.75rem);font-weight:600;line-height:1.35;letter-spacing:-.01em;color:rgb(var(--color-text));hyphens:auto;overflow-wrap:break-word}html[lang=ar] .community-name{font-size:clamp(.68rem,2.9vw,.8rem);letter-spacing:0}.community:hover .community-umbrella{filter:drop-shadow(0 12px 26px color-mix(in srgb,var(--c) 60%,transparent))}.community:hover .community-card{border-color:var(--c);box-shadow:0 24px 50px -28px var(--c)}.community:hover .community-icon{transform:scale(1.08)}.communities-merge{display:block;width:100%;height:4.5rem;overflow:visible}html[dir=rtl] .communities-merge{transform:scaleX(-1)}.communities-merge path{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.communities-flow path{stroke:rgb(255 255 255/.75);stroke-dasharray:2 18;animation:communities-flow 1.8s linear infinite}.light .communities-flow path{stroke:rgb(255 255 255/.8);stroke-dasharray:1 26}@keyframes communities-flow{to{stroke-dashoffset:-40}}.communities-hub{display:grid;place-items:center;width:6.5rem;height:6.5rem;margin-inline:auto;padding:.9rem;border-radius:999px;text-align:center;font-family:var(--font-display);font-weight:700;font-size:1.1rem;line-height:1.15;color:rgb(var(--color-text));background:rgb(var(--color-surface)/.85);box-shadow:0 0 0 6px rgb(var(--color-accent)/.08),0 24px 60px -24px rgb(var(--glow)/.9)}.communities-closing{max-width:34rem;margin:2rem auto 0;text-align:center;text-wrap:balance;font-size:1.05rem;line-height:1.8;color:rgb(var(--color-muted))}@media (min-width:640px){.community{padding-inline:.6rem}.community-stem{height:2.5rem}.community-card{gap:.9rem;border-radius:1.5rem;padding:1.5rem .75rem}.community-icon{width:3.25rem;height:3.25rem;border-radius:1.1rem}.community-icon svg{width:1.75rem;height:1.75rem}.community-name,html[lang=ar] .community-name{font-size:1rem;overflow-wrap:normal}.communities-merge{height:6.5rem}.communities-hub{width:8.5rem;height:8.5rem;font-size:1.4rem}.communities-closing{font-size:1.15rem}}@media (min-width:1024px){.community{padding-inline:1rem}}@media (prefers-reduced-motion:reduce){.communities-flow{display:none}.community-card,.community-icon,.community-umbrella{transition:none}}.moments-track{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding-inline:max(1rem,calc((100vw - 80rem) / 2 + 2rem));padding-block:.5rem 1.5rem}.moments-track::-webkit-scrollbar{display:none}.moments-track>*{scroll-snap-align:center}.moments-track[data-pinned=true]{overflow:visible;scroll-snap-type:none}.tilt{transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0);transition:transform .35s cubic-bezier(.2,.7,.1,1)}.tilt[data-active=true]{transition-duration:.08s}.tilt-shine{pointer-events:none;position:absolute;inset:0;border-radius:inherit;background:radial-gradient(400px circle at var(--sx,50%) var(--sy,50%),rgb(255 255 255/.09),transparent 45%);opacity:0;transition:opacity .3s ease}.tilt[data-active=true] .tilt-shine{opacity:1}.flip{perspective:1200px}.flip-inner{display:grid;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.7,.1,1)}.flip-inner>*{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-back,.flip[data-flipped=true] .flip-inner{transform:rotateY(180deg)}.chip{border-radius:999px;border:1px solid rgb(var(--color-border));padding:.5rem 1rem;font-size:.85rem;font-weight:500;color:rgb(var(--color-muted));transition:color .2s ease,background .2s ease,border-color .2s ease}.chip:hover{color:rgb(var(--color-text));border-color:rgb(var(--color-primary)/.6)}.chip[aria-pressed=true]{color:rgb(var(--color-primary-fg));background:rgb(var(--color-primary));border-color:rgb(var(--color-primary))}.avatar-ring{background:conic-gradient(from 180deg,rgb(var(--color-primary)),rgb(var(--color-accent)),rgb(var(--color-primary)))}.chat-panel{transform-origin:bottom right;animation:chat-in .38s cubic-bezier(.2,.8,.2,1) both}html[dir=rtl] .chat-panel{transform-origin:bottom left}@keyframes chat-in{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.typing-dot{width:6px;height:6px;border-radius:999px;background:rgb(var(--color-muted));animation:typing 1.2s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.mic-live{box-shadow:0 0 0 0 rgb(var(--color-error)/.6);animation:mic-pulse 1.4s ease-out infinite}@keyframes mic-pulse{to{box-shadow:0 0 0 14px rgb(var(--color-error)/0)}}@media (prefers-reduced-motion:reduce){.gradient-border:before,.mic-live,.scroll-cue,.typing-dot{animation:none}.flip-inner,.tilt{transition:none}}