@import "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Mono:wght@400;500&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.2rem;--text-xl:1.44rem;--text-2xl:1.728rem;--text-3xl:2.074rem;--text-display-s:1.44rem;--text-display:1.728rem;--text-section:1.2rem;--text-title:1rem;--text-lead:1rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--color-error:#f47c70;--color-success:#6fc884;--container:1440px;--gutter:64px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--color-paper:#0d1013;--color-paper-2:#15191c;--color-paper-3:#06080b;--color-ink:#eceff2;--color-ink-2:#c3c8cc;--color-muted:#9da2a8;--color-rule:#2d3135;--color-rule-2:#484e54;--color-accent:#f7b83d;--color-accent-ink:#1b0f00;--color-accent-soft:#38280a;--color-focus:#f7b83d;--color-cool:#6ebcfc;--color-cool-soft:#142e43;--color-ok:#61cb7c;--color-ok-soft:#162519;--color-bad:#f66d67;--color-bad-soft:#2f1a18;--font-display:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", ui-sans-serif, system-ui, sans-serif;--font-body:var(--font-display);--font-outlier:"Atkinson Hyperlegible Mono", ui-monospace, monospace;--radius-card:10px;--radius-pill:6px;--rule-hair:1px;--shadow-card:none;--tracking-display:-.03em;--display-weight:500}@supports (color:lab(0% 0 0)){:root{--color-error:lab(66.0977% 46.4553 28.7923);--color-success:lab(73.824% -38.9805 25.4059);--color-paper:lab(4.43033% -.525832 -2.05922);--color-paper-2:lab(8.34797% -.896759 -3.17076);--color-paper-3:lab(2.21805% -.285596 -1.14325);--color-ink:lab(94.1962% -.55328 -1.78922);--color-ink-2:lab(80.2734% -.875205 -2.8571);--color-muted:lab(66.3511% -1.08111 -3.56435);--color-rule:lab(19.9483% -1.028 -3.53746);--color-rule-2:lab(32.7066% -1.24663 -4.25125);--color-accent:lab(79.1609% 15.493 67.4391);--color-accent-ink:lab(5.22852% 4.47309 8.16718);--color-accent-soft:lab(17.6609% 5.04191 21.3598);--color-focus:lab(79.1609% 15.493 67.4391);--color-cool:lab(73.1025% -11.1469 -39.5406);--color-cool-soft:lab(17.5361% -4.36996 -16.4203);--color-ok:lab(74.0644% -45.1248 29.5688);--color-ok-soft:lab(12.8099% -8.94668 5.78065);--color-bad:lab(63.526% 53.3685 30.8739);--color-bad-soft:lab(12.0853% 10.8797 6.03177)}}
*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;caret-color:var(--color-accent);margin:0;line-height:1.55}::selection{background:color-mix(in oklab, var(--color-accent) 25%, transparent)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-underline-offset:.16em;text-decoration-thickness:1px}h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight,700);font-synthesis:none;letter-spacing:var(--tracking-display);overflow-wrap:break-word;text-wrap:balance;min-width:0;margin:0;line-height:1.05}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);max-width:52ch;line-height:1.45}p{text-wrap:pretty;margin:0}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-slot]{background:linear-gradient(160deg, var(--color-paper-2,var(--color-paper)), var(--color-paper-3,var(--color-paper)));position:relative;overflow:hidden}[data-slot]>img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media (max-width:60rem){:root{--gutter:24px;--section-gap-s:80px;--section-gap:96px;--section-gap-l:120px}}@media (max-width:40rem){:root{--gutter:16px;--section-gap-s:56px;--section-gap:72px;--section-gap-l:96px;--gap-columns:16px}}@media (prefers-reduced-motion:reduce){:not(.keep-motion),:not(.keep-motion):before,:not(.keep-motion):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-slot]:has(>img){isolation:isolate;background:var(--color-ink);outline:1px solid color-mix(in oklab, var(--color-ink) 8%, transparent);outline-offset:-1px}[data-slot]>img{z-index:0;filter:grayscale()contrast(1.08);mix-blend-mode:multiply}[data-slot]:has(>img):before{content:"";z-index:1;background:var(--color-paper-3);mix-blend-mode:lighten;pointer-events:none;position:absolute;inset:0}
.studio{--s-bg:var(--color-paper);--s-fg:var(--color-ink);--s-card:var(--color-paper-2);--s-line:var(--color-rule);--s-line-strong:var(--color-rule-2);--s-muted:var(--color-muted);--s-accent:var(--color-accent);--s-on-accent:var(--color-accent-ink);--s-chip:var(--color-paper-3);--s-rail:var(--color-paper-2);--s-select:var(--color-paper-3);--s-select-line:var(--color-rule-2);--s-person:var(--color-accent);--s-person-soft:var(--color-accent-soft);--s-cool:var(--color-cool);--s-cool-soft:var(--color-cool-soft);--color-red-50:var(--color-bad-soft);--color-red-100:var(--color-bad-soft);--color-red-200:var(--color-bad-soft);--color-red-700:var(--color-bad);--color-red-800:var(--color-bad);--color-red-900:var(--color-bad);--color-green-50:var(--color-ok-soft);--color-green-100:var(--color-ok-soft);--color-green-200:var(--color-ok-soft);--color-green-700:var(--color-ok);--color-green-800:var(--color-ok);--color-green-900:var(--color-ok);--color-emerald-700:var(--color-ok);--color-amber-50:var(--color-accent-soft);--color-amber-100:var(--color-accent-soft);--color-amber-200:var(--color-accent-soft);--color-amber-500:var(--color-accent);--color-amber-700:var(--color-accent);--color-amber-900:var(--color-accent);--color-blue-50:var(--color-cool-soft);--color-blue-100:var(--color-cool-soft);--color-blue-200:var(--color-cool-soft);--color-blue-700:var(--color-cool);--color-blue-900:var(--color-cool);--color-neutral-100:var(--color-paper-3);--color-neutral-200:var(--color-paper-3);--color-neutral-400:var(--color-muted);--color-neutral-600:var(--color-muted);--color-neutral-700:var(--color-ink-2);--color-slate-50:var(--color-paper-3);--color-slate-200:var(--color-paper-3);--color-slate-600:var(--color-muted);--color-slate-700:var(--color-ink-2);--color-slate-800:var(--color-ink);--color-white:var(--color-accent-ink);--color-black:var(--color-paper-3);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md)}.studio h1{font-size:var(--text-xl);max-width:none}.studio h2{font-size:var(--text-lg);max-width:none}.studio h3{max-width:none}.studio .measured,.studio .tabular{font-family:var(--font-outlier);font-variant-numeric:tabular-nums slashed-zero;letter-spacing:0}.studio .measured{font-size:.9em}.studio .card{border:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-2);color:var(--color-ink);border-radius:var(--radius-card);box-shadow:none}.studio .btn{border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-pill);background:var(--color-paper-2);color:var(--color-ink);min-height:36px;transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);font-weight:500}.studio .btn:hover{background:var(--color-paper-3);border-color:var(--color-muted)}.studio .btn:active{background:var(--color-paper)}.studio .btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.studio .btn-primary:hover{background:color-mix(in oklab, var(--color-accent) 88%, var(--color-ink));border-color:#0000}.studio .btn-danger{color:var(--color-bad);border-color:color-mix(in oklab, var(--color-bad) 45%, var(--color-rule));background:0 0}.studio .btn-danger:hover{background:var(--color-bad-soft)}.studio .input{border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-3);color:var(--color-ink);min-height:36px}.studio .input::placeholder{color:var(--color-muted)}.studio .input:hover{border-color:var(--color-rule-2)}.studio .input:focus-visible{border-color:var(--color-accent);outline:2px solid var(--color-focus);outline-offset:1px}.studio select.input option{background:var(--color-paper-2);color:var(--color-ink)}.studio .label{color:var(--color-muted);font-weight:500}.studio a:hover{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.studio ::selection{background:color-mix(in oklab, var(--color-accent) 25%, transparent);color:var(--color-ink)}.studio :focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:4px;transition:none}.studio input[type=checkbox],.studio input[type=radio]{accent-color:var(--color-accent)}.studio kbd{font-family:var(--font-outlier)}.studio{scrollbar-color:var(--color-rule-2) var(--color-paper)}.studio .logo-mark{filter:invert()brightness(1.9);width:auto;max-width:none;height:20px}.studio .logo-loader-img{filter:invert()brightness(1.9)}.studio .tiptap{color:var(--color-ink)}.studio .tiptap hr{border-top-color:var(--color-rule)}.studio .toolbar button:hover{background:var(--color-paper-3)}.studio .toolbar button.on{background:var(--color-paper-3);color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-rule-2)}