.circular-gallery{cursor:grab;width:100%;height:100%;overflow:hidden}.circular-gallery:active{cursor:grabbing}.circular-gallery:focus-visible{outline:2px solid var(--color-primary-container);outline-offset:4px;border-radius:1.5rem}
.line-sidebar{--accent-color:#a855f7;--text-color:#c4c4c4;--marker-color:#6c6c6c;--marker-length:60px;--marker-gap:0px;--tick-scale:.5;--max-shift:30px;--item-gap:20px;--font-size:1.1rem;--smoothing:.1s;justify-content:flex-start;display:flex;position:relative}.line-sidebar--markers{padding-left:calc(var(--marker-length) + var(--marker-gap))}.line-sidebar__list{gap:var(--item-gap);flex-direction:column;margin:0;padding:1rem 0;list-style:none;display:flex}.line-sidebar__item{position:relative}.line-sidebar__item:before{content:"";pointer-events:none;position:absolute;inset:-6px -48px}.line-sidebar__button{cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;padding:0;display:block}.line-sidebar__label{font-size:var(--font-size);color:color-mix(in srgb, var(--accent-color) calc(var(--effect,0) * 100%), var(--text-color));transform:translateX(calc(var(--effect,0) * var(--max-shift)));align-items:baseline;line-height:1.2;display:inline-flex;position:relative}.line-sidebar__index{opacity:calc(.55 + var(--effect,0) * .45);margin-right:.6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.line-sidebar__marker{top:50%;left:calc(-1 * var(--marker-length) - var(--marker-gap));height:1px;width:var(--marker-length);background-color:color-mix(in srgb, var(--accent-color) calc(var(--effect,0) * 100%), var(--marker-color));transform-origin:0;transform:translateY(-50%) scaleX(calc(.7 + var(--effect,0) * .5));position:absolute}.line-sidebar--markers .line-sidebar__item:not(:last-child):after{content:"";top:calc(100% + var(--item-gap) / 2);left:calc(-1 * var(--marker-length) - var(--marker-gap));height:1px;width:calc(var(--marker-length) * var(--tick-scale));background-color:var(--marker-color);opacity:.5;position:absolute;transform:translateY(-50%)}.line-sidebar--scale-tick .line-sidebar__item:not(:last-child):after{transform-origin:0;transform:translateY(-50%) scaleX(calc(.7 + var(--effect,0) * .6))}
body:has(.home-sidebar){--color-space-bg-deep:#0b0d12;--color-space-surface-dark:#151a22;--color-space-surface-elevated:#1d2430;--color-space-border-glass:#ffffff2b;--color-surface-container-high:#242d37;--color-surface-container-highest:#303c47;--color-text-primary:#f5f7fa;--color-text-secondary:#c1cbd5;--color-text-muted:#97a7b7;--color-on-surface:#f5f7fa;--color-primary:#72deee;--color-secondary-fixed:#ff85a7;--color-tertiary:#ffad78;background:#0b0d12}body:has(.home-sidebar) .glass-card{background:#161c25d6;border-color:#ffffff2b;box-shadow:0 18px 45px -30px #000c}body:has(.home-sidebar) main>section{scroll-snap-align:start;scroll-snap-stop:always;min-height:100dvh;padding-top:112px}body:has(.home-sidebar) footer{scroll-snap-align:start;scroll-snap-stop:always;align-items:center;min-height:100dvh;padding-top:90px;display:flex}body:has(.home-sidebar) footer>div{width:100%}.footer-feature{display:none}body:has(.home-sidebar) .footer-feature{display:block}html:has(.home-sidebar){scroll-snap-type:y mandatory;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.home-sidebar{z-index:65;pointer-events:none;background:0 0;align-items:center;width:210px;display:flex;position:fixed;top:90px;bottom:0;right:0}.home-sidebar__body{pointer-events:auto;width:100%;max-height:100%;padding:18px 8px 18px 12px;overflow:hidden auto}.home-sidebar .line-sidebar{justify-content:flex-end;width:100%}.home-sidebar .line-sidebar--markers{padding-left:0;padding-right:var(--marker-length)}.home-sidebar .line-sidebar__list{width:100%}.home-sidebar .line-sidebar__item{justify-content:flex-end;display:flex}.home-sidebar .line-sidebar__label{white-space:nowrap;opacity:0;transition:opacity .18s,transform .18s;transform:translate(8px)}.home-sidebar:hover .line-sidebar__label,.home-sidebar:focus-within .line-sidebar__label{opacity:1;transform:translateX(calc(-1 * var(--effect,0) * var(--max-shift)))}.home-sidebar .line-sidebar__marker,.home-sidebar .line-sidebar--markers .line-sidebar__item:not(:last-child):after{left:auto;right:calc(-1 * var(--marker-length));transform-origin:100%}.home-sidebar .line-sidebar__marker{pointer-events:none}.home-sidebar .line-sidebar__button:after{content:"";top:-6px;right:calc(-1 * var(--marker-length));width:var(--marker-length);position:absolute;bottom:-6px}.home-sidebar .line-sidebar--markers .line-sidebar__item:after,.home-sidebar-toggle,.home-sidebar-backdrop{display:none}@media (max-width:1279px){.home-sidebar{z-index:110;visibility:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#10131bf7;border-left:1px solid #ffffff29;width:min(310px,88vw);transition:transform .22s,visibility .22s;top:80px;transform:translate(100%)}.home-sidebar--open{visibility:visible;transform:translate(0)}.home-sidebar__body{padding:24px 22px}.home-sidebar .line-sidebar__label{opacity:1;transform:none}.home-sidebar-toggle{z-index:130;color:#fff;cursor:pointer;background:#242b35;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:fixed;top:23px;right:38px}.home-sidebar-backdrop{z-index:105;cursor:pointer;background:#0000009e;border:0;display:block;position:fixed;inset:80px 0 0}}@media (max-width:540px){.home-sidebar{top:70px}.home-sidebar-toggle{width:44px;height:44px;top:17px;right:18px}.home-sidebar-backdrop{top:70px}}@media (prefers-reduced-motion:reduce){.home-sidebar,.home-sidebar .line-sidebar__label{transition:none}}
