@charset "UTF-8";:root{--mc-purple-900: 258 62% 22%;--mc-purple-800: 258 62% 30%;--mc-purple-700: 256 60% 40%;--mc-purple-600: 255 62% 52%;--mc-purple: 253 64% 64%;--mc-purple-400: 253 72% 74%;--mc-purple-200: 253 80% 90%;--mc-purple-100: 253 85% 96%;--mc-indigo: 239 84% 67%;--mc-indigo-700: 243 75% 59%;--mc-indigo-800: 245 58% 51%;--primary-dark: hsl(var(--mc-purple-700));--text-muted: hsl(var(--mc-muted));--mc-yellow: 45 96% 60%;--mc-yellow-light: 45 100% 88%;--mc-yellow-tint: 45 100% 96%;--mc-mint: 158 64% 52%;--mc-mint-light: 158 60% 88%;--mc-mint-tint: 158 60% 96%;--mc-cyan: 190 90% 55%;--mc-cyan-light: 190 85% 88%;--mc-coral: 8 90% 66%;--mc-coral-light: 8 90% 92%;--mc-ink: 258 30% 16%;--mc-body: 258 12% 34%;--mc-muted: 255 10% 52%;--mc-faint: 255 14% 72%;--mc-line: 255 24% 91%;--mc-surface: 0 0% 100%;--mc-surface-sunken: 255 40% 98%;--mc-surface-tint: 253 70% 98%;--mc-gradient-hero: linear-gradient( 145deg, hsl(var(--mc-purple-800)) 0%, hsl(var(--mc-indigo)) 55%, hsl(var(--mc-purple-600)) 100% );--mc-gradient-shell: linear-gradient( 170deg, hsl(var(--mc-purple-700)) 0%, hsl(var(--mc-indigo)) 100% );--mc-gradient-action: linear-gradient( 135deg, hsl(var(--mc-purple-600)) 0%, hsl(var(--mc-indigo)) 100% );--mc-gradient-play: linear-gradient( 135deg, hsl(var(--mc-yellow)) 0%, hsl(38 96% 58%) 100% );--mc-gradient-support: linear-gradient( 140deg, hsl(var(--mc-yellow-tint)) 0%, hsl(30 100% 95%) 100% );--mc-gradient-safe: linear-gradient( 140deg, hsl(var(--mc-mint-tint)) 0%, hsl(190 70% 97%) 100% );--mc-gradient-cover-1: linear-gradient(135deg, hsl(253 74% 68%), hsl(190 85% 62%));--mc-gradient-cover-2: linear-gradient(135deg, hsl(8 88% 68%), hsl(45 96% 62%));--mc-gradient-cover-3: linear-gradient(135deg, hsl(158 62% 54%), hsl(190 85% 60%));--mc-gradient-cover-4: linear-gradient(135deg, hsl(280 70% 66%), hsl(330 80% 70%));--mc-gradient-cover-5: linear-gradient(135deg, hsl(215 80% 62%), hsl(253 74% 70%));--mc-gradient-cover-6: linear-gradient(135deg, hsl(38 92% 62%), hsl(158 60% 56%));--mc-space-1: .25rem;--mc-space-2: .5rem;--mc-space-3: .75rem;--mc-space-4: 1rem;--mc-space-5: 1.25rem;--mc-space-6: 1.5rem;--mc-space-8: 2rem;--mc-space-10: 2.5rem;--mc-space-12: 3rem;--mc-space-16: 4rem;--mc-space-20: 5rem;--mc-radius-sm: 8px;--mc-radius-md: 12px;--mc-radius-lg: 18px;--mc-radius-xl: 24px;--mc-radius-2xl: 32px;--mc-radius-pill: 999px;--mc-shadow-xs: 0 1px 2px hsl(var(--mc-purple-900) / .06);--mc-shadow-sm: 0 2px 8px hsl(var(--mc-purple-900) / .07);--mc-shadow-md: 0 6px 20px -4px hsl(var(--mc-purple-900) / .12);--mc-shadow-lg: 0 16px 40px -8px hsl(var(--mc-purple-900) / .18);--mc-shadow-xl: 0 28px 60px -12px hsl(var(--mc-purple-900) / .26);--mc-shadow-action: 0 10px 26px -6px hsl(var(--mc-purple-600) / .5);--mc-shadow-play: 0 10px 26px -6px hsl(var(--mc-yellow) / .55);--mc-font: "Nunito", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--mc-font-display: "Baloo 2", "Nunito", "Segoe UI", sans-serif;--mc-text-xs: .75rem;--mc-text-sm: .875rem;--mc-text-base: 1rem;--mc-text-lg: 1.125rem;--mc-text-xl: 1.375rem;--mc-text-2xl: 1.75rem;--mc-text-3xl: 2.25rem;--mc-text-hero: clamp(1.85rem, 4.2vw, 3rem);--mc-leading-tight: 1.15;--mc-leading-snug: 1.35;--mc-leading-normal: 1.6;--mc-weight-normal: 400;--mc-weight-medium: 600;--mc-weight-bold: 700;--mc-weight-black: 800;--mc-duration-fast: .12s;--mc-duration: .18s;--mc-duration-slow: .28s;--mc-ease: cubic-bezier(.2, .8, .3, 1);--mc-ease-out: cubic-bezier(.16, 1, .3, 1);--mc-lift: -3px;--mc-focus-ring: 0 0 0 3px hsl(var(--mc-purple) / .45);--mc-focus-ring-inverse: 0 0 0 3px hsl(0 0% 100% / .75);--mc-container: 1200px;--mc-container-narrow: 900px}@media (prefers-reduced-motion: reduce){:root{--mc-lift: 0px}}.mc-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--mc-space-2);padding:var(--mc-space-3) var(--mc-space-5);border:1px solid transparent;border-radius:var(--mc-radius-md);font-family:inherit;font-size:var(--mc-text-sm);font-weight:var(--mc-weight-bold);line-height:1.2;text-decoration:none;cursor:pointer;white-space:normal;text-wrap:balance;max-width:100%;transition:transform var(--mc-duration) var(--mc-ease),box-shadow var(--mc-duration) var(--mc-ease),background-color var(--mc-duration) var(--mc-ease),border-color var(--mc-duration) var(--mc-ease)}.mc-btn:focus-visible{outline:none;box-shadow:var(--mc-focus-ring)}.mc-btn:disabled,.mc-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.mc-btn .mc-btn__icon{display:inline-flex;flex-shrink:0;font-size:1.05em;line-height:1}.mc-btn--primary{background:var(--mc-gradient-action);color:#fff;box-shadow:var(--mc-shadow-action)}.mc-btn--primary:hover:not(:disabled){transform:translateY(var(--mc-lift));box-shadow:0 16px 34px -8px hsl(var(--mc-purple-600)/.6)}.mc-btn--primary:active:not(:disabled){transform:translateY(0) scale(.985)}.mc-btn--play{background:var(--mc-gradient-play);color:hsl(var(--mc-purple-900));box-shadow:var(--mc-shadow-play)}.mc-btn--play:hover:not(:disabled){transform:translateY(var(--mc-lift));box-shadow:0 16px 34px -8px hsl(var(--mc-yellow)/.65)}.mc-btn--play:active:not(:disabled){transform:translateY(0) scale(.985)}.mc-btn--secondary{background:hsl(var(--mc-surface));color:hsl(var(--mc-purple-700));border-color:hsl(var(--mc-purple-200));box-shadow:var(--mc-shadow-xs)}.mc-btn--secondary:hover:not(:disabled){background:hsl(var(--mc-purple-100));border-color:hsl(var(--mc-purple-400));transform:translateY(var(--mc-lift))}.mc-btn--secondary:active:not(:disabled){transform:translateY(0) scale(.985)}.mc-btn--ghost{background:transparent;color:hsl(var(--mc-body))}.mc-btn--ghost:hover:not(:disabled){background:hsl(var(--mc-purple)/.08);color:hsl(var(--mc-purple-700))}.mc-btn--on-dark{background:hsla(0,0%,100%,.14);color:#fff;border-color:#ffffff47;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mc-btn--on-dark:hover:not(:disabled){background:hsla(0,0%,100%,.24);transform:translateY(var(--mc-lift))}.mc-btn--on-dark:focus-visible{box-shadow:var(--mc-focus-ring-inverse)}.mc-btn--lg{padding:var(--mc-space-4) var(--mc-space-8);font-size:var(--mc-text-lg);border-radius:var(--mc-radius-lg)}.mc-btn--sm{padding:var(--mc-space-2) var(--mc-space-4);font-size:var(--mc-text-xs);border-radius:var(--mc-radius-sm)}.mc-btn--block{width:100%}.mc-btn--stacked{flex-direction:column;gap:2px;line-height:1.25}.mc-btn--stacked .mc-btn__sub{font-size:var(--mc-text-xs);font-weight:var(--mc-weight-medium);opacity:.85}.mc-card{background:hsl(var(--mc-surface));border:1px solid hsl(var(--mc-line));border-radius:var(--mc-radius-xl);box-shadow:var(--mc-shadow-sm);padding:var(--mc-space-6);transition:transform var(--mc-duration) var(--mc-ease),box-shadow var(--mc-duration) var(--mc-ease),border-color var(--mc-duration) var(--mc-ease)}.mc-card--interactive{cursor:pointer}.mc-card--interactive:hover,.mc-card--interactive:focus-within{transform:translateY(var(--mc-lift));box-shadow:var(--mc-shadow-lg);border-color:hsl(var(--mc-purple-200))}.mc-card--interactive:focus-visible{outline:none;box-shadow:var(--mc-focus-ring),var(--mc-shadow-lg)}.mc-card--hero{border-radius:var(--mc-radius-2xl);padding:var(--mc-space-8);box-shadow:var(--mc-shadow-lg);border-color:hsl(var(--mc-purple-200))}.mc-card--tinted{background:hsl(var(--mc-surface-tint));border-color:hsl(var(--mc-purple-200))}.mc-card--support{background:var(--mc-gradient-support);border-color:hsl(var(--mc-yellow)/.4)}.mc-card--safe{background:var(--mc-gradient-safe);border-color:hsl(var(--mc-mint)/.3)}.mc-card--placeholder{background:transparent;border:2px dashed hsl(var(--mc-purple-200));box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--mc-space-2);color:hsl(var(--mc-purple-700));text-align:center}.mc-card--placeholder:hover{border-color:hsl(var(--mc-purple-400));background:hsl(var(--mc-purple-100)/.5)}.mc-cover{position:relative;display:block;width:100%;aspect-ratio:16/10;border-radius:var(--mc-radius-lg);overflow:hidden;background:var(--mc-gradient-cover-1);isolation:isolate}.mc-cover--1{background:var(--mc-gradient-cover-1)}.mc-cover--2{background:var(--mc-gradient-cover-2)}.mc-cover--3{background:var(--mc-gradient-cover-3)}.mc-cover--4{background:var(--mc-gradient-cover-4)}.mc-cover--5{background:var(--mc-gradient-cover-5)}.mc-cover--6{background:var(--mc-gradient-cover-6)}.mc-cover__initial{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--mc-font-display);font-size:clamp(2.5rem,18cqw,4.5rem);font-weight:var(--mc-weight-black);color:#ffffffeb;text-shadow:0 4px 16px hsl(var(--mc-purple-900)/.25);-webkit-user-select:none;user-select:none}.mc-cover__frame{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;background:#fff}.mc-cover__badge{position:absolute;inset-block-end:var(--mc-space-2);inset-inline-start:var(--mc-space-2);z-index:2}.mc-chip{display:inline-flex;align-items:center;gap:var(--mc-space-2);padding:var(--mc-space-2) var(--mc-space-4);border-radius:var(--mc-radius-pill);border:1px solid hsl(var(--mc-purple-200));background:hsl(var(--mc-surface));color:hsl(var(--mc-body));font-size:var(--mc-text-sm);font-weight:var(--mc-weight-medium);font-family:inherit;cursor:pointer;transition:transform var(--mc-duration) var(--mc-ease),background-color var(--mc-duration) var(--mc-ease),border-color var(--mc-duration) var(--mc-ease)}.mc-chip:hover{background:hsl(var(--mc-purple-100));border-color:hsl(var(--mc-purple-400));transform:translateY(var(--mc-lift))}.mc-chip:focus-visible{outline:none;box-shadow:var(--mc-focus-ring)}.mc-badge{display:inline-flex;align-items:center;gap:var(--mc-space-1);padding:.2rem var(--mc-space-3);border-radius:var(--mc-radius-pill);font-size:var(--mc-text-xs);font-weight:var(--mc-weight-bold);letter-spacing:.01em;background:hsl(var(--mc-purple-100));color:hsl(var(--mc-purple-700));min-height:0;min-width:0}.mc-badge--yellow{background:hsl(var(--mc-yellow-light));color:#8a4d0f}.mc-badge--mint{background:hsl(var(--mc-mint-light));color:#126849}.mc-badge--coral{background:hsl(var(--mc-coral-light));color:#a52f1d}.mc-badge--solid{background:var(--mc-gradient-action);color:#fff}.mc-badge--on-dark{background:hsla(0,0%,100%,.16);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mc-input,.mc-textarea{width:100%;padding:var(--mc-space-4);border:2px solid hsl(var(--mc-line));border-radius:var(--mc-radius-lg);background:hsl(var(--mc-surface));color:hsl(var(--mc-ink));font-family:inherit;font-size:var(--mc-text-base);line-height:var(--mc-leading-normal);transition:border-color var(--mc-duration) var(--mc-ease),box-shadow var(--mc-duration) var(--mc-ease)}.mc-input::placeholder,.mc-textarea::placeholder{color:hsl(var(--mc-faint))}.mc-input:hover:not(:disabled),.mc-textarea:hover:not(:disabled){border-color:hsl(var(--mc-purple-200))}.mc-input:focus,.mc-textarea:focus{outline:none;border-color:hsl(var(--mc-purple));box-shadow:var(--mc-focus-ring)}.mc-input[aria-invalid=true],.mc-textarea[aria-invalid=true]{border-color:hsl(var(--mc-coral))}.mc-textarea{resize:vertical;min-height:7rem}.mc-segmented{display:inline-flex;align-items:center;gap:var(--mc-space-1);padding:var(--mc-space-1);border-radius:var(--mc-radius-pill);background:hsla(0,0%,100%,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.18)}.mc-segmented__item{display:inline-flex;align-items:center;justify-content:center;gap:var(--mc-space-2);padding:var(--mc-space-3) var(--mc-space-6);border:0;border-radius:var(--mc-radius-pill);background:transparent;color:#ffffffd9;font-family:inherit;font-size:var(--mc-text-base);font-weight:var(--mc-weight-bold);text-decoration:none;cursor:pointer;transition:background-color var(--mc-duration) var(--mc-ease),color var(--mc-duration) var(--mc-ease),box-shadow var(--mc-duration) var(--mc-ease)}.mc-segmented__item:hover{background:hsla(0,0%,100%,.14);color:#fff}.mc-segmented__item:focus-visible{outline:none;box-shadow:var(--mc-focus-ring-inverse)}.mc-segmented__item.is-active{background:hsl(var(--mc-surface));color:hsl(var(--mc-purple-700));box-shadow:var(--mc-shadow-sm)}.mc-shell-bg{background:var(--mc-gradient-shell)}.mc-hero-bg{background:var(--mc-gradient-hero);color:#fff}.mc-section{padding-block:var(--mc-space-16)}.mc-container{width:100%;max-width:var(--mc-container);margin-inline:auto;padding-inline:var(--mc-space-6)}.mc-display{font-family:var(--mc-font-display);font-weight:var(--mc-weight-black);line-height:var(--mc-leading-tight);color:hsl(var(--mc-ink));letter-spacing:-.01em}.mc-title{font-family:var(--mc-font-display);font-size:var(--mc-text-2xl);font-weight:var(--mc-weight-bold);line-height:var(--mc-leading-snug);color:hsl(var(--mc-ink));margin:0}.mc-subtitle{font-size:var(--mc-text-base);line-height:var(--mc-leading-normal);color:hsl(var(--mc-muted));margin:0}.mc-meta{font-size:var(--mc-text-xs);color:hsl(var(--mc-muted))}.mc-mark{color:hsl(var(--mc-yellow))}.mc-mark--cyan{color:hsl(var(--mc-cyan))}.mc-mark--mint{color:hsl(var(--mc-mint))}.mc-mascot{display:block;width:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mc-mascot--float{animation:mc-float 4.5s ease-in-out infinite}@keyframes mc-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mc-sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.mc-sparkle{position:absolute;width:6px;height:6px;border-radius:50%;background:hsla(0,0%,100%,.85);box-shadow:0 0 8px 2px #ffffff59;animation:mc-twinkle 4s ease-in-out infinite}@keyframes mc-twinkle{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion: reduce){.mc-mascot--float,.mc-sparkle{animation:none}}.mc-skeleton{background:linear-gradient(90deg,hsl(var(--mc-line)) 25%,hsl(var(--mc-purple-100)) 37%,hsl(var(--mc-line)) 63%);background-size:400% 100%;animation:mc-shimmer 1.4s ease infinite;border-radius:var(--mc-radius-md)}@keyframes mc-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion: reduce){.mc-skeleton{animation:none}}.mc-stack{display:flex;flex-direction:column;gap:var(--mc-space-4)}.mc-row{display:flex;align-items:center;gap:var(--mc-space-3)}.mc-grid{display:grid;gap:var(--mc-space-5)}.mc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*{box-sizing:border-box}:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 253 64% 64%;--primary-foreground: 0 0% 100%;--secondary: 212 75% 75%;--secondary-foreground: 0 0% 100%;--muted: 240 10% 96%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 287 85% 78%;--accent-foreground: 0 0% 100%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 253 64% 64%;--minicoder-purple: 253 64% 64%;--minicoder-blue: 212 75% 75%;--minicoder-pink: 331 82% 75%;--minicoder-green: 142 76% 57%;--minicoder-orange: 25 95% 63%;--minicoder-yellow: 48 100% 67%;--gradient-hero: linear-gradient( 135deg, hsl(var(--minicoder-purple)), hsl(var(--minicoder-blue)) );--gradient-card: linear-gradient( 135deg, hsl(var(--minicoder-pink) / .1), hsl(var(--minicoder-blue) / .1) );--gradient-button: linear-gradient( 135deg, hsl(var(--minicoder-green)), hsl(var(--minicoder-blue)) );--shadow-colorful: 0 10px 30px -5px hsl(var(--minicoder-purple) / .3);--shadow-card: 0 4px 20px -2px hsl(var(--minicoder-blue) / .15);--radius: .5rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce-slow{0%,to{transform:translateY(-5%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-bounce-slow{animation:bounce-slow 3s infinite}html,body{margin:0;padding:0;font-family:var(--mc-font);background:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.text-center{text-align:center}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;font-weight:600;transition:all .3s ease;cursor:pointer;border:none;text-decoration:none;font-family:inherit}.btn:hover{transform:translateY(-2px) scale(1.02)}.btn-hero{background:var(--gradient-button);color:#fff;padding:1rem 2rem;font-size:1.125rem;box-shadow:var(--shadow-colorful)}.btn-hero:hover{box-shadow:0 15px 35px -5px hsl(var(--minicoder-purple)/.4)}.btn-outline{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);color:#fff;padding:1rem 2rem;font-size:1.125rem}.btn-outline:hover{background:rgba(255,255,255,.2)}.btn-xl{padding:1.25rem 2.5rem;font-size:1.25rem}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}@media (min-width: 768px){.container{padding:0 2rem}}.p-1{padding:.5rem}.action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.action-btn .lock-icon{margin-left:4px;font-size:.8em}.toolbox-btn.not-logged-in{opacity:.8}.toolbox-btn.not-logged-in:hover{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.p-2{padding:1rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}:focus-visible{outline:2px solid hsl(var(--mc-purple))!important;outline-offset:2px!important}.mc-hero-bg :focus-visible,.mc-shell-bg :focus-visible,.mc-segmented :focus-visible{outline-color:#fff!important}@media (prefers-reduced-motion: reduce){*:not(.mc-motion-keep),*:not(.mc-motion-keep):before,*:not(.mc-motion-keep):after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button,[role=button],a{min-height:44px;min-width:44px}a.mc-inline-link,.mc-badge,.mc-cover__badge .mc-badge{min-height:0;min-width:0}@media print{.toolbox-sidebar,.modal-overlay{display:none!important}}[dir=rtl] .lock-icon{margin-left:0;margin-right:4px}[dir=rtl] input,[dir=rtl] textarea{text-align:start}[dir=rtl] input[type=email],[dir=rtl] input[type=password],[dir=rtl] .share-link,[dir=rtl] .code{direction:ltr;text-align:left}[dir=rtl] iframe,[dir=rtl] pre,[dir=rtl] code{direction:ltr}[dir=ltr]{direction:ltr;text-align:start}html,body{max-width:100%;overflow-x:hidden}img,svg,video,iframe{max-width:100%}