:root{--jx-bg-color: #0f172a;--jx-card-bg: #1e293b;--jx-accent: #6366f1;--jx-text-main: #f8fafc;--jx-text-muted: #94a3b8;--jx-glass-bg: rgba(0, 0, 0, .6);--jx-glass-border: rgba(255, 255, 255, .1);--jx-gap: 2rem;--jx-container-max-width: 600px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--jx-bg-color);color:var(--jx-text-main);height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative}.jx-bg-ambience{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.jx-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3}.jx-blob-1{top:-10%;left:-10%;width:50vw;height:50vw;background:#312e81}.jx-blob-2{bottom:-10%;right:-10%;width:50vw;height:50vw;background:#701a75}.jx-wrapper{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:row;max-width:1400px;padding:2rem;gap:2rem}.jx-info-panel{flex:1;display:flex;flex-direction:column;justify-content:center;padding:2rem}.jx-scroller-wrapper{flex:1;height:100%;position:relative;display:flex;justify-content:center}h1{font-size:4rem;font-weight:800;line-height:1;margin-bottom:1rem;letter-spacing:-.05em}h1 span{color:var(--jx-accent)}.jx-subtitle{font-size:1.125rem;color:var(--jx-text-muted);max-width:400px;line-height:1.6;margin-bottom:2rem}.jx-guide-box{background:#ffffff08;border:1px solid var(--jx-glass-border);padding:1.5rem;border-radius:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.jx-guide-box h3{font-weight:600;margin-bottom:.5rem}.jx-guide-box ul{list-style-position:inside;color:var(--jx-text-muted);font-size:.9rem}.jx-guide-box li{margin-bottom:.25rem}.jx-download-row{margin-top:1rem;margin-bottom:0}.jx-download-zip{display:inline-block;padding:.5rem 1rem;background:#6366f133;border:1px solid var(--jx-accent);color:var(--jx-accent);text-decoration:none;border-radius:8px;font-size:.9rem;font-weight:500;transition:background .2s,color .2s}.jx-download-zip:hover{background:var(--jx-accent);color:#fff}.jx-scroller-container{width:100%;max-width:var(--jx-container-max-width);height:100%;background:#0f172a80;border-radius:1.5rem;border:1px solid var(--jx-glass-border);position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.jx-fade-top,.jx-fade-bottom{position:absolute;left:0;right:0;height:150px;z-index:5;pointer-events:none}.jx-fade-top{top:0;background:linear-gradient(to bottom,var(--jx-bg-color),transparent)}.jx-fade-bottom{bottom:0;background:linear-gradient(to top,var(--jx-bg-color),transparent)}.jx-track{width:100%;will-change:transform;padding:0 1.5rem}.jx-card{margin-bottom:var(--jx-gap);border-radius:1rem;overflow:hidden;position:relative;background:var(--jx-card-bg);box-shadow:0 10px 15px -3px #0000004d;transform:translateZ(0);transition:transform .4s cubic-bezier(.25,1,.5,1);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.jx-card:hover{transform:scale(1.02)}.jx-card img{display:block;width:100%;height:auto;object-fit:cover;pointer-events:none}.jx-lazy-img{opacity:0;transition:opacity .6s ease-out}.jx-lazy-img.loaded{opacity:1}.jx-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent,transparent);opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;pointer-events:none}.jx-card:hover .jx-card-overlay{opacity:1}.jx-card-title{font-weight:700;font-size:1.25rem;transform:translateY(10px);transition:transform .3s ease}.jx-card-desc{font-size:.875rem;color:#cbd5e1;margin-top:.25rem;transform:translateY(10px);transition:transform .3s ease .05s}.jx-card:hover .jx-card-title,.jx-card:hover .jx-card-desc{transform:translateY(0)}.jx-controls{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:.75rem}.jx-control-panel{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:var(--jx-glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--jx-glass-border);border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.jx-btn-icon{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%;transition:background .2s}.jx-btn-icon:hover{background:#ffffff1a}.jx-btn-icon.active{color:var(--jx-accent);background:#6366f11a}.jx-btn-icon>*{pointer-events:none}.jx-separator{width:1px;height:1.5rem;background:#ffffff1a}.jx-speed-control{display:flex;align-items:center;gap:.75rem}.jx-speed-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--jx-text-muted);font-weight:600}input[type=range]{-webkit-appearance:none;width:100px;height:4px;background:#fff3;border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.jx-nav-buttons{display:flex;gap:.5rem}.jx-nav-btn{background:var(--jx-glass-bg);border:1px solid var(--jx-glass-border);color:#fff;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s}.jx-nav-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.jx-nav-btn:active{transform:translateY(0)}.jx-nav-btn>*{pointer-events:none}.jx-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.jx-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility 0s linear .3s}.jx-modal.active{opacity:1;visibility:visible;pointer-events:all;transition:opacity .3s ease,visibility 0s linear 0s}.jx-modal-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:scale(.95);transition:transform .3s ease;padding:2rem}.jx-modal.active .jx-modal-content{transform:scale(1)}.jx-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:var(--jx-accent);animation:spin 1s ease-in-out infinite;display:none;z-index:50}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}[data-jx-modal-img],[data-jx-modal-title],[data-jx-modal-desc]{transition:opacity .3s ease-in-out}.jx-modal-content img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:.5rem;box-shadow:0 20px 25px -5px #00000080;pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.jx-modal-caption{margin-top:1rem;text-align:center;color:#fff;position:relative;z-index:110;max-width:600px}.jx-modal-caption h2{font-size:1.5rem;margin-bottom:.5rem}.jx-modal-caption p{color:var(--jx-text-muted)}.jx-modal-header{position:absolute;top:2rem;right:2rem;z-index:120;display:flex;gap:1rem;align-items:center}.jx-modal-speed{display:flex;align-items:center;gap:.5rem;background:#0006;padding:.5rem 1rem;border-radius:2rem;border:1px solid rgba(255,255,255,.1)}.jx-modal-speed span{font-size:.75rem;text-transform:uppercase;color:var(--jx-text-muted);font-weight:600}.jx-btn-circle{background:#ffffff1a;border:none;color:#fff;width:3rem;height:3rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0}.jx-btn-circle:hover{background:#ffffff40;transform:scale(1.05)}.jx-btn-circle.active{background:var(--jx-accent);color:#fff}.jx-btn-circle>*{pointer-events:none}.jx-modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;width:3.5rem;height:3.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:120;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.jx-modal-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.jx-modal-nav:disabled{opacity:.3;cursor:not-allowed}.jx-modal-nav>*{pointer-events:none}.jx-modal-prev{left:2rem}.jx-modal-next{right:2rem}@media(max-width:768px){.jx-wrapper{flex-direction:column;padding:1rem}.jx-info-panel{flex:none;align-items:center;text-align:center;padding:1rem 0}.jx-guide-box{display:none}h1{font-size:2.5rem}.jx-scroller-container{width:100%}.jx-controls{width:90%}.jx-control-panel{width:100%;justify-content:space-between}input[type=range]{width:80px}.jx-modal-header{top:1rem;right:1rem;gap:.5rem;flex-direction:column-reverse;align-items:flex-end}.jx-modal-speed{padding:.25rem .5rem}.jx-modal-speed span{display:none}.jx-btn-circle{width:2.5rem;height:2.5rem}.jx-modal-nav{width:2.5rem;height:2.5rem;background:#00000080}.jx-modal-prev{left:1rem}.jx-modal-next{right:1rem}}