:root{--night-900: #04060d;--night-800: #06080f;--night-700: #0a0e1a;--night-600: #111729;--night-500: #1a2238;--gold-100: #f7ecc6;--gold-200: #f0d98b;--gold-300: #e8c873;--gold-400: #d4af37;--gold-500: #b8932b;--gold-600: #8a6d1f;--emerald-300: #4fbf93;--emerald-400: #2e8b6b;--emerald-500: #1f6f4f;--parchment: #e8dcc0;--sand: #c9b78f;--ink-100: #f5f1e8;--ink-200: #d9d2c2;--ink-300: #a89f8c;--ink-400: #6f6857;--theme: var(--gold-400);--theme-soft: rgba(212, 175, 55, .14);--font-display: "Cinzel", "Times New Roman", serif;--font-body: "Cormorant Garamond", Georgia, serif;--font-arabic: "Amiri", "Noto Naskh Arabic", serif;--font-cjk: "Noto Sans SC", "PingFang SC", sans-serif;--maxw: 1180px;--readw: 720px;--radius: 14px;--shadow-glow: 0 0 60px rgba(212, 175, 55, .18);--ease: cubic-bezier(.22, 1, .36, 1);color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--night-800);color:var(--ink-100);font-family:var(--font-body);font-size:18px;line-height:1.65;scroll-behavior:smooth;overflow-x:clip}html[dir=rtl]{font-family:var(--font-arabic)}html[lang=ar]{font-family:var(--font-arabic);font-size:20px}html[lang=zh]{font-family:var(--font-cjk)}#root{position:relative;width:100%;background:var(--night-800)}.journey__map canvas,.journey__map .maplibregl-canvas-container{background:var(--night-900)!important}::selection{background:var(--theme-soft);color:var(--gold-100)}a{color:var(--gold-300);text-decoration:none;transition:color .25s var(--ease)}a:hover{color:var(--gold-200)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.12;margin:0 0 .5em;letter-spacing:.01em}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=zh] h1,html[lang=zh] h2,html[lang=zh] h3{font-family:inherit}p{margin:0 0 1.1em}@property --ambient{syntax: "<color>"; inherits: true; initial-value: #d4af37;}.ambient-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(130% 90% at 50% -15%,color-mix(in srgb,var(--ambient) 22%,transparent),transparent 55%),radial-gradient(100% 80% at 50% 120%,rgba(4,6,13,.7),transparent 70%),linear-gradient(180deg,var(--night-900),var(--night-800) 60%,var(--night-900));transition:--ambient 1.4s var(--ease)}.ambient-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 70% at 50% 0%,transparent 55%,rgba(4,6,13,.4) 100%)}main{position:relative;z-index:2;width:100%}.section{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(4rem,12vh,9rem) clamp(1.25rem,6vw,4rem)}.section:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to right,#04060df0,#04060ddb 32%,#04060d80 58%,#04060d00 88%)}html[dir=rtl] .section:before{background:linear-gradient(to left,#04060df0,#04060ddb 32%,#04060d80 58%,#04060d00 88%)}.section__inner{position:relative;z-index:1;width:100%;max-width:var(--maxw);margin:0 auto}.section__eyebrow{font-family:var(--font-display);font-size:.8rem;letter-spacing:.32em;text-transform:uppercase;color:var(--theme);margin-bottom:1.2rem;display:inline-flex;align-items:center;gap:.7rem;opacity:.9}.section__eyebrow:before{content:"";width:34px;height:1px;background:var(--theme);opacity:.6}.section__title{font-size:clamp(2.2rem,6vw,4.4rem);background:linear-gradient(180deg,var(--gold-100),var(--gold-400));-webkit-background-clip:text;background-clip:text;color:transparent;max-width:18ch}.section__tagline{font-style:italic;font-size:clamp(1.15rem,2.4vw,1.6rem);color:var(--ink-200);max-width:32ch;margin-top:.4rem}.section__body{max-width:var(--readw);margin-top:2rem;font-size:1.18rem;color:var(--ink-200)}.section__body p+p{margin-top:.3em}.verse{font-family:var(--font-body);font-style:italic;font-size:clamp(1.3rem,3vw,2rem);line-height:1.4;color:var(--gold-100);border-inline-start:2px solid var(--theme);padding-inline-start:1.4rem;margin:2.5rem 0;max-width:38ch}.verse__source{display:block;font-style:normal;font-family:var(--font-display);font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-300);margin-top:.8rem}.reveal{opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease),transform 1s var(--ease);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}.grid{display:grid;gap:1.4rem;margin-top:2.5rem}.grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{background:linear-gradient(160deg,#1a22388c,#0a0e1a8c);border:1px solid rgba(212,175,55,.18);border-radius:var(--radius);padding:1.5rem 1.6rem;backdrop-filter:blur(8px);transition:transform .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease)}.card:hover{transform:translateY(-4px);border-color:#d4af3780;box-shadow:var(--shadow-glow)}.card h3{color:var(--gold-200);font-size:1.3rem}.card h4{color:var(--gold-200);font-size:1.05rem}.card__meta{font-family:var(--font-display);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--theme);margin-bottom:.6rem}.card p{color:var(--ink-200);font-size:1.02rem;margin:0}.card__epithet{color:var(--gold-300)!important;font-style:italic;margin-bottom:.5rem!important}.card--portrait{padding:0;overflow:hidden;display:flex;flex-direction:column}.card__photo-wrap{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;flex-shrink:0}.card__photo{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .6s var(--ease)}.card--portrait:hover .card__photo{transform:scale(1.04)}.card__photo-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(6,8,15,.88) 100%);pointer-events:none}.card__body{padding:1.1rem 1.3rem 1.4rem;flex:1}.card__body .card__meta{margin-bottom:.45rem}.card__body h4{margin-bottom:.3rem}.timeline{margin-top:2.5rem;position:relative;padding-inline-start:200px}.timeline:before{content:"";position:absolute;inset-inline-start:0;top:.4rem;bottom:.4rem;width:2px;background:linear-gradient(180deg,var(--theme),transparent);opacity:.5}.timeline__item{position:relative;padding:0 0 2rem 1.6rem}.timeline__item:before{content:"";position:absolute;inset-inline-start:-7px;top:.45rem;width:12px;height:12px;border-radius:50%;background:var(--night-800);border:2px solid var(--theme);box-shadow:0 0 14px var(--theme)}.timeline__left{position:absolute;right:calc(100% + 20px);top:0;width:160px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.timeline__hijri{font-family:var(--font-arabic);font-size:1.05rem;color:var(--theme);opacity:.75;line-height:1.2;letter-spacing:.02em}.timeline__tag{display:inline-block;font-family:var(--font-display);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;padding:.18em .65em;border-radius:99px;border:1px solid currentColor;white-space:nowrap}.timeline__tag--birth{color:var(--gold-300)}.timeline__tag--death{color:#94a3b8}.timeline__tag--founding{color:#86efac}.timeline__tag--exile{color:#fbbf24}.timeline__tag--arrest{color:#f87171}.timeline__tag--return{color:#60a5fa}.timeline__tag--legacy{color:var(--theme)}.timeline__year{font-family:var(--font-display);color:var(--gold-300);font-size:.95rem;letter-spacing:.14em}.timeline__event{color:var(--ink-100);font-size:1.12rem;margin-top:.2rem}.timeline__place{color:var(--ink-300);font-size:.9rem;font-style:italic}@media (max-width: 640px){.timeline{padding-inline-start:1.5rem}.timeline__left{display:none}}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;position:relative}.hero__arabic{font-family:var(--font-arabic);direction:rtl;font-size:clamp(2.4rem,8vw,5.5rem);color:var(--gold-200);line-height:1.3;text-shadow:0 0 40px rgba(212,175,55,.35);margin-bottom:1rem}.hero__title{font-family:var(--font-display);font-size:clamp(2.6rem,9vw,6.5rem);font-weight:700;letter-spacing:.02em;background:linear-gradient(180deg,var(--gold-100) 10%,var(--gold-400) 90%);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.hero__subtitle{font-style:italic;font-size:clamp(1.1rem,3vw,1.7rem);color:var(--ink-200);max-width:30ch;margin:1rem auto 0}.hero__dates{font-family:var(--font-display);letter-spacing:.3em;font-size:.85rem;color:var(--theme);margin-top:1.6rem}.hero__portrait{position:absolute;inset-inline-end:0;top:0;bottom:0;width:min(42%,480px);pointer-events:none;overflow:hidden}.hero__portrait img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;filter:sepia(.22) brightness(.72) contrast(1.08);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.55) 30%,rgba(0,0,0,.85) 70%,rgba(0,0,0,.9) 100%),linear-gradient(to bottom,transparent 0%,black 12%,black 88%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.55) 30%,rgba(0,0,0,.85) 70%,rgba(0,0,0,.9) 100%),linear-gradient(to bottom,transparent 0%,black 12%,black 88%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in}@media (max-width: 720px){.hero__portrait{inset-inline-end:0;width:100%;opacity:.22}}.scroll-cue{position:absolute;bottom:2.2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;color:var(--ink-300);font-family:var(--font-display);font-size:.7rem;letter-spacing:.28em;text-transform:uppercase}.scroll-cue__line{width:1px;height:46px;background:linear-gradient(180deg,var(--theme),transparent);animation:cue 2.4s var(--ease) infinite}@keyframes cue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.nav-dots{position:fixed;inset-inline-end:clamp(.8rem,2vw,2rem);top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:.9rem}.nav-dots__dot{--size: 10px;width:var(--size);height:var(--size);border-radius:50%;border:1px solid var(--gold-400);background:transparent;cursor:pointer;padding:0;position:relative;transition:all .35s var(--ease)}.nav-dots__dot:hover{background:var(--gold-400)}.nav-dots__dot[aria-current=true]{background:var(--gold-300);box-shadow:0 0 12px var(--gold-300);transform:scale(1.25)}.nav-dots__label{position:absolute;inset-inline-end:22px;top:50%;transform:translateY(-50%);white-space:nowrap;font-family:var(--font-display);font-size:.7rem;letter-spacing:.12em;color:var(--gold-200);background:#06080fcc;padding:.25rem .6rem;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .3s var(--ease)}.nav-dots__dot:hover .nav-dots__label{opacity:1}@media (max-width: 720px){.nav-dots{display:none}}.progress{position:fixed;top:0;inset-inline-start:0;height:3px;background:linear-gradient(90deg,var(--gold-400),var(--emerald-300));z-index:30;transform-origin:left;width:100%;transform:scaleX(0)}html[dir=rtl] .progress{transform-origin:right}.topbar{position:fixed;top:0;inset-inline:0;z-index:25;display:flex;align-items:center;justify-content:space-between;padding:1rem clamp(1rem,4vw,2.4rem);pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);letter-spacing:.16em;font-size:.82rem;color:var(--gold-200);text-transform:uppercase}.brand__mark{width:32px;height:32px;border-radius:50%;object-fit:cover;box-shadow:0 0 8px #d4af37b3,0 0 18px #d4af3766,0 0 32px #d4af372e;border:1.5px solid rgba(212,175,55,.55)}.lang{position:relative}.lang__btn{display:inline-flex;align-items:center;gap:.5rem;background:#06080f99;border:1px solid rgba(212,175,55,.3);color:var(--gold-200);font-family:var(--font-display);font-size:.78rem;letter-spacing:.12em;padding:.45rem .8rem;border-radius:999px;cursor:pointer;backdrop-filter:blur(6px);transition:border-color .3s var(--ease)}.lang__btn:hover{border-color:var(--gold-400)}.lang__menu{position:absolute;inset-inline-end:0;top:calc(100% + .5rem);background:#0a0e1af5;border:1px solid rgba(212,175,55,.25);border-radius:12px;padding:.4rem;min-width:168px;backdrop-filter:blur(10px);box-shadow:0 18px 50px #00000080;display:grid;gap:2px}.lang__item{display:flex;justify-content:space-between;align-items:center;gap:.8rem;background:transparent;border:0;color:var(--ink-200);font-family:var(--font-body);font-size:1rem;text-align:start;padding:.5rem .7rem;border-radius:8px;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease)}.lang__item:hover{background:var(--theme-soft);color:var(--gold-100)}.lang__item[aria-current=true]{color:var(--gold-300)}.lang__item .native{font-size:.78rem;color:var(--ink-300)}.loader{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;background:var(--night-900);transition:opacity .8s var(--ease),visibility .8s var(--ease)}.loader.is-hidden{opacity:0;visibility:hidden}.loader__enter{font-family:var(--font-display);letter-spacing:.22em;font-size:.82rem;text-transform:uppercase;color:var(--gold-200);background:transparent;border:1px solid rgba(212,175,55,.5);border-radius:999px;padding:.85rem 2.4rem;cursor:pointer;transition:border-color .3s var(--ease),color .3s var(--ease),box-shadow .3s var(--ease);animation:fadeInUp .6s var(--ease) both}.loader__enter:hover{border-color:var(--gold-400);color:var(--gold-100);box-shadow:0 0 24px #d4af374d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.loader__ring{width:60px;height:60px;border-radius:50%;border:2px solid rgba(212,175,55,.18);border-top-color:var(--gold-400);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader__label{font-family:var(--font-display);letter-spacing:.24em;font-size:.78rem;text-transform:uppercase;color:var(--ink-300)}.loader__pct{color:var(--gold-300)}.footer{position:relative;z-index:2;text-align:center;padding:5rem 1.5rem 3rem;color:var(--ink-300);font-size:.95rem}.footer__rule{width:80px;height:1px;background:var(--gold-400);margin:0 auto 2rem;opacity:.5}.footer__arabic{font-family:var(--font-arabic);direction:rtl;font-size:1.6rem;color:var(--gold-200);margin-bottom:1rem}.footer__credit{margin-top:2.6rem;padding-top:1.8rem;border-top:1px solid rgba(212,175,55,.16);display:flex;flex-direction:column;align-items:center;gap:.5rem}.footer__credit-label{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-300)}.footer__credit-name{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.04em;color:var(--gold-200)}.footer__geochifa{display:inline-flex;align-items:center;gap:.55rem;margin-top:.35rem;padding:.4rem .95rem;border:1px solid rgba(212,175,55,.3);border-radius:999px;color:var(--gold-200);text-decoration:none;font-size:.85rem;letter-spacing:.08em;transition:border-color .3s var(--ease),box-shadow .3s var(--ease),color .3s var(--ease)}.footer__geochifa:hover{border-color:var(--gold-400);color:var(--gold-100);box-shadow:0 0 20px #d4af3738}.footer__geochifa-logo{width:22px;height:22px;object-fit:contain}.footer__contact{display:flex;align-items:center;gap:.6rem;margin-top:.45rem;font-size:.82rem}.footer__contact a{color:var(--ink-200);text-decoration:none;transition:color .25s var(--ease)}.footer__contact a:hover{color:var(--gold-300)}.library{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(212,175,55,.14)}.library__title{color:var(--gold-200);margin-bottom:.4rem}.library__note{margin-bottom:1.4rem}.library__links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}.library__link{display:flex;flex-direction:column;gap:.25rem;padding:.95rem 1.15rem;border:1px solid rgba(212,175,55,.22);border-radius:var(--radius);background:#d4af370a;text-decoration:none;transition:border-color .25s var(--ease),background .25s var(--ease),transform .25s var(--ease)}.library__link:hover{border-color:var(--gold-400);background:#d4af3717;transform:translateY(-2px)}.library__link-name{font-family:var(--font-display);font-size:1rem;color:var(--gold-100);letter-spacing:.02em}.library__link-host{font-size:.78rem;color:var(--ink-300);letter-spacing:.03em}.journey{position:relative;height:100vh;overflow:hidden}.journey:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#04060db3,#04060d00 22%),linear-gradient(0deg,#04060d8c,#04060d00 20%)}.journey .journey__map{position:absolute;inset:0;z-index:0;width:100%;height:100%}.journey__map .maplibregl-ctrl-attrib{background:#06080f8c;color:var(--ink-300);font-size:10px}.journey__map .maplibregl-ctrl-attrib a{color:var(--ink-200)}.journey__stop-dot{position:relative;width:9px;height:9px;border-radius:50%;background:var(--night-800);border:2px solid rgba(212,175,55,.55);box-shadow:0 0 0 2px #04060d99;pointer-events:none;transition:all .3s var(--ease)}.journey__stop-dot.is-active{background:#4ade80;border-color:#86efac;transform:scale(1.7);box-shadow:0 0 12px #4ade80b3;width:11px;height:11px}.journey__stop-label{position:absolute;top:13px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:.5rem;font-weight:600;color:#ffffff73;white-space:nowrap;text-transform:uppercase;letter-spacing:.07em;text-shadow:0 1px 4px #000,0 0 8px #000;pointer-events:none;transition:color .3s var(--ease),opacity .3s var(--ease)}.journey__stop-dot.is-active .journey__stop-label{color:#d4af37;font-size:.58rem;text-shadow:0 0 10px rgba(212,175,55,.6),0 1px 4px #000}.journey__city-popup-anchor{position:absolute;transform:translate(-50%,-100%);pointer-events:none;z-index:3;will-change:opacity}.journey__city-popup{pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:0;filter:drop-shadow(0 4px 18px rgba(212,175,55,.45));animation:pinRise .55s cubic-bezier(.34,1.56,.64,1) both;transform-origin:bottom center}@keyframes pinRise{0%{opacity:0;transform:scale(.3) translateY(20px)}70%{transform:scale(1.08) translateY(-3px)}to{opacity:1;transform:scale(1) translateY(0)}}.journey__city-popup--out{animation:pinFade .5s ease both!important}@keyframes pinFade{to{opacity:0;transform:scale(.92) translateY(4px)}}.journey__city-popup__label{display:flex;flex-direction:column;align-items:center;background:#06080fe0;border:1px solid rgba(212,175,55,.5);border-radius:8px;padding:.28rem .85rem .22rem;backdrop-filter:blur(10px);margin-bottom:6px;white-space:nowrap}.journey__city-popup__name{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--gold-100);letter-spacing:.04em;display:block}.journey__city-popup__year{font-size:.67rem;color:var(--gold-400);letter-spacing:.1em;display:block;text-align:center}.journey__city-popup__pin-head{width:22px;height:22px;border-radius:50%;background:var(--theme, #d4af37);border:2px solid rgba(255,240,180,.8);box-shadow:0 0 0 4px #d4af3740}.journey__city-popup__pin-tail{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:14px solid var(--theme, #d4af37);margin-top:-2px}.journey__khas{position:absolute;z-index:2;top:clamp(4.5rem,10vh,6rem);inset-inline-end:clamp(1rem,3vw,2rem);width:min(260px,34vw);background:linear-gradient(160deg,#0a0e1aeb,#06080feb);border:1px solid rgba(212,175,55,.28);border-radius:var(--radius);padding:.9rem 1.05rem;backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:.3rem;animation:capIn .5s var(--ease) both}.journey__khas-header{font-family:var(--font-display);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--theme);margin-bottom:.1rem}.journey__khas-ar{font-family:Amiri,Georgia,serif;font-size:1.3rem;color:var(--gold-200);text-align:end;direction:rtl;line-height:1.35}.journey__khas-latin{font-family:var(--font-display);font-size:.76rem;color:var(--gold-500);letter-spacing:.05em}.journey__khas-fr{font-family:var(--font-display);font-size:.84rem;color:var(--ink-100);font-style:italic}.journey__khas-period{font-size:.68rem;color:var(--ink-300);line-height:1.4;margin-top:.1rem}.journey__khas-audio{display:flex;align-items:center;gap:.5rem;margin-top:.45rem;padding-top:.45rem;border-top:1px solid rgba(212,175,55,.14)}.journey__khas-playbtn{flex:0 0 auto;width:28px;height:28px;border-radius:50%;border:1px solid rgba(212,175,55,.4);background:#d4af371a;color:var(--gold-200);font-size:.65rem;cursor:pointer;display:grid;place-items:center;transition:all .2s var(--ease)}.journey__khas-playbtn:hover{background:var(--gold-400);color:var(--night-900);border-color:var(--gold-300)}.journey__khas-label{font-size:.66rem;color:var(--ink-300);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.journey__head{position:absolute;z-index:2;top:clamp(4.5rem,10vh,6.5rem);inset-inline-start:clamp(1.25rem,6vw,4rem);inset-inline-end:clamp(1.25rem,6vw,4rem);max-width:680px;pointer-events:none}.journey__credit{margin-top:.6rem;max-width:60ch;font-style:italic;font-size:.82rem;color:var(--ink-300)}.journey__caption{position:absolute;z-index:2;inset-inline-start:clamp(1.25rem,6vw,4rem);bottom:clamp(5.5rem,13vh,8rem);max-width:380px;background:linear-gradient(160deg,#0a0e1aeb,#06080feb);border:1px solid rgba(212,175,55,.25);border-radius:var(--radius);padding:1.1rem 1.3rem;backdrop-filter:blur(8px);animation:capIn .5s var(--ease)}@keyframes capIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.journey__year{font-family:var(--font-display);color:var(--theme);letter-spacing:.12em;font-size:.9rem}.journey__place{font-family:var(--font-display);color:var(--gold-100);font-size:1.35rem;margin:.2rem 0 .3rem}.journey__mode{display:inline-block;font-family:var(--font-display);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--theme);border:1px solid var(--theme);border-radius:999px;padding:.12rem .6rem;margin-bottom:.5rem;opacity:.85}.journey__event{color:var(--ink-200);font-size:1.02rem;line-height:1.45}.journey__source{margin-top:.7rem;font-family:var(--font-display);font-size:.72rem;letter-spacing:.1em;color:var(--ink-300)}.journey__controls{position:absolute;z-index:3;bottom:clamp(1.2rem,4vh,2.2rem);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.55rem;width:max-content;max-width:min(660px,92vw);padding:.5rem .8rem;background:#080c16d1;border:1px solid rgba(212,175,55,.28);border-radius:999px;backdrop-filter:blur(10px)}.journey__btn{flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:1px solid rgba(212,175,55,.3);background:transparent;color:var(--gold-200);font-size:.9rem;cursor:pointer;display:grid;place-items:center;transition:background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease)}.journey__btn:hover{background:var(--theme-soft);border-color:var(--gold-400);color:var(--gold-100)}.journey__btn--play{width:46px;height:46px;font-size:1rem;background:var(--gold-400);color:var(--night-900);border-color:var(--gold-400)}.journey__btn--play:hover{background:var(--gold-300);color:var(--night-900)}.journey__track{position:relative;flex:1 1 240px;min-width:120px;height:6px;margin-inline:.3rem;background:#d4af372e;border-radius:999px;cursor:pointer}.journey__track-fill{position:absolute;inset-inline-start:0;top:0;height:100%;width:0%;background:linear-gradient(90deg,#d4af37,#4ade80);border-radius:999px}@media (max-width: 720px){.journey__head{top:4rem;inset-inline-start:clamp(.8rem,4vw,1.4rem);inset-inline-end:clamp(.8rem,4vw,1.4rem)}.journey__head .section__title{font-size:clamp(1.6rem,6.5vw,2.2rem)}.journey__head .section__tagline{font-size:clamp(.86rem,2.8vw,1.05rem);max-width:30ch}.journey__credit{font-size:.68rem;max-width:32ch;opacity:.85}.journey__khas{top:auto;bottom:clamp(5.5rem,13vh,8rem);inset-inline:.8rem;width:auto;max-width:none;padding:.5rem .85rem;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.55rem;background:linear-gradient(160deg,#0a0e1aad,#06080f9e);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.journey__khas-header,.journey__khas-ar,.journey__khas-period{display:none}.journey__khas-latin{font-size:.78rem;margin:0}.journey__khas-fr{font-size:.78rem;margin:0;flex:1 1 60%}.journey__khas-audio{margin-top:0;padding-top:0;border-top:0;margin-inline-start:auto;gap:.4rem}.journey__khas-playbtn{width:26px;height:26px}.journey__khas-label{display:none}.journey__caption{max-width:none;inset-inline:.8rem;bottom:clamp(10rem,22vh,12rem);padding:.7rem .9rem;background:linear-gradient(160deg,#0a0e1a99,#06080f8c);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);max-height:5.5rem;overflow:hidden;cursor:pointer;transition:max-height .3s var(--ease),background .25s var(--ease)}.journey__caption.is-expanded{max-height:38vh;background:linear-gradient(160deg,#0a0e1ae0,#06080fd9);overflow-y:auto}.journey__place{font-size:1.05rem;margin-top:.1rem}.journey__event{font-size:.86rem;line-height:1.35}.journey__year{font-size:.78rem}.journey__source{font-size:.64rem;margin-top:.5rem}.journey__caption:after{content:"";position:absolute;inset-inline-end:.8rem;top:.85rem;width:10px;height:10px;border-right:2px solid rgba(212,175,55,.55);border-bottom:2px solid rgba(212,175,55,.55);transform:rotate(45deg);transition:transform .25s var(--ease);pointer-events:none}.journey__caption.is-expanded:after{transform:rotate(-135deg)}.journey__controls{padding:.45rem .7rem;gap:.4rem;background:#080c16b3}.journey__btn{width:34px;height:34px}.journey__btn--play{width:42px;height:42px}.journey__track{min-width:80px;flex:1 1 140px}.journey__head.is-minimized .section__tagline,.journey__head.is-minimized .journey__credit{display:none}.journey__head-toggle{position:absolute;top:0;inset-inline-end:0;z-index:4;width:28px;height:28px;border-radius:50%;border:1px solid rgba(212,175,55,.35);background:#080c169e;color:var(--gold-200);display:grid;place-items:center;cursor:pointer;pointer-events:auto;backdrop-filter:blur(8px)}}@media (min-width: 721px){.journey__head-toggle{display:none}}.mosque{margin-top:3.5rem}.mosque__stage{position:relative;height:clamp(420px,62vh,680px);margin-top:1.4rem;border:1px solid rgba(212,175,55,.22);border-radius:var(--radius);overflow:hidden;background:radial-gradient(120% 100% at 50% 0%,#16223a,#0a1020);box-shadow:var(--shadow-glow)}.mosque__stage canvas{display:block}.mosque__note{margin-top:1rem;font-size:.85rem;font-style:italic}.mosque__pin{position:relative;width:16px;height:16px;background:none;border:0;padding:0;cursor:pointer}.mosque__pin-dot{position:absolute;inset:0;margin:auto;width:14px;height:14px;border-radius:50%;background:var(--gold-300);border:2px solid #fff6df;box-shadow:0 0 12px var(--gold-300);transition:transform .25s var(--ease),background .25s var(--ease)}.mosque__pin-label{position:absolute;inset-inline-start:150%;top:50%;transform:translateY(-50%);font-family:var(--font-display);font-size:.72rem;letter-spacing:.06em;color:var(--gold-100);background:#06080fd1;padding:.2rem .55rem;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s var(--ease)}.mosque__pin:hover .mosque__pin-label,.mosque__pin.is-active .mosque__pin-label{opacity:1}.mosque__pin:hover .mosque__pin-dot,.mosque__pin.is-active .mosque__pin-dot{transform:scale(1.35)}.mosque__pin.is-active .mosque__pin-dot{background:var(--gold-100)}.mosque__info{position:absolute;bottom:1rem;inset-inline-start:1rem;max-width:320px;background:linear-gradient(160deg,#0a0e1af0,#06080ff0);border:1px solid rgba(212,175,55,.3);border-radius:var(--radius);padding:1.1rem 1.3rem;backdrop-filter:blur(8px);animation:capIn .4s var(--ease)}.mosque__info h4{color:var(--gold-200);margin-bottom:.4rem;font-size:1.15rem}.mosque__info p{color:var(--ink-200);font-size:.98rem;margin:0}.mosque__info-close{position:absolute;top:.4rem;inset-inline-end:.6rem;background:none;border:0;color:var(--ink-300);font-size:1.5rem;line-height:1;cursor:pointer}.mosque__info-close:hover{color:var(--gold-200)}.center{text-align:center}.muted{color:var(--ink-300)}.tag{display:inline-block;font-family:var(--font-display);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--theme);border:1px solid rgba(212,175,55,.3);border-radius:999px;padding:.25rem .7rem;margin:.2rem .3rem .2rem 0}.topbar__actions{display:flex;align-items:center;gap:.6rem;pointer-events:auto}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#06080f99;border:1px solid rgba(212,175,55,.3);border-radius:50%;color:var(--gold-200);font-size:1rem;cursor:pointer;backdrop-filter:blur(6px);transition:border-color .3s var(--ease),color .3s var(--ease);line-height:1}.theme-toggle:hover{border-color:var(--gold-400);color:var(--gold-100)}.ambient-btn{position:fixed;bottom:1.5rem;inset-inline-end:1.5rem;z-index:30;width:48px;height:48px;border-radius:50%;background:#06080fd1;border:1px solid rgba(212,175,55,.5);color:var(--gold-300);font-size:1.3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(8px);animation:pulseGold 2s ease-in-out infinite;transition:border-color .3s var(--ease)}.ambient-btn:hover{border-color:var(--gold-400);color:var(--gold-100);animation:none}@keyframes pulseGold{0%,to{box-shadow:0 0 #d4af3766}50%{box-shadow:0 0 0 8px #d4af3700}}.section-photo{margin:2.5rem 0;text-align:center}.section-photo__img{width:100%;max-height:480px;object-fit:cover;object-position:center top;border-radius:var(--radius);border:1px solid rgba(212,175,55,.22);display:block;box-shadow:0 20px 52px #0000008c}.section-photo__caption{margin-top:.75rem;font-size:.78rem;letter-spacing:.04em;color:var(--ink-300);font-style:italic}.jummah{margin-top:3rem}.jummah__img{width:100%;max-height:520px;object-fit:cover;border-radius:var(--radius);border:1px solid rgba(212,175,55,.2);display:block;box-shadow:0 24px 60px #00000080;transition:opacity .6s var(--ease)}.jummah__caption{margin-top:.6rem;font-size:.88rem;text-align:center;font-style:italic}:root[data-theme=light]{--night-900: #f5f0e8;--night-800: #f0eadc;--night-700: #e8e0ce;--night-600: #ddd3bc;--night-500: #cec3a8;--gold-100: #5c3d0a;--gold-200: #7a5212;--gold-300: #996618;--gold-400: #b8820d;--gold-500: #c9930f;--gold-600: #d4a011;--ink-100: #1a150a;--ink-200: #2e2416;--ink-300: #5a4a30;--ink-400: #8a7460;--parchment: #3d2e12;--sand: #4a3620;color-scheme:light}:root[data-theme=light] body,:root[data-theme=light] #root{background:var(--night-800);color:var(--ink-100)}:root[data-theme=light] .ambient-bg{background:radial-gradient(130% 90% at 50% -15%,color-mix(in srgb,var(--ambient) 18%,transparent),transparent 55%),radial-gradient(100% 80% at 50% 120%,rgba(245,240,232,.6),transparent 70%),linear-gradient(180deg,var(--night-900),var(--night-800) 60%,var(--night-900))}:root[data-theme=light] .section:before{background:linear-gradient(to right,rgba(245,240,232,.9) 0%,rgba(245,240,232,.7) 42%,transparent 72%)}:root[data-theme=light] .topbar{background:transparent}:root[data-theme=light] .lang__btn,:root[data-theme=light] .theme-toggle{background:#f5f0e8b3;border-color:#b8820d66}:root[data-theme=light] .lang__menu{background:#f0eadcf7;border-color:#b8820d4d}:root[data-theme=light] .card{background:linear-gradient(160deg,#fffaf0eb,#f0eadceb);border-color:#b8820d59;box-shadow:0 8px 20px #5a4a3014}:root[data-theme=light] .card:hover{border-color:#b8820db3;box-shadow:0 12px 30px #5a4a302e}:root[data-theme=light] .card h3,:root[data-theme=light] .card h4{color:#4a3008}:root[data-theme=light] .card p{color:#2e2416}:root[data-theme=light] .card__epithet{color:#7a5212!important}:root[data-theme=light] .card__photo-overlay{background:linear-gradient(180deg,transparent 45%,rgba(245,240,232,.85) 100%)}:root[data-theme=light] .loader{background:var(--night-900)}:root[data-theme=light] .journey:before{background:linear-gradient(180deg,#f5f0e88c,#f5f0e800 22%),linear-gradient(0deg,#f5f0e866,#f5f0e800 20%)}:root[data-theme=light] .journey__head .section__title{background:linear-gradient(180deg,#5c3d0a,#8a6d1f);-webkit-background-clip:text;background-clip:text;color:transparent}:root[data-theme=light] .journey__head .section__tagline,:root[data-theme=light] .journey__credit{color:#3d2e12;text-shadow:0 1px 2px rgba(245,240,232,.6)}:root[data-theme=light] .journey__caption,:root[data-theme=light] .journey__khas{background:linear-gradient(160deg,#fffaf0f5,#f0eadcf5);border-color:#b8820d73;box-shadow:0 10px 30px #5a4a302e}@media (max-width: 720px){:root[data-theme=light] .journey__caption{background:linear-gradient(160deg,#fffaf09e,#f0eadc8c)}:root[data-theme=light] .journey__caption.is-expanded{background:linear-gradient(160deg,#fffaf0ed,#f0eadce6)}:root[data-theme=light] .journey__khas{background:linear-gradient(160deg,#fffaf0b3,#f0eadc9e)}:root[data-theme=light] .journey__controls{background:#fffaf0c7}:root[data-theme=light] .journey__head-toggle{background:#fffaf0b3;border-color:#b8820d73;color:#5c3d0a}}:root[data-theme=light] .journey__year,:root[data-theme=light] .journey__khas-header{color:#8a6d1f}:root[data-theme=light] .journey__place{color:#3d2818}:root[data-theme=light] .journey__event{color:#2e2416}:root[data-theme=light] .journey__source,:root[data-theme=light] .journey__khas-period,:root[data-theme=light] .journey__khas-label{color:#5a4a30}:root[data-theme=light] .journey__mode{color:#6b520c;border-color:#6b520c}:root[data-theme=light] .journey__khas-ar,:root[data-theme=light] .journey__khas-fr{color:#3d2818}:root[data-theme=light] .journey__khas-latin{color:#8a6d1f}:root[data-theme=light] .journey__khas-audio{border-top-color:#b8820d40}:root[data-theme=light] .journey__khas-playbtn{background:#b8820d1f;border-color:#b8820d8c;color:#5c3d0a}:root[data-theme=light] .journey__khas-playbtn:hover{background:#b8820d;color:#fffbe9}:root[data-theme=light] .journey__controls{background:#fffaf0f0;border-color:#b8820d73;box-shadow:0 8px 22px #5a4a302e}:root[data-theme=light] .journey__btn{color:#5c3d0a;border-color:#b8820d73}:root[data-theme=light] .journey__btn:hover{background:#b8820d2e;border-color:#b8820d;color:#2e1a02}:root[data-theme=light] .journey__btn--play{background:#b8820d;color:#fffbe9;border-color:#b8820d}:root[data-theme=light] .journey__btn--play:hover{background:#8a6d1f;color:#fffbe9}:root[data-theme=light] .journey__track{background:#b8820d38}:root[data-theme=light] .journey__track-fill{background:linear-gradient(90deg,#b8820d,#1f6f4f)}:root[data-theme=light] .journey__stop-dot{background:#fffbe9;border-color:#b8820d;box-shadow:0 0 0 2px #f5f0e8cc}:root[data-theme=light] .journey__stop-dot.is-active{background:#1f6f4f;border-color:#2e8b6b;box-shadow:0 0 12px #2e8b6bb3}:root[data-theme=light] .journey__stop-label{color:#2e2416d9;text-shadow:0 1px 3px rgba(255,251,233,.95),0 0 6px rgba(255,251,233,.9)}:root[data-theme=light] .journey__stop-dot.is-active .journey__stop-label{color:#5c3d0a;text-shadow:0 0 8px rgba(255,240,180,.9),0 1px 2px rgba(255,251,233,1)}:root[data-theme=light] .journey__city-popup__label{background:#fffaf0f5;border-color:#b8820d8c;box-shadow:0 6px 18px #5a4a3038}:root[data-theme=light] .journey__city-popup__name{color:#3d2818}:root[data-theme=light] .journey__city-popup__year{color:#8a6d1f}:root[data-theme=light] .journey__map .maplibregl-ctrl-attrib{background:#fffaf0d9;color:#5a4a30}:root[data-theme=light] .journey__map .maplibregl-ctrl-attrib a{color:#2e2416}:root[data-theme=light] .journey__map canvas,:root[data-theme=light] .journey__map .maplibregl-canvas-container{background:#f0eadc!important}.timeline__tag{font-weight:600}.timeline__tag--death{color:#cbd5e1}.timeline__tag--exile{color:#fcd34d}.timeline__tag--return{color:#93c5fd}:root[data-theme=light] .timeline__tag{background:#fffaf0b3}:root[data-theme=light] .timeline__tag--birth{color:#6b520c;border-color:#6b520c}:root[data-theme=light] .timeline__tag--death{color:#3f4a5a;border-color:#3f4a5a}:root[data-theme=light] .timeline__tag--founding{color:#166534;border-color:#166534}:root[data-theme=light] .timeline__tag--exile{color:#92400e;border-color:#92400e}:root[data-theme=light] .timeline__tag--arrest{color:#991b1b;border-color:#991b1b}:root[data-theme=light] .timeline__tag--return{color:#1e40af;border-color:#1e40af}:root[data-theme=light] .timeline__tag--legacy{color:#6b520c;border-color:#6b520c}:root[data-theme=light] .timeline__hijri{color:#6b520c;opacity:1}:root[data-theme=light] .timeline__year{color:#6b520c}:root[data-theme=light] .timeline__event{color:#2e2416}:root[data-theme=light] .timeline__place{color:#5a4a30}:root[data-theme=light] .timeline__item:before{background:#fffbe9;border-color:#b8820d;box-shadow:0 0 10px #b8820d80}:root[data-theme=light] .hero__portrait img{filter:sepia(.18) brightness(.92) contrast(1.04);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.5) 30%,rgba(0,0,0,.75) 70%,rgba(0,0,0,.8) 100%),linear-gradient(to bottom,transparent 0%,black 12%,black 88%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.5) 30%,rgba(0,0,0,.75) 70%,rgba(0,0,0,.8) 100%),linear-gradient(to bottom,transparent 0%,black 12%,black 88%,transparent 100%)}:root[data-theme=light] .hero__arabic{text-shadow:none}:root[data-theme=light] .section__body,:root[data-theme=light] .section__tagline{color:#2e2416}:root[data-theme=light] .section__body p{color:#2e2416}:root[data-theme=light] .verse{color:#3d2818}:root[data-theme=light] .verse__source{color:#6b520c}:root[data-theme=light] .muted{color:#5a4a30}:root[data-theme=light] .footer{color:#5a4a30}:root[data-theme=light] .footer__credit-label{color:#5a4a30}:root[data-theme=light] .footer__contact a{color:#2e2416}:root[data-theme=light] .mosque__stage{background:radial-gradient(120% 100% at 50% 0%,#f0eadc,#ddd3bc);box-shadow:0 14px 40px #5a4a302e}:root[data-theme=light] .mosque__info{background:linear-gradient(160deg,#fffaf0f5,#f0eadcf5);border-color:#b8820d73}:root[data-theme=light] .mosque__info h4{color:#4a3008}:root[data-theme=light] .mosque__info p{color:#2e2416}:root[data-theme=light] .mosque__pin-label{background:#fffaf0f2;color:#2e2416;border:1px solid rgba(184,130,13,.35)}:root[data-theme=light] .lang__item{color:#2e2416}:root[data-theme=light] .lang__item .native{color:#5a4a30}:root[data-theme=light] .lang__item:hover{background:#b8820d24;color:#2e1a02}:root[data-theme=light] .lang__item[aria-current=true]{color:#6b520c}:root[data-theme=light] .library__link{background:#fffaf0b3;border-color:#b8820d4d}:root[data-theme=light] .library__link:hover{background:#b8820d24;border-color:#b8820d}:root[data-theme=light] .library__link-name{color:#3d2818}:root[data-theme=light] .library__link-host{color:#5a4a30}.loader--sanctuary{background:radial-gradient(120% 100% at 50% 110%,rgba(4,6,13,.6),transparent 65%),url(/images/enterthesanctuaire.jpg) center / cover no-repeat,var(--night-900);touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}html.is-loader-locked{overflow:hidden!important;height:100%!important;touch-action:none}body.is-loader-locked{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important;touch-action:none;overscroll-behavior:none}.loader__veil{position:absolute;inset:0;pointer-events:none;z-index:1;display:block;width:100%;height:100%;touch-action:none}.loader__enter{position:relative;z-index:3;background:#06080f9e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-shadow:0 1px 10px rgba(0,0,0,.85);border-color:#d4af37b3;font-size:clamp(.78rem,2.2vw,.95rem);padding:clamp(.8rem,2vh,1.05rem) clamp(1.6rem,5vw,2.6rem);box-shadow:0 0 0 1px #d4af3726,0 10px 32px #0000008c,0 0 28px #d4af372e}.loader__enter:hover{background:#140c04b8;box-shadow:0 0 0 1px #d4af3759,0 12px 38px #000000a6,0 0 38px #d4af3780}.loader__hint{position:absolute;z-index:3;bottom:clamp(1.6rem,7vh,4rem);left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:clamp(.62rem,1.8vw,.72rem);letter-spacing:.3em;text-transform:uppercase;color:#f7ecc6b8;text-shadow:0 0 12px rgba(0,0,0,.95);pointer-events:none;text-align:center;max-width:min(90vw,30ch);line-height:1.45}.loader__note{position:relative;z-index:3;font-family:var(--font-body);font-size:clamp(.63rem,1.5vw,.72rem);color:#f7ecc661;text-align:center;max-width:min(88vw,36ch);line-height:1.65;margin:0}.loader__ring,.loader__label{position:relative;z-index:3}@media (prefers-reduced-motion: reduce){.loader__veil{opacity:.55}}@media (max-width: 720px){.loader__hint{letter-spacing:.22em;bottom:clamp(1.4rem,5vh,3rem)}}.saytu{min-height:100vh;padding:clamp(1.5rem,5vw,3rem) clamp(1rem,5vw,3.5rem) 4rem;color:var(--ink-100);background:linear-gradient(180deg,#06080f,#0a1020);font-family:var(--font-body)}.saytu--booting{display:grid;place-items:center;font-family:var(--font-display);letter-spacing:.25em}.saytu__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:1rem;margin-bottom:2rem;border-bottom:1px solid rgba(212,175,55,.18);padding-bottom:1.4rem}.saytu__brand{font-family:var(--font-display);font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-300);margin-right:auto}.saytu__head h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.8rem);margin:0;background:linear-gradient(180deg,var(--gold-100),var(--gold-400));-webkit-background-clip:text;background-clip:text;color:transparent}.saytu__sub{margin:0;font-style:italic;color:var(--ink-300)}.saytu__head-actions{margin-left:auto;display:flex;flex-wrap:wrap;gap:.5rem}.saytu__logout,.saytu__export{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;background:transparent;color:var(--gold-200);border:1px solid rgba(212,175,55,.4);border-radius:999px;padding:.45rem 1.05rem;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}.saytu__export:hover:not(:disabled){background:var(--gold-400);color:var(--night-900);border-color:var(--gold-300)}.saytu__export:disabled{opacity:.4;cursor:not-allowed}.saytu__msg{color:var(--ink-300);font-style:italic}.saytu__msg--err{color:#e88a8a}.saytu__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.saytu__stat{display:flex;align-items:center;gap:.9rem;background:linear-gradient(160deg,#0a0e1ac7,#06080fc7);border:1px solid rgba(212,175,55,.22);border-radius:var(--radius);padding:1.1rem 1.2rem}.saytu__stat-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#d4af371f;color:var(--gold-200)}.saytu__stat-value{font-family:var(--font-display);font-size:1.4rem;color:var(--gold-100)}.saytu__stat-label{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;font-size:.7rem;color:var(--ink-300)}.saytu__map-wrap,.saytu__trend{background:linear-gradient(160deg,#0a0e1ab3,#06080fb3);border:1px solid rgba(212,175,55,.18);border-radius:var(--radius);padding:1rem 1.1rem 1.2rem;margin-bottom:2rem}.saytu__map-wrap h2,.saytu__trend h2{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:.86rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-200);margin:0 0 .9rem}.saytu__map{width:100%;height:clamp(280px,50vh,480px);border-radius:var(--radius);overflow:hidden}.saytu__grids{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;margin-bottom:2rem}.saytu__rank{background:linear-gradient(160deg,#0a0e1ab3,#06080fb3);border:1px solid rgba(212,175,55,.18);border-radius:var(--radius);padding:1rem 1.1rem 1.2rem}.saytu__rank h3{display:flex;align-items:center;gap:.45rem;font-family:var(--font-display);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-200);margin:0 0 .8rem}.saytu__rank ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.42rem}.saytu__rank li{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.6rem;background:#ffffff06;border-radius:6px;padding:.45rem .7rem;overflow:hidden;font-size:.92rem;z-index:0}.saytu__rank-label{position:relative;z-index:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink-100)}.saytu__rank-bar{position:absolute;inset-inline-start:0;top:0;bottom:0;background:linear-gradient(90deg,#d4af3759,#d4af370d);border-radius:6px;z-index:1}.saytu__rank-count{position:relative;z-index:2;font-family:var(--font-display);font-size:.82rem;color:var(--gold-300)}.saytu__spark{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:end;gap:4px;height:130px}.saytu__spark-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative}.saytu__spark-bar{width:100%;min-height:2px;background:linear-gradient(180deg,var(--gold-300),var(--gold-500));border-radius:3px 3px 0 0}.saytu__spark-day{position:absolute;bottom:-18px;font-size:.62rem;color:var(--ink-300);font-family:var(--font-display);letter-spacing:.06em}.saytu--login{display:grid;place-items:center;padding:2rem}.saytu__login{background:linear-gradient(160deg,#0a0e1ad9,#06080fd9);border:1px solid rgba(212,175,55,.3);border-radius:var(--radius);padding:2rem 2.2rem;width:min(360px,92vw);display:flex;flex-direction:column;gap:1rem;text-align:center}.saytu__login h1{margin:0;font-family:var(--font-display);background:linear-gradient(180deg,var(--gold-100),var(--gold-400));-webkit-background-clip:text;background-clip:text;color:transparent}.saytu__login p{margin:0;color:var(--ink-300);font-style:italic}.saytu__login input{background:#ffffff0a;border:1px solid rgba(212,175,55,.3);border-radius:999px;padding:.85rem 1.2rem;color:var(--ink-100);font-family:var(--font-body);font-size:1rem;outline:none;text-align:center;letter-spacing:.2em}.saytu__login input:focus{border-color:var(--gold-300)}.saytu__login button{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;font-size:.78rem;color:var(--night-900);background:var(--gold-400);border:1px solid var(--gold-400);border-radius:999px;padding:.75rem 1.4rem;cursor:pointer}.saytu__login button:hover{background:var(--gold-300)}@media (max-width: 720px){.saytu{padding:1rem .85rem 3rem}.saytu__head{flex-direction:column;align-items:flex-start;gap:.6rem;margin-bottom:1.3rem;padding-bottom:1rem;text-align:left}.saytu__brand{margin-right:0;font-size:.7rem;letter-spacing:.22em}.saytu__head h1{font-size:1.85rem}.saytu__sub{font-size:.85rem}.saytu__head-actions{margin-left:0;width:100%;justify-content:flex-start}.saytu__logout,.saytu__export{padding:.4rem .85rem;font-size:.66rem;letter-spacing:.14em}.saytu__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-bottom:1.4rem}.saytu__stat{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.9rem .95rem}.saytu__stat-icon{width:32px;height:32px}.saytu__stat-value{font-size:1.15rem}.saytu__stat-label{font-size:.6rem;letter-spacing:.14em}.saytu__map-wrap,.saytu__rank,.saytu__trend{padding:.9rem .95rem 1rem}.saytu__map-wrap h2,.saytu__trend h2,.saytu__rank h3{font-size:.7rem;letter-spacing:.15em}.saytu__map{height:clamp(220px,42vh,320px)}.saytu__grids{grid-template-columns:1fr;gap:.85rem;margin-bottom:1.4rem}.saytu__rank li{padding:.4rem .55rem;font-size:.82rem}.saytu__rank-count{font-size:.75rem}.saytu__spark{height:100px;gap:3px}.saytu__spark-day{font-size:.5rem;bottom:-16px}.saytu__map-wrap,.saytu__trend{margin-bottom:1.4rem}}