.mx-c{--c1:var(--brand-c1,#ffb703);--c2:var(--brand-c2,#ff6f91);--c3:var(--brand-c3,#c264fe);--c4:var(--brand-c4,#6a5cff);--c-grad:var(--brand-grad,linear-gradient(115deg,#ffb703,#ff6f91 40%,#c264fe 72%,#6a5cff));--c-glow:var(--brand-glow-2,rgba(255,111,145,0.26));--c-ink:var(--brand-ink,#141018);min-height:100vh;background:var(--mx-root,#05050a);color:var(--mx-text,#f4f5f9);font-family:var(--mx-font,"Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);position:relative;overflow-x:hidden}.mx-c:before{background:radial-gradient(1100px 520px at 8% 102%,color-mix(in srgb,var(--c1) 11%,transparent),transparent 70%),radial-gradient(900px 600px at 96% -6%,color-mix(in srgb,var(--c3) 10%,transparent),transparent 72%),radial-gradient(760px 420px at 48% 46%,color-mix(in srgb,var(--c2) 5%,transparent),transparent 74%)}.mx-c:after,.mx-c:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}.mx-c:after{opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.035 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.mx-c>*{position:relative;z-index:1}.mx-c-header{position:sticky;top:0;z-index:40;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:color-mix(in srgb,var(--mx-root,#05050a) 74%,transparent);border-bottom:1px solid var(--mx-hairline,#13131a)}.mx-c-navlink{position:relative;padding:6px 2px;font-size:13px;font-weight:500;color:var(--mx-text-400,#7a7a7e);transition:color .15s ease;white-space:nowrap}.mx-c-navlink:hover,.mx-c-navlink[data-active=true]{color:var(--mx-text,#f4f5f9)}.mx-c-navlink[data-active=true]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background-image:var(--c-grad)}.mx-c-label{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--mx-text-400,#7a7a7e);display:flex;align-items:center;gap:10px}.mx-c-label:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,var(--mx-border,#292a2f),transparent)}.mx-c-grad-text{background-image:var(--c-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.mx-c-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:calc(10px * var(--mx-radius, 1.5));font-weight:600;font-size:13px;white-space:nowrap;transition:filter .15s ease,transform .12s ease,border-color .15s ease,background .15s ease,color .15s ease;cursor:pointer}.mx-c-btn:disabled{opacity:.45;cursor:not-allowed}.mx-c-btn:not(:disabled):active{transform:translateY(1px)}.mx-c-btn-primary{background-image:var(--c-grad);color:var(--c-ink);box-shadow:0 10px 28px -14px var(--c-glow)}.mx-c-btn-primary:not(:disabled):hover{filter:brightness(1.08) saturate(1.05)}.mx-c-btn-ghost{background:var(--mx-control,#16161e);border:1px solid var(--mx-border,#292a2f);color:var(--mx-text-300,#a4a4a8)}.mx-c-btn-ghost:not(:disabled):hover{border-color:var(--mx-border-hi,#393a40);color:var(--mx-text,#f4f5f9)}.mx-c-btn-quiet{background:transparent;color:var(--mx-text-400,#7a7a7e)}.mx-c-btn-quiet:not(:disabled):hover{background:var(--mx-control,#16161e);color:var(--mx-text,#f4f5f9)}.mx-c-panel{background:var(--mx-panel,#0b0c12);border:1px solid var(--mx-border,#292a2f);border-radius:calc(14px * var(--mx-radius, 1.5))}.mx-c-card{background:var(--mx-card,#121219);border:1px solid var(--mx-border,#292a2f);border-radius:calc(12px * var(--mx-radius, 1.5));transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;overflow:hidden}.mx-c-card:hover{border-color:var(--mx-border-hi,#393a40);transform:translateY(-2px);box-shadow:0 18px 44px -22px rgba(0,0,0,.72),0 8px 30px -18px var(--c-glow)}.mx-c-media{position:relative;display:block;width:100%;background:var(--mx-inset,#090a10);overflow:hidden}.mx-c-media>img,.mx-c-media>video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.22,.8,.3,1)}.mx-c-card:hover .mx-c-media>img,.mx-c-card:hover .mx-c-media>video{transform:scale(1.04)}.mx-c-media-ratio-portrait{aspect-ratio:9/16}.mx-c-media-ratio-video{aspect-ratio:16/9}.mx-c-media-ratio-square{aspect-ratio:1/1}.mx-c-rowbtn{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;border:0;background:none;cursor:pointer;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--mx-text-500,#57585b);transition:background .12s ease,color .12s ease}.mx-c-rowbtn:hover{background:var(--mx-bg-3,#17181f);color:var(--mx-text-200,#d7d7db)}.mx-c-chip{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:500;line-height:1;border:1px solid var(--mx-border,#292a2f);background:var(--mx-panel,#0b0c12);color:var(--mx-text-300,#a4a4a8);white-space:nowrap}.mx-c-chip-accent{border-color:color-mix(in srgb,var(--c2) 42%,transparent);background:color-mix(in srgb,var(--c2) 12%,transparent);color:var(--mx-text-200,#d7d7db)}.mx-c-chip-solved{border-color:rgba(47,209,139,.4);background:rgba(47,209,139,.1);color:#8feec4}.mx-c-chip-remix{border-color:color-mix(in srgb,var(--c3) 46%,transparent);background:color-mix(in srgb,var(--c3) 14%,transparent);color:#e5d4ff}.mx-c-chip-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.mx-c-tabs{display:flex;gap:2px;padding:3px;border-radius:999px;background:var(--mx-inset,#090a10);border:1px solid var(--mx-border,#292a2f);overflow-x:auto;scrollbar-width:none}.mx-c-tabs::-webkit-scrollbar{display:none}.mx-c-tab{padding:6px 13px;border-radius:999px;font-size:12px;font-weight:600;color:var(--mx-text-400,#7a7a7e);white-space:nowrap;transition:background .15s ease,color .15s ease;cursor:pointer}.mx-c-tab:hover{color:var(--mx-text-200,#d7d7db)}.mx-c-tab[data-active=true]{background-image:var(--c-grad);color:var(--c-ink)}.mx-c-avatar{display:grid;place-items:center;border-radius:999px;overflow:hidden;flex-shrink:0;font-weight:700;color:var(--c-ink);background-image:var(--c-grad);-webkit-user-select:none;-moz-user-select:none;user-select:none}.mx-c-avatar>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mx-c-avatar-ring{padding:2px;border-radius:999px;background-image:var(--c-grad)}.mx-c-avatar-ring>*{border:2px solid var(--mx-root,#05050a)}@keyframes mx-c-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.mx-c-rise{opacity:0;animation:mx-c-rise .5s cubic-bezier(.22,.8,.3,1) forwards}.mx-c-hero{position:relative;border-radius:calc(20px * var(--mx-radius, 1.5));border:1px solid var(--mx-border,#292a2f);background:radial-gradient(680px 300px at 12% 0,color-mix(in srgb,var(--c1) 15%,transparent),transparent 68%),radial-gradient(620px 340px at 92% 108%,color-mix(in srgb,var(--c3) 17%,transparent),transparent 70%),var(--mx-panel,#0b0c12);overflow:hidden}.mx-c-hero:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,var(--c1),var(--c2) 45%,var(--c3) 78%,transparent);opacity:.85}.mx-c-scrub{position:relative;height:22px;display:flex;align-items:center;cursor:pointer;touch-action:none}.mx-c-scrub-track{position:relative;height:3px;width:100%;border-radius:999px;background:rgba(255,255,255,.22);overflow:visible}.mx-c-scrub-fill{inset:0 auto 0 0;background-image:var(--c-grad)}.mx-c-scrub-fill,.mx-c-scrub-head{position:absolute;border-radius:999px}.mx-c-scrub-head{top:50%;width:11px;height:11px;margin-left:-5.5px;background:#fff;transform:translateY(-50%);box-shadow:0 0 0 3px rgba(0,0,0,.35);pointer-events:none}.mx-c-scrub-pin{position:absolute;top:50%;width:7px;height:7px;margin-left:-3.5px;transform:translateY(-50%) rotate(45deg);background:var(--c1);border-radius:1.5px;box-shadow:0 0 0 2px rgba(0,0,0,.5);transition:transform .14s ease}.mx-c-scrub-pin:hover{transform:translateY(-50%) rotate(45deg) scale(1.5)}.mx-c-comment-time{display:inline-flex;align-items:center;gap:3px;height:18px;padding:0 6px;border-radius:5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:600;border:1px solid color-mix(in srgb,var(--c1) 45%,transparent);background:color-mix(in srgb,var(--c1) 14%,transparent);color:var(--c1);cursor:pointer;transition:background .14s ease}.mx-c-comment-time:hover{background:color-mix(in srgb,var(--c1) 26%,transparent)}.mx-c-answer{border-color:rgba(47,209,139,.42)!important;background:rgba(47,209,139,.06)}.mx-c-thread{margin-left:14px;padding-left:14px;border-left:1px solid var(--mx-border,#292a2f)}.mx-c-input,.mx-c-select,.mx-c-textarea{width:100%;background:var(--mx-inset,#090a10);border:1px solid var(--mx-border,#292a2f);border-radius:calc(9px * var(--mx-radius, 1.5));color:var(--mx-text,#f4f5f9);font-size:13px;padding:9px 12px;transition:border-color .15s ease,box-shadow .15s ease}.mx-c-input::-moz-placeholder,.mx-c-textarea::-moz-placeholder{color:var(--mx-text-500,#57585b)}.mx-c-input::placeholder,.mx-c-textarea::placeholder{color:var(--mx-text-500,#57585b)}.mx-c-input:focus,.mx-c-select:focus,.mx-c-textarea:focus{outline:none;border-color:color-mix(in srgb,var(--c2) 62%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--c2) 15%,transparent)}.mx-c-textarea{resize:vertical;min-height:96px;line-height:1.55}.mx-c-drop{border:1.5px dashed var(--mx-border,#292a2f);border-radius:calc(14px * var(--mx-radius, 1.5));background:var(--mx-inset,#090a10);transition:border-color .16s ease,background .16s ease;cursor:pointer}.mx-c-drop:hover,.mx-c-drop[data-over=true]{border-color:color-mix(in srgb,var(--c2) 70%,transparent);background:color-mix(in srgb,var(--c2) 6%,transparent)}.mx-c-drop[data-filled=true]{border-style:solid;border-color:color-mix(in srgb,var(--c2) 48%,transparent);background:color-mix(in srgb,var(--c2) 5%,transparent)}.mx-c-meter{height:5px;border-radius:999px;background:var(--mx-track,#1b1b22);overflow:hidden}.mx-c-meter>div{height:100%;border-radius:999px;background-image:var(--c-grad);transition:width .25s ease}.mx-c-meter>div.danger{background-image:linear-gradient(90deg,#f87171,#ef4444)}.mx-c-scrim{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.68);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.mx-c-modal{width:100%;max-width:460px;max-height:88vh;overflow-y:auto;background:var(--mx-panel,#0b0c12);border:1px solid var(--mx-border,#292a2f);border-radius:calc(16px * var(--mx-radius, 1.5));box-shadow:0 40px 90px -30px rgba(0,0,0,.85)}.mx-c-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:56px 24px;border:1px dashed var(--mx-border,#292a2f);border-radius:calc(14px * var(--mx-radius, 1.5));background:color-mix(in srgb,var(--mx-panel,#0b0c12) 60%,transparent)}.mx-c-masonry{-moz-column-gap:16px;column-gap:16px;-moz-columns:1;column-count:1}@media (min-width:640px){.mx-c-masonry{-moz-columns:2;column-count:2}}@media (min-width:1024px){.mx-c-masonry{-moz-columns:3;column-count:3}}@media (min-width:1440px){.mx-c-masonry{-moz-columns:4;column-count:4}}.mx-c-masonry>*{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:16px}.mx-c-prose{font-size:14.5px;line-height:1.72;color:var(--mx-text-200,#d7d7db);overflow-wrap:anywhere}.mx-c-prose p{margin:0 0 1em}.mx-c-prose p:last-child{margin-bottom:0}.mx-c-prose strong{color:var(--mx-text,#f4f5f9);font-weight:650}.mx-c-prose a{color:var(--c2);text-decoration:underline;text-underline-offset:2px}.mx-c-prose code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;padding:1px 5px;border-radius:5px;border:1px solid var(--mx-border,#292a2f)}.mx-c-prose code,.mx-c-prose pre{background:var(--mx-inset,#090a10)}.mx-c-prose pre{padding:12px 14px;border-radius:10px;border:1px solid var(--mx-border,#292a2f);overflow-x:auto;margin:0 0 1em}.mx-c-prose pre code{padding:0;border:0;background:none}.mx-c-prose ol,.mx-c-prose ul{margin:0 0 1em;padding-left:1.4em}.mx-c-prose li{margin-bottom:.35em}.mx-c-prose blockquote{margin:0 0 1em;padding-left:14px;border-left:2px solid color-mix(in srgb,var(--c2) 50%,transparent);color:var(--mx-text-300,#a4a4a8)}@media (prefers-reduced-motion:reduce){.mx-c-rise{animation-duration:.01s}.mx-c-card,.mx-c-media>img,.mx-c-media>video,.mx-c-scrub-pin{transition:none}.mx-c-card:hover,.mx-c-card:hover .mx-c-media>img,.mx-c-card:hover .mx-c-media>video{transform:none}}