:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--viewport-width: 100vw;--viewport-height: 100vh;--real-vh: 100vh;--real-vw: 100vw;--vh: 1vh;--device-pixel-ratio: 1;--touch-target-size: 40px;--scroll-padding: 12px}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden;width:100%}@media (max-width: 768px){body{overflow-x:hidden;width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}*{box-sizing:border-box}@supports (-webkit-touch-callout: none){body{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}}}@media (max-width: 480px){html{font-size:14px}body{max-width:100vw;overflow-x:hidden}button,[role=button],input[type=button],input[type=submit],.touchable{min-height:var(--touch-target-size);min-width:var(--touch-target-size)}}.touch-optimized{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.scroll-container{touch-action:pan-y;transform:translateZ(0);backface-visibility:hidden;overscroll-behavior:contain}.scroll-container.horizontal{touch-action:pan-x}.scroll-container.free-scroll{touch-action:pan-x pan-y}body{margin:0;padding:0;min-height:100vh;width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.sandbox-body{background:linear-gradient(135deg,#667eea,#764ba2);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.sandbox-body .MuiAppBar-root{display:none!important}@media (max-width: 768px){.sandbox-body{--touch-target-size: 44px}.sandbox-body *{-webkit-overflow-scrolling:touch}.sandbox-body .MuiButton-root{min-height:44px;min-width:44px;font-size:14px;padding:8px 16px}.sandbox-body .MuiTabs-root{overflow-x:auto;-webkit-overflow-scrolling:touch}.sandbox-body .MuiTab-root{min-width:auto;padding:8px 12px;font-size:12px}.sandbox-body .MuiFormControl-root{margin-bottom:16px}.sandbox-body .MuiCard-root{margin-bottom:16px;border-radius:12px}.sandbox-body .MuiListItem-root{padding:8px 0}.sandbox-body .MuiDialog-paper{margin:16px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);border-radius:16px}.sandbox-body .MuiAlert-root{margin-bottom:16px;border-radius:8px}.sandbox-body .MuiGrid-container{margin:0}.sandbox-body .MuiGrid-item{padding:8px}.sandbox-body .MuiTypography-h4{font-size:1.5rem!important;line-height:1.3}.sandbox-body .MuiTypography-h5{font-size:1.25rem!important;line-height:1.3}.sandbox-body .MuiTypography-h6{font-size:1.125rem!important;line-height:1.3}.sandbox-body .MuiTypography-body1{font-size:.875rem!important;line-height:1.4}.sandbox-body .MuiTypography-body2{font-size:.8125rem!important;line-height:1.4}.sandbox-body .MuiTextField-root .MuiInputBase-input{font-size:16px;padding:12px 16px}.sandbox-body .MuiTextField-root .MuiInputLabel-root{font-size:14px}.sandbox-body .MuiSelect-select{font-size:16px;padding:12px 16px}.sandbox-body .MuiChip-root{font-size:12px;height:28px}.sandbox-body .MuiSvgIcon-root{font-size:20px}.sandbox-body .MuiStack-root{gap:12px}.sandbox-body .MuiContainer-root{padding-left:16px;padding-right:16px}.sandbox-body .MuiCardContent-root,.sandbox-body .MuiDialogContent-root{padding:16px}.sandbox-body .MuiDialogActions-root{padding:16px;gap:8px}.sandbox-body .MuiAccordionSummary-root{padding:12px 16px}.sandbox-body .MuiAccordionDetails-root{padding:16px}.sandbox-body .MuiPaper-root{border-radius:8px}.sandbox-body .MuiMenuItem-root{font-size:14px;padding:8px 16px;min-height:44px}.sandbox-body .MuiTooltip-tooltip{font-size:12px;padding:6px 12px}.sandbox-body .MuiLinearProgress-root{height:6px;border-radius:3px}.sandbox-body .MuiDivider-root{margin:8px 0}.sandbox-body .MuiList-root{padding:8px 0}.sandbox-body .MuiListItemText-primary{font-size:14px;line-height:1.3}.sandbox-body .MuiListItemText-secondary{font-size:12px;line-height:1.3}.sandbox-body .MuiIconButton-root{padding:8px;min-width:40px;min-height:40px}.sandbox-body .MuiFormHelperText-root{font-size:11px;margin-top:4px}.sandbox-body .MuiInputLabel-root{font-size:14px}.sandbox-body .MuiSelect-selectMenu{font-size:16px}.sandbox-body .MuiDialogTitle-root{padding:16px}.sandbox-body .MuiDialogTitle-root .MuiTypography-root{font-size:1.125rem;line-height:1.3}.sandbox-body .MuiAppBar-root{display:none!important}.sandbox-body ::-webkit-scrollbar{width:4px}.sandbox-body ::-webkit-scrollbar-track{background:transparent}.sandbox-body ::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.sandbox-body .MuiButton-root:active{transform:scale(.98)}.sandbox-body .MuiIconButton-root:active{transform:scale(.95)}}@media (min-width: 769px) and (max-width: 1024px){.sandbox-body .MuiContainer-root{max-width:100%;padding:0 16px}.sandbox-body .MuiCard-root{margin-bottom:24px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.sandbox-body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--fm-gap: 1.1rem;--fm-radius: 14px;--fm-card-w: 380px;--fm-card-h: 200px;--fm-speed: 38s;--fm-float-amp: 6px}.fm-dark-mode{--fm-bg: #0e1220;--fm-fg: #eaf2ff;--fm-muted: #9bb0cc;--fm-card: #151a2e;--fm-card-border: #22314a;--fm-accent: #7de3ff;--fm-accent-2: #b794f4;--fm-shadow: 0 8px 24px rgba(0, 0, 0, .35)}.fm-light-mode{--fm-bg: #f7f9fe;--fm-fg: #0f1a2b;--fm-muted: #53627a;--fm-card: #ffffff;--fm-card-border: #dfe7f3;--fm-accent: #1971f1;--fm-accent-2: #7b61ff;--fm-shadow: 0 8px 24px rgba(16, 32, 64, .12)}.feature-marquee{width:100%}.fm-title{font-size:clamp(20px,2.4vw,28px);letter-spacing:.2px;font-weight:700}.fm-hint{color:var(--fm-muted);font-size:14px;margin-top:-4px}.fm-marquee{position:relative;overflow:hidden;mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%);border-radius:18px}.fm-marquee__inner{display:inline-flex;align-items:stretch;gap:var(--fm-gap);padding:8px;width:max-content}.fm-marquee:hover .fm-marquee__inner{animation-play-state:paused}.fm-card{position:relative;width:var(--fm-card-w);min-width:var(--fm-card-w);height:var(--fm-card-h);padding:16px 18px 16px 16px;background:linear-gradient(180deg,color-mix(in oklab,var(--fm-card),#ffffff 2%),var(--fm-card));border:1px solid var(--fm-card-border);border-radius:var(--fm-radius);box-shadow:var(--fm-shadow);display:grid;grid-template-rows:auto 1fr;gap:8px;isolation:isolate;transform:translateZ(0);animation:fm-float 3.6s ease-in-out infinite;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.fm-card:hover{transform:translateY(-4px) translateZ(0);animation-play-state:paused}.fm-light-mode .fm-card:hover{box-shadow:0 12px 36px #1020402e;border-color:var(--fm-accent)}.fm-dark-mode .fm-card:hover{box-shadow:0 12px 36px #00000080;border-color:var(--fm-accent)}.fm-card__head{display:flex;align-items:center;gap:10px;font-weight:700;font-size:clamp(18px,1.2vw,22px);letter-spacing:.2px;color:var(--fm-fg)}.fm-card__icon{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--fm-accent),var(--fm-accent-2));color:#0b1020;font-size:18px}.fm-light-mode .fm-card__icon{box-shadow:0 4px 12px #1971f14d}.fm-dark-mode .fm-card__icon{box-shadow:0 4px 12px #7de3ff59}.fm-card__body{color:var(--fm-muted);font-size:clamp(15px,1.1vw,18px);line-height:1.5}.fm-ctrl{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid var(--fm-card-border);background:linear-gradient(180deg,color-mix(in oklab,var(--fm-card),#ffffff 3%),var(--fm-card));color:var(--fm-fg);display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;padding:0;cursor:pointer;box-shadow:var(--fm-shadow);transition:transform .15s ease,background .15s ease,border-color .15s ease;font-size:22px}.fm-ctrl:hover{transform:translateY(-50%) scale(1.06);border-color:var(--fm-accent);background:linear-gradient(135deg,var(--fm-accent),var(--fm-accent-2));color:#fff}.fm-ctrl--left{left:6px}.fm-ctrl--right{right:6px}.fm-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 60%);mix-blend-mode:soft-light;opacity:.7}@keyframes fm-float{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-1 * var(--fm-float-amp)))}}.fm-card:nth-child(1){animation-delay:0s}.fm-card:nth-child(2){animation-delay:.2s}.fm-card:nth-child(3){animation-delay:.4s}.fm-card:nth-child(4){animation-delay:.6s}.fm-card:nth-child(5){animation-delay:.8s}.fm-card:nth-child(6){animation-delay:1s}.fm-card:nth-child(7){animation-delay:1.2s}.fm-card:nth-child(8){animation-delay:1.4s}@media (prefers-reduced-motion: reduce){.fm-marquee__inner,.fm-card{animation:none}}@media (max-width: 400px){:root{--fm-card-w: 280px;--fm-card-h: 156px}}.responsive-image-container{position:relative;width:100%;height:100%;overflow:hidden}.responsive-image{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.responsive-image.loading{opacity:0}.responsive-image.loaded{opacity:1}.responsive-image.error{opacity:.5}.responsive-image-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.responsive-image-error{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffebee;color:#c62828;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500}.responsive-image-xs{width:100%;height:auto;max-width:320px}.responsive-image-sm{width:100%;height:auto;max-width:640px}.responsive-image-md{width:100%;height:auto;max-width:1280px}.responsive-image-lg{width:100%;height:auto;max-width:1920px}.responsive-image-hover{transition:transform .3s ease-in-out}.responsive-image-hover:hover{transform:scale(1.05)}.responsive-image-rounded{border-radius:8px}.responsive-image-circular{border-radius:50%}.responsive-image-shadow{box-shadow:0 4px 8px #0000001a}.responsive-image-shadow:hover{box-shadow:0 8px 16px #0003}.responsive-image-loading{position:relative}.responsive-image-loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 600px){.responsive-image-container{min-height:200px}}@media (min-width: 601px) and (max-width: 960px){.responsive-image-container{min-height:300px}}@media (min-width: 961px){.responsive-image-container{min-height:400px}}@media (prefers-contrast: high){.responsive-image-error{background-color:#000;color:#fff;border:2px solid #fff}}@media (prefers-reduced-motion: reduce){.responsive-image,.responsive-image-hover{transition:none}.responsive-image-loading:before{animation:none}.responsive-image-skeleton{animation:none}}
