pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}@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-space-y-reverse:0;--tw-border-style:solid;--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:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-amber-600:oklch(66.6% .179 58.318);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-100:oklch(96.2% .044 156.743);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-700:oklch(48.8% .243 264.376);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-700:oklch(49.6% .265 301.924);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--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,ui-sans-serif, system-ui, 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]){-webkit-text-decoration:underline dotted;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;-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{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{.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}.inset-0{inset:calc(var(--spacing) * 0)}.top-full{top:100%}.right-3{right:calc(var(--spacing) * 3)}.left-3{left:calc(var(--spacing) * 3)}.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-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.min-h-screen{min-height:100vh}.w-64{width:calc(var(--spacing) * 64)}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-indigo-500{border-color:var(--color-indigo-500)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-100{background-color:var(--color-green-100)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-100{background-color:var(--color-red-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pr-1{padding-right:calc(var(--spacing) * 1)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.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)}.text-wrap{text-wrap:wrap}.text-amber-600{color:var(--color-amber-600)}.text-blue-700{color:var(--color-blue-700)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-indigo-600{color:var(--color-indigo-600)}.text-purple-700{color:var(--color-purple-700)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.text-yellow-400{color:var(--color-yellow-400)}.italic{font-style:italic}.opacity-60{opacity:.6}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px 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)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px 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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,-webkit-backdrop-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))}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media (hover:hover){.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\:text-amber-600:hover{color:var(--color-amber-600)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:text-green-800:hover{color:var(--color-green-800)}.hover\:text-indigo-600:hover{color:var(--color-indigo-600)}.hover\:text-indigo-800:hover{color:var(--color-indigo-800)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-red-800:hover{color:var(--color-red-800)}.hover\:text-yellow-500:hover{color:var(--color-yellow-500)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:ring-1:focus{--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)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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)}.focus\:ring-indigo-400:focus{--tw-ring-color:var(--color-indigo-400)}.focus\:ring-indigo-500:focus{--tw-ring-color:var(--color-indigo-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:opacity-50:disabled{opacity:.5}}:root{--font-sans:"Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-display:"Instrument Serif", "Geist", serif;--bg:oklch(98.5% .004 80);--bg-2:oklch(97% .005 80);--bg-3:oklch(94% .006 80);--surface:oklch(100% 0 0);--ink:oklch(20% .015 270);--ink-2:oklch(42% .012 270);--ink-3:oklch(60% .012 270);--ink-4:oklch(75% .01 270);--line:oklch(91% .006 270);--line-2:oklch(94% .005 270);--accent:oklch(56% .19 275);--accent-2:oklch(48% .2 275);--accent-3:oklch(96% .025 275);--accent-4:oklch(88% .06 275);--good:oklch(62% .13 155);--warn:oklch(70% .14 70);--warn-bg:oklch(97% .04 80);--danger:oklch(58% .2 25);--r-xs:5px;--r-sm:7px;--r-md:10px;--r-lg:14px;--r-xl:20px;--d:1;--pad-card:calc(16px * var(--d));--pad-row:calc(10px * var(--d));--shadow-1:0 1px 0 #14122308, 0 1px 2px #1412230a;--shadow-2:0 1px 0 #1412230a, 0 6px 14px -6px #1412231a;--shadow-3:0 1px 0 #1412230a, 0 20px 50px -10px #1412232e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:oklch(16% .012 270);--bg-2:oklch(19% .013 270);--bg-3:oklch(24% .014 270);--surface:oklch(21% .013 270);--ink:oklch(97% .005 270);--ink-2:oklch(78% .008 270);--ink-3:oklch(62% .01 270);--ink-4:oklch(48% .01 270);--line:oklch(30% .012 270);--line-2:oklch(26% .012 270);--warn-bg:oklch(30% .06 70);--shadow-1:0 1px 0 #0000004d, 0 1px 2px #0006;--shadow-2:0 1px 0 #0000004d, 0 8px 18px -8px #0009;--shadow-3:0 1px 0 #0000004d, 0 24px 60px -12px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-accent=indigo]{--accent:oklch(56% .19 275);--accent-2:oklch(48% .2 275);--accent-3:oklch(96% .025 275);--accent-4:oklch(88% .06 275)}[data-accent=rose]{--accent:oklch(62% .2 5);--accent-2:oklch(54% .21 5);--accent-3:oklch(96% .03 5);--accent-4:oklch(88% .07 5)}[data-accent=emerald]{--accent:oklch(58% .15 155);--accent-2:oklch(50% .16 155);--accent-3:oklch(96% .03 155);--accent-4:oklch(88% .08 155)}[data-accent=amber]{--accent:oklch(66% .16 75);--accent-2:oklch(58% .17 75);--accent-3:oklch(96% .04 75);--accent-4:oklch(88% .1 75)}[data-accent=slate]{--accent:oklch(40% .02 270);--accent-2:oklch(30% .02 270);--accent-3:oklch(94% .008 270);--accent-4:oklch(82% .012 270)}[data-theme=dark][data-accent=indigo]{--accent:oklch(72% .17 275);--accent-2:oklch(78% .16 275);--accent-3:oklch(28% .06 275);--accent-4:oklch(38% .1 275)}[data-theme=dark][data-accent=rose]{--accent:oklch(74% .18 5);--accent-2:oklch(80% .16 5);--accent-3:oklch(28% .08 5);--accent-4:oklch(40% .12 5)}[data-theme=dark][data-accent=emerald]{--accent:oklch(72% .14 155);--accent-2:oklch(80% .13 155);--accent-3:oklch(28% .06 155);--accent-4:oklch(40% .1 155)}[data-theme=dark][data-accent=amber]{--accent:oklch(78% .15 75);--accent-2:oklch(84% .13 75);--accent-3:oklch(30% .06 75);--accent-4:oklch(42% .1 75)}[data-theme=dark][data-accent=slate]{--accent:oklch(72% .02 270);--accent-2:oklch(82% .02 270);--accent-3:oklch(28% .01 270);--accent-4:oklch(40% .012 270)}[data-density=compact]{--d:.78}[data-density=comfortable]{--d:1.18}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-feature-settings:"ss01", "cv11";background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;letter-spacing:-.005em;min-height:100vh}button{cursor:pointer;color:inherit;background:0 0;border:0;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{color:inherit;font-family:inherit}select option{background:var(--bg-2);color:var(--ink)}a{color:var(--accent);cursor:pointer;text-decoration:none}::selection{background:var(--accent-3);color:var(--ink)}::placeholder{color:var(--ink-4)}.kbd{font-family:var(--font-mono);border:1px solid var(--line);background:var(--bg-2);color:var(--ink-2);border-bottom-width:2px;border-radius:5px;padding:1px 5px 2px;font-size:11px;line-height:1}.btn{border-radius:var(--r-sm);background:var(--bg-3);color:var(--ink);white-space:nowrap;border:0;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .14s,transform 60ms,box-shadow .14s,border-color .14s;display:inline-flex}.btn:hover{background:oklch(from var(--bg-3) calc(l - .03) c h)}.btn:active{transform:translateY(.5px)}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-2)}.btn.ghost{background:0 0}.btn.ghost:hover{background:var(--bg-3)}.btn.subtle{color:var(--ink-2);background:0 0;padding:6px 8px}.btn.subtle:hover{background:var(--bg-3);color:var(--ink)}.btn.danger{color:var(--danger)}.btn.danger:hover{background:oklch(from var(--danger) .96 .03 h)}[data-theme=dark] .btn.danger:hover{background:oklch(from var(--danger) .3 .1 h)}.btn.icon{min-width:30px;padding:6px}.pill{letter-spacing:.01em;background:var(--bg-3);color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.pill.accent{background:var(--accent-3);color:var(--accent-2)}.pill.warn{background:var(--warn-bg);color:oklch(45% .14 70)}.pill.good{color:oklch(40% .13 155);background:oklch(95% .04 155)}[data-theme=dark] .pill.good{color:oklch(82% .12 155);background:oklch(28% .06 155)}[data-theme=dark] .pill.warn{color:oklch(85% .12 75);background:oklch(30% .06 70)}.divider{background:var(--line);border:0;height:1px;margin:0}.brand{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:9px;font-size:16px;font-weight:600;display:inline-flex}.brand .mark{justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.brand.lg{font-size:22px}.brand.lg .mark{width:26px;height:26px}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--ink-2);font-size:12px;font-weight:500}.field .hint{color:var(--ink-3);font-size:11px}.field .err{color:var(--danger);font-size:11px}.input{appearance:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);width:100%;color:var(--ink);outline:0;padding:10px 12px;font-size:14px;transition:border-color .14s,box-shadow .14s,background .14s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-3)}.input:hover:not(:focus){border-color:oklch(from var(--line) calc(l - .05) c h)}.input-row{align-items:center;gap:0;display:flex;position:relative}.input-row .input{padding-right:36px}.input-row .eye{width:26px;height:26px;color:var(--ink-3);border-radius:5px;justify-content:center;align-items:center;display:inline-flex;position:absolute;right:8px}.input-row .eye:hover{background:var(--bg-3);color:var(--ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:oklch(from var(--ink-4) l c h / .4);background-clip:content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:oklch(from var(--ink-3) l c h / .6);background-clip:content-box;border:3px solid #0000}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}button:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}.app{background:var(--bg);grid-template-columns:260px 1fr;height:100vh;display:grid}.sb{background:var(--bg-2);border-right:1px solid var(--line);flex-direction:column;padding:14px 10px;display:flex;position:relative;overflow:hidden}.sb-actions{gap:6px;padding:8px 4px 10px;display:flex}.sb-action{border-radius:var(--r-sm);color:var(--ink-2);background:var(--bg-3);justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:13px;font-weight:500;transition:background .12s,color .12s;display:inline-flex}.sb-action:hover{background:var(--bg-4,var(--bg-3));color:var(--ink)}.sb-action.primary{background:var(--accent);color:var(--accent-fg,white);flex:1}.sb-action.primary:hover{background:var(--accent-2,var(--accent));color:var(--accent-fg,white)}.sb-action.primary .ico,.sb-action.primary svg{color:currentColor}.nav-item.inbox .ico{color:var(--accent)}.template-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.template-card{border:1px solid var(--line);border-radius:var(--r-md,10px);background:var(--bg-2);text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;transition:border-color .15s,background .15s,transform .1s;display:flex}.template-card:hover{border-color:var(--accent);background:var(--bg-3)}.template-card:active{transform:scale(.99)}.template-card .ico-wrap{background:var(--accent-3);width:32px;height:32px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.template-card .nm{color:var(--ink);font-size:14px;font-weight:600}.template-card .desc{color:var(--ink-3);font-size:12px;line-height:1.35}.backlinks{border-top:1px solid var(--line);margin-top:56px;padding-top:20px}.backlinks .bl-head{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:600;display:flex}.backlinks .bl-head .bl-count{background:var(--bg-3);color:var(--ink-2);letter-spacing:0;border-radius:999px;margin-left:4px;padding:1px 7px;font-size:11px;font-weight:600}.backlinks .bl-empty{color:var(--ink-4);font-size:13px;font-style:italic}.backlinks .bl-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.backlinks .bl-item{border-radius:var(--r-sm);color:var(--ink);align-items:center;gap:10px;padding:8px 10px;text-decoration:none;transition:background .12s;display:flex}.backlinks .bl-item:hover{background:var(--bg-3)}.backlinks .bl-item .dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.backlinks .bl-item .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13.5px;overflow:hidden}.backlinks .bl-item .meta{color:var(--ink-3);flex-shrink:0;font-size:11px}.heatmap{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md,10px);margin:16px 0;padding:14px}.heatmap .hm-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.heatmap .hm-title{color:var(--ink-2);font-size:12.5px;font-weight:600}.heatmap .hm-total{color:var(--ink-3);font-size:11.5px}.heatmap .hm-scroll{overflow-x:auto}.heatmap .hm-months{color:var(--ink-3);grid-template-columns:18px repeat(53,11px);grid-auto-flow:column;gap:2px;min-height:14px;margin-bottom:4px;font-size:10px;display:grid}.heatmap .hm-month{grid-row:1}.heatmap .hm-body{gap:4px;display:flex}.heatmap .hm-days{flex-direction:column;gap:2px;padding-top:2px;display:flex}.heatmap .hm-day-label{height:11px;color:var(--ink-3);font-size:9px;line-height:11px}.heatmap .hm-grid{gap:2px;display:flex}.heatmap .hm-week{flex-direction:column;gap:2px;display:flex}.heatmap .hm-cell{background:var(--bg-3);border-radius:2px;width:11px;height:11px}.heatmap .hm-cell.empty{background:0 0}.heatmap .hm-cell.lvl-0{background:var(--bg-3)}.heatmap .hm-cell.lvl-1{background:oklch(from var(--accent) .85 .1 h)}.heatmap .hm-cell.lvl-2{background:oklch(from var(--accent) .72 .14 h)}.heatmap .hm-cell.lvl-3{background:oklch(from var(--accent) .6 .18 h)}.heatmap .hm-cell.lvl-4{background:var(--accent)}[data-theme=dark] .heatmap .hm-cell.lvl-1{background:oklch(from var(--accent) .28 .1 h)}[data-theme=dark] .heatmap .hm-cell.lvl-2{background:oklch(from var(--accent) .38 .14 h)}[data-theme=dark] .heatmap .hm-cell.lvl-3{background:oklch(from var(--accent) .5 .18 h)}.heatmap .hm-legend{color:var(--ink-3);justify-content:flex-end;align-items:center;gap:4px;margin-top:10px;font-size:10px;display:flex}.heatmap .hm-legend .hm-cell{width:10px;height:10px}.gami-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.gami-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md,10px);flex-direction:column;gap:6px;padding:12px;display:flex}.gami-card .lbl{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.gami-card .val{color:var(--ink);align-items:center;gap:6px;font-size:20px;font-weight:600;display:inline-flex}.gami-card .val .coin-ico{color:oklch(72% .18 75)}.gami-card .val.streak .flame{font-size:18px}.gami-card .xp-meta{color:var(--ink-3);font-size:11px}.gami-card .xp-bar{background:var(--bg-3);border-radius:999px;height:8px;overflow:hidden}.gami-card .xp-bar .xp-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .4s}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-bottom:16px;display:grid}.ach{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-sm);opacity:.45;text-align:left;flex-direction:column;gap:4px;padding:10px;display:flex}.ach.unlocked{opacity:1;border-color:var(--accent);background:var(--accent-3)}.ach .ico-wrap{background:var(--bg-3);width:28px;height:28px;color:var(--ink-3);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.ach.unlocked .ico-wrap{background:var(--accent);color:#fff}.ach .nm{color:var(--ink);font-size:12.5px;font-weight:600}.ach .desc{color:var(--ink-3);font-size:11px;line-height:1.3}.shop-cat{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin:0 0 8px;font-size:11px;font-weight:600}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.shop-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-sm);flex-direction:column;align-items:center;gap:6px;padding:10px;display:flex}.shop-card.equipped{border-color:var(--accent)}.shop-card .nm{color:var(--ink);font-size:12px;font-weight:500}.shop-card .price{color:var(--ink-3);align-items:center;gap:3px;font-size:11px;display:inline-flex}.shop-card .border-preview{background:var(--bg-3);border-radius:50%;width:36px;height:36px}.shop-card .title-preview{color:var(--accent);padding:8px 4px;font-size:13px;font-style:italic}.btn.tiny{padding:4px 10px;font-size:11.5px}.sb-scroll{flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.sb-section{padding:6px 4px}.sb-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);justify-content:space-between;align-items:center;padding:8px 8px 6px;font-size:10.5px;font-weight:600;display:flex}.sb-label .add-btn{width:18px;height:18px;color:var(--ink-3);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.sb-label .add-btn:hover{background:var(--bg-3);color:var(--ink)}.nav-item{border-radius:var(--r-sm);color:var(--ink-2);text-align:left;align-items:center;gap:10px;width:100%;padding:7px 10px;font-size:13.5px;font-weight:450;transition:background .12s,color .12s;display:flex;position:relative}.nav-item:hover{background:var(--bg-3);color:var(--ink)}.nav-item .ico{width:16px;height:16px;color:var(--ink-3);flex-shrink:0}.nav-item.active{background:var(--accent-3);color:var(--accent-2);font-weight:500}.nav-item.active .ico{color:var(--accent)}.nav-item .count{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.nav-item .dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.nav-item .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sb-folder-row{align-items:center;display:flex;position:relative}.sb-folder-row .nav-item{padding-right:36px}.sb-folder-row .row-actions{gap:2px;display:none;position:absolute;right:4px}.sb-folder-row:hover .row-actions{display:inline-flex}.sb-folder-row .row-actions>button{width:22px;height:22px;color:var(--ink-3);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.sb-folder-row .row-actions>button:hover{background:var(--bg-3);color:var(--ink)}.sb-folder-row.editing{padding-left:28px}.sb-folder-row .rename-input{background:var(--surface);border:1px solid var(--accent);border-radius:var(--r-xs);box-shadow:0 0 0 3px var(--accent-3);outline:none;flex:1;padding:4px 8px;font-size:13.5px}.ws-pill{border-radius:var(--r-md);cursor:pointer;background:var(--surface);border:1px solid var(--line);text-align:left;align-items:center;gap:10px;width:100%;margin-bottom:4px;padding:8px 8px 8px 10px;transition:background .12s,border-color .12s;display:flex}.ws-pill:hover{border-color:var(--accent-4)}.ws-mark{color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:600;display:inline-flex}.ws-mark.md{border-radius:9px;width:36px;height:36px;font-size:14px}.ws-mark.lg{border-radius:11px;width:44px;height:44px;font-size:16px}.ws-pill .ws-name{font-size:13.5px;font-weight:600;line-height:1.2}.ws-pill .ws-meta{color:var(--ink-3);margin-top:2px;font-size:11px}.ws-pill .ws-grow{flex:1;min-width:0}.ws-pill .chev{color:var(--ink-3);flex-shrink:0}.sb-user{border-radius:var(--r-md);border-top:1px solid var(--line);text-align:left;cursor:pointer;align-items:center;gap:10px;width:100%;padding:12px 8px 8px;transition:background .12s;display:flex}.sb-user:hover{background:var(--bg-3)}.sb-user .avatar{background:linear-gradient(135deg, var(--accent), oklch(62% .2 320));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:inline-flex}.sb-user .info{flex:1;min-width:0}.sb-user .info .nm{color:var(--ink);font-size:13px;font-weight:500}.sb-user .info .em{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sb-user .settings-ico{color:var(--ink-3);flex-shrink:0}.sb-user:hover .settings-ico{color:var(--ink)}.main{flex-direction:column;min-width:0;height:100vh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:oklch(from var(--bg) l c h / .85);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;flex-shrink:0;align-items:center;gap:12px;height:52px;padding:0 24px;display:flex;position:relative}.topbar .crumbs{color:var(--ink-2);align-items:center;gap:6px;min-width:0;font-size:13px;display:flex}.topbar .crumbs .sep{color:var(--ink-4)}.topbar .crumbs .here{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.topbar .grow{flex:1}.topbar .search-trigger{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-sm);width:280px;color:var(--ink-3);align-items:center;gap:10px;padding:6px 10px;font-size:13px;transition:background .14s;display:flex}.topbar .search-trigger:hover{background:var(--bg-3)}.topbar .search-trigger .label{text-align:left;flex:1}.content{flex:1;padding:32px 48px;overflow-y:auto}.content-narrow{max-width:1100px;margin:0 auto}.page-h{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-h .title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:38px;font-weight:400;line-height:1.05}.page-h .sub{color:var(--ink-3);margin-top:6px;font-size:13px}.page-h .actions{align-items:center;gap:8px;display:flex}.filterbar{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;display:flex}.filterbar .chip{color:var(--ink-2);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.filterbar .chip:hover{background:var(--bg-3);color:var(--ink)}.filterbar .chip.active{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:var(--shadow-1)}.filterbar .grow{flex:1}.filterbar .view-toggle{border-radius:var(--r-sm);background:var(--bg-3);padding:2px;display:inline-flex}.filterbar .view-toggle button{color:var(--ink-3);border-radius:5px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;display:inline-flex}.filterbar .view-toggle button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.padgrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.padcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--pad-card);cursor:pointer;text-align:left;flex-direction:column;gap:10px;min-height:150px;transition:border-color .14s,box-shadow .14s,transform .14s;display:flex;position:relative}.padcard:hover{border-color:var(--accent-4);box-shadow:var(--shadow-2);transform:translateY(-1px)}.padcard .pc-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.padcard .pc-folder{color:var(--ink-3);align-items:center;gap:5px;font-size:11px;display:inline-flex}.padcard .pc-folder .swatch{border-radius:2px;width:8px;height:8px}.padcard .pc-fav{color:var(--warn);background:0 0;margin-left:auto;padding:2px;display:inline-flex}.padcard h3{letter-spacing:-.01em;-webkit-line-clamp:2;color:var(--ink);-webkit-box-orient:vertical;margin:0;font-size:15px;font-weight:600;display:-webkit-box;overflow:hidden}.padcard .pc-preview{color:var(--ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:12.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.padcard .pc-foot{color:var(--ink-3);align-items:center;gap:10px;margin-top:auto;font-size:11.5px;display:flex}.padcard .pc-foot .dot{background:var(--ink-4);border-radius:50%;width:3px;height:3px}.padlist{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.padlist .row{padding:calc(10px * var(--d)) 16px;border-bottom:1px solid var(--line-2);cursor:pointer;color:var(--ink);grid-template-columns:minmax(0,1fr) 180px 140px 90px;align-items:center;gap:16px;font-size:13px;transition:background .1s;display:grid}.padlist .row:last-child{border-bottom:0}.padlist .row:hover:not(.hd){background:var(--bg-2)}.padlist .row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:0}.padlist .row.hd{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);cursor:default;background:var(--bg-2);padding:10px 16px;font-size:11px;font-weight:600}.padlist .row .cell{text-align:left;align-items:center;min-width:0;display:flex}.padlist .row .cell.meta{color:var(--ink-3);font-size:12px}.padlist .row .nm{gap:8px;font-weight:500;overflow:hidden}.padlist .row .nm .pre{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:400;overflow:hidden}.padlist .row .tag{color:var(--ink-2);align-items:center;gap:6px;min-width:0;max-width:100%;font-size:12px;display:inline-flex}.padlist .row .tag .swatch{border-radius:2px;flex-shrink:0;width:8px;height:8px}.padlist .row .meta{color:var(--ink-3);font-size:12px}.empty{text-align:center;color:var(--ink-3);padding:80px 20px}.empty .ill{background:var(--accent-3);width:96px;height:96px;color:var(--accent);border-radius:24px;justify-content:center;align-items:center;margin:0 auto 18px;display:flex}.empty h3{color:var(--ink);margin:0 0 6px;font-size:18px;font-weight:600}.empty p{margin:0 0 18px;font-size:13px}.modal-back{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:oklch(18% .01 270/.4);place-items:center;padding:24px;animation:.14s ease-out fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:min(560px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow-3);flex-direction:column;animation:.18s ease-out pop;display:flex}.modal.lg{width:min(720px,100%)}.modal .m-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 14px;display:flex}.modal .m-head h2{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:18px;font-weight:600}.modal .m-head p{color:var(--ink-3);margin:3px 0 0;font-size:13px}.modal .m-head .close{border-radius:var(--r-sm);width:30px;height:30px;color:var(--ink-3);justify-content:center;align-items:center;display:inline-flex}.modal .m-head .close:hover{background:var(--bg-3);color:var(--ink)}.modal .m-body{padding:4px 20px 20px;overflow-y:auto}.modal .m-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.auth{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth .col-form{background:var(--bg);flex-direction:column;padding:48px 56px;display:flex;overflow-y:auto}.auth .col-form .brand{margin-bottom:auto}.auth .form-stage{width:100%;max-width:380px;margin:auto}.auth .form-stage.wide{max-width:520px}.auth .form-stage h1{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin:0 0 6px;font-size:42px;font-weight:400;line-height:1.05}.auth .form-stage .lead{color:var(--ink-2);margin:0 0 28px;font-size:14px}.auth .form-stage .form{flex-direction:column;gap:14px;display:flex}.auth .form-stage .row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.auth .form-stage .alt{text-align:center;color:var(--ink-3);margin-top:18px;font-size:13px}.auth .form-stage .forgot{color:var(--accent);align-self:flex-end;font-size:12px}.auth .col-art{color:oklch(20% .02 320);background:linear-gradient(155deg,oklch(96% .05 295),oklch(92% .08 320) 50%,oklch(88% .1 5));flex-direction:column;justify-content:flex-end;padding:48px;display:flex;position:relative;overflow:hidden}[data-theme=dark] .auth .col-art{color:oklch(98% .01 320);background:linear-gradient(155deg,oklch(30% .1 285),oklch(26% .12 320) 50%,oklch(30% .14 5))}.auth .col-art .quote{font-family:var(--font-display);letter-spacing:-.01em;z-index:1;max-width:480px;font-size:32px;line-height:1.2;position:relative}.auth .col-art .quote-meta{color:oklch(from currentColor l c h / .7);font-size:13px;font-family:var(--font-sans);margin-top:14px}.auth .col-art .floaty{filter:blur(10px);background:radial-gradient(circle at 30% 30%,oklch(78% .2 5/.6),#0000 60%);border-radius:50%;width:480px;height:480px;position:absolute;top:-40px;right:-40px}.auth .col-art .floaty.b{background:radial-gradient(circle,oklch(65% .2 290/.5),#0000 60%);width:380px;height:380px;inset:auto auto -120px -100px}.auth .err-msg{color:var(--danger);margin-top:-4px;font-size:13px}@media (width<=880px){.auth{grid-template-columns:1fr}.auth .col-art{display:none}}.plan-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.plan{border:1px solid var(--line);border-radius:var(--r-md);text-align:left;background:var(--surface);cursor:pointer;flex-direction:column;gap:8px;padding:12px;transition:border-color .14s,background .14s;display:flex;position:relative}.plan:hover{border-color:var(--accent-4)}.plan.selected{border-color:var(--accent);background:var(--accent-3);box-shadow:0 0 0 3px oklch(from var(--accent) l c h / .12)}.plan .nm{color:var(--ink);font-size:13px;font-weight:600}.plan .pr{letter-spacing:-.02em;color:var(--ink);font-size:18px;font-weight:600}.plan .pr small{color:var(--ink-3);font-size:11px;font-weight:400}.plan .ft{color:var(--ink-3);font-size:11px;line-height:1.4}.plan .badge{letter-spacing:.08em;background:var(--ink);color:var(--bg);border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;top:-7px;right:10px}.editor-shell{grid-template-columns:1fr 220px;min-width:0;height:100vh;display:grid}.editor-shell.no-outline{grid-template-columns:1fr}.editor-main{flex-direction:column;min-width:0;height:100vh;display:flex;overflow:hidden}.editor-top{border-bottom:1px solid var(--line);background:oklch(from var(--bg) l c h / .85);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-shrink:0;align-items:center;gap:12px;height:52px;padding:0 24px;display:flex}.editor-top .crumbs{color:var(--ink-2);align-items:center;gap:6px;min-width:0;font-size:13px;display:flex}.editor-top .crumbs .sep{color:var(--ink-4)}.editor-top .crumbs .here{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:360px;font-weight:500;overflow:hidden}.editor-top .grow{flex:1}.editor-top .save-state{color:var(--ink-3);align-items:center;gap:6px;font-size:12px;display:inline-flex}.editor-top .save-state .dot{background:var(--good);border-radius:50%;width:6px;height:6px}.editor-top .save-state .dot.saving,.editor-top .save-state .dot.unsaved{background:var(--warn)}.editor-top .save-state.unsaved{color:var(--warn)}.editor-body{flex:1;padding:0 24px 80px;overflow-y:auto}.editor-canvas{max-width:720px;margin:56px auto 0}[data-editor-width=wide] .editor-canvas{max-width:none;margin:56px 0 0;padding:0 48px}.editor-canvas .padtitle{font-family:var(--font-display);letter-spacing:-.01em;width:100%;color:var(--ink);background:0 0;border:0;outline:none;margin:0 0 8px;font-size:44px;font-weight:400;line-height:1.05;display:block}.editor-canvas .padtitle::placeholder{color:var(--ink-4)}.editor-canvas .pad-meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:28px;font-size:12px;display:flex}.editor-canvas .pad-meta button{color:var(--ink-2);background:0 0;border-radius:5px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;display:inline-flex}.editor-canvas .pad-meta button:hover{background:var(--bg-3);color:var(--ink)}.editor-canvas .pad-meta button.on{color:var(--accent)}.editor-canvas .pad-meta button.fav.on{color:var(--warn)}.editor-canvas .pad-meta .swatch{border-radius:2px;width:8px;height:8px}.editor-canvas .pad-meta .right{color:var(--ink-4);align-items:center;gap:6px;margin-left:auto;font-size:11px;display:inline-flex}.prose{color:var(--ink);font-size:16px;line-height:1.65}.prose h1{font-family:var(--font-display);margin:24px 0 8px;font-size:34px;font-weight:400;line-height:1.1}.prose h2{letter-spacing:-.01em;color:var(--ink);margin:32px 0 8px;font-size:26px;font-weight:600}.prose h3{color:var(--ink);margin:28px 0 6px;font-size:20px;font-weight:600}.prose p{margin:0 0 14px}.prose ul,.prose ol{margin:0 0 14px;padding-left:26px}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose ul ul{list-style-type:circle}.prose ul ul ul{list-style-type:square}.prose ul li,.prose ol li{margin-bottom:4px}.prose li::marker{color:var(--ink-3)}.prose blockquote{border-left:3px solid var(--accent);color:var(--ink-2);margin:14px 0;padding:4px 0 4px 16px;font-style:italic}.prose code:not(pre code){font-family:var(--font-mono);background:var(--accent-3);color:var(--accent-2);border-radius:4px;padding:1px 5px;font-size:.86em}.prose pre{font-family:var(--font-mono);color:oklch(92% .01 270);border-radius:var(--r-md);background:oklch(18% .01 270);margin:14px 0;padding:16px 18px;font-size:13px;position:relative;overflow-x:auto}.prose pre code{color:inherit;font-size:inherit;padding:0;background:0 0!important}.codeblock-wrap{border-radius:var(--r-md);background:oklch(18% .01 270);margin:14px 0;overflow:hidden}.codeblock-wrap>pre{border-radius:0!important;margin:0!important}.codeblock-bar{-webkit-user-select:none;user-select:none;background:oklch(22% .01 270);border-bottom:1px solid oklch(28% .01 270);justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.codeblock-lang{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:oklch(65% .02 270);font-size:11px}.codeblock-copy{color:oklch(78% .02 270);cursor:pointer;background:0 0;border:1px solid oklch(32% .01 270);border-radius:5px;align-items:center;gap:5px;padding:3px 9px;font-family:inherit;font-size:11.5px;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.codeblock-copy:hover{color:oklch(95% .01 270);background:oklch(28% .01 270);border-color:oklch(40% .01 270)}.codeblock-copy.copied{color:oklch(78% .16 145);border-color:oklch(45% .12 145)}.codeblock-copy svg{display:block}.pad-mention-wrap{display:inline}.pad-mention{background:var(--accent-3);color:var(--accent-2);vertical-align:baseline;cursor:pointer;border-radius:5px;align-items:center;gap:4px;margin:0 1px;padding:1px 7px 1px 5px;font-size:.92em;font-weight:500;line-height:1.4;text-decoration:none;transition:background .12s,color .12s;display:inline-flex}.pad-mention:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.pad-mention:hover{background:color-mix(in oklch, var(--accent) 22%, transparent)}}.pad-mention:hover{color:var(--accent);text-decoration:none}.pad-mention.is-edit{cursor:text}.pad-mention.is-edit:hover{background:var(--accent-3);color:var(--accent-2)}.pad-mention svg{opacity:.75;display:block}.pad-mention.locked,.pad-mention.missing{background:var(--bg-3);color:var(--ink-3);cursor:not-allowed}.pad-mention.locked:hover,.pad-mention.missing:hover{background:var(--bg-3);color:var(--ink-3)}.pad-mention.missing{text-decoration:line-through}.mention-dropdown{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-2);flex-direction:column;gap:1px;min-width:240px;max-width:320px;max-height:280px;padding:4px;display:flex;overflow-y:auto}.mention-item{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;width:100%;padding:6px 8px;font-size:13px;display:flex}.mention-item .ttl{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mention-item svg{color:var(--ink-3);flex-shrink:0}.mention-item.active,.mention-item:hover{background:var(--accent-3);color:var(--accent-2)}.mention-item.active svg,.mention-item:hover svg{color:var(--accent-2)}.mention-status{color:var(--ink-3);text-align:center;padding:10px 12px;font-size:12px}.tippy-box[data-theme~=mention]{box-shadow:none;background:0 0}.tippy-box[data-theme~=mention] .tippy-content{padding:0}.prose a{color:var(--accent);text-decoration:underline}.prose a.pad-mention{color:var(--accent-2);text-decoration:none}.prose a.pad-mention:hover{text-decoration:none}.prose a.pad-mention.locked,.prose a.pad-mention.missing{color:var(--ink-3)}.prose img{border-radius:var(--r-md);max-width:100%}.prose table{border-collapse:collapse;width:100%;margin:14px 0}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:8px 10px;font-size:14px}.prose th{background:var(--bg-2);font-weight:600}.prose hr{background:var(--line);border:0;height:1px;margin:28px 0}.prose ul[data-type=taskList]{margin:0 0 14px;padding-left:0;list-style:none}.prose ul[data-type=taskList] li{align-items:flex-start;gap:10px;margin-bottom:6px;display:flex}.prose ul[data-type=taskList] li>label{-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;margin-top:6px;display:inline-flex}.prose ul[data-type=taskList] li>label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;margin:0}.prose ul[data-type=taskList] li>div{flex:1;min-width:0}.prose ul[data-type=taskList] li>div>p{margin:0}.prose ul[data-type=taskList] li[data-checked=true]>div{color:var(--ink-3);text-decoration:line-through}.prose ul[data-type=taskList] ul[data-type=taskList]{margin-top:6px;padding-left:22px}.prose mark{color:inherit;background:oklch(90.5243% .165683 98.1109/.6);border-radius:3px;padding:0 2px}.prose mark.hl-yellow{background:oklch(90.5243% .165683 98.1109/.6)}.prose mark.hl-green{background:oklch(87.1163% .136267 154.449/.55)}.prose mark.hl-pink{background:oklch(82.284% .109505 346.018/.55)}.prose mark.hl-blue{background:oklch(80.9069% .0955984 251.813/.55)}.prose .callout{border-radius:var(--r-md);border:1px solid var(--callout-border,var(--line));border-left:3px solid var(--callout-accent,var(--accent));background:var(--callout-bg,var(--bg-2));gap:12px;margin:14px 0;padding:12px 14px;display:flex}.prose .callout .callout-icon-wrap{flex-shrink:0;align-items:flex-start;padding-top:2px;display:flex;position:relative}.prose .callout .callout-icon{border-radius:var(--r-xs);width:26px;height:26px;color:var(--callout-accent,var(--accent));cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:background .1s;display:inline-flex}.prose .callout .callout-icon:hover{background:var(--callout-accent,var(--accent))}@supports (color:color-mix(in lab, red, red)){.prose .callout .callout-icon:hover{background:color-mix(in oklch, var(--callout-accent,var(--accent)) 18%, transparent)}}.prose .callout .callout-icon.read-only{cursor:default}.prose .callout .callout-icon.read-only:hover{background:0 0}.prose .callout .callout-menu{z-index:20;min-width:160px;position:absolute;top:calc(100% + 4px);left:0}.prose .callout .callout-content{flex:1;min-width:0}.prose .callout .callout-content>:first-child{margin-top:0}.prose .callout .callout-content>:last-child{margin-bottom:0}.prose .callout-info{--callout-accent:oklch(62% .18 250);--callout-bg:oklch(62% .18 250)}@supports (color:color-mix(in lab, red, red)){.prose .callout-info{--callout-bg:color-mix(in oklch, oklch(62% .18 250) 8%, var(--bg-2))}}.prose .callout-info{--callout-border:oklch(62% .18 250)}@supports (color:color-mix(in lab, red, red)){.prose .callout-info{--callout-border:color-mix(in oklch, oklch(62% .18 250) 22%, var(--line))}}.prose .callout-tip{--callout-accent:oklch(62% .16 155);--callout-bg:oklch(62% .16 155)}@supports (color:color-mix(in lab, red, red)){.prose .callout-tip{--callout-bg:color-mix(in oklch, oklch(62% .16 155) 8%, var(--bg-2))}}.prose .callout-tip{--callout-border:oklch(62% .16 155)}@supports (color:color-mix(in lab, red, red)){.prose .callout-tip{--callout-border:color-mix(in oklch, oklch(62% .16 155) 22%, var(--line))}}.prose .callout-warning{--callout-accent:oklch(68% .16 75);--callout-bg:oklch(68% .16 75)}@supports (color:color-mix(in lab, red, red)){.prose .callout-warning{--callout-bg:color-mix(in oklch, oklch(68% .16 75) 10%, var(--bg-2))}}.prose .callout-warning{--callout-border:oklch(68% .16 75)}@supports (color:color-mix(in lab, red, red)){.prose .callout-warning{--callout-border:color-mix(in oklch, oklch(68% .16 75) 24%, var(--line))}}.prose .callout-danger{--callout-accent:oklch(62% .2 25);--callout-bg:oklch(62% .2 25)}@supports (color:color-mix(in lab, red, red)){.prose .callout-danger{--callout-bg:color-mix(in oklch, oklch(62% .2 25) 9%, var(--bg-2))}}.prose .callout-danger{--callout-border:oklch(62% .2 25)}@supports (color:color-mix(in lab, red, red)){.prose .callout-danger{--callout-border:color-mix(in oklch, oklch(62% .2 25) 22%, var(--line))}}.prose .toggle{border-radius:var(--r-md);grid-template-columns:28px 1fr;align-items:start;margin:14px 0;display:grid}.prose .toggle .toggle-chev{border-radius:var(--r-xs);width:24px;height:24px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin-top:1px;transition:transform .12s,background .1s;display:inline-flex}.prose .toggle .toggle-chev:hover{background:var(--bg-3);color:var(--ink)}.prose .toggle.is-open .toggle-chev{transform:rotate(90deg)}.prose .toggle .toggle-inner{min-width:0}.prose .toggle .toggle-inner>[data-type=toggleSummary]{color:var(--ink);outline:none;padding:2px 0;font-weight:500}.prose .toggle .toggle-inner>[data-type=toggleSummary]:empty:before{content:"Título do toggle";color:var(--ink-4);pointer-events:none}.prose .toggle .toggle-inner>[data-type=toggleContent]{border-left:1px solid var(--line);margin-top:4px;margin-left:-2px;padding-top:6px;padding-left:12px;display:none}.prose .toggle.is-open .toggle-inner>[data-type=toggleContent]{display:block}.prose .toggle .toggle-inner>[data-type=toggleContent]>:first-child{margin-top:0}.prose .toggle .toggle-inner>[data-type=toggleContent]>:last-child{margin-bottom:0}.hl-swatch{border:1px solid var(--line);cursor:pointer;border-radius:50%;width:24px;height:24px;padding:0;transition:transform .1s,box-shadow .1s}.hl-swatch:hover{box-shadow:0 0 0 2px var(--accent);transform:scale(1.1)}@supports (color:color-mix(in lab, red, red)){.hl-swatch:hover{box-shadow:0 0 0 2px color-mix(in oklch, var(--accent) 25%, transparent)}}.hl-swatch.hl-yellow{background:#fde047}.hl-swatch.hl-green{background:#86efac}.hl-swatch.hl-pink{background:#f9a8d4}.hl-swatch.hl-blue{background:#93c5fd}.tiptap{min-height:320px;caret-color:var(--accent);outline:none}.tiptap p.is-editor-empty:first-child:before{color:var(--ink-4);content:attr(data-placeholder);float:left;pointer-events:none;height:0}.tiptap .has-focus{background:var(--accent);position:relative}@supports (color:color-mix(in lab, red, red)){.tiptap .has-focus{background:color-mix(in oklch, var(--accent) 5%, transparent)}}.tiptap .has-focus{box-shadow:0 0 0 2px var(--accent);border-radius:4px}@supports (color:color-mix(in lab, red, red)){.tiptap .has-focus{box-shadow:0 0 0 2px color-mix(in oklch, var(--accent) 5%, transparent)}}.tiptap .has-focus{transition:background .12s}.tiptap li.has-focus{box-shadow:none;background:0 0}.tiptap li.has-focus>p{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.tiptap li.has-focus>p{background:color-mix(in oklch, var(--accent) 5%, transparent)}}.tiptap li.has-focus>p{box-shadow:0 0 0 2px var(--accent);border-radius:4px}@supports (color:color-mix(in lab, red, red)){.tiptap li.has-focus>p{box-shadow:0 0 0 2px color-mix(in oklch, var(--accent) 5%, transparent)}}.outline{border-left:1px solid var(--line);background:var(--bg-2);flex-direction:column;gap:10px;padding:20px 16px;display:flex;overflow-y:auto}.outline .o-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);padding:0 8px 6px;font-size:10.5px;font-weight:600}.outline .o-item{border-radius:var(--r-xs);color:var(--ink-2);text-align:left;cursor:pointer;align-items:center;gap:8px;width:100%;padding:5px 10px;font-size:12.5px;display:flex}.outline .o-item:hover{background:var(--bg-3);color:var(--ink)}.outline .o-item.depth-2{padding-left:22px;font-size:12px}.outline .o-item.depth-3{color:var(--ink-3);padding-left:32px;font-size:12px}.outline .o-item.active{color:var(--accent);font-weight:500}.outline .o-meta{color:var(--ink-3);padding:0 8px;font-size:11px;line-height:1.5}.outline .o-meta .row{justify-content:space-between;padding:2px 0;display:flex}.outline .o-meta .row b{color:var(--ink-2);font-weight:500}.outline .o-shortcut{color:var(--ink-2);justify-content:space-between;align-items:center;padding:4px 8px;font-size:12px;display:flex}.cp-back{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:oklch(18% .01 270/.35);justify-content:center;align-items:flex-start;padding-top:12vh;animation:.14s ease-out fade;display:flex;position:fixed;inset:0}.cp{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:min(560px,100%);box-shadow:var(--shadow-3);animation:.18s ease-out pop;overflow:hidden}.cp .cp-input{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 18px;display:flex}.cp .cp-input input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:15px}.cp .cp-results{max-height:380px;padding:6px;overflow-y:auto}.cp .cp-grp{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);padding:8px 12px 4px;font-size:10px;font-weight:600}.cp .cp-item{border-radius:var(--r-sm);text-align:left;width:100%;color:var(--ink);align-items:center;gap:12px;padding:8px 12px;font-size:13.5px;display:flex}.cp .cp-item:hover,.cp .cp-item.sel{background:var(--bg-3)}.cp .cp-item .ico{color:var(--ink-3);flex-shrink:0}.cp .cp-item .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.cp .cp-item .meta{color:var(--ink-3);font-size:11px}.toast-stack{z-index:300;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.toast{color:oklch(95% 0 0);border-radius:var(--r-md);box-shadow:var(--shadow-3);background:oklch(18% .01 270);padding:10px 16px;font-size:13px;animation:.2s ease-out pop}.m-section{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin:16px 0 8px;font-size:10.5px;font-weight:600}.m-section:first-child{margin-top:0}.share-list{flex-direction:column;display:flex}.share-row{border-bottom:1px solid var(--line-2);align-items:center;gap:12px;padding:10px 4px;display:flex}.share-row:last-child{border-bottom:0}.share-row .avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:inline-flex}.share-row .avatar.lg{width:44px;height:44px;font-size:16px}.share-row .who{flex:1;min-width:0}.share-row .who .nm{color:var(--ink);font-size:13px;font-weight:500}.share-row .who .em{color:var(--ink-3);font-size:11.5px}.share-row .actions{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.invite-row{grid-template-columns:1fr 130px auto;align-items:center;gap:8px;display:grid}.tabs{border-bottom:1px solid var(--line);gap:4px;margin:4px -4px 16px;padding:0 4px;display:flex}.tabs .tab{color:var(--ink-3);background:0 0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;display:inline-flex;position:relative;bottom:-1px}.tabs .tab:hover{color:var(--ink)}.tabs .tab.active{color:var(--ink);border-bottom-color:var(--accent)}.tabs .tab .pill{padding:1px 6px;font-size:10.5px}.role-cards{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.role-card{border:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;flex:1;gap:4px;padding:10px 12px;transition:border-color .14s,background .14s;display:flex}.role-card:hover{border-color:var(--accent-4)}.role-card.selected{border-color:var(--accent);background:var(--accent-3)}.role-card .nm{color:var(--ink);font-size:13px;font-weight:600}.role-card .ds{color:var(--ink-3);font-size:11.5px;line-height:1.4}.link-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);align-items:center;gap:12px;padding:14px;display:flex}.link-card .ico-box{background:var(--bg-3);width:36px;height:36px;color:var(--ink-3);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.link-card.on .ico-box{background:var(--accent-3);color:var(--accent)}.link-card .info{flex:1;min-width:0}.link-card .info .nm{color:var(--ink);font-size:13px;font-weight:500}.link-card .info .ds{color:var(--ink-3);margin-top:2px;font-size:11.5px}.switch{background:var(--bg-3);cursor:pointer;border-radius:999px;flex-shrink:0;width:38px;height:22px;transition:background .16s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.switch.on{background:var(--accent)}.switch.on:after{left:19px}.public-link{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);align-items:center;gap:8px;margin-top:12px;padding:8px 10px;display:flex}.public-link .url{min-width:0;font-family:var(--font-mono);color:var(--ink-2);background:0 0;border:0;outline:none;flex:1;font-size:12px}.pref-row{border-bottom:1px solid var(--line-2);grid-template-columns:140px 1fr;align-items:center;gap:14px;padding:10px 0;display:grid}.pref-row:last-child{border-bottom:0}.pref-row>.lbl{color:var(--ink-2);font-size:13px}.segmented{border-radius:var(--r-sm);background:var(--bg-3);width:fit-content;padding:2px;display:inline-flex}.segmented button{color:var(--ink-3);border-radius:5px;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;display:inline-flex}.segmented button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.swatch-row{gap:8px;display:inline-flex}.swatch-row .sw{cursor:pointer;outline:1px solid var(--line);outline-offset:0;border-radius:6px;width:22px;height:22px;transition:outline-offset .14s;position:relative}.swatch-row .sw.active{outline:2px solid var(--ink);outline-offset:2px}.usage-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);grid-template-columns:1fr 1fr;gap:14px;padding:14px;display:grid}.usage-card .item .top{justify-content:space-between;margin-bottom:4px;font-size:11.5px;display:flex}.usage-card .item .top .nm{color:var(--ink-2);font-weight:500}.usage-card .item .top .vl{color:var(--ink-3);font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.usage-card .item .bar{background:var(--bg-3);border-radius:999px;height:4px;overflow:hidden}.usage-card .item .bar>div{background:var(--good);border-radius:999px;height:100%;transition:width .2s}.usage-card .item.warn .bar>div{background:var(--warn)}.usage-card .item.danger .bar>div{background:var(--danger)}.public-page{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.public-top{z-index:5;border-bottom:1px solid var(--line);background:oklch(from var(--bg) l c h / .85);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:16px;padding:12px 28px;display:flex;position:sticky;top:0}.public-top .brand-link{background:0 0;padding:0}.public-top .public-url{font-family:var(--font-mono);color:var(--ink-3);background:var(--bg-2);border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;max-width:360px;padding:4px 10px;font-size:12px;display:inline-flex;overflow:hidden}.public-top .grow{flex:1}.public-top .actions{gap:8px;display:inline-flex}.public-grid{grid-template-columns:minmax(0,1fr) 280px;gap:56px;width:100%;max-width:1180px;margin:0 auto;padding:48px 28px 80px;display:grid}.public-article{min-width:0;max-width:780px}.public-hero{margin-bottom:36px}.public-crumbs{color:var(--ink-2);align-items:center;gap:8px;margin-bottom:18px;font-size:12px;display:flex}.public-crumbs .crumb{align-items:center;gap:6px;display:inline-flex}.public-crumbs .crumb .swatch{border-radius:2px;width:8px;height:8px}.public-title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);margin:0 0 28px;font-size:56px;font-weight:400;line-height:1.04}.public-byline{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:14px 0;display:flex}.public-byline .who{flex:1;min-width:0}.public-byline .who .nm{color:var(--ink);font-size:14px;font-weight:500}.public-byline .who .meta{color:var(--ink-3);margin-top:2px;font-size:12px;line-height:1.55}.public-byline .right{color:var(--ink-3);align-items:center;gap:6px;font-size:12px;display:inline-flex}.public-prose{padding-top:32px}.public-prose h1,.public-prose h2,.public-prose h3,.public-prose h4,.public-prose h5,.public-prose h6{scroll-margin-top:80px}@keyframes heading-flash{0%{background-color:#0000;box-shadow:0 0 #0000}15%{background-color:color-mix(in oklab, var(--accent) 30%, transparent);box-shadow:0 0 0 8px color-mix(in oklab, var(--accent) 30%, transparent)}to{background-color:#0000;box-shadow:0 0 0 8px #0000}}.public-prose .heading-flash{border-radius:4px;animation:1.8s ease-out heading-flash}.public-cta{background:linear-gradient(135deg, var(--accent-3), oklch(from var(--accent-3) calc(l - .02) c calc(h + 30)));border:1px solid var(--accent-4);border-radius:var(--r-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:56px;padding:24px;display:flex}.public-cta .head h3{color:var(--ink);margin:0 0 4px;font-size:16px;font-weight:600}.public-cta .head p{color:var(--ink-3);margin:0;font-size:13px}.public-cta .acts{gap:8px;display:inline-flex}.public-foot{border-top:1px solid var(--line);color:var(--ink-3);align-items:center;gap:12px;margin-top:48px;padding-top:24px;font-size:12px;display:flex}.public-aside-inner{flex-direction:column;gap:4px;padding:4px 0;display:flex;position:sticky;top:90px}.public-aside .o-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);padding:8px 8px 6px;font-size:10.5px;font-weight:600}.public-aside .o-item{border-radius:var(--r-xs);color:var(--ink-2);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:5px 10px;font-size:12.5px;display:flex}.public-aside .o-item:hover{background:var(--bg-3);color:var(--ink)}.public-aside .o-item.depth-2{padding-left:22px;font-size:12px}.public-aside .o-item.depth-3{color:var(--ink-3);padding-left:32px;font-size:12px}.public-aside .o-meta{color:var(--ink-3);padding:4px 8px 0;font-size:12px;line-height:1.5}.public-aside .o-meta .row{justify-content:space-between;align-items:baseline;gap:16px;padding:6px 0;display:flex}.public-aside .o-meta .row b{color:var(--ink-2);font-weight:500}@media (width<=900px){.public-grid{grid-template-columns:1fr;gap:0;padding:32px 20px 64px}.public-aside{display:none}.public-title{font-size:42px}}.menu{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow-3);flex-direction:column;min-width:160px;padding:4px;display:flex}.menu .menu-item{border-radius:var(--r-xs);color:var(--ink-2);text-align:left;white-space:nowrap;background:0 0;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:13px;transition:background .12s,color .12s;display:flex}.menu .menu-item:hover{background:var(--bg-3);color:var(--ink)}.menu .menu-item.danger{color:var(--danger)}.menu .menu-item.danger:hover{background:oklch(from var(--danger) .96 .04 h);color:var(--danger)}[data-theme=dark] .menu .menu-item.danger:hover{background:oklch(from var(--danger) .3 .1 h)}.menu .menu-item .ico{color:currentColor;opacity:.85;flex-shrink:0}.menu .menu-item .color-ico{border:1px solid var(--line);opacity:1;border-radius:50%;width:14px;height:14px}.menu .color-grid{grid-template-columns:repeat(6,1fr);gap:4px;padding:6px 8px;display:grid}.menu .color-grid .swatch{border:1px solid var(--line);cursor:pointer;width:18px;height:18px;color:var(--ink-3);border-radius:50%;justify-content:center;align-items:center;transition:transform .1s;display:flex}.menu .color-grid .swatch:hover{transform:scale(1.15)}.menu .color-grid .swatch.reset{background:0 0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex-grow{flex:1}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mobile-topbar,.bottom-nav,.fab,.editor-sticky-bar{display:none}.drawer-back{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:oklch(18% .01 270/.45);display:flex;position:fixed;inset:0}.drawer-panel{background:var(--bg-2);width:min(86vw,320px);height:100%;box-shadow:var(--shadow-3);flex-direction:column;display:flex;position:relative;overflow:hidden}.drawer-left{border-right:1px solid var(--line);margin-right:auto}.drawer-right{border-left:1px solid var(--line);margin-left:auto}.drawer-panel>.sb{border-right:0;flex:1;min-height:0}.drawer-fade-enter-active,.drawer-fade-leave-active{transition:opacity .18s ease-out}.drawer-fade-enter-from,.drawer-fade-leave-to{opacity:0}.drawer-slide-left-enter-active,.drawer-slide-left-leave-active,.drawer-slide-right-enter-active,.drawer-slide-right-leave-active{transition:transform .22s cubic-bezier(.2,.8,.3,1)}.drawer-slide-left-enter-from,.drawer-slide-left-leave-to{transform:translate(-110%)}.drawer-slide-right-enter-from,.drawer-slide-right-leave-to{transform:translate(110%)}@media (width<=768px){.app,.editor-shell{height:100dvh;grid-template-columns:1fr!important}.editor-shell.no-outline{grid-template-columns:1fr!important}.app>.sb,.editor-shell>.outline{display:none}.main,.editor-main{height:100dvh;padding-bottom:62px}.topbar{display:none}.content{padding:16px}.content-narrow{max-width:100%}.page-h{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:18px}.page-h .title{font-size:28px}.page-h .actions{display:none}.filterbar{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px 16px;padding:0 16px;overflow:auto hidden}.filterbar::-webkit-scrollbar{display:none}.filterbar .chip{flex-shrink:0}.filterbar .grow{display:none}.filterbar .view-toggle{flex-shrink:0;margin-left:auto}.padgrid{grid-template-columns:1fr;gap:12px}.padcard{min-height:auto;padding:14px}.padlist .row{grid-template-columns:1fr auto;gap:8px;padding:10px 14px}.padlist .row.hd,.padlist .row .nm .pre,.padlist .row .cell.meta:nth-child(2),.padlist .row .cell:nth-child(4){display:none}.mobile-topbar{z-index:20;background:oklch(from var(--bg) l c h / .85);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:6px;height:52px;padding:0 8px;display:flex;position:sticky;top:0}.mobile-topbar .mt-icon-btn{border-radius:var(--r-sm);width:36px;height:36px;color:var(--ink-2);touch-action:manipulation;justify-content:center;align-items:center;display:inline-flex}.mobile-topbar .mt-icon-btn:active{background:var(--bg-3);color:var(--ink)}.mobile-topbar .mt-icon-btn.has-changes{color:var(--accent)}.mobile-topbar .mt-icon-btn.has-changes:after{content:"";background:var(--warn);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.mobile-topbar .mt-icon-btn{position:relative}.mobile-topbar .mt-icon-btn:disabled{opacity:.45;pointer-events:none}.mobile-topbar .mt-titles{flex-direction:column;flex:1;justify-content:center;min-width:0;padding:0 4px;line-height:1.1;display:flex}.mobile-topbar .mt-title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.mobile-topbar .mt-sub{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:400;overflow:hidden}.mobile-topbar .mt-right{flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.bottom-nav{background:oklch(from var(--bg) l c h / .85);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:70;height:62px;padding-bottom:env(safe-area-inset-bottom,0);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav .bn-item{color:var(--ink-3);touch-action:manipulation;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:500;transition:color .12s;display:flex}.bottom-nav .bn-item:active{opacity:.7}.bottom-nav .bn-item.active{color:var(--accent)}.bottom-nav .bn-label{font-size:10px;font-weight:500}.fab{background:var(--accent);color:#fff;width:56px;height:56px;right:16px;bottom:calc(78px + env(safe-area-inset-bottom,0));z-index:75;box-shadow:0 8px 24px -4px oklch(from var(--accent) l c h / .45), 0 2px 6px #00000026;touch-action:manipulation;border-radius:18px;justify-content:center;align-items:center;transition:transform .12s ease-out;display:inline-flex;position:fixed}.fab:active{transform:scale(.94)}.editor-sticky-bar{background:oklch(from var(--bg) l c h / .92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);scrollbar-width:none;z-index:65;align-items:center;gap:4px;height:50px;padding:0 8px;display:flex;position:fixed;bottom:62px;left:0;right:0;overflow:auto hidden}.editor-sticky-bar::-webkit-scrollbar{display:none}.editor-sticky-bar .esb-btn,.editor-sticky-bar .esb-undo{width:38px;height:38px;color:var(--ink-2);touch-action:manipulation;background:0 0;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:background .12s,transform 60ms;display:inline-flex}.editor-sticky-bar .esb-btn:active,.editor-sticky-bar .esb-undo:active{background:var(--bg-3);transform:scale(.95)}.editor-sticky-bar .esb-btn.active{background:var(--accent-3);color:var(--accent-2)}.editor-sticky-bar .esb-sep{background:var(--line);flex-shrink:0;width:1px;height:22px;margin:0 4px}.editor-main>.editor-top{display:none}.editor-body{overscroll-behavior:contain;padding:0 16px 120px}.editor-canvas{margin-top:28px}.editor-canvas .padtitle{font-size:30px}.prose{font-size:15px}.prose h2{margin-top:24px;font-size:22px}.prose h3{margin-top:20px;font-size:18px}.editor-main .tiptap-toolbar-desktop{display:none}.modal-back{align-items:flex-end;padding:0}.modal,.modal.lg{border-radius:18px 18px 0 0;max-height:92dvh;animation:.22s cubic-bezier(.2,.8,.3,1) sheet-up;position:relative;width:100%!important;max-width:100%!important}.modal:before{content:"";background:var(--line);border-radius:999px;width:36px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.modal .m-head{padding-top:24px}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.auth{grid-template-columns:1fr}.auth .col-art{display:none}.auth .col-form{padding:32px 24px}.auth .form-stage h1{font-size:32px}.auth .form-stage .row2,.plan-grid{grid-template-columns:1fr}.public-top{gap:8px;padding:10px 14px}.public-top .public-url{display:none}.public-top .actions .btn{padding:6px 10px;font-size:12px}.public-grid{grid-template-columns:1fr;gap:0;padding:28px 18px 56px}.public-aside{display:none}.public-title{font-size:34px}.public-cta{flex-direction:column;align-items:stretch;gap:14px}.public-cta .acts{grid-template-columns:1fr;gap:8px;display:grid}.public-cta .acts .btn{width:100%}.role-cards{grid-template-columns:1fr}.btn.icon{min-width:38px;min-height:38px}.toast-stack{bottom:calc(74px + env(safe-area-inset-bottom,0))}.editor-main~.toast-stack{bottom:calc(124px + env(safe-area-inset-bottom,0))}body:has(.editor-sticky-bar) .toast-stack{bottom:calc(124px + env(safe-area-inset-bottom,0))}}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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}