.projects[data-v-99aa4c25]{border-top:1px solid color-mix(in srgb, var(--g-border) 55%, transparent)}.menu-scrim[data-v-99aa4c25]{z-index:60;background:#00000059;position:fixed;inset:0}.menu-drawer[data-v-99aa4c25]{z-index:61;overscroll-behavior:contain;max-height:calc(100vh - 4rem);position:fixed;top:3.4rem;left:.5rem;overflow-y:auto}.header-content[data-v-54db6dca],.header-content[data-v-54db6dca] *{line-height:1}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"Noto Sans", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-extralight:200;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container\/layout{container:layout/inline-size}.\@container{container-type:inline-size}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-\[2\.4rem\]{top:2.4rem}.right-0{right:0}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.h-\[3rem\]{height:3rem}.max-h-\[14rem\]{max-height:14rem}.w-\[14rem\]{width:14rem}.w-full{width:100%}.min-w-\[8rem\]{min-width:8rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-\[1rem\]{gap:1rem}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-\[9rem\]{padding-top:9rem}.pr-2{padding-right:calc(var(--spacing) * 2)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-\[10rem\]{padding-bottom:10rem}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-xl\!{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[0\.85rem\]{font-size:.85rem}.text-\[0\.85rem\]\!{font-size:.85rem!important}.text-\[1\.05rem\]\!{font-size:1.05rem!important}.text-\[1rem\]{font-size:1rem}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.font-bold\!{--tw-font-weight:var(--font-weight-bold)!important;font-weight:var(--font-weight-bold)!important}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[var\(--g-accent\)\]{color:var(--g-accent)}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.opacity-45{opacity:.45}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.select-none{user-select:none}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}@media (width>=60rem){.min-\[60rem\]\:hidden\!{display:none!important}}@container not (width>=46rem){.\@max-\[46rem\]\:px-2{padding-inline:calc(var(--spacing) * 2)}}@container (width>=28rem){.\@min-md\:border-b\!{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:1px!important}}}:root{--nabi-font:"Noto Sans", system-ui, sans-serif;--nabi-font-serif:"Noto Serif", Georgia, serif;--nabi-font-mono:"Noto Sans Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--g-bg:#fff;--g-fg:#16181d;--g-muted:#6b7280;--g-border:#e5e7eb;--g-accent:#4a63b8;--g-panel:#ffffffb8;--g-shadow:0 8px 24px #10182814;color-scheme:light}.dark{--g-bg:#16181d;--g-fg:#e6e8ec;--g-muted:#9aa1ac;--g-border:#333945;--g-accent:#7e93c8;--g-panel:#1c1f26b8;--g-shadow:0 8px 24px #0006;color-scheme:dark}html,body{background:var(--g-bg);color:var(--g-fg);font-family:var(--font-sans);margin:0;line-height:1.7}.g-frame{width:100%;max-width:60rem;margin-inline:auto;padding-inline:1rem}.g-frame-full{max-width:72rem}.g-glass{background:var(--g-panel);backdrop-filter:blur(8px);border:0 solid var(--g-border)}@supports (color:color-mix(in lab, red, red)){.g-glass{border:0 solid color-mix(in srgb, var(--g-border) 55%, transparent)}}.g-glass{box-shadow:var(--g-shadow)}.g-glass.drop-none{box-shadow:none}.rd-box{border-radius:12px}.g-link{color:var(--g-accent);text-decoration:none}.g-link:hover{text-decoration:underline}.g-link-hover{cursor:pointer;border-radius:6px;transition:background-color .12s}.g-link-hover:hover{background:var(--g-accent)}@supports (color:color-mix(in lab, red, red)){.g-link-hover:hover{background:color-mix(in srgb, var(--g-accent) 10%, transparent)}}.hdr-btn{min-width:2rem;height:2rem;color:inherit;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.md{padding:1.5rem}.md h1{margin:0 0 1rem;font-size:1.9rem;font-weight:700}.md h2{border-top:1px solid var(--g-border);margin:2rem 0 .75rem;padding-top:.75rem;font-size:1.35rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.md h2{border-top:1px solid color-mix(in srgb, var(--g-border) 55%, transparent)}}.md h3{margin:1.5rem 0 .5rem;font-size:1.1rem;font-weight:600}.md p,.md ul,.md ol{margin:.75rem 0}.md ul,.md ol{padding-left:1.25rem}.md ul{list-style:outside}.md ol{list-style:decimal}.md a{color:var(--g-accent)}.md code{background:var(--g-fg);border-radius:6px;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em}@supports (color:color-mix(in lab, red, red)){.md code{background:color-mix(in srgb, var(--g-fg) 8%, transparent)}}.md pre{background:var(--g-fg);border-radius:8px;margin:1rem 0;padding:1rem;overflow-x:auto}@supports (color:color-mix(in lab, red, red)){.md pre{background:color-mix(in srgb, var(--g-fg) 6%, transparent)}}.md pre code{background:0 0;padding:0}.md table{border-collapse:collapse;width:100%;margin:1rem 0;display:block;overflow-x:auto}.md :where(th,td){border:1px solid var(--g-border);padding:.5rem .75rem}@supports (color:color-mix(in lab, red, red)){.md :where(th,td){border:1px solid color-mix(in srgb, var(--g-border) 75%, transparent)}}.md :where(th,td){text-align:left}.md blockquote{border-left:2px solid var(--g-border);margin:1rem 0;padding-left:1rem}@supports (color:color-mix(in lab, red, red)){.md blockquote{border-left:2px solid color-mix(in srgb, var(--g-border) 80%, transparent)}}.md blockquote{color:var(--g-muted)}.hero{text-align:center;padding:3.5rem 1.5rem 2rem}.hero-title{font-size:2.6rem;font-weight:800}.hero-sub{color:var(--g-muted);margin-top:.75rem}.nabi.nabi.nabi,.nabi-overlay.nabi-overlay.nabi-overlay{--nabi-accent:var(--g-accent)}.dark .nabi.nabi.nabi,.dark .nabi-overlay.nabi-overlay.nabi-overlay{--nabi-on-accent:var(--g-bg)}div[class*=language-]{max-width:100%;margin:1rem 0;position:relative}div[class*=language-] pre{background:var(--g-fg);border-radius:8px;margin:0;padding:.9rem 1rem;overflow-x:auto}@supports (color:color-mix(in lab, red, red)){div[class*=language-] pre{background:color-mix(in srgb, var(--g-fg) 6%, transparent)}}div[class*=language-] pre{font-size:.8rem;line-height:1.7}div[class*=language-] code{background:0 0;padding:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}html:not(.dark) div[class*=language-] span{color:var(--shiki-light)}html.dark div[class*=language-] span{color:var(--shiki-dark)}div[class*=language-]>.lang{z-index:2;color:var(--g-muted);opacity:.7;pointer-events:none;user-select:none;font-size:.7rem;transition:opacity .2s;position:absolute;top:.4rem;right:.7rem}div[class*=language-]>.copy{z-index:3;width:1.8rem;height:1.8rem;color:var(--g-muted);opacity:0;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0;transition:opacity .2s,background-color .12s;position:absolute;top:.3rem;right:.35rem}div[class*=language-]>.copy:before{content:"";background:currentColor;width:100%;height:100%;display:block;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='11' height='11' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E") 50%/.95rem no-repeat}div[class*=language-]:hover>.copy,div[class*=language-]>.copy:focus-visible{opacity:1}div[class*=language-]:hover>.lang{opacity:0}div[class*=language-]>.copy:hover{background:var(--g-fg)}@supports (color:color-mix(in lab, red, red)){div[class*=language-]>.copy:hover{background:color-mix(in srgb, var(--g-fg) 10%, transparent)}}div[class*=language-]>.copy:focus-visible{outline:2px solid var(--g-accent);outline-offset:1px}div[class*=language-]>.copy.copied{opacity:1;color:var(--g-accent)}div[class*=language-]>.copy.copied:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}@media (width<=46rem){.g-frame{padding-inline:.5rem}.md{padding:1rem .75rem}.hero{padding:2.5rem .75rem 1.5rem}.demo-pad{padding:.5rem!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:is(.nabi,.nabi-overlay,.nabi-note:where(:not(.nabi *,.nabi-overlay *))){--nabi-font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, Ubuntu, Cantarell, "Noto Sans", "Liberation Sans", "DejaVu Sans", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Noto Sans CJK KR", "Spoqa Han Sans Neo", "Nanum Gothic", Dotum, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", Meiryo, "Noto Sans JP", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Noto Sans SC", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";--nabi-font-serif:Georgia, Cambria, Constantia, "Palatino Linotype", Palatino, "Book Antiqua", Charter, "Iowan Old Style", "Noto Serif", "Liberation Serif", "DejaVu Serif", "Times New Roman", Times, ui-serif, "Noto Serif KR", "Noto Serif CJK KR", "Source Han Serif K", "Source Han Serif KR", "본명조", MaruBuri, "마루 부리", "Gowun Batang", "Nanum Myeongjo", "나눔명조", KoPubBatang, AppleMyungjo, Batang, "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", "MS Mincho", "Noto Serif JP", "Songti SC", SimSun, "Noto Serif SC", serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";--nabi-font-mono:ui-monospace, SFMono-Regular, "SF Mono", "Cascadia Mono", "JetBrains Mono", Consolas, Menlo, Monaco, "Roboto Mono", "Noto Sans Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", D2Coding, NanumGothicCoding, "Noto Sans Mono CJK KR", "Noto Sans Mono CJK JP", "MS Gothic", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";--nabi-font-size:1rem;--nabi-line-height:1.7;--nabi-font-weight-bold:800;--nabi-radius:12px;--nabi-radius-sm:8px;--nabi-radius-xs:3px;--nabi-grid-cell:18px;--nabi-padding:16px 18px;--nabi-min-height:240px;--nabi-font-size-ui:.85rem;--nabi-overlay-padding:8px;--nabi-z-fullscreen:2147480000;--nabi-z:2147480000;--nabi-z-lightbox:2147480000;color-scheme:light;--nabi-bg:#fff;--nabi-bg-subtle:#f5f6f8;--nabi-bg-hover:#eef1f6;--nabi-color:#16181d;--nabi-muted:#9aa1ac;--nabi-on-accent:#fff;--nabi-border:#d8dce3;--nabi-accent:#3b6ef5;--nabi-danger:#d93b3b;--nabi-on-danger:#fff;--nabi-shadow:0 8px 24px #1018281f;--nabi-media-bg:#000}:where(html,body).dark :is(.nabi,.nabi-overlay,.nabi-note:where(:not(.nabi *,.nabi-overlay *))){color-scheme:dark;--nabi-bg:#16181d;--nabi-bg-subtle:#1c1f26;--nabi-bg-hover:#262b34;--nabi-color:#e6e8ec;--nabi-muted:#868e9b;--nabi-on-accent:#fff;--nabi-border:#333945;--nabi-accent:#6c8cff;--nabi-danger:#f0616a;--nabi-on-danger:#1a0d0f;--nabi-shadow:0 8px 24px #00000080;--nabi-media-bg:#000}:where(html,body).light :is(.nabi,.nabi-overlay,.nabi-note:where(:not(.nabi *,.nabi-overlay *))){color-scheme:light;--nabi-bg:#fff;--nabi-bg-subtle:#f5f6f8;--nabi-bg-hover:#eef1f6;--nabi-color:#16181d;--nabi-muted:#9aa1ac;--nabi-on-accent:#fff;--nabi-border:#d8dce3;--nabi-accent:#3b6ef5;--nabi-danger:#d93b3b;--nabi-on-danger:#fff;--nabi-shadow:0 8px 24px #1018281f;--nabi-media-bg:#000}.nabi{font-family:var(--nabi-font);color:var(--nabi-color);background:var(--nabi-bg);border-radius:var(--nabi-radius);display:flow-root}.nabi--dropping{position:relative}.nabi--dropping .nabi-editor{background:color-mix(in srgb, var(--nabi-accent) 8%, var(--nabi-bg))}.nabi--dropping:after{content:attr(data-nabi-drop);color:var(--nabi-accent);background:color-mix(in srgb, var(--nabi-accent) 12%, transparent);border:2px dashed var(--nabi-accent);border-radius:var(--nabi-radius);pointer-events:none;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:0}.nabi--locked .nabi-editor{cursor:progress;user-select:none}.nabi--fullscreen{z-index:var(--nabi-z-fullscreen);border:0;border-radius:0;flex-direction:column;display:flex;position:fixed;inset:0}.nabi--fullscreen .nabi-editor{overscroll-behavior:contain;flex:1;overflow-y:auto}.nabi__tools{gap:4px;margin-inline-start:auto;display:inline-flex}.nabi__tools>.nabi__button[aria-pressed=true]{color:var(--nabi-accent);background:var(--nabi-bg-hover)}.nabi__toolbar{border-bottom:1px solid color-mix(in srgb, var(--nabi-border) 55%, transparent);flex-wrap:wrap;align-items:center;gap:4px;padding:8px 10px;display:flex}.nabi__toolbar[hidden]{display:none}.nabi__bars{display:flow-root}.nabi__bars--sticky{z-index:1;background:var(--nabi-bg);border-start-start-radius:0;border-start-end-radius:0;position:sticky;top:0}.nabi--fullscreen .nabi__bars--sticky{z-index:auto;position:static}.nabi__group{flex-wrap:wrap;gap:2px;display:inline-flex}.nabi__group[hidden]{display:none}.nabi__group:not([hidden]){margin-inline-end:6px}.nabi__group>.nabi__button[hidden]{display:none}.nabi__control{align-items:center;display:inline-flex}.nabi__control-input{width:11em;font:inherit;color:var(--nabi-color);background:var(--nabi-bg-subtle);border-radius:var(--nabi-radius-sm);border:1px solid #0000;padding:4px 8px;font-size:.8rem}.nabi__control-input:focus-visible{outline:2px solid var(--nabi-accent);outline-offset:-1px;background:var(--nabi-bg)}.nabi__commands{background:var(--nabi-bg-subtle);flex-wrap:wrap;align-items:center;gap:4px;padding:6px 10px;display:flex}.nabi__commands[hidden]{display:none}.nabi__button{width:32px;height:32px;font:inherit;color:var(--nabi-color);border-radius:var(--nabi-radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background-color .12s,color .12s;display:inline-flex}.nabi__button:hover:not(:disabled){background:var(--nabi-bg-hover)}.nabi__button[aria-pressed=true]{color:var(--nabi-accent);background:color-mix(in srgb, var(--nabi-accent) 14%, transparent)}.nabi__button[aria-pressed=true]:hover:not(:disabled){background:color-mix(in srgb, var(--nabi-accent) 22%, transparent)}.nabi__button:focus-visible{outline:2px solid var(--nabi-accent);outline-offset:1px}.nabi__button:disabled{opacity:.4;cursor:default}[data-nabi-tip]{position:relative}[data-nabi-tip]:hover:after,[data-nabi-tip]:focus-visible:after{content:attr(data-nabi-tip);z-index:var(--nabi-z);color:var(--nabi-bg);background:var(--nabi-color);border-radius:var(--nabi-radius-sm);white-space:nowrap;pointer-events:none;padding:4px 8px;font-size:12px;line-height:1.4;animation:.12s .4s both nabi-tip;position:absolute;inset-block-start:calc(100% + 6px);inset-inline-start:50%;transform:translate(-50%)}@keyframes nabi-tip{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){[data-nabi-tip]:hover:after,[data-nabi-tip]:focus-visible:after{animation-duration:1ms}}.nabi__button svg{pointer-events:none;display:block}.nabi__icon{width:16px;height:16px;mask:var(--nabi-icon) center / contain no-repeat;pointer-events:none;background:currentColor;display:inline-block}.nabi__icon-svg{pointer-events:none;display:inline-flex}.nabi__icon-text{pointer-events:none;font-size:.85rem;font-weight:600}@media (width<=30rem){.nabi{--nabi-padding:14px 12px}.nabi__toolbar{gap:2px;padding:6px}.nabi__commands{gap:2px;padding:5px 6px}:is(.nabi,.nabi-overlay){--nabi-grid-cell:28px}}.nabi-note{font-size:var(--nabi-font-size);line-height:var(--nabi-line-height);overflow-wrap:break-word;white-space:pre-wrap}.nabi-editor{padding:var(--nabi-padding);min-height:var(--nabi-min-height);caret-color:var(--nabi-accent);outline:none}.nabi-editor[data-nabi-empty=true]:not(:focus):not(:has(>:not(p))):before{content:attr(data-nabi-placeholder);color:var(--nabi-muted);pointer-events:none;user-select:none;position:absolute}.nabi--readonly .nabi-editor{caret-color:#0000}.nabi-note>:where(p,h1,h2,h3,h4,h5,h6){margin:0 0 .65em}.nabi-note>:last-child{margin-bottom:0}.nabi-note :where(b,strong){font-weight:var(--nabi-font-weight-bold)}.nabi-editor>[contenteditable=false]{user-select:none}.nabi-overlay{z-index:var(--nabi-z);font-family:var(--nabi-font);color:var(--nabi-color);background:var(--nabi-bg);border-radius:var(--nabi-radius);box-shadow:var(--nabi-shadow);font-size:var(--nabi-font-size-ui);position:fixed}.nabi-overlay[hidden]{display:none}.nabi-menu{flex-direction:column;min-width:200px;max-width:320px;max-height:240px;padding:4px;display:flex}.nabi-menu__list{overscroll-behavior:contain;min-height:0;overflow-y:auto}.nabi-menu__search{box-sizing:border-box;width:100%;font:inherit;color:var(--nabi-color);background:var(--nabi-bg-subtle);border-radius:var(--nabi-radius-sm);border:1px solid #0000;margin-bottom:4px;padding:6px 10px}.nabi-menu__search[hidden]{display:none}.nabi-menu__search:focus-visible{outline:2px solid var(--nabi-accent);outline-offset:-1px}.nabi-menu__item{border-radius:var(--nabi-radius-sm);cursor:pointer;align-items:center;gap:10px;padding:7px 10px;display:flex}.nabi-menu__icon{flex:none}.nabi-menu__name{flex:1}.nabi-menu__item[aria-selected=true]{background:var(--nabi-accent);color:var(--nabi-on-accent)}.nabi-menu__hint{font-size:.75em;font-family:var(--nabi-font-mono);color:var(--nabi-muted)}.nabi-menu__item[aria-selected=true] .nabi-menu__hint{color:color-mix(in srgb, var(--nabi-on-accent) 72%, transparent)}.nabi-menu__empty{color:var(--nabi-muted);padding:10px}.nabi-grid{padding:var(--nabi-overlay-padding)}.nabi-grid__cells{grid-template-columns:repeat(var(--nabi-grid-columns,8), var(--nabi-grid-cell));gap:3px;display:grid}.nabi-palette{padding:var(--nabi-overlay-padding)}.nabi-palette__swatches{grid-template-columns:repeat(var(--nabi-palette-columns,6), 1fr);gap:6px;display:grid}.nabi-palette__swatch{background:var(--nabi-palette-color);border:1px solid color-mix(in srgb, var(--nabi-border) 70%, transparent);border-radius:var(--nabi-radius-sm);cursor:pointer;width:24px;height:24px;padding:0}.nabi-palette__swatch:hover{border-color:var(--nabi-accent)}.nabi-palette__swatch--text{width:auto;min-width:24px;height:auto;min-height:24px;font:inherit;white-space:nowrap;color:var(--nabi-color);background:var(--nabi-bg);padding:2px 8px;line-height:1.3}.nabi-palette__swatch--text:hover{background:var(--nabi-bg-hover)}.nabi-palette__swatch[aria-selected=true],.nabi-palette__swatch:focus-visible{outline:2px solid var(--nabi-accent);outline-offset:2px}.nabi-grid__cell{width:var(--nabi-grid-cell);height:var(--nabi-grid-cell);box-sizing:border-box;border:1px solid var(--nabi-border);border-radius:var(--nabi-radius-xs);cursor:pointer}.nabi-grid__cell[aria-selected=true]{border-color:var(--nabi-accent);background:color-mix(in srgb, var(--nabi-accent) 22%, transparent)}.nabi-grid__label{text-align:center;color:var(--nabi-muted);font-variant-numeric:tabular-nums;margin-top:8px}.nabi-prompt{padding:var(--nabi-overlay-padding);gap:8px;display:grid}.nabi-prompt__row{gap:6px;display:flex}.nabi-prompt__input{width:260px;min-width:0;font:inherit;color:var(--nabi-color);background:var(--nabi-bg-subtle);border-radius:var(--nabi-radius-sm);border:1px solid #0000;flex:1;padding:6px 10px}.nabi-prompt__input:focus-visible{outline:2px solid var(--nabi-accent);outline-offset:-1px}.nabi-prompt__confirm{font:inherit;color:var(--nabi-on-accent);background:var(--nabi-accent);border-radius:var(--nabi-radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:6px 12px}.nabi-prompt__confirm:disabled{opacity:.4;cursor:default}.nabi-prompt__preview[hidden]{display:none}.nabi-prompt__preview iframe{aspect-ratio:16/9;border:1px solid var(--nabi-border);border-radius:var(--nabi-radius-sm);background:var(--nabi-media-bg);width:100%;display:block}.nabi-popup{padding:8px;font-size:.875rem}.nabi__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nabi-editor>[data-nabi-selected]{outline:2px solid var(--nabi-accent);outline-offset:2px;background:color-mix(in srgb, var(--nabi-accent) 18%, transparent)}.nabi-editor>[data-nabi-active]{outline:2px solid color-mix(in srgb, var(--nabi-accent) 40%, transparent);outline-offset:2px}.nabi-editor[data-nabi-object]{caret-color:#0000}.nabi-notice{cursor:default;max-width:min(420px,90vw);padding:10px 14px;font-size:.9em;line-height:1.5}.nabi-notice--info{color:var(--nabi-color);background:var(--nabi-bg);border-color:var(--nabi-border)}.nabi-notice--error{color:var(--nabi-on-danger);background:var(--nabi-danger);border-color:var(--nabi-danger)}.nabi-preview{z-index:var(--nabi-z-lightbox);background:var(--nabi-bg);box-shadow:none;border:none;border-radius:0;flex-direction:column;display:flex;position:fixed;inset:0}.nabi-preview__bar{border-bottom:1px solid var(--nabi-border);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.nabi-preview__title{color:var(--nabi-muted);font-size:.875rem;font-weight:600}.nabi-preview__body{overscroll-behavior:contain;min-height:0;padding:var(--nabi-padding);flex:1;width:min(100%,46rem);margin-inline:auto;overflow-y:auto}.nabi-note :where(sub,sup){font-size:.75em;line-height:0}.nabi-note a{color:var(--nabi-accent);text-underline-offset:.15em;text-decoration:underline}.nabi-note a[data-nabi-file]{color:var(--nabi-color);background:var(--nabi-bg-subtle);border-radius:var(--nabi-radius-sm);align-items:baseline;gap:.3em;padding:.05em .45em;text-decoration:none;display:inline-flex}.nabi-note a[data-nabi-file]:before{content:"";background:currentColor;flex:none;align-self:center;width:.9em;height:.9em;mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11.5%206.5%206.75%2011.25a2%202%200%200%201-2.8-2.85l5-5a3%203%200%200%201%204.25%204.25l-5%205%22%2F%3E%3C%2Fsvg%3E) 50%/contain no-repeat}:is(.nabi,.nabi-overlay,.nabi-note:where(:not(.nabi *,.nabi-overlay *))){--nabi-hl-yellow:#facc1573;--nabi-hl-green:#4ade8073;--nabi-hl-cyan:#38bdf873;--nabi-hl-pink:#f472b673;--nabi-hl-purple:#c084fc73;--nabi-hl-orange:#fb923c73}:where(html,body).dark :is(.nabi,.nabi-overlay,.nabi-note:where(:not(.nabi *,.nabi-overlay *))){--nabi-hl-yellow:#facc1559;--nabi-hl-green:#4ade8059;--nabi-hl-cyan:#38bdf859;--nabi-hl-pink:#f472b659;--nabi-hl-purple:#c084fc59;--nabi-hl-orange:#fb923c59}:where(html,body).light :is(.nabi,.nabi-overlay,.nabi-note:where(:not(.nabi *,.nabi-overlay *))){--nabi-hl-yellow:#facc1573;--nabi-hl-green:#4ade8073;--nabi-hl-cyan:#38bdf873;--nabi-hl-pink:#f472b673;--nabi-hl-purple:#c084fc73;--nabi-hl-orange:#fb923c73}.nabi-note mark[data-nabi-hl]{--nabi-hl-pass:color-mix(in srgb, var(--nabi-hl) 85%, transparent);--nabi-hl-edge:color-mix(in srgb, var(--nabi-hl) 58%, transparent);--nabi-hl-pool:color-mix(in srgb, var(--nabi-hl) 72%, transparent);background-color:#0000;background-image:  radial-gradient(ellipse .62em .34em at 50% 56%, var(--nabi-hl-pool) 0 40%, transparent 100%),   radial-gradient(ellipse .62em .34em at 50% 56%, var(--nabi-hl-pool) 0 40%, transparent 100%),   radial-gradient(ellipse 1.15em .3em at 50% 58%, var(--nabi-hl-pass) 0 84%, transparent 100%),   radial-gradient(ellipse 1.7em .3em at 50% 42%, var(--nabi-hl-edge) 0 80%, transparent 100%);color:inherit;box-decoration-break:clone;background-position:0,100%,-.35em 0,.7em 0;background-repeat:no-repeat,no-repeat,repeat-x,repeat-x;background-size:1.25em 100%,1.25em 100%,1.9em 100%,3.1em 100%;padding:.08em .34em .04em;mask-image:linear-gradient(90deg,#0000 0,#000 .3em calc(100% - .3em),#0000 100%)}.nabi-note mark[data-nabi-hl=yellow]{--nabi-hl:var(--nabi-hl-yellow)}.nabi-note mark[data-nabi-hl=green]{--nabi-hl:var(--nabi-hl-green)}.nabi-note mark[data-nabi-hl=cyan]{--nabi-hl:var(--nabi-hl-cyan)}.nabi-note mark[data-nabi-hl=pink]{--nabi-hl:var(--nabi-hl-pink)}.nabi-note mark[data-nabi-hl=purple]{--nabi-hl:var(--nabi-hl-purple)}.nabi-note mark[data-nabi-hl=orange]{--nabi-hl:var(--nabi-hl-orange)}:is(.nabi,.nabi-overlay,.nabi-note:where(:not(.nabi *,.nabi-overlay *))),:where(html,body).dark :is(.nabi,.nabi-overlay,.nabi-note:where(:not(.nabi *,.nabi-overlay *))),:where(html,body).light :is(.nabi,.nabi-overlay,.nabi-note:where(:not(.nabi *,.nabi-overlay *))){--nabi-tc-green:#009e73;--nabi-tc-coral:#e05638;--nabi-tc-violet:#8b5cf6;--nabi-tc-amber:#d97706;--nabi-tc-blue:#0284c7}.nabi-note span[data-nabi-color]{color:var(--nabi-tc)}.nabi-note span[data-nabi-color=green]{--nabi-tc:var(--nabi-tc-green)}.nabi-note span[data-nabi-color=coral]{--nabi-tc:var(--nabi-tc-coral)}.nabi-note span[data-nabi-color=violet]{--nabi-tc:var(--nabi-tc-violet)}.nabi-note span[data-nabi-color=amber]{--nabi-tc:var(--nabi-tc-amber)}.nabi-note span[data-nabi-color=blue]{--nabi-tc:var(--nabi-tc-blue)}.nabi-note>:where(h1,h2,h3,h4,h5,h6){font-weight:650;line-height:1.3}.nabi-note>h1{font-size:1.75em}.nabi-note>h2{font-size:1.4em}.nabi-note>h3{font-size:1.15em}.nabi-note>[data-nabi-align=left]{text-align:left}.nabi-note>[data-nabi-align=center]{text-align:center}.nabi-note>[data-nabi-align=right]{text-align:right}.nabi-note>:where(img,iframe,table)[data-nabi-align=center]{margin-inline:auto}.nabi-note>:where(img,iframe,table)[data-nabi-align=right]{margin-inline:auto 0}.nabi-note>p[data-nabi-typeface=sans]{font-family:var(--nabi-font)}.nabi-note>p[data-nabi-typeface=serif]{font-family:var(--nabi-font-serif)}.nabi-note>p[data-nabi-typeface=mono]{font-family:var(--nabi-font-mono)}.nabi-palette__swatch--text[data-value=sans]{font-family:var(--nabi-font)}.nabi-palette__swatch--text[data-value=serif]{font-family:var(--nabi-font-serif)}.nabi-palette__swatch--text[data-value=mono]{font-family:var(--nabi-font-mono)}:is(.nabi,.nabi-overlay,.nabi-note:where(:not(.nabi *,.nabi-overlay *))){--nabi-size-xs:.75em;--nabi-size-sm:.875em;--nabi-size-lg:1.25em;--nabi-size-xl:1.5em}.nabi-note>p[data-nabi-size=xs]{font-size:var(--nabi-size-xs)}.nabi-note>p[data-nabi-size=sm]{font-size:var(--nabi-size-sm)}.nabi-note>p[data-nabi-size=lg]{font-size:var(--nabi-size-lg)}.nabi-note>p[data-nabi-size=xl]{font-size:var(--nabi-size-xl)}.nabi-palette__swatch--text[data-value=xs]{font-size:var(--nabi-size-xs)}.nabi-palette__swatch--text[data-value=sm]{font-size:var(--nabi-size-sm)}.nabi-palette__swatch--text[data-value=lg]{font-size:var(--nabi-size-lg)}.nabi-palette__swatch--text[data-value=xl]{font-size:var(--nabi-size-xl)}.nabi-note>p[data-nabi-dropcap=on]{min-height:calc(var(--nabi-dropcap-lines,3) * var(--nabi-line-height) * 1em)}.nabi-note>p[data-nabi-dropcap=on]:has(>br:only-child){min-height:0}.nabi-note>p[data-nabi-dropcap=on]:first-letter{float:inline-start;font-size:calc(var(--nabi-dropcap-lines,3) * var(--nabi-line-height) * 1.08em);color:var(--nabi-color);margin-block-start:.26em;margin-inline-end:.09em;font-weight:600;line-height:.6}@supports (initial-letter:3){.nabi-note>p[data-nabi-dropcap=on]:first-letter{float:none;initial-letter:var(--nabi-dropcap-lines,3);font-size:inherit;line-height:inherit;margin-block-start:0;margin-inline-end:.5em}}.nabi-note :where(ul){list-style:outside}.nabi-note :where(ul ul){list-style:circle}.nabi-note :where(ul ul ul){list-style:square}.nabi-note :where(ol){list-style:decimal}.nabi-note>:where(ul,ol){margin:0 0 .65em;padding-left:1.6em}.nabi-note li>:where(ul,ol){margin:0;padding-left:1.6em}.nabi-note li{margin:.15em 0}.nabi-note ul[data-nabi-list=task]{padding-left:0;list-style:none}.nabi-note ul[data-nabi-list=task]>li{padding-inline-start:2em;position:relative}.nabi-note ul[data-nabi-list=task]>li:before{content:"";inset-inline-start:0;box-sizing:border-box;border-radius:var(--nabi-radius-xs);background:color-mix(in srgb, var(--nabi-border) 60%, transparent);cursor:pointer;border:none;width:1em;height:1em;position:absolute;top:.25em}.nabi-note ul[data-nabi-list=task]>li[data-nabi-checked=true]:before{border-color:var(--nabi-accent);background:var(--nabi-accent)}.nabi-note ul[data-nabi-list=task]>li[data-nabi-checked=true]:after{content:"";inset-inline-start:.28em;border-left:2px solid var(--nabi-on-accent);border-bottom:2px solid var(--nabi-on-accent);pointer-events:none;width:.42em;height:.22em;position:absolute;top:.42em;rotate:-45deg}.nabi-note ul[data-nabi-list=task]>li[data-nabi-checked=true]{color:var(--nabi-muted);text-decoration:line-through}.nabi-note>table{border-collapse:collapse;table-layout:fixed;width:100%;margin:0 0 .65em}.nabi-note>table :where(td,th){border:1px solid var(--nabi-border);vertical-align:top;text-align:left;word-break:break-word;padding:.4em .6em}.nabi-note>table th{background:var(--nabi-bg-subtle);font-weight:650}.nabi-editor>table :where(td,th):focus-within{outline:2px solid var(--nabi-accent);outline-offset:-2px}.nabi-editor>table :where(td,th)[data-nabi-cell-selected]{background:color-mix(in srgb, var(--nabi-accent) 14%, transparent)}.nabi-editor>table[data-nabi-cell-dragging]{user-select:none}.nabi-editor>table[data-nabi-cell-dragging] ::selection,.nabi-editor>table[data-nabi-cell-dragging]::selection{background:0 0}.nabi-editor>table[data-nabi-sortable]{position:relative}.nabi-editor>table[data-nabi-sortable]:after{content:"";top:4px;background:var(--nabi-accent);pointer-events:none;width:13px;height:13px;position:absolute;inset-inline-end:4px;mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5.25%204.9%202.75-2.65L10.75%204.9M8%202.25v4.9M5.25%2011.1l2.75%202.65%202.75-2.65M8%2013.75v-4.9%22%2F%3E%3C%2Fsvg%3E) 50%/contain no-repeat}.nabi-note>table .nabi-sort{float:inline-end;border-radius:var(--nabi-radius-sm);width:20px;height:20px;color:var(--nabi-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin-inline-start:.35em;padding:0;display:inline-flex}.nabi-note>table .nabi-sort:hover{background:var(--nabi-bg-hover)}.nabi-note>table .nabi-sort[data-nabi-sort-active]{color:var(--nabi-accent)}.nabi,.nabi-overlay{--nabi-scrim:#0c0e12d1}:where(html,body).dark .nabi,:where(html,body).dark .nabi-overlay{--nabi-scrim:#000000db}:where(html,body).light .nabi,:where(html,body).light .nabi-overlay{--nabi-scrim:#0c0e12d1}.nabi-note>img{border-radius:var(--nabi-radius-sm);cursor:pointer;width:auto;height:auto;margin:0 0 .65em;display:block}.nabi-note>img[data-nabi-width="50"]{max-width:50%}.nabi-note>img[data-nabi-width="60"]{max-width:60%}.nabi-note>img[data-nabi-width="70"]{max-width:70%}.nabi-note>img[data-nabi-width="80"]{max-width:80%}.nabi-note>img[data-nabi-width="90"]{max-width:90%}.nabi-note>img[data-nabi-width="100"]{max-width:100%}.nabi-image{flex-direction:column;gap:4px;padding:6px;display:flex}.nabi-image__row{gap:2px;display:flex}.nabi-image__caption{color:var(--nabi-muted);user-select:none;padding:4px 4px 2px;font-size:.72em}.nabi-image__width{font-variant-numeric:tabular-nums;width:auto;min-width:30px;padding:0 6px;font-size:.8em}.nabi-image__text{font:inherit;color:var(--nabi-muted);text-align:center;border-radius:var(--nabi-radius-sm);cursor:pointer;background:0 0;border:none;padding:6px 8px;font-size:.85em}.nabi-image__text:hover{color:var(--nabi-color);background:var(--nabi-bg-hover)}.nabi-lightbox{z-index:var(--nabi-z-lightbox);background:var(--nabi-scrim);box-shadow:none;cursor:zoom-out;border:none;border-radius:0;justify-content:center;align-items:center;padding:4vmin;display:flex;position:fixed;inset:0}.nabi-lightbox img{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%}.nabi-note>iframe[data-nabi-embed]{aspect-ratio:16/9;border:1px solid var(--nabi-border);border-radius:var(--nabi-radius-sm);background:var(--nabi-media-bg);width:100%;height:auto;margin:0 0 .65em;display:block}.nabi-youtube__hint{color:var(--nabi-muted);margin:0}:is(.nabi,.nabi-overlay,.nabi-note:where(:not(.nabi *,.nabi-overlay *))){--nabi-code-keyword:#cf222e;--nabi-code-string:#0a3069;--nabi-code-number:#0550ae;--nabi-code-comment:#6e7781;--nabi-code-function:#8250df;--nabi-code-class:#953800;--nabi-code-variable:#953800;--nabi-code-operator:#0550ae;--nabi-code-punctuation:#57606a;--nabi-code-tag:#116329;--nabi-code-attribute:#0550ae;--nabi-code-literal:#0550ae;--nabi-code-regexp:#0a3069;--nabi-code-meta:#6e7781}:where(html,body).dark :is(.nabi,.nabi-overlay,.nabi-note:where(:not(.nabi *,.nabi-overlay *))){--nabi-code-keyword:#ff7b72;--nabi-code-string:#a5d6ff;--nabi-code-number:#79c0ff;--nabi-code-comment:#8b949e;--nabi-code-function:#d2a8ff;--nabi-code-class:#ffa657;--nabi-code-variable:#ffa657;--nabi-code-operator:#79c0ff;--nabi-code-punctuation:#8b949e;--nabi-code-tag:#7ee787;--nabi-code-attribute:#79c0ff;--nabi-code-literal:#79c0ff;--nabi-code-regexp:#a5d6ff;--nabi-code-meta:#8b949e}:where(html,body).light :is(.nabi,.nabi-overlay,.nabi-note:where(:not(.nabi *,.nabi-overlay *))){--nabi-code-keyword:#cf222e;--nabi-code-string:#0a3069;--nabi-code-number:#0550ae;--nabi-code-comment:#6e7781;--nabi-code-function:#8250df;--nabi-code-class:#953800;--nabi-code-variable:#953800;--nabi-code-operator:#0550ae;--nabi-code-punctuation:#57606a;--nabi-code-tag:#116329;--nabi-code-attribute:#0550ae;--nabi-code-literal:#0550ae;--nabi-code-regexp:#0a3069;--nabi-code-meta:#6e7781}.nabi-note>pre{font-family:var(--nabi-font-mono);color:var(--nabi-color);background:var(--nabi-bg-subtle);border-radius:var(--nabi-radius-sm);tab-size:2;margin:0 0 .65em;padding:.75em .9em;font-size:.9em;line-height:1.5;position:relative;overflow-x:auto}.nabi-editor>pre[data-nabi-lang]:after{content:attr(data-nabi-lang);font-family:var(--nabi-font);color:var(--nabi-muted);pointer-events:none;user-select:none;font-size:.72em;position:absolute;top:.2em;right:.5em}.nabi__control:has(.nabi-code__langs){align-items:flex-start}.nabi-code__langs{flex-wrap:wrap;gap:2px;max-width:100%;display:flex}.nabi-code__lang{font:inherit;color:var(--nabi-muted);background:var(--nabi-bg-subtle);border-radius:var(--nabi-radius-sm);cursor:pointer;border:1px solid #0000;padding:3px 7px;font-size:.72rem;line-height:1.5}.nabi-code__lang:hover{color:var(--nabi-color);background:var(--nabi-bg-hover)}.nabi-code__lang:focus-visible{outline:2px solid var(--nabi-accent);outline-offset:1px}.nabi-code__lang[aria-pressed=true]{color:var(--nabi-accent);background:color-mix(in srgb, var(--nabi-accent) 14%, transparent);font-weight:600}.nabi-code__lang--clear{margin-right:4px}.nabi-editor>pre [data-nabi-token=keyword]{color:var(--nabi-code-keyword)}.nabi-editor>pre [data-nabi-token=string]{color:var(--nabi-code-string)}.nabi-editor>pre [data-nabi-token=number]{color:var(--nabi-code-number)}.nabi-editor>pre [data-nabi-token=comment]{color:var(--nabi-code-comment)}.nabi-editor>pre [data-nabi-token=function]{color:var(--nabi-code-function)}.nabi-editor>pre [data-nabi-token=class]{color:var(--nabi-code-class)}.nabi-editor>pre [data-nabi-token=variable]{color:var(--nabi-code-variable)}.nabi-editor>pre [data-nabi-token=operator]{color:var(--nabi-code-operator)}.nabi-editor>pre [data-nabi-token=punctuation]{color:var(--nabi-code-punctuation)}.nabi-editor>pre [data-nabi-token=tag]{color:var(--nabi-code-tag)}.nabi-editor>pre [data-nabi-token=attribute]{color:var(--nabi-code-attribute)}.nabi-editor>pre [data-nabi-token=literal]{color:var(--nabi-code-literal)}.nabi-editor>pre [data-nabi-token=regexp]{color:var(--nabi-code-regexp)}.nabi-editor>pre [data-nabi-token=meta]{color:var(--nabi-code-meta)}.nabi-editor>pre [data-nabi-token=comment]{font-style:italic}.nabi-note>details{background:var(--nabi-bg-subtle);border-radius:var(--nabi-radius-sm);margin:0 0 .65em;padding:.45em .7em}.nabi-note>details>summary{cursor:text;padding-inline-start:1.5em;font-weight:650;list-style:none;position:relative}.nabi-note>details>summary::-webkit-details-marker{display:none}.nabi-note>details>summary:before{content:"";inset-inline-start:.25em;box-sizing:border-box;border-right:2px solid var(--nabi-muted);border-bottom:2px solid var(--nabi-muted);cursor:pointer;width:.42em;height:.42em;transition:rotate .12s;position:absolute;top:.45em;rotate:-45deg}.nabi-note>details[open]>summary:before{rotate:45deg}.nabi-note>details>:not(summary){margin:.45em 0 0}.nabi-note>hr{border:none;border-top:1px solid var(--nabi-border);margin:1.1em 0}:is(.nabi,.nabi-overlay,.nabi-note:where(:not(.nabi *,.nabi-overlay *))){--nabi-mask-on:#000;--nabi-mask-off:#00000040;--nabi-shadow-text:0 1px 3px #000000d9}@property --nabi-per{syntax:"<number>";inherits:true;initial-value:0}.nabi-editor>nabi-upload{--nabi-per:0;--nabi-progress-mask:linear-gradient(to right, var(--nabi-mask-on) 0 calc(var(--nabi-per) * 1%), var(--nabi-mask-off) calc(var(--nabi-per) * 1% + 10%));--nabi-span:25;--nabi-blur-max:12px;min-width:96px;max-width:100%;min-height:96px;color:var(--nabi-muted);background:var(--nabi-bg-subtle);border:1px dashed var(--nabi-border);border-radius:var(--nabi-radius-sm);cursor:progress;user-select:none;justify-content:center;align-items:center;margin:0 0 .65em;transition:--nabi-per .14s linear;display:flex;position:relative;overflow:hidden;&:has(img){background:0 0;border-style:solid;border-color:#0000;max-width:50%;margin-inline:auto}&:has(nabi-grid){min-width:0;min-height:0}&:before{content:attr(data-nabi-label);letter-spacing:.06em;mask-image:var(--nabi-progress-mask);font-size:.85em;font-weight:700}&:has(img):before{content:none}&:after{content:attr(data-nabi-per) "%";z-index:1;color:var(--nabi-on-accent);text-shadow:var(--nabi-shadow-text);font-size:1.1em;font-weight:700;position:absolute}&>img{border-radius:var(--nabi-radius-sm);max-width:100%;height:auto;display:block}&>nabi-grid{grid-template-columns:repeat(var(--nabi-cols), 1fr);border-radius:var(--nabi-radius-sm);pointer-events:none;display:grid;position:absolute;inset:0;overflow:hidden}& nabi-tile{--nabi-clear:clamp(0, (var(--nabi-per) - var(--nabi-t)) / var(--nabi-span), 1);backdrop-filter:blur(calc((1 - var(--nabi-clear)) * var(--nabi-blur-max))) grayscale(calc(1 - var(--nabi-clear)))}&:not(:has(img)){background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20160%20120%27%20role=%27presentation%27%3E%3Cdefs%3E%3ClinearGradient%20id=%27p1%27%20x1=%270%27%20y1=%270%27%20x2=%271%27%20y2=%271%27%3E%3Cstop%20offset=%270%27%20stop-color=%27%23ffd9e8%27/%3E%3Cstop%20offset=%271%27%20stop-color=%27%23c9b6ff%27/%3E%3C/linearGradient%3E%3ClinearGradient%20id=%27p2%27%20x1=%271%27%20y1=%270%27%20x2=%270%27%20y2=%271%27%3E%3Cstop%20offset=%270%27%20stop-color=%27%23bff0e4%27/%3E%3Cstop%20offset=%271%27%20stop-color=%27%23a9d6ff%27/%3E%3C/linearGradient%3E%3ClinearGradient%20id=%27p3%27%20x1=%270%27%20y1=%271%27%20x2=%271%27%20y2=%270%27%3E%3Cstop%20offset=%270%27%20stop-color=%27%23fff2c4%27/%3E%3Cstop%20offset=%271%27%20stop-color=%27%23ffc7b4%27/%3E%3C/linearGradient%3E%3ClinearGradient%20id=%27p4%27%20x1=%271%27%20y1=%271%27%20x2=%270%27%20y2=%270%27%3E%3Cstop%20offset=%270%27%20stop-color=%27%23d8f3c2%27/%3E%3Cstop%20offset=%271%27%20stop-color=%27%23a6e7d2%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20stroke=%27%235b5470%27%20stroke-opacity=%27.18%27%20stroke-width=%271.5%27%3E%3Cpath%20d=%27M80,34C63,6,20,9,25,38C29,58,62,60,80,48Z%27%20fill=%27url(%23p1)%27/%3E%3Cpath%20d=%27M80,34C97,6,140,9,135,38C131,58,98,60,80,48Z%27%20fill=%27url(%23p2)%27/%3E%3Cpath%20d=%27M80,50C67,58,37,62,42,80C46,95,71,86,80,66Z%27%20fill=%27url(%23p3)%27/%3E%3Cpath%20d=%27M80,50C93,58,123,62,118,80C114,95,89,86,80,66Z%27%20fill=%27url(%23p4)%27/%3E%3C/g%3E%3Cg%20fill=%27none%27%20stroke=%27%237c7395%27%20stroke-width=%272%27%20stroke-linecap=%27round%27%3E%3Cpath%20d=%27M78,32C74,22,68,18,61,16%27/%3E%3Cpath%20d=%27M82,32C86,22,92,18,99,16%27/%3E%3C/g%3E%3Cellipse%20cx=%2780%27%20cy=%2752%27%20rx=%274.5%27%20ry=%2722%27%20fill=%27%238f86ad%27/%3E%3Crect%20x=%2742%27%20y=%2748%27%20width=%2776%27%20height=%2730%27%20rx=%2715%27%20fill=%27%23ffffff%27%20fill-opacity=%27.86%27/%3E%3Cg%20fill=%27none%27%20stroke=%27%235b5470%27%20stroke-width=%273%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M52,56V70M52,56H62M52,63H60%27/%3E%3Cpath%20d=%27M70,56V70%27/%3E%3Cpath%20d=%27M80,56V70H90%27/%3E%3Cpath%20d=%27M98,56V70M98,56H108M98,63H106M98,70H108%27/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:auto 84%}&:not(:has(img)):after{color:var(--nabi-color);text-shadow:none;inset-block-start:10px}}@supports not (backdrop-filter:blur(1px)){.nabi-editor>nabi-upload>img{mask-image:var(--nabi-progress-mask);filter:grayscale(calc(1 - var(--nabi-per) / 100))}}@media (prefers-reduced-motion:reduce){.nabi-editor>nabi-upload{transition:none}}.demo-host[data-v-e72d410e] .nabi{box-shadow:var(--g-shadow);border-radius:12px}.demo-preview[data-v-e72d410e]{min-height:6rem;max-height:30rem;overflow:auto}.chip[data-v-e72d410e]{color:var(--g-muted);background:color-mix(in srgb, var(--g-fg) 6%, transparent);cursor:pointer;user-select:none;border:1px solid #0000;border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .6rem .15rem .4rem;font-size:.8rem;line-height:1.6;transition:background-color .12s,color .12s;display:inline-flex}.chip[data-v-e72d410e]:hover{background:color-mix(in srgb, var(--g-fg) 11%, transparent)}.chip-on[data-v-e72d410e]{color:var(--g-accent);background:color-mix(in srgb, var(--g-accent) 14%, transparent)}.chip-on[data-v-e72d410e]:hover{background:color-mix(in srgb, var(--g-accent) 22%, transparent)}.chip-mark[data-v-e72d410e]{font-variation-settings:"wght" 500;font-size:.95rem!important}.chip[data-v-e72d410e]:has(:focus-visible){outline:2px solid var(--g-accent);outline-offset:2px}.fc[data-v-64616846]{margin:1.25rem 0}.fc-row[data-v-64616846]{flex-wrap:wrap;align-items:stretch;gap:.4rem;display:flex}.fc-box[data-v-64616846]{border:1px solid var(--g-border);background:color-mix(in srgb, currentColor 4%, transparent);border-radius:10px;flex-direction:column;justify-content:center;gap:.15rem;padding:.5rem .8rem;display:flex}.fc-label[data-v-64616846]{font-size:.9rem;font-weight:600;line-height:1.4}.fc-note[data-v-64616846]{color:var(--g-muted);font-size:.78rem;line-height:1.4}.fc-box.in[data-v-64616846]{border-style:dashed}.fc-box.gate[data-v-64616846]{border-color:color-mix(in srgb, var(--g-accent) 55%, transparent);background:color-mix(in srgb, var(--g-accent) 12%, transparent)}.fc-box.core[data-v-64616846]{border-color:color-mix(in srgb, currentColor 28%, transparent);background:color-mix(in srgb, currentColor 8%, transparent)}.fc-box.out[data-v-64616846]{border-style:dashed;border-color:color-mix(in srgb, var(--g-accent) 45%, transparent)}.fc-arrow[data-v-64616846]{border-top:1.5px solid color-mix(in srgb, currentColor 35%, transparent);flex:none;align-self:center;width:1.5rem;height:0;position:relative}.fc-arrow[data-v-64616846]:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:7px solid color-mix(in srgb, currentColor 35%, transparent);position:absolute;top:-4px;right:-1px}.fc-caption[data-v-64616846]{color:var(--g-muted);margin-top:.6rem;font-size:.82rem;line-height:1.6}@media (width<=40rem){.fc-row[data-v-64616846]{flex-direction:column;align-items:stretch}.fc-arrow[data-v-64616846]{align-self:flex-start;margin-left:1.2rem;transform:rotate(90deg)}}.ls[data-v-8d8e63c9]{margin:1.25rem 0}.ls-body[data-v-8d8e63c9]{align-items:stretch;gap:.6rem;display:flex}.ls-rail[data-v-8d8e63c9]{border-left:1.5px solid color-mix(in srgb, currentColor 30%, transparent);flex:none;width:1.5rem;position:relative}.ls-rail[data-v-8d8e63c9]:before{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-bottom:7px solid color-mix(in srgb, currentColor 30%, transparent);position:absolute;top:-1px;left:-5.5px}.ls-hint[data-v-8d8e63c9]{writing-mode:vertical-rl;white-space:nowrap;color:var(--g-muted);background:var(--g-bg);padding:.3rem 0;font-size:.72rem;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:180deg}.ls-stack[data-v-8d8e63c9]{flex-direction:column;flex:auto;gap:.3rem;min-width:0;display:flex}.ls-row[data-v-8d8e63c9]{border:1px solid var(--g-border);background:color-mix(in srgb, currentColor 4%, transparent);border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:.15rem .7rem;padding:.45rem .8rem;display:flex}.ls-name[data-v-8d8e63c9]{color:var(--g-accent);flex:0 0 5.5rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.85rem;font-weight:600}.ls-what[data-v-8d8e63c9]{color:var(--g-muted);flex:12rem;font-size:.85rem;line-height:1.5}.ls-caption[data-v-8d8e63c9]{color:var(--g-muted);margin-top:.6rem;font-size:.82rem;line-height:1.6}@media (width<=40rem){.ls-rail[data-v-8d8e63c9]{display:none}.ls-name[data-v-8d8e63c9]{flex-basis:100%}}
/*$vite$:1*/