.mk3:where([data-page=deck-generator]) .tph{padding-block:44px 0}.mk3:where([data-page=deck-generator]) .tph>.w{grid-template-columns:1fr;gap:52px}.mk3:where([data-page=deck-generator]) .tph .copy{align-items:center;text-align:center;width:100%;max-width:820px;margin-inline:auto;gap:20px}.mk3:where([data-page=deck-generator]) .tph .sub{max-width:52ch;text-wrap:pretty}.mk3:where([data-page=deck-generator]) .tph .under{justify-content:center;margin-top:2px}.mk3:where([data-page=deck-generator]) .tph .stage{min-height:0;padding:40px;width:100%;max-width:1060px;margin-inline:auto}.mk3:where([data-page=deck-generator]) .tph .altrow{margin-top:-4px}@media (max-width:640px){.mk3:where([data-page=deck-generator]) .tph .altrow{width:100%;max-width:420px}}.mk3:where([data-page=deck-generator]) .tph .ask{margin-top:6px}@media (max-width:980px){.mk3:where([data-page=deck-generator]) .tph .stage{padding:16px}}@media (max-width:420px){.mk3:where([data-page=deck-generator]) .tph h1{font-size:36px}}.mk3:where([data-page=deck-generator]) .skyc,.mk3:where([data-page=deck-generator]) .tph .stage.skyc{background:radial-gradient(60% 70% at 15% 20%,#c7d4ff 0%,transparent 60%),radial-gradient(50% 60% at 85% 15%,#f6d3e4 0%,transparent 60%),radial-gradient(70% 70% at 60% 100%,#b9e3f5 0%,transparent 60%),linear-gradient(180deg,#eef2ff,#f8f5ff)}.mk3:where([data-page=deck-generator]) .glass{background:#ffffffd1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.95);box-shadow:0 24px 48px -30px #1d46df73}.mk3:where([data-page=deck-generator]) .cmsg{display:flex;flex-direction:column;gap:6px;align-items:flex-start;max-width:92%}.mk3:where([data-page=deck-generator]) .cm-who{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;color:var(--ink-2)}.mk3:where([data-page=deck-generator]) .cm-who .o{width:26px;height:26px;border-radius:8px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;flex:0 0 auto}.mk3:where([data-page=deck-generator]) .cm-who .o svg{width:16px;height:13px}.mk3:where([data-page=deck-generator]) .cm-who em{font-style:normal;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--ok)}.mk3:where([data-page=deck-generator]) .cm-who em:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.mk3:where([data-page=deck-generator]) .cm-c{border-radius:6px 20px 20px;padding:14px 18px;font-size:15px;line-height:1.6;color:var(--ink-2)}.mk3:where([data-page=deck-generator]) .cm-c b{color:var(--ink);font-weight:600}.mk3:where([data-page=deck-generator]) .cm-q .k{display:block;font-size:11.5px;font-weight:600;letter-spacing:.06em;color:var(--brand)}.mk3:where([data-page=deck-generator]) .cm-q .t{display:block;margin-top:6px;font:500 19px/1.35 var(--display);letter-spacing:-.015em;color:var(--ink)}.mk3:where([data-page=deck-generator]) .cm-q .tip{display:flex;gap:8px;margin-top:12px;font-size:13.5px;line-height:1.5;color:var(--mute)}.mk3:where([data-page=deck-generator]) .cm-q .tip svg{width:15px;height:15px;color:var(--brand);flex:0 0 auto;margin-top:3px}.mk3:where([data-page=deck-generator]) .mq{align-self:flex-end;max-width:80%;background:var(--black);color:#fff;border-radius:20px 20px 6px;padding:12px 16px;font-size:15px;line-height:1.55;white-space:pre-wrap}.mk3:where([data-page=deck-generator]) .ty{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--mute);padding:11px 16px}.mk3:where([data-page=deck-generator]) .ty i{width:6px;height:6px;border-radius:50%;background:var(--brand);animation:tyDot 1.2s var(--ease) infinite}.mk3:where([data-page=deck-generator]) .ty i:nth-child(2){animation-delay:.15s}.mk3:where([data-page=deck-generator]) .ty i:nth-child(3){animation-delay:.3s}.mk3:where([data-page=deck-generator]) .ty span{display:inline-flex;gap:4px;margin-right:2px}@keyframes tyDot{0%,60%,to{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}.mk3:where([data-page=deck-generator]) .ob{border-radius:6px 20px 20px;padding:14px 18px;background:#fff;border:1px solid #fde4c3;box-shadow:0 24px 48px -30px #dc680366}.mk3:where([data-page=deck-generator]) .ob .pl{display:inline-flex;font-size:12px;font-weight:600;color:var(--warn);background:var(--warn-soft);border-radius:999px;padding:3px 10px}.mk3:where([data-page=deck-generator]) .ob .pu{margin-top:10px;font:500 16px/1.4 var(--display);font-style:italic;color:var(--ink)}.mk3:where([data-page=deck-generator]) .ob .cl{margin-top:12px;background:var(--brand-soft);border-radius:12px;padding:10px 12px}.mk3:where([data-page=deck-generator]) .ob .cl b{display:block;font-size:12px;font-weight:600;color:var(--brand)}.mk3:where([data-page=deck-generator]) .ob .cl p{margin:2px 0 0;font-size:13.5px;line-height:1.5;color:var(--ink-2)}.mk3:where([data-page=deck-generator]) .dl{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;border-radius:999px;padding:3px 10px;font-variant-numeric:tabular-nums}.mk3:where([data-page=deck-generator]) .dl.up{color:#067647;background:var(--ok-soft)}.mk3:where([data-page=deck-generator]) .dl.dn{color:var(--warn);background:var(--warn-soft)}.mk3:where([data-page=deck-generator]) .rise{animation:riseIn .6s var(--ease) both}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}}.mk3:where([data-page=deck-generator]) .vb{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;border-radius:999px;padding:4px 10px;white-space:nowrap}.mk3:where([data-page=deck-generator]) .vb:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.mk3:where([data-page=deck-generator]) .vb.ok{color:#067647;background:var(--ok-soft)}.mk3:where([data-page=deck-generator]) .vb.br{color:var(--brand);background:var(--brand-soft)}.mk3:where([data-page=deck-generator]) .vb.warn{color:var(--warn);background:var(--warn-soft)}.mk3:where([data-page=deck-generator]) .vb.bad{color:#d92d20;background:#fef3f2}.mk3:where([data-page=deck-generator]) .vb.nt{color:var(--mute);background:var(--well)}.mk3:where([data-page=deck-generator]) .ov-sc{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:12.5px;color:var(--mute);white-space:nowrap}.mk3:where([data-page=deck-generator]) .ov-sc b{font:600 15px/1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums}.mk3:where([data-page=deck-generator]) .ov-sc em{font-style:normal;font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums}.mk3:where([data-page=deck-generator]) .ov-sc em.up{color:var(--ok)}.mk3:where([data-page=deck-generator]) .ov-sc em.dn{color:var(--warn)}.mk3:where([data-page=deck-generator]) .rc{border-radius:24px;padding:26px}.mk3:where([data-page=deck-generator]) .rc-top{display:flex;align-items:center;gap:26px}.mk3:where([data-page=deck-generator]) .rc-top .ring{flex:0 0 auto;--c:var(--brand)}.mk3:where([data-page=deck-generator]) .rc-top .ring b{background:#fff}.mk3:where([data-page=deck-generator]) .rc-v{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.mk3:where([data-page=deck-generator]) .rc-v h3{font-size:25px;letter-spacing:-.025em}.mk3:where([data-page=deck-generator]) .rc-v p{color:var(--mute);max-width:54ch;font-size:15px}.mk3:where([data-page=deck-generator]) .bars{display:grid;grid-template-columns:1fr 1fr;gap:14px 34px}.mk3:where([data-page=deck-generator]) .bar{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;font-size:13.5px;color:var(--ink-2)}.mk3:where([data-page=deck-generator]) .bar em{font-style:normal;font-variant-numeric:tabular-nums;color:var(--mute);font-size:13px}.mk3:where([data-page=deck-generator]) .bar>i{grid-column:1/-1;height:6px;background:#1018280f;border-radius:9px;overflow:hidden}.mk3:where([data-page=deck-generator]) .bar>i>u{display:block;height:100%;width:0;background:var(--black);border-radius:9px;transition:width 1.2s var(--ease)}.mk3:where([data-page=deck-generator]) .bar.low>i>u{background:var(--warn)}.mk3:where([data-page=deck-generator]) .bar.low em{color:var(--warn)}.mk3:where([data-page=deck-generator]) .sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font:500 13px/1.3 var(--body);color:var(--mute);margin:6px 2px 0}@media (prefers-reduced-motion:reduce){.mk3:where([data-page=deck-generator]) .rise{animation:none}}@media (max-width:760px){.mk3:where([data-page=deck-generator]) .cmsg{max-width:100%}.mk3:where([data-page=deck-generator]) .mq{max-width:88%}.mk3:where([data-page=deck-generator]) .rc{padding:18px}.mk3:where([data-page=deck-generator]) .rc-top{flex-direction:column;align-items:flex-start;gap:16px}.mk3:where([data-page=deck-generator]) .rc-v h3{font-size:21px}.mk3:where([data-page=deck-generator]) .bars{grid-template-columns:1fr}}.mk3:where([data-page=deck-generator]) .gs{position:relative;aspect-ratio:16/10;border-radius:12px;background:#0b1530;padding:12px 14px;display:flex;flex-direction:column;gap:6px;overflow:hidden;color:#fff;min-width:0;box-shadow:0 18px 36px -24px #0b1530b3}.mk3:where([data-page=deck-generator]) .gs:before{content:"";position:absolute;inset:-40% -30% auto auto;width:80%;height:130%;background:radial-gradient(closest-side,rgba(63,99,240,.5),transparent)}.mk3:where([data-page=deck-generator]) .gs>*{position:relative}.mk3:where([data-page=deck-generator]) .gs small{font-size:9.5px;letter-spacing:.14em;color:#9fb0ff}.mk3:where([data-page=deck-generator]) .gs b{font:500 15px/1.25 var(--display);letter-spacing:-.015em}.mk3:where([data-page=deck-generator]) .gs b.t1{font-size:19px}.mk3:where([data-page=deck-generator]) .gs p{margin:0;font-size:11.5px;line-height:1.4;color:#c7d2fe}.mk3:where([data-page=deck-generator]) .gs ul{margin:2px 0 0;padding-left:14px;display:flex;flex-direction:column;gap:3px;font-size:11px;line-height:1.35;color:#c7d2fe}.mk3:where([data-page=deck-generator]) .gs .lg{width:30px;height:30px;border-radius:9px;background:#fff;color:var(--brand);display:grid;place-items:center;font:600 15px/1 var(--display);margin-top:auto}.mk3:where([data-page=deck-generator]) .gs.wait{background:#e9edf8;box-shadow:none}.mk3:where([data-page=deck-generator]) .gs.wait:before{display:none}.mk3:where([data-page=deck-generator]) .gs.wait>*{opacity:0}.mk3:where([data-page=deck-generator]) .gs.wait:after{content:"";position:absolute;left:14px;right:40%;top:42%;height:6px;border-radius:6px;background:linear-gradient(90deg,#d5dcf0 25%,#eef2ff,#d5dcf0 75%);background-size:220% 100%;animation:gShim 1.4s ease-in-out infinite}.mk3:where([data-page=deck-generator]) .gs.fill{animation:gIn .7s var(--ease) both}.mk3:where([data-page=deck-generator]) .gs.lock i{display:block;height:4px;border-radius:4px;background:#ffffff38;width:70%}.mk3:where([data-page=deck-generator]) .gs.lock i+i{width:45%}@keyframes gShim{0%{background-position:-180% 0}to{background-position:180% 0}}@keyframes gIn{0%{opacity:.4;transform:scale(.97)}}.mk3:where([data-page=deck-generator]) .lgt{width:34px;height:34px;border-radius:10px;background:#fff;border:1px solid var(--line);color:var(--mute);display:grid;place-items:center;flex:0 0 auto;font:600 15px/1 var(--display);transition:transform .45s var(--ease),box-shadow .45s var(--ease),background-color .3s,color .3s}.mk3:where([data-page=deck-generator]) .lgt svg{width:16px;height:16px}.mk3:where([data-page=deck-generator]) .lgt.ini{background:var(--brand);color:#fff;border-color:var(--brand)}.mk3:where([data-page=deck-generator]) .lgt.got{transform:scale(1.08);box-shadow:0 0 0 3px #1d46df2e}.mk3:where([data-page=deck-generator]) .facts{display:flex;align-items:center;gap:14px;border-radius:18px;padding:14px 16px}.mk3:where([data-page=deck-generator]) .facts .lgt{width:44px;height:44px;border-radius:12px;font-size:19px}.mk3:where([data-page=deck-generator]) .facts b{display:block;font:500 16px/1.3 var(--display)}.mk3:where([data-page=deck-generator]) .facts small{display:block;font-size:12.5px;color:var(--mute)}.mk3:where([data-page=deck-generator]) .facts p{margin:2px 0 0;font-size:13.5px;color:var(--ink-2)}.mk3:where([data-page=deck-generator]) .facts>div{min-width:0}.mk3:where([data-page=deck-generator]) .got3{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.mk3:where([data-page=deck-generator]) .got3 span{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:500;color:#067647;background:var(--ok-soft);border-radius:999px;padding:2px 8px}.mk3:where([data-page=deck-generator]) .got3 svg{width:11px;height:11px}.mk3:where([data-page=deck-generator]) .ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}.mk3:where([data-page=deck-generator]) .ol li{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:14px;color:var(--faint);border-bottom:1px solid var(--line);transition:color .4s var(--ease)}.mk3:where([data-page=deck-generator]) .ol li em{width:22px;font-style:normal;font-size:12px;color:var(--faint);font-variant-numeric:tabular-nums}.mk3:where([data-page=deck-generator]) .ol li svg{width:14px;height:14px;color:var(--ok);margin-left:auto;opacity:0;transition:opacity .4s var(--ease)}.mk3:where([data-page=deck-generator]) .ol li.on{color:var(--ink)}.mk3:where([data-page=deck-generator]) .ol li.on svg{opacity:1}@media (max-width:640px){.mk3:where([data-page=deck-generator]) .ol{grid-template-columns:1fr}}.mk3:where([data-page=deck-generator]) .gf{display:flex;align-items:center;gap:8px;width:100%}.mk3:where([data-page=deck-generator]) .ask .gfl{position:static;width:auto;height:auto;overflow:visible;clip:auto}.mk3:where([data-page=deck-generator]) .gfl{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:0 14px 0 6px;height:46px;cursor:text}.mk3:where([data-page=deck-generator]) .gfl input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:400 16px var(--body);color:var(--ink)}.mk3:where([data-page=deck-generator]) .gfl input::-moz-placeholder{color:var(--faint)}.mk3:where([data-page=deck-generator]) .gfl input::placeholder{color:var(--faint)}.mk3:where([data-page=deck-generator]) .gfl input:focus-visible{outline:0}.mk3:where([data-page=deck-generator]) .gf .btn{flex:0 0 auto}.mk3:where([data-page=deck-generator]) .ask.shake{animation:shake .45s var(--ease)}.mk3:where([data-page=deck-generator]) .lxt{display:inline-flex;align-self:center;gap:4px;background:var(--well);border:1px solid var(--line);border-radius:999px;padding:4px;margin-bottom:-6px}.mk3:where([data-page=deck-generator]) .lxt button{display:inline-flex;align-items:center;gap:7px;border:0;background:none;border-radius:999px;padding:9px 16px;font:500 14px var(--body);color:var(--mute);transition:background-color .3s var(--ease),color .3s var(--ease),box-shadow .3s var(--ease)}.mk3:where([data-page=deck-generator]) .lxt button svg{width:15px;height:15px}.mk3:where([data-page=deck-generator]) .lxt button.on{background:#fff;color:var(--ink);box-shadow:0 4px 12px -6px #1018284d}@media (max-width:420px){.mk3:where([data-page=deck-generator]) .lxt button{padding:9px 12px;font-size:13px}}.mk3:where([data-page=deck-generator]) .lnk{border:0;background:none;font-size:14px;font-weight:500;color:var(--brand);padding:4px 6px;border-radius:8px}.mk3:where([data-page=deck-generator]) .lnk:hover{text-decoration:underline}.mk3:where([data-page=deck-generator]) .lx-err{font-size:13.5px;color:var(--warn);margin-top:-8px}@media (max-width:700px){.mk3:where([data-page=deck-generator]) .gf{flex-direction:column;align-items:stretch}.mk3:where([data-page=deck-generator]) .gfl{border:1px solid var(--line);border-radius:999px;padding:0 14px 0 6px}.mk3:where([data-page=deck-generator]) .gf .btn{justify-content:space-between}}.mk3:where([data-page=deck-generator]) .hg{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;width:100%;align-items:center}.mk3:where([data-page=deck-generator]) .hg-l{display:flex;flex-direction:column;gap:12px}.mk3:where([data-page=deck-generator]) .hg-u{display:flex;align-items:center;gap:10px;border-radius:999px;padding:6px 16px 6px 6px}.mk3:where([data-page=deck-generator]) .hg-u span:last-child{font-size:15px;color:var(--ink);min-height:1.4em}.mk3:where([data-page=deck-generator]) .hg-u .caret{background:var(--brand)}.mk3:where([data-page=deck-generator]) .hg-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-radius:22px;padding:14px}.mk3:where([data-page=deck-generator]) .hg-g .gs{padding:8px 9px;gap:3px;border-radius:9px}.mk3:where([data-page=deck-generator]) .hg-g .gs small{font-size:7px}.mk3:where([data-page=deck-generator]) .hg-g .gs b{font-size:9.5px}.mk3:where([data-page=deck-generator]) .hg-g .gs b.t1{font-size:11px}.mk3:where([data-page=deck-generator]) .hg-g .gs p,.mk3:where([data-page=deck-generator]) .hg-g .gs ul{font-size:7.5px}.mk3:where([data-page=deck-generator]) .hg-g .gs ul{gap:1px;padding-left:9px}.mk3:where([data-page=deck-generator]) .hg-g .gs .lg{width:16px;height:16px;border-radius:5px;font-size:9px}.mk3:where([data-page=deck-generator]) .hg-g .gs.lock i{height:3px}.mk3:where([data-page=deck-generator]) .hg-c{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--mute);margin:0 4px}.mk3:where([data-page=deck-generator]) .hg-c b{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}.mk3:where([data-page=deck-generator]) .hg .facts{transition:opacity .5s var(--ease),transform .5s var(--ease)}.mk3:where([data-page=deck-generator]) .hg .facts.off{opacity:0;transform:translateY(8px)}.mk3:where([data-page=deck-generator]) .olx{padding:18px}.mk3:where([data-page=deck-generator]) .olx .ui-h{margin:-18px -18px 12px}.mk3:where([data-page=deck-generator]) .slx{padding:18px;display:flex;flex-direction:column;gap:12px}.mk3:where([data-page=deck-generator]) .slx .r3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mk3:where([data-page=deck-generator]) .slx .r3 .gs{padding:9px 10px;gap:4px}.mk3:where([data-page=deck-generator]) .slx .r3 .gs b{font-size:11px}.mk3:where([data-page=deck-generator]) .slx .r3 .gs b.t1{font-size:13px}.mk3:where([data-page=deck-generator]) .slx .r3 .gs p,.mk3:where([data-page=deck-generator]) .slx .r3 .gs ul{font-size:8.5px}.mk3:where([data-page=deck-generator]) .slx .r3 .gs small{font-size:7.5px}.mk3:where([data-page=deck-generator]) .slx .r3 .gs .lg{width:20px;height:20px;font-size:11px;border-radius:6px}.mk3:where([data-page=deck-generator]) .slx .r8{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;filter:blur(2px);opacity:.6}.mk3:where([data-page=deck-generator]) .slx .r8 .gs{padding:7px;gap:3px;border-radius:8px}.mk3:where([data-page=deck-generator]) .slx .r8 .gs small{font-size:6.5px}.mk3:where([data-page=deck-generator]) .slx .r8 .gs b{font-size:8.5px}.mk3:where([data-page=deck-generator]) .slx .lockc{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:500;color:var(--brand)}.mk3:where([data-page=deck-generator]) .slx .lockc svg{width:14px;height:14px}@media (max-width:860px){.mk3:where([data-page=deck-generator]) .hg{grid-template-columns:1fr}}@media (max-width:640px){.mk3:where([data-page=deck-generator]) .hg-g{grid-template-columns:repeat(3,minmax(0,1fr))}.mk3:where([data-page=deck-generator]) .hg-g .gs:nth-child(n+10){display:none}.mk3:where([data-page=deck-generator]) .slx .r3{grid-template-columns:1fr}.mk3:where([data-page=deck-generator]) .slx .r3 .gs b{font-size:14px}.mk3:where([data-page=deck-generator]) .slx .r3 .gs p,.mk3:where([data-page=deck-generator]) .slx .r3 .gs ul{font-size:11px}.mk3:where([data-page=deck-generator]) .slx .r3 .gs small{font-size:9px}}
