.hub{isolation:isolate;background:var(--vp-bg);min-height:100svh;position:relative}.hub-shell{z-index:1;max-width:84rem;padding:max(1.5rem, env(safe-area-inset-top)) max(clamp(1rem, 4vw, 3.5rem), env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(clamp(1rem, 4vw, 3.5rem), env(safe-area-inset-left));margin-inline:auto;position:relative}.hub-header{grid-template:"brand controls"/minmax(0,1fr) auto;align-items:center;gap:.75rem;margin-bottom:clamp(1.25rem,3vw,2.5rem);display:grid}.hub-brand,.hub-controls,.hub-filters,.hub-profile-tags{align-items:center;gap:.5rem;display:flex}.hub-brand{border:1px solid var(--vp-border);background:var(--vp-bg-2);color:var(--vp-fg-2);font:500 .75rem var(--font-mono,monospace);border-radius:99px;grid-area:brand;justify-self:start;padding:.35rem .7rem .35rem .35rem}.hub-brand video{object-fit:cover;border-radius:50%;width:1.5rem;height:1.5rem}.hub-brand i{background:var(--vp-border);width:1px;height:.8rem}.hub-online{align-items:center;gap:.35rem;font-size:.7rem;display:inline-flex}.hub-online:before{content:"";background:var(--vp-ok);border-radius:50%;width:.35rem;height:.35rem}.hub-weather-strip{text-align:center;color:#f6f0f8;flex-wrap:wrap;justify-content:center;align-items:center;gap:.2rem .5rem;max-width:100%;font-size:clamp(.875rem,4.8cqi,1.18rem);font-weight:580;line-height:1.25;display:flex}.hub-weather-strip small{color:inherit;font:inherit}.hub-weather-strip svg{flex:none;width:1.1em;height:1.1em}.hub-controls{flex-wrap:wrap;grid-area:controls;justify-content:flex-end;justify-self:end}.hub-layout{grid-template:"profile catalog"max-content"actions catalog"1fr/minmax(18rem,.76fr) minmax(0,1.3fr);align-items:start;gap:.85rem clamp(1.25rem,3.5vw,3.25rem);display:grid}.hub-aside,.hub-catalog,.hub-actions{align-content:start;gap:.85rem;min-width:0;display:grid}.hub-aside{grid-area:profile}.hub-actions{grid-area:actions}.hub-catalog{grid-area:catalog;gap:1.75rem}.hub-actions>button{justify-self:center}.hub-profile{background:radial-gradient(at 80% 5%,#59445b55,#0000 62%),linear-gradient(145deg,#322736,#19161e 78%);border:1px solid #a855f747;border-radius:1.3rem;min-width:0;padding:clamp(1rem,2vw,1.5rem)}.hub-identity{flex-wrap:wrap;align-content:center;align-items:center;gap:.65rem;min-width:0;display:flex}.hub-identity>div{flex:6rem;min-width:0}.hub-identity img{aspect-ratio:1;object-fit:cover;border:2px solid #9860c7;border-radius:50%;width:clamp(2.4rem,4.6vw,3.5rem);height:auto;box-shadow:0 3px 18px #a855f744}.hub-identity h1{letter-spacing:-.045em;overflow-wrap:anywhere;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:800;line-height:1.02}.hub-identity p,.hub-profile-tags span{color:var(--vp-fg-2);overflow-wrap:anywhere}.hub-identity p{margin-top:.2rem;font-size:.86rem;line-height:1.4}.hub-profile-tags{flex-wrap:wrap;gap:.4rem;margin-top:.7rem}.hub-profile-tags span{max-width:100%;font:500 .7rem/1.45 var(--font-mono,monospace);background:#16121c;border:1px solid #36303f;border-radius:.45rem;padding:.25rem .55rem}.hub-time-panel{border-bottom:1px solid #514151;justify-items:center;gap:clamp(.35rem,1vw,.65rem);margin-bottom:1rem;padding-block:.35rem 1rem;display:grid;container-type:inline-size}.hub-clock{text-align:center;font-variant-numeric:tabular-nums;justify-items:center;gap:.45rem;width:100%;display:grid}.hub-clock-arabic{width:auto;max-width:100%;height:clamp(3.25rem,28cqi,7rem);display:block}.hub-clock-western{font:500 clamp(.81rem, 4cqi, 1.06rem)/1.25 var(--font-mono,ui-monospace), monospace;color:#c8bdce;white-space:nowrap}.hub-clock-western small{color:#d3badf;font-size:.75em}@media (forced-colors:active){.hub-clock-arabic rect{fill:canvastext}}.hub-spotify{border:1px solid var(--vp-border);background:var(--vp-bg-2);overflow-wrap:anywhere;border-radius:1rem;grid-template-columns:clamp(3.1rem,12vw,4.2rem) minmax(0,1fr) auto;grid-template-areas:"album state badge""album copy copy";align-content:center;align-items:center;gap:.25rem .8rem;min-width:0;padding:.85rem 1rem;display:grid;position:relative}.hub-album{aspect-ratio:1;background:linear-gradient(135deg,#241036,#65319c);border-radius:.7rem;grid-area:album;position:relative;overflow:hidden}.hub-album img{object-fit:cover;width:100%;height:100%}.hub-track-state{color:var(--vp-acc-2);letter-spacing:.09em;grid-area:state;font-size:.65rem;font-weight:700}.hub-spotify-badge{z-index:1;color:var(--vp-fg-2);background:#291d32;border:1px solid #47304f;border-radius:99px;grid-area:badge;justify-self:end;align-items:center;gap:.3rem;padding:.18rem .5rem;font-size:.7rem;display:inline-flex;position:relative}.hub-track-copy{grid-area:copy;align-self:start;min-width:0}.hub-track-name{font-size:1rem;font-weight:700;line-height:1.3}.hub-track-artist{color:var(--vp-fg-2);margin-top:.18rem;font-size:.8rem;line-height:1.4}.hub-track-progress{color:#adaaaf;font:.65rem var(--font-mono,monospace);font-variant-numeric:tabular-nums;align-items:center;gap:.4rem;margin-top:.45rem;display:flex}.hub-track-bar{background:#48404c;border-radius:99px;flex:1;height:3px;overflow:hidden}.hub-track-bar i{background:var(--vp-acc);height:100%;display:block}.hub-donate{text-align:center;color:#fff;background:#803fc0;border:1px solid #9951d8;border-radius:.8rem;justify-content:center;align-items:center;gap:.6rem;min-height:2.85rem;padding:.6rem 1rem;font-size:.9rem;font-weight:650;display:flex}.hub-donate:hover{background:#914aca}.hub-filters{display:none}.hub-section{min-width:0;scroll-margin-top:1rem}.hub-section h2{letter-spacing:.07em;text-transform:uppercase;color:#c7c3ce;overflow-wrap:anywhere;align-items:center;gap:.65rem;margin:0 0 .7rem;font-size:.78rem;font-weight:650;line-height:1.4;display:flex}.hub-section h2 i{border-radius:50%;flex:none;width:.4rem;height:.4rem}.hub-section-rule{background:#302c37;flex:1;height:1px}.hub-section small{font:.75rem var(--font-mono,monospace);color:#a8a3af}.hub-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,16.25rem),1fr));align-items:start;gap:.65rem;display:grid}.hub-card{--card-accent:var(--vp-acc);border:1px solid var(--vp-border);background:var(--vp-bg-2);min-width:0;color:var(--vp-fg);border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.75rem;padding:.9rem;transition:border-color .15s,background-color .15s;display:grid;position:relative}.hub-card:hover,.hub-card:focus-within{border-color:color-mix(in srgb, var(--card-accent) 65%, var(--vp-border))}.hub-card-icon{background:color-mix(in srgb, var(--card-accent) 14%, var(--vp-bg-2));width:2.5rem;height:2.5rem;color:var(--card-accent);border-radius:.7rem;place-items:center;display:grid}.hub-card-copy{overflow-wrap:anywhere;min-width:0}.hub-card h3{letter-spacing:-.01em;font-size:.95rem;font-weight:650;line-height:1.3}.hub-card p{color:#bcb7c5;margin-top:.3rem;font-size:.83rem;line-height:1.5}.hub-arrow{color:#ac9ac3;align-self:start;margin-top:.65rem}.hub-project{background:linear-gradient(135deg,#292033,#15141b 78%);border-color:#483153;padding:1rem}.hub-project h3{font-size:1.04rem}.hub-project .hub-card-icon{background:linear-gradient(135deg, var(--card-accent), #783ed0);color:#fff}.hub-short-url{color:#ceb0ea;font:.72rem/1.4 var(--font-mono,monospace);margin-top:.6rem;display:inline-block}.hub-stretched-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.hub-code{z-index:1;color:#ddd8e4;max-width:100%;font:600 .75rem/1.4 var(--font-mono,monospace);text-align:start;cursor:copy;-webkit-user-select:all;user-select:all;background:#100f15;border:1px solid #423a4a;border-radius:.55rem;align-items:center;gap:.4rem;margin-top:.5rem;padding:.35rem .55rem;display:inline-flex;position:relative}.hub-code[data-copied=true]{color:#a5ebc9;border-color:#466651}.hub-code span{overflow-wrap:anywhere;min-width:0}.hub-code svg{flex:none}.hub-copy-error{color:var(--vp-fg-2);font-size:.75rem;display:block}.hub-footer{text-align:end;margin-top:1.5rem}.hub-version{color:#9a94a3;font:.7rem/1.4 var(--font-mono,monospace);align-items:center;gap:.4rem;display:inline-flex}.hub :is(a,button):focus-visible{outline:2px solid var(--vp-acc-2);outline-offset:3px}@media (max-width:56rem){.hub-shell{max-width:46rem}.hub-layout{flex-direction:column;align-items:stretch;gap:.85rem;display:flex}.hub-actions{margin-top:.2rem}.hub-catalog{gap:1.35rem}.hub-filters{flex-wrap:wrap;gap:.35rem;display:flex}.hub-filters button{color:#c8c1d1;cursor:pointer;overflow-wrap:anywhere;background:#1b1722;border:1px solid #3d3545;border-radius:99px;align-items:center;gap:.4rem;min-height:2.5rem;padding:.4rem .75rem;font-size:.81rem;font-weight:600;display:inline-flex}.hub-filters button span{color:#b3aabf;font:.7rem var(--font-mono,monospace)}.hub-filters button[aria-pressed=true]{color:#171319;background:#f1edf6;border-color:#f1edf6}.hub-filters button[aria-pressed=true] span{color:#55475f}.hub-section[data-filtered=true]{display:none}.hub-footer{text-align:center}}@media (max-width:35rem){.hub-header{gap:.65rem;margin-bottom:.85rem}.hub-controls{gap:.35rem}.hub-profile{padding:1rem}}@media (max-width:23rem){.hub-brand{gap:.35rem}.hub-online,.hub-brand i{display:none}.hub-card{gap:.6rem}}@media (prefers-reduced-motion:reduce){.hub *,.hub :before,.hub :after{transition-duration:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hub-project-launch{z-index:1;color:#d7bae9;align-items:center;gap:.3rem;margin-top:.5rem;padding-block:.25rem;font-size:.79rem;font-weight:600;display:inline-flex;position:relative}.hub-project-launch:hover{text-decoration:underline}.hub-footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.hub-detail-nav,.hub-detail-nav a,.hub-detail-action{align-items:center;gap:.65rem;display:flex}.hub-detail-shell{width:min(100%,43rem);margin-inline:auto;padding:clamp(1rem,4vw,2.25rem)}.hub-detail-nav{justify-content:space-between;margin-bottom:1rem}.hub-detail-nav>a{color:var(--vp-fg-2);font-size:.9rem}.hub-detail-panel{overflow-wrap:anywhere;background:linear-gradient(145deg,#2a2133,#15141b 76%);border:1px solid #45324e;border-radius:1.25rem;min-width:0;padding:clamp(1.3rem,5vw,2.8rem)}.hub-detail-panel>.hub-card-icon{--card-accent:#ca93f1;margin-bottom:1rem}.hub-detail-panel h1{color:#faf7fb;letter-spacing:-.025em;font-size:clamp(2rem,5vw,3rem);font-weight:750;line-height:1.08}.hub-detail-panel p,.hub-detail-panel li{color:#c9c3d0;line-height:1.55}.hub-detail-panel p{margin-top:.9rem}.hub-detail-action{color:#fff;background:#803fc0;border-radius:.75rem;min-height:2.75rem;margin-top:1.15rem;padding:.65rem 1rem;font-weight:650;display:inline-flex}.hub-detail-panel section{border-top:1px solid #403547;margin-top:1.6rem;padding-top:1.35rem}.hub-detail-panel h2{font-size:1.15rem;font-weight:650}.hub-detail-panel ol{margin:.65rem 0 0 1.35rem;list-style:decimal}.hub-detail-panel li{margin-top:.4rem;padding-left:.2rem}