:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--accent:#7c5cff;--accent-2:#22c8e8;--bg:#f4f3fa;--bg-glow-1:#7c5cff2e;--bg-glow-2:#22c8e829;--surface:#ffffffb8;--surface-solid:#fff;--stage:#e7e4f2;--text:#16151f;--text-muted:#6a6880;--border:#16151f1a;--control-bg:#ffffffd1;--control-bg-hover:#fffffff5;--control-fg:#16151f;--control-border:#16151f14;--track:#16151f1a;--shadow-sm:0 2px 8px #1c164214;--shadow-lg:0 24px 60px -20px #1c164259;--ease:cubic-bezier(.22, .61, .36, 1);--radius:20px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--accent:#9b7dff;--accent-2:#3fd8f5;--bg:#0c0b13;--bg-glow-1:#7c5cff38;--bg-glow-2:#22c8e824;--surface:#181724ad;--surface-solid:#16151f;--stage:#131220;--text:#eeecf6;--text-muted:#9a97ae;--border:#ffffff1f;--control-bg:#0e0d16cc;--control-bg-hover:#262437f2;--control-fg:#eeecf6;--control-border:#ffffff24;--track:#ffffff24;--shadow-sm:0 2px 8px #0006;--shadow-lg:0 24px 60px -20px #000000b3}}*{box-sizing:border-box}html,body{min-height:100%}body{background-color:var(--bg);background-image:radial-gradient(60rem 40rem at 12% -10%, var(--bg-glow-1), transparent 60%), radial-gradient(50rem 36rem at 92% 8%, var(--bg-glow-2), transparent 60%);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s var(--ease), color .3s var(--ease);background-attachment:fixed;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.App{flex-direction:column;min-height:100dvh;display:flex}.App__main{flex:1;align-items:center;padding:clamp(1rem,3vw,2.5rem);display:flex}.header{z-index:20;background:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px)saturate(1.6);align-items:center;gap:1rem;padding:.85rem clamp(1rem,4vw,2.5rem);display:flex;position:sticky;top:0}.header__brand{color:inherit;border-radius:12px;align-items:center;gap:.7rem;text-decoration:none;display:inline-flex}.header__logo{width:40px;height:40px;box-shadow:var(--shadow-sm);transition:transform .4s var(--ease);border-radius:10px;display:block}.header__brand:hover .header__logo{transform:rotate(-8deg)scale(1.06)}.header__title{letter-spacing:.14em;background:linear-gradient(100deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.35rem;font-weight:800}@media screen and (width<=600px){.header__logo{width:34px;height:34px}.header__title{font-size:1.15rem}}.slider{--transition:.85s;width:100%;max-width:1180px;margin:0 auto}.slider--empty{text-align:center;color:var(--text-muted);padding:3rem 1rem}.slider__stage{border-radius:var(--radius);background:var(--stage);width:100%;height:min(72dvh,720px);box-shadow:var(--shadow-lg);touch-action:pan-y;isolation:isolate;position:relative;overflow:hidden}.slide{opacity:0;visibility:hidden;transition:opacity var(--transition) var(--ease), visibility 0s linear var(--transition);margin:0;position:absolute;inset:0}.slide.is-active{z-index:2;opacity:1;visibility:visible;transition:opacity var(--transition) var(--ease), visibility 0s linear 0s}.slide__backdrop{object-fit:cover;filter:blur(42px)saturate(1.5)brightness(.82);will-change:transform;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.18)}.slide.is-active .slide__backdrop{animation:slide-drift 14s var(--ease) forwards}.slide__photo{object-fit:contain;opacity:0;max-width:100%;max-height:100%;transition:opacity var(--transition) var(--ease), transform calc(var(--transition) + .2s) var(--ease);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;margin:auto;position:absolute;inset:0;transform:scale(1.045)}.slide.is-active .slide__photo{opacity:1;transform:scale(1)}@keyframes slide-drift{0%{transform:scale(1.18)}to{transform:scale(1.32)}}.slider__loader{z-index:3;pointer-events:none;opacity:0;transition:opacity .25s var(--ease);place-items:center;display:grid;position:absolute;inset:0}.slider__loader.is-visible{opacity:1}.slider__loader:after{content:"";border:3px solid #ffffff47;border-top-color:#fff;border-radius:50%;width:34px;height:34px;animation:.9s linear infinite slider-spin}@keyframes slider-spin{to{transform:rotate(360deg)}}.slider__nav{z-index:4;border:1px solid var(--control-border);background:var(--control-bg);width:48px;height:48px;color:var(--control-fg);cursor:pointer;-webkit-backdrop-filter:blur(14px)saturate(1.6);box-shadow:var(--shadow-sm);opacity:0;transition:opacity .3s var(--ease), transform .3s var(--ease), background-color .2s var(--ease);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%}.slider__nav--prev{left:16px;transform:translate(-8px,-50%)}.slider__nav--next{right:16px;transform:translate(8px,-50%)}.slider__nav:hover{background:var(--control-bg-hover)}.slider__nav:active{scale:.94}.slider__playstate{z-index:4;border:1px solid var(--control-border);background:var(--control-bg);width:34px;height:34px;color:var(--control-fg);cursor:pointer;-webkit-backdrop-filter:blur(14px)saturate(1.6);opacity:0;transition:opacity .3s var(--ease), background-color .2s var(--ease);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:16px;right:16px}.slider__playstate:hover{background:var(--control-bg-hover)}.slider__stage:hover .slider__nav,.slider__stage:focus-within .slider__nav,.slider__stage:hover .slider__playstate,.slider__stage:focus-within .slider__playstate{opacity:1}.slider__stage:hover .slider__nav--prev,.slider__stage:focus-within .slider__nav--prev,.slider__stage:hover .slider__nav--next,.slider__stage:focus-within .slider__nav--next{transform:translateY(-50%)}.slider__progress{z-index:4;background:#ffffff2e;height:3px;position:absolute;inset:auto 0 0}.slider__progress-bar{transform-origin:0;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;transition:opacity .25s var(--ease);will-change:transform;transform:scaleX(0)}.slider.is-paused .slider__progress-bar{opacity:.4}.slider__meta{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:0 .25rem;display:flex}.slider__counter{font-variant-numeric:tabular-nums;color:var(--text-muted);align-items:baseline;gap:.7rem;margin:0;font-size:.9rem;display:flex}.slider__counter-index{letter-spacing:.06em;color:var(--text);font-weight:700}.slider__counter-total{color:var(--text-muted);font-weight:500}.slider__caption{color:var(--text-muted)}.slider__dots{align-items:center;gap:8px;display:flex}.slider__dot{background:var(--track);cursor:pointer;width:8px;height:8px;transition:width .35s var(--ease), background-color .35s var(--ease);border:0;border-radius:99px;padding:0}.slider__dot:hover{background:var(--text-muted)}.slider__dot.is-active{background:linear-gradient(90deg, var(--accent), var(--accent-2));width:24px}@media screen and (width<=720px){.slider__stage{border-radius:16px;height:min(62dvh,560px)}.slider__nav{opacity:1;width:42px;height:42px;transform:translateY(-50%)}.slider__nav--prev{left:10px}.slider__nav--next{right:10px}.slider__playstate{opacity:1}.slider__meta{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (hover:none){.slider__nav,.slider__playstate{opacity:1;transform:translateY(-50%)}.slider__playstate{transform:none}}@media (prefers-reduced-motion:reduce){.slide.is-active .slide__backdrop{animation:none}.slider__progress{display:none}}