.markdown-content{overflow-wrap:anywhere}.markdown-content>:first-child{margin-top:0}.markdown-content>:last-child{margin-bottom:0}.markdown-content p{margin:.8em 0}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin:1.25em 0 .5em;font-weight:700;line-height:1.35;color:var(--app-text)}.markdown-content h1{font-size:1.75em}.markdown-content h2{font-size:1.5em}.markdown-content h3{font-size:1.25em}.markdown-content h4,.markdown-content h5,.markdown-content h6{font-size:1em}.markdown-content ul,.markdown-content ol{margin:.8em 0;padding-left:1.6em}.markdown-content ul{list-style:disc}.markdown-content ol{list-style:decimal}.markdown-content li{margin:.25em 0}.markdown-content li>ul,.markdown-content li>ol{margin:.25em 0}.markdown-content .contains-task-list{list-style:none;padding-left:.2em}.markdown-content .task-list-item input{margin-right:.5em;accent-color:var(--app-accent)}.markdown-content blockquote{margin:1em 0;border-left:3px solid var(--app-accent);padding:.1em 1em;color:var(--app-muted)}.markdown-content a{color:var(--app-accent);text-decoration:underline;text-underline-offset:3px}.markdown-content a:focus-visible{outline:2px solid var(--app-accent);outline-offset:3px}.markdown-content pre{max-width:100%;overflow-x:auto;margin:1em 0;padding:1em;border:1px solid var(--app-border);border-radius:8px;background:var(--app-bg);white-space:pre}.markdown-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.markdown-content :not(pre)>code{padding:.15em .35em;border-radius:4px;background:var(--app-surface-3)}.markdown-content pre code{overflow-wrap:normal}.markdown-content img{display:block;max-width:100%;height:auto;margin:1em 0;border-radius:6px}.markdown-content hr{margin:1.5em 0;border:0;border-top:1px solid var(--app-border)}.markdown-table-scroll{max-width:100%;overflow-x:auto;margin:1em 0}.markdown-content table{border-collapse:collapse;width:100%}.markdown-content th,.markdown-content td{border:1px solid var(--app-border);padding:.5em .75em;text-align:left}.markdown-content th{background:var(--app-surface-3);font-weight:650}@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--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-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-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;--tw-duration:initial;--tw-outline-style:solid}}}@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-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--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-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-green-100:oklch(96.2% .044 156.743);--color-green-800:oklch(44.8% .119 151.328);--color-slate-950:oklch(12.9% .042 264.695);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-2xl:42rem;--container-4xl:56rem;--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-base:1rem;--text-base--line-height: 1.5 ;--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);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-tight:1.25;--radius-md:.375rem;--radius-lg:.5rem;--animate-spin:spin 1s linear infinite;--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;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}:-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{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-top-2{top:calc(var(--spacing)*-2)}.top-1\/2{top:50%}.-right-2{right:calc(var(--spacing)*-2)}.left-3{left:calc(var(--spacing)*3)}.z-30{z-index:30}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-7{margin-top:calc(var(--spacing)*7)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-5\.5{height:calc(var(--spacing)*5.5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-20{height:calc(var(--spacing)*20)}.h-full{height:100%}.h-screen{height:100vh}.max-h-24{max-height:calc(var(--spacing)*24)}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-11{min-height:calc(var(--spacing)*11)}.min-h-48{min-height:calc(var(--spacing)*48)}.min-h-\[60vh\]{min-height:60vh}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-5\.5{width:calc(var(--spacing)*5.5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-20{width:calc(var(--spacing)*20)}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[260px\]{max-width:260px}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[760px\]{min-width:760px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-\[0\.99\]{scale:.99}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.resize-y{resize:vertical}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.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)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-app-border>:not(:last-child)){border-color:var(--app-border)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-app-accent{border-color:var(--app-accent)}.border-app-border{border-color:var(--app-border)}.border-red-300{border-color:var(--color-red-300)}.border-red-400{border-color:var(--color-red-400)}.bg-app-accent,.bg-app-accent\/10{background-color:var(--app-accent)}@supports (color:color-mix(in lab,red,red)){.bg-app-accent\/10{background-color:color-mix(in oklab,var(--app-accent)10%,transparent)}}.bg-app-bg{background-color:var(--app-bg)}.bg-app-surface{background-color:var(--app-surface)}.bg-app-surface2{background-color:var(--app-surface-2)}.bg-green-100{background-color:var(--color-green-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.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-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.pr-3{padding-right:calc(var(--spacing)*3)}.pb-\[calc\(2rem\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(2rem + env(safe-area-inset-bottom))}.pl-10{padding-left:calc(var(--spacing)*10)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--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))}.text-\[0\.85em\]{font-size:.85em}.leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.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)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-app-accent{color:var(--app-accent)}.text-app-danger{color:var(--app-danger)}.text-app-muted{color:var(--app-muted)}.text-app-text{color:var(--app-text)}.text-green-800{color:var(--color-green-800)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.placeholder-app-muted::placeholder{color:var(--app-muted)}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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-sm{--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)}.ring-2{--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)}.ring-app-accent,.ring-app-accent\/35{--tw-ring-color:var(--app-accent)}@supports (color:color-mix(in lab,red,red)){.ring-app-accent\/35{--tw-ring-color:color-mix(in oklab,var(--app-accent)35%,transparent)}}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.ring-offset-app-bg{--tw-ring-offset-color:var(--app-bg)}.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,visibility,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))}.transition-\[background-color\,color\,transform\,box-shadow\]{transition-property:background-color,color,transform,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.hover\:border-app-accent:hover{border-color:var(--app-accent)}.hover\:bg-app-surface3:hover{background-color:var(--app-surface-3)}.hover\:text-app-accent:hover{color:var(--app-accent)}.hover\:text-app-text:hover{color:var(--app-text)}}.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-app-accent:focus{--tw-ring-color:var(--app-accent)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-app-accent:focus-visible{outline-color:var(--app-accent)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media(min-width:40rem){.sm\:col-span-3{grid-column:span 3/span 3}.sm\:mb-6{margin-bottom:calc(var(--spacing)*6)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:h-8{height:calc(var(--spacing)*8)}.sm\:h-14{height:calc(var(--spacing)*14)}.sm\:h-24{height:calc(var(--spacing)*24)}.sm\:w-8{width:calc(var(--spacing)*8)}.sm\:w-14{width:calc(var(--spacing)*14)}.sm\:w-24{width:calc(var(--spacing)*24)}.sm\:w-64{width:calc(var(--spacing)*64)}.sm\:flex-none{flex:none}.sm\:grid-cols-\[130px_minmax\(0\,1fr\)\]{grid-template-columns:130px minmax(0,1fr)}.sm\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,180px\)_auto\]{grid-template-columns:minmax(0,1fr) minmax(0,180px) auto}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:gap-3{gap:calc(var(--spacing)*3)}.sm\:p-4{padding:calc(var(--spacing)*4)}.sm\:py-8{padding-block:calc(var(--spacing)*8)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[1\.5fr_1fr_auto\]{grid-template-columns:1.5fr 1fr auto}.md\:items-start{align-items:flex-start}.md\:justify-end{justify-content:flex-end}}@media(min-width:64rem){.lg\:max-w-2xl{max-width:var(--container-2xl)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:justify-between{justify-content:space-between}.lg\:py-8{padding-block:calc(var(--spacing)*8)}}.dark\:border-red-900:is(.dark *){border-color:var(--color-red-900)}.dark\:border-red-900\/70:is(.dark *){border-color:#82181ab3}@supports (color:color-mix(in lab,red,red)){.dark\:border-red-900\/70:is(.dark *){border-color:color-mix(in oklab,var(--color-red-900)70%,transparent)}}.dark\:bg-red-950\/30:is(.dark *){background-color:#4608094d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-950\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-red-950)30%,transparent)}}.dark\:bg-red-950\/40:is(.dark *){background-color:#46080966}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-950\/40:is(.dark *){background-color:color-mix(in oklab,var(--color-red-950)40%,transparent)}}.dark\:text-red-200:is(.dark *){color:var(--color-red-200)}.dark\:text-slate-950:is(.dark *){color:var(--color-slate-950)}}:root{--app-bg:#f6f7fb;--app-surface:#fff;--app-surface-2:#eef3f2;--app-surface-3:#e7ecef;--app-border:#d9e1e5;--app-text:#17212b;--app-muted:#5f6f7a;--app-accent:#0f766e;--app-accent-hover:#115e59;--app-accent-soft:#d9f3ef;--app-accent-2:#4f46e5;--app-danger:#dc2626;--app-shadow:15 23 42}.dark{--app-bg:#121417;--app-surface:#1b1f24;--app-surface-2:#20262d;--app-surface-3:#2a3139;--app-border:#343d46;--app-text:#e8edf2;--app-muted:#a1adb8;--app-accent:#2dd4bf;--app-accent-hover:#5eead4;--app-accent-soft:#123a36;--app-accent-2:#f59e0b;--app-danger:#fb7185;--app-shadow:0 0 0}html,body,#root{width:100%;height:100%;margin:0;padding:0}html{color:var(--app-text);background-color:var(--app-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:var(--app-accent);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:var(--app-accent-hover)}body{overscroll-behavior:none;min-width:320px;min-height:100vh;margin:0;overflow:hidden}.dashboard-canvas,.dark .dashboard-canvas{background:var(--app-bg)}.dashboard-item-card{border:1px solid #0000;border-radius:14px;min-width:0;transition:transform .16s,background-color .16s,border-color .16s,box-shadow .16s}.dashboard-item-card:hover{border-color:var(--app-border);transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.dashboard-item-card:hover{border-color:color-mix(in srgb,var(--app-border)85%,var(--app-accent))}}.dashboard-item-card:hover{background:var(--app-surface)}@supports (color:color-mix(in lab,red,red)){.dashboard-item-card:hover{background:color-mix(in srgb,var(--app-surface)92%,transparent)}}.dashboard-item-card:hover{box-shadow:0 12px 28px rgb(var(--app-shadow)/.1)}*{scrollbar-color:var(--app-muted)transparent}@supports (color:color-mix(in lab,red,red)){*{scrollbar-color:color-mix(in srgb,var(--app-muted)55%,transparent)transparent}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--app-muted)}@supports (color:color-mix(in lab,red,red)){::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--app-muted)45%,transparent)}}::-webkit-scrollbar-thumb{background-clip:content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--app-muted)}@supports (color:color-mix(in lab,red,red)){::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--app-muted)70%,transparent)}}::-webkit-scrollbar-button{width:0;height:0;display:none}button{cursor:pointer;border:1px solid #0000;border-radius:8px;font-family:inherit;font-weight:500;transition:background-color .18s,border-color .18s,color .18s}.ios-safe-top{padding-top:env(safe-area-inset-top)}.app-safe-x{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}.app-safe-left{padding-left:max(.75rem,env(safe-area-inset-left))}.app-safe-right{padding-right:max(.75rem,env(safe-area-inset-right))}@media(max-width:1023px){.app-safe-fixed-x{left:max(.75rem,env(safe-area-inset-left));right:max(.75rem,env(safe-area-inset-right))}}@media(max-width:767px){.ios-safe-top{padding-top:max(2.75rem,env(safe-area-inset-top))}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}}.smartmark-thin-scrollbar{scrollbar-width:thin;scrollbar-color:var(--app-muted)transparent}.smartmark-thin-scrollbar::-webkit-scrollbar{width:6px;height:6px}.smartmark-thin-scrollbar::-webkit-scrollbar-track{background:0 0}.smartmark-thin-scrollbar::-webkit-scrollbar-corner{background:0 0}.smartmark-thin-scrollbar::-webkit-scrollbar-thumb{background-color:var(--app-muted)}@supports (color:color-mix(in lab,red,red)){.smartmark-thin-scrollbar::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--app-muted)55%,transparent)}}.smartmark-thin-scrollbar::-webkit-scrollbar-thumb{border-radius:999px}.smartmark-thin-scrollbar::-webkit-scrollbar-button{display:none}@keyframes smartmark-loading{0%{transform:translate(-110%)}50%{transform:translate(60%)}to{transform:translate(210%)}}.smartmark-loading-bar{animation:1.2s ease-in-out infinite smartmark-loading}@media(prefers-reduced-motion:reduce){.smartmark-loading-bar,.animate-spin{animation:none}}.folder-art{aspect-ratio:24/19;contain:paint;flex-shrink:1;width:100%;max-width:100%;max-height:100%;overflow:hidden}.folder-silhouette{width:100%;height:100%;position:absolute;inset:0}.folder-back{fill:var(--app-accent)}@supports (color:color-mix(in lab,red,red)){.folder-back{fill:color-mix(in srgb,var(--app-accent)82%,black)}}.folder-front{fill:var(--app-accent)}.folder-pocket{place-items:center;display:grid;position:absolute;inset:29% 7% 8%;overflow:hidden}.folder-preview-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;height:100%;min-height:0;display:grid}.folder-preview-thumb{background:var(--app-surface);border-radius:4px;min-width:0;min-height:0;overflow:hidden;box-shadow:0 1px 2px #00000026}.folder-preview-placeholder{background:var(--app-accent)}@supports (color:color-mix(in lab,red,red)){.folder-preview-placeholder{background:color-mix(in srgb,var(--app-accent)12%,var(--app-surface))}}.folder-art-ios{width:min(100%,var(--folder-art-width));max-height:none}.folder-art-ios.folder-art-tiny{--folder-art-width:70px}.folder-art-ios.folder-art-compact{--folder-art-width:100px}.folder-art-ios.folder-art-normal{--folder-art-width:120px}@media(min-width:640px){.folder-art-ios.folder-art-tiny{--folder-art-width:100px}.folder-art-ios.folder-art-compact{--folder-art-width:120px}.folder-art-ios.folder-art-normal{--folder-art-width:140px}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value: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-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@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-tracking{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-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}@property --tw-duration{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}@font-face{font-family:Geist;src:url(/fonts/geist-latin.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/geist-mono-latin.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--app-bg: #f5f4f0;--app-surface: #fffefa;--app-surface-base: #f0efeb;--app-surface-2: #eeede8;--app-surface-3: #e4e2dc;--app-border: #dedcd5;--app-text: #222326;--app-text-secondary: #494b50;--app-muted: #6e706c;--app-muted-dim: #787b77;--app-muted-dimmer: #848780;--app-accent: #323438;--app-accent-hover: #17181a;--app-accent-soft: #e9e7df;--app-accent-2: #8796ca;--app-danger: #c95e52;--app-shadow: 25 25 25;--app-accent-ink: #fffefa;--app-contrast-rgb: 0,0,0;--acc: var(--app-accent);--acc-hi: var(--app-accent-hover);--acc-ink: var(--app-accent-ink);--app-surface2: var(--app-surface-2)}.dark{--app-bg: #0a0b0d;--app-surface: #111317;--app-surface-base: #0d0e11;--app-surface-2: #16181c;--app-surface-3: #202329;--app-border: #25272d;--app-text: #edebe6;--app-text-secondary: #b9bac0;--app-muted: #8e9097;--app-muted-dim: #6e7178;--app-muted-dimmer: #5d6068;--app-accent: #e4e1da;--app-accent-hover: #f4f2ee;--app-accent-soft: #1d1f22;--app-accent-2: #a9b8f5;--app-danger: #f08a7e;--app-shadow: 0 0 0;--app-accent-ink: #111214;--app-contrast-rgb: 255,255,255;color-scheme:dark}html,.font-sans{font-family:Geist,system-ui,sans-serif;line-height:normal}*{box-sizing:border-box}button,input,textarea,select{font-family:inherit}button{font-weight:400}a{font-weight:inherit}::selection{background:color-mix(in oklab,var(--acc) 30%,transparent)}input::placeholder,textarea::placeholder{color:var(--app-muted-dimmer)}button:focus-visible,a:focus-visible{outline:2px solid var(--acc);outline-offset:3px}button:disabled{cursor:default}@keyframes smspin{to{transform:rotate(360deg)}}.smartmark-shell{padding-left:264px;height:100dvh;min-width:0;width:100%;overflow:hidden}.reference-desktop-sidebar{position:fixed;inset:0 auto 0 0;width:264px;z-index:35}.reference-sidebar{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--app-surface-base);border-right:1px solid rgba(var(--app-contrast-rgb),.06)}.reference-mobile-navbar,.mobile-library{display:none}.reference-dashboard-heading{min-width:0;width:100%;flex-shrink:0;position:relative;z-index:1}.reference-grid-canvas{min-width:0;width:100%;padding:6px 32px calc(64px + env(safe-area-inset-bottom))}.reference-library-grid{align-items:start}.reference-library-grid [data-file-item] [data-file-item]{height:100%}.smartmark-shell>main:not(:has(.reference-dashboard-heading)){padding:36px 40px}.reference-sidebar img:not(.brand-logo){width:100%;height:100%;object-fit:cover;border-radius:0}.reference-sidebar button>div>span:has(svg){background:transparent;width:34px;height:34px}.reference-sidebar>div:last-child>div:has(button){overscroll-behavior:contain}.reference-landing>div{height:100dvh!important;padding-bottom:env(safe-area-inset-bottom)}[data-screen-label=Landing]>header{padding-top:calc(18px + env(safe-area-inset-top))!important;padding-left:max(24px,env(safe-area-inset-left))!important;padding-right:max(24px,env(safe-area-inset-right))!important}[data-screen-label=Login]{height:100dvh!important}.auth-mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:40px;cursor:pointer}[data-screen-label=Login]>div:first-child{padding-top:calc(40px + env(safe-area-inset-top))!important}[data-screen-label=Login]>div:nth-child(2){padding-bottom:calc(40px + env(safe-area-inset-bottom))!important}.reference-page{flex:1;min-width:0;min-height:0;overflow:auto}.reference-lesson-content{display:flex;flex-direction:column;gap:16px;font-size:16px;line-height:1.75;color:var(--app-muted)}.reference-lesson-content p{margin:0}.reference-lesson-content strong{color:var(--app-text);font-weight:500}.reference-lesson-content code{font-family:Geist Mono,monospace}.reference-add-cover{position:absolute;inset:auto 10px 10px auto;font-size:10px;padding:4px 8px;border-radius:6px;background:var(--app-surface);color:var(--app-text);border:1px solid var(--app-border)}.bg-app-accent{color:var(--acc-ink)}@media(max-width:1023px){.smartmark-shell{padding-left:0}.reference-desktop-sidebar{display:none}.reference-mobile-navbar{display:flex;flex-shrink:0;align-items:center;gap:14px;padding:max(14px,env(safe-area-inset-top)) 16px 14px;background:var(--app-surface-base);border-bottom:1px solid var(--app-border)}.reference-mobile-navbar>button{display:flex;align-items:center;justify-content:space-between;flex:1;text-align:left;height:38px;line-height:1;border-radius:12px;padding:0 14px;color:var(--app-muted);border:1px solid var(--app-border);font-size:13px}.reference-mobile-navbar>button small{display:inline-flex;align-items:center;justify-content:center;padding:5px 7px;border:1px solid var(--app-border);border-radius:6px;font:12px/1 Geist Mono,monospace}.reference-mobile-navbar>a{margin-right:auto}.reference-mobile-account{width:36px}.reference-mobile-account>div{padding:0!important;border:0!important}.reference-mobile-account>div>button{padding:0!important}.reference-mobile-account>div>button>div:not(:first-child){display:none}.reference-mobile-account>div>div:has(button){position:fixed!important;top:72px;bottom:auto!important;left:auto!important;right:12px!important;width:242px;max-height:calc(100dvh - 90px)!important;z-index:101}.reference-mobile-account>div>div:first-child{inset:0!important;width:auto;max-height:none!important}.mobile-library{display:block;flex-shrink:0}.mobile-library .reference-sidebar{border-right:0;height:auto}.mobile-library .reference-sidebar>div:first-child,.mobile-library .reference-sidebar>div:nth-child(3),.mobile-library .reference-sidebar>div:last-child{display:none!important}.mobile-library .reference-sidebar>div:nth-child(2){flex-direction:row!important;padding:12px!important}.mobile-library .reference-sidebar>div:nth-child(2)>div{display:none}.mobile-library .reference-sidebar>div:nth-child(2)>button{width:50%!important}.reference-dashboard-heading>div:first-child{padding:0 16px!important;height:50px!important}.reference-dashboard-heading>div:first-child>button:last-child{display:none!important}.reference-dashboard-heading>div:last-child{padding:18px 16px!important;gap:16px!important}.reference-dashboard-heading h1{font-size:32px!important}.reference-toolbar-actions,.reference-type-filters{min-width:0}.reference-grid-canvas{padding:4px 16px calc(24px + env(safe-area-inset-bottom))}.library-grid-normal{grid-template-columns:repeat(auto-fill,minmax(min(212px,100%),1fr))!important}.library-grid-compact{grid-template-columns:repeat(auto-fill,minmax(min(158px,100%),1fr))!important}.library-grid-tiny{grid-template-columns:repeat(auto-fill,minmax(min(100px,100%),1fr))!important}.smartmark-shell>main:not(:has(.reference-dashboard-heading)){padding:24px 16px}}@media(max-width:767px){[data-screen-label=Landing]>header{padding:calc(18px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 18px max(24px,env(safe-area-inset-left))!important}[data-screen-label=Landing] h1{font-size:52px!important}[data-screen-label=Login]{display:flex!important;flex-direction:column;overflow:auto}[data-screen-label=Login]>div:first-child{display:none!important}[data-screen-label=Login]>div:nth-child(2){flex:1 0 auto;padding:calc(32px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))!important}[data-screen-label=Login] .auth-mobile-brand{display:flex}input,textarea,select{font-size:16px!important}[data-screen-label=Tutorial]>div:not(.tutorial-topbar){padding:4px 20px 64px!important}[data-screen-label=Tutorial] .tutorial-topbar-inner{padding:12px 20px}[data-screen-label=Tutorial] div[style*="grid-template-columns: 230px"]{display:flex!important;flex-direction:column;gap:24px!important}[data-screen-label=Tutorial] div[style*="grid-template-columns: 230px"]>div:first-child{position:relative!important;width:100%;max-height:240px;overflow:auto}[data-screen-label=Trash]>div{padding:28px 20px!important}[data-screen-label=Trash]>div{padding-bottom:calc(28px + env(safe-area-inset-bottom))!important}.reference-trash-panel-header{gap:12px;flex-wrap:wrap}.reference-trash-row{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:10px!important}.reference-trash-row>button{justify-self:start}.reference-trash-row>button:last-child{justify-self:end}.reference-dashboard-toolbar>div:first-child{flex:1;min-width:0}[data-screen-label="Item detail"]{top:max(12px,env(safe-area-inset-top))!important;bottom:max(12px,env(safe-area-inset-bottom))!important}}.smartmark-shell>main.reference-template-page{padding:0}.reference-field{width:100%;height:42px;border-radius:11px;background:var(--app-surface-base);border:1px solid var(--app-border);padding:0 14px;color:var(--app-text);font-size:13.5px;outline:none}@media(max-width:767px){[data-screen-label=Trash] div[style*="minmax(340px"],[data-screen-label=Tutorial] div[style*="minmax(280px"]{grid-template-columns:1fr!important}}:root{--app-bg-elevated: #f1f0ec;--app-panel-bg: #fffefa;--app-copy-muted: #6e706c}.dark{--app-bg-elevated: #0c0d10;--app-panel-bg: #121418;--app-copy-muted: #9a9ca3}@media(min-width:1024px)and (max-height:600px){.reference-sidebar{overflow-y:auto}.reference-sidebar>div:nth-child(3){flex:1 0 160px!important;overflow:visible!important}}.reference-extended-page h1{font-size:36px;line-height:1.1;font-weight:350;letter-spacing:-.035em}.reference-extended-page h2{font-weight:450;letter-spacing:-.015em}.reference-extended-page .bg-app-surface{border-radius:16px;box-shadow:none}.reference-extended-page button,.reference-extended-page input,.reference-extended-page select{border-radius:11px}.reference-extended-page .font-bold{font-weight:500}.reference-extended-page .text-xs{font-family:Geist Mono,monospace}@media(max-width:767px){.reference-extended-page h1{font-size:32px}}.reference-review-strip{opacity:0;pointer-events:none}.reference-review-strip[data-review-visible=true],[data-reference-card]:focus-within .reference-review-strip{opacity:1;pointer-events:auto}@media(max-width:1023px){.reference-mobile-navbar,.reference-grid-canvas{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.reference-dashboard-heading>div{padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important}[data-screen-label="Item detail"]{top:max(12px,env(safe-area-inset-top))!important;bottom:max(12px,env(safe-area-inset-bottom))!important;right:max(12px,env(safe-area-inset-right))!important;width:min(580px,calc(100vw - max(12px,env(safe-area-inset-left)) - max(12px,env(safe-area-inset-right))))!important}}@media(min-width:1024px){.smartmark-shell{padding-top:env(safe-area-inset-top)}.reference-sidebar{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}[data-screen-label="Item detail"]{top:max(12px,env(safe-area-inset-top))!important;bottom:max(12px,env(safe-area-inset-bottom))!important;right:max(12px,env(safe-area-inset-right))!important;width:min(580px,calc(100vw - max(12px,env(safe-area-inset-left)) - max(12px,env(safe-area-inset-right))))!important}:root{--folder-back-top: #1e2127;--folder-back-bottom: #16181c;--folder-front-top: #282b32;--folder-front-bottom: #181a1f;--folder-edge: #30333a;--folder-front-edge: #383b42;--folder-icon-tab: #2a2e36;--folder-icon-back: #2c3038;--folder-icon-front: #1f2228;--folder-shadow: 0 -4px 12px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.06);--popover-rgb: 255,254,250;--panel-rgb: 255,254,250;--surface-base-rgb: 240,239,235;--text-rgb: 34,35,38;--review-rgb: 85,104,173;--review-ink: #4f60a1;--success-rgb: 36,126,80;--success-ink: #247e50;--danger-rgb: 177,65,54;--shadow-strength: .25;--cover-placeholder-top: #e9e7e1;--cover-placeholder-bottom: #dedcd5;--cover-placeholder-ink: #72766b;--tile-top-lightness: .88;--tile-bottom-lightness: .76;--cover-top-lightness: .9;--cover-middle-lightness: .84;--cover-end: #e3e2dc;--cover-ink-lightness: .32;--stripe-top-lightness: .87;--stripe-bottom-lightness: .94}.dark{--folder-back-top: #1e2127;--folder-back-bottom: #16181c;--folder-front-top: #282b32;--folder-front-bottom: #181a1f;--folder-edge: #30333a;--folder-front-edge: #383b42;--folder-icon-tab: #2a2e36;--folder-icon-back: #2c3038;--folder-icon-front: #1f2228;--folder-shadow: 0 -7px 20px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.06);--popover-rgb: 22,24,29;--panel-rgb: 18,20,24;--surface-base-rgb: 10,11,13;--text-rgb: 237,235,230;--review-rgb: 169,184,245;--review-ink: #c5cef8;--success-rgb: 143,214,180;--success-ink: #8fd6b4;--danger-rgb: 240,138,126;--shadow-strength: 1;--cover-placeholder-top: #191b20;--cover-placeholder-bottom: #0f1013;--cover-placeholder-ink: #4a4d54;--tile-top-lightness: .42;--tile-bottom-lightness: .24;--cover-top-lightness: .4;--cover-middle-lightness: .24;--cover-end: #0e0f12;--cover-ink-lightness: .9;--stripe-top-lightness: .27;--stripe-bottom-lightness: .205}.folder-artwork{position:relative;aspect-ratio:4 / 3;isolation:isolate}.folder-artwork-back{position:absolute;top:0;bottom:0;left:3%;width:94%;height:100%;clip-path:inset(0 0 12% 0)}.folder-artwork-previews{position:absolute;inset:18% 7% 3%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow:hidden}.folder-artwork-front{position:absolute;left:3%;right:3%;bottom:0;height:74%;background:linear-gradient(180deg,var(--folder-front-top),var(--folder-front-bottom));border:1px solid var(--folder-front-edge);box-shadow:var(--folder-shadow);transform:perspective(900px) rotateX(-12deg);transform-origin:center bottom}.appearance-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.appearance-panel{width:min(420px,100%);max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));overflow:auto;padding:24px;border:1px solid var(--app-border);border-radius:20px;color:var(--app-text);background:var(--app-panel-bg);box-shadow:0 30px 100px #0006}.appearance-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}.appearance-header h2{margin:0;font-size:23px;font-weight:400;letter-spacing:-.025em}.appearance-close{width:30px;height:30px;border-radius:50%;border:1px solid var(--app-border);background:transparent;color:var(--app-muted);font-size:20px;cursor:pointer}.appearance-close:hover{background:var(--app-surface-2);color:var(--app-text)}.appearance-panel fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}.appearance-panel legend{padding:0;margin-bottom:12px;font-size:12px;color:var(--app-muted)}.appearance-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;gap:4px;border:1px solid var(--app-border);border-radius:12px;background:var(--app-bg)}.appearance-modes label,.appearance-presets label{position:relative;cursor:pointer}.appearance-panel input{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.appearance-modes label{display:grid;place-items:center;border:1px solid transparent;border-radius:8px;padding:9px 0;font-size:12px;color:var(--app-muted)}.appearance-modes label:has(:checked){color:var(--app-text);background:var(--app-surface-3);border-color:var(--app-border)}.appearance-modes label:hover{color:var(--app-text)}.appearance-modes label:has(:focus-visible),.appearance-presets label:has(:focus-visible){outline:2px solid var(--acc);outline-offset:3px}.appearance-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.appearance-presets label{display:grid;justify-items:center;gap:9px;padding:7px 0;border-radius:10px;color:var(--app-muted);font-size:11px}.appearance-presets label:has(:checked){color:var(--app-text);background:var(--app-surface-2)}.appearance-swatch{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid rgb(0 0 0 / .14);color:#111214}.appearance-swatch svg{width:20px;height:20px}.appearance-preview{display:flex;align-items:center;gap:12px;border:1px solid var(--app-border);border-radius:13px;padding:14px;background:var(--app-bg)}.appearance-preview-folder{position:relative;width:30px;height:23px;flex-shrink:0;border-radius:4px;background:linear-gradient(var(--folder-front-top),var(--folder-front-bottom));border:1px solid var(--folder-front-edge)}.appearance-preview-folder:before{content:"";position:absolute;top:-5px;left:0;width:14px;height:5px;border-radius:3px 3px 0 0;background:var(--folder-front-top)}.appearance-preview>div:nth-child(2){min-width:0;flex:1}.appearance-preview-title{display:block;white-space:nowrap}.appearance-preview-title{font-size:12px}.appearance-preview-action{border-radius:8px;padding:7px 10px;background:var(--acc);color:var(--acc-ink);font-size:11px;white-space:nowrap}.reference-create-backdrop{position:fixed;inset:0;z-index:60;display:flex;justify-content:center;padding:calc(16px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#0506089e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.reference-create-panel{flex-shrink:0;margin-block:auto;min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain}.reference-close-icon{position:relative;display:grid;place-items:center;padding:0;flex-shrink:0;line-height:1}.reference-close-icon:before,.reference-close-icon:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;border-radius:1px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}.reference-close-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}@media(max-width:479px){.library-grid-normal{grid-template-columns:minmax(0,1fr)!important}.library-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}.library-grid-tiny{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.reference-sort-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--app-selected-bg: var(--app-surface-3);--app-selected-ink: var(--app-text);--app-background-accent: #323438;--app-background-review-rgb: 85,104,173}.dark{--app-background-accent: #e4e1da;--app-background-review-rgb: 169,184,245}.appearance-modes label:has(:checked),.appearance-presets label:has(:checked){background:var(--app-selected-bg);color:var(--app-selected-ink)}html[data-color-preset]:not([data-color-preset=neutral]) .reference-dashboard-heading h1,html[data-color-preset]:not([data-color-preset=neutral]) .reference-extended-page h1{color:var(--app-accent-text,var(--acc))}html[data-color-preset]:not([data-color-preset=neutral]) [data-reference-card]:not(:has(.folder-artwork))>div{border-color:var(--app-border)!important}.reference-sidebar{--app-accent: #323438;--app-accent-hover: #17181a;--app-accent-soft: #e9e7df;--app-accent-ink: #fffefa;--app-surface: #fffefa;--app-surface-2: #eeede8;--app-surface-3: #e4e2dc;--app-panel-bg: #fffefa;--acc: #323438;--app-border: #dedcd5;--review-rgb: 85,104,173;--review-ink: #4f60a1;--folder-back-top: #1e2127;--folder-icon-tab: #2a2e36;--folder-icon-back: #2c3038;--folder-icon-front: #1f2228}.dark .reference-sidebar{--app-accent: #e4e1da;--app-accent-hover: #f4f2ee;--app-accent-soft: #1d1f22;--app-accent-ink: #111214;--app-surface: #111317;--app-surface-2: #16181c;--app-surface-3: #202329;--app-panel-bg: #121418;--acc: #e4e1da;--app-border: #25272d;--review-rgb: 169,184,245;--review-ink: #c5cef8}.brand-logo{display:block;width:32px;height:32px;object-fit:contain;flex-shrink:0}.brand-logo-small{width:26px;height:26px}.landing-brand-hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);align-items:center;gap:32px}.landing-brand-hero h1{font-size:clamp(52px,6.2vw,88px)!important}.landing-hero-copy{min-width:0}.landing-hero-mark{position:relative;display:grid;place-items:center;isolation:isolate}.landing-hero-mark:before{content:"";position:absolute;inset:16%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse at 35% 65%,rgb(32 113 213 / .16),transparent 65%),radial-gradient(ellipse at 65% 30%,rgb(242 178 56 / .12),transparent 65%);filter:blur(28px)}.landing-hero-mark img{display:block;width:100%;max-width:440px;height:auto;object-fit:contain;filter:drop-shadow(0 28px 32px rgb(0 0 0 / .15))}@media(max-width:767px){.landing-brand-hero{grid-template-columns:minmax(0,1fr);gap:16px}.landing-hero-mark{grid-row:1}.landing-hero-mark img{width:144px}.landing-brand-hero h1{font-size:52px!important}}.landing-main{max-width:1280px;margin:0 auto;padding:0 48px 96px}.landing-intro{min-height:calc(100svh - 73px - env(safe-area-inset-top));display:flex;flex-direction:column;justify-content:center;padding:64px 0 32px}.landing-scroll{display:flex;align-items:center;gap:12px;align-self:flex-start;margin-top:48px;color:var(--app-muted);font-size:13px;text-decoration:none;padding:12px 0}.landing-preview-section{padding-top:64px;scroll-margin-top:100px}.landing-section-copy{max-width:600px;margin-bottom:32px}.landing-section-copy h2{font-size:clamp(28px,3vw,40px);font-weight:300;letter-spacing:-.035em;line-height:1.15;margin:0 0 14px}.landing-section-copy p{font-size:16px;line-height:1.65;color:var(--app-muted);margin:0}.landing-library-preview{min-height:540px}.landing-preview-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.landing-product-stories{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;margin-top:120px}.landing-product-story{min-width:0}.landing-shot{margin:0;border-radius:20px;overflow:hidden;border:1px solid var(--app-border);box-shadow:0 24px 64px #0000001f}.landing-shot img{display:block;width:100%;height:auto;object-fit:contain}.landing-save-shot{max-width:440px}.landing-search-copy{margin:32px 0 20px}.landing-dark-shot{display:none!important}.dark .landing-dark-shot{display:block!important}.dark .landing-light-shot{display:none!important}@media(max-width:1023px){.landing-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-library-preview{grid-template-columns:180px minmax(0,1fr)!important}}@media(max-width:767px){.landing-main{padding:0 20px calc(64px + env(safe-area-inset-bottom))}.landing-intro{padding-top:32px}.landing-preview-section{padding-top:40px}.landing-library-preview{grid-template-columns:minmax(0,1fr)!important}.landing-library-preview>div:first-child{display:none!important}.landing-library-preview>div:last-child{padding:22px 14px!important}.landing-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}.landing-product-stories{grid-template-columns:minmax(0,1fr);gap:64px;margin-top:72px}}@media(max-width:380px){[data-screen-label=Landing]>header{padding-left:16px!important;padding-right:16px!important;gap:8px}[data-screen-label=Landing]>header>div:first-child{gap:7px!important}[data-screen-label=Landing]>header .brand-logo{width:26px;height:26px}[data-screen-label=Landing]>header>div:first-child>div{font-size:15px!important}[data-screen-label=Landing]>header button{white-space:nowrap;padding:0 10px!important}}.image-preview{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.image-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--app-surface-2);color:var(--app-muted);font-size:12px}.image-placeholder-loading{background:var(--app-surface-2);animation:image-placeholder-pulse 1.2s ease-in-out infinite alternate}@keyframes image-placeholder-pulse{0%{opacity:.55}to{opacity:1}}@media(prefers-reduced-motion:reduce){.image-placeholder-loading{animation:none}}.folder-artwork-previews .image-placeholder span,.image-preview-compact .image-placeholder span{display:none}.image-preview-compact .image-placeholder svg{width:20px;height:20px}.image-preview:has(.image-add-control) .image-placeholder{padding-bottom:30px;gap:8px}.image-preview:has(.image-add-control) .image-placeholder svg{width:26px;height:26px}.tutorial-feature{margin:0;min-width:0;padding-top:8px}.tutorial-readonly{display:flex;justify-content:flex-start;min-width:0;max-width:100%}.tutorial-readonly>*{min-width:0;max-width:100%}.tutorial-readonly button,.tutorial-readonly input,.tutorial-readonly textarea{cursor:default}.tutorial-readonly [style*="position:relative"],.tutorial-readonly .reference-create-panel{box-shadow:none!important}.tutorial-readonly .reference-search-backdrop{padding:0!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;width:100%}.tutorial-readonly [data-screen-label="Item detail"]{width:100%!important;max-width:540px}.tutorial-display-stack{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.tutorial-card-strip{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.tutorial-drag-arrow{color:var(--acc);font-size:24px}.tutorial-breadcrumb-display{color:var(--app-muted);font:11px Geist Mono,monospace;letter-spacing:.12em}.tutorial-note-preview,.tutorial-trash-display,.tutorial-backup-display,.tutorial-appearance-display{width:100%;max-width:540px;border:1px solid var(--app-border);border-radius:16px;background:var(--app-surface);padding:20px}.tutorial-note-tabs{display:flex;gap:4px;padding:5px;border-radius:10px;background:var(--app-bg);margin-bottom:16px}.tutorial-note-tabs span{flex:1;padding:6px 10px;text-align:center;font-size:12px;border-radius:7px;color:var(--app-muted)}.tutorial-note-tabs .selected{background:var(--app-surface-3);color:var(--app-text)}.tutorial-panel-label{font-size:15px;margin-bottom:16px}.tutorial-trash-entry{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px}.tutorial-trash-entry span{flex:1}.tutorial-trash-entry button,.tutorial-backup-display button,.tutorial-backup-display label{padding:8px 12px;border:1px solid var(--app-border);border-radius:9px;background:var(--app-surface-2);font-size:12px}.tutorial-backup-display{display:flex;flex-wrap:wrap;gap:12px}.tutorial-backup-display .tutorial-panel-label{width:100%}.tutorial-backup-display input{display:none}.tutorial-preset-display{display:flex;gap:16px}.tutorial-preset-display span{width:32px;height:32px;border-radius:50%}.reference-search-panel input::-webkit-search-cancel-button{display:none}.reference-search-panel input:focus{outline:none}@media(max-width:640px){.tutorial-readonly .reference-create-panel>div{padding-left:16px!important;padding-right:16px!important}.tutorial-readonly .reference-type-filters{flex-wrap:wrap}}.tutorial-readonly .appearance-inline{width:100%;max-width:420px}.tutorial-readonly .appearance-panel{width:100%;max-height:none;box-shadow:none}.tutorial-feature-list{display:flex;flex-direction:column;gap:44px}.tutorial-feature-group{min-width:0;padding-top:28px;border-top:1px solid var(--app-border)}.tutorial-feature-group:first-child{padding-top:0;border-top:0}.reference-lesson-content .tutorial-feature-group>h2{color:var(--app-text);font-size:clamp(24px,2.2vw,28px);font-weight:500;line-height:1.25;letter-spacing:-.025em;margin:0 0 12px}.tutorial-feature-copy{max-width:800px}.tutorial-feature-copy p{margin:0 0 10px;color:var(--app-muted);font-size:15px;line-height:1.7}.tutorial-feature-copy p:last-child{margin-bottom:0}.tutorial-feature-displays{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px;margin-top:20px;min-width:0}.tutorial-feature{margin:0;padding:0;min-width:0;max-width:100%}.tutorial-feature figcaption{color:var(--app-muted);font-size:13px;font-weight:500;line-height:1.4;margin:0 0 10px}.tutorial-feature--compact{flex:0 1 auto}.tutorial-feature--panel{flex:1 1 340px;max-width:660px}.tutorial-feature-group--wide .tutorial-feature-displays{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.tutorial-feature-group--wide .tutorial-feature{width:100%}.tutorial-feature-group--wide .tutorial-feature--panel{max-width:none}.tutorial-readonly{width:100%;min-width:0}.tutorial-readonly .reference-search-panel{max-height:none!important}.tutorial-readonly [data-screen-label="Item detail"]{height:auto;max-height:none}.tutorial-readonly [data-screen-label="Item detail"]>div{overflow:visible!important}.tutorial-readonly .reference-type-filters{max-width:100%;flex-wrap:wrap}.tutorial-readonly .reference-create-panel{max-width:540px}.tutorial-display-stack{width:100%}.tutorial-display-stack>*{max-width:100%;min-width:0}.tutorial-sidebar-excerpt{width:280px;max-width:100%;border:1px solid var(--app-border);border-radius:14px;background:var(--app-surface);padding-bottom:10px}.tutorial-sidebar-excerpt>div[style*="padding: 26px"]{padding-top:18px!important}.tutorial-fields-excerpt,.tutorial-review-details,.tutorial-content-excerpt,.tutorial-capacity-excerpt{border:1px solid var(--app-border);border-radius:16px;background:var(--app-surface);min-width:0;width:100%}.tutorial-fields-excerpt,.tutorial-review-details{padding:18px}.tutorial-fields-excerpt input,.tutorial-fields-excerpt textarea{max-width:100%;min-width:0}.tutorial-fields-excerpt input:not([type=file]){width:100%}.tutorial-image-url{height:42px;width:100%;min-width:0;padding:0 14px;border:1px solid var(--app-border);border-radius:11px;background:var(--app-bg);color:var(--app-text);font-size:13.5px}.tutorial-excerpt-action{display:flex;justify-content:flex-end;padding-top:16px}.tutorial-save-button{height:40px;padding:0 18px;border-radius:11px;background:var(--acc);border:0;color:var(--acc-ink);font-size:13px}.tutorial-content-excerpt{width:240px;max-width:100%;overflow:hidden}.tutorial-content-image{aspect-ratio:16/10;overflow:hidden}.tutorial-content-body{padding:16px;font-size:14px;line-height:1.65}.tutorial-content-body p{margin:0 0 12px}.tutorial-content-body p:last-child{margin:0}.tutorial-content-body a{font-size:11px;word-break:break-all;color:var(--app-text)}.tutorial-content-body h1{font-size:20px;margin:0 0 12px}.tutorial-content-body ul{margin:0 0 10px;padding-left:20px}.tutorial-content-body blockquote{color:var(--app-muted)}.tutorial-selection-scene{width:100%;max-width:420px;padding:18px;border:1px solid var(--app-border);border-radius:16px}.tutorial-selection-rectangle{border:1px solid var(--acc);background:color-mix(in oklab,var(--acc) 10%,transparent);padding:10px}.tutorial-selection-cards{display:flex;gap:12px;min-width:0}.tutorial-selection-cards .tutorial-sample-card{flex:1 1 0;min-width:0}.tutorial-drop-scene{width:100%;max-width:540px;min-width:0}.tutorial-drop-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:12px}.tutorial-drop-row>.tutorial-selection-cards{max-width:312px}.tutorial-drop-scene nav{border:1px solid var(--app-border);border-radius:11px;padding:6px}.tutorial-keyboard-list{width:100%;margin:0}.tutorial-keyboard-list>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--app-border)}.tutorial-keyboard-list dd{margin:0;font-size:14px;color:var(--app-muted)}.tutorial-keyboard-list kbd{padding:5px 9px;border:1px solid var(--app-border);border-radius:7px;background:var(--app-surface);color:var(--app-text);font:11px Geist Mono,monospace}.tutorial-usage-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.tutorial-capacity-excerpt{width:380px;max-width:100%;padding:18px}.tutorial-capacity-excerpt>div{padding:0!important}.tutorial-limit-message{font-size:12.5px;line-height:1.6;color:#f08a7e;margin:20px 0 12px}.tutorial-capacity-excerpt>button{width:100%}.tutorial-quote{max-width:340px;margin:0;padding:18px 20px;border-left:3px solid var(--acc);background:var(--app-surface);font-size:15px;line-height:1.7;color:var(--app-text)}[data-screen-label=Tutorial] .tutorial-lesson-nav{max-height:calc(100dvh - 108px)!important;scrollbar-width:thin}.tutorial-topbar{position:sticky;top:0;z-index:20;background:color-mix(in oklab,var(--app-bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}.tutorial-topbar[data-scrolled]{border-bottom-color:#ffffff12;box-shadow:0 8px 24px #00000040}.tutorial-topbar-inner{max-width:1440px;margin:0 auto;padding:14px 40px;min-height:32px;box-sizing:content-box}@media(max-width:1100px){[data-screen-label=Tutorial] div[style*="grid-template-columns: 210px"]{display:flex!important;flex-direction:column;gap:24px!important}[data-screen-label=Tutorial] .tutorial-lesson-nav{top:68px!important;z-index:5;display:flex;gap:4px;width:100%;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;padding:6px!important;border-radius:14px!important;background:color-mix(in oklab,#111317 92%,transparent)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #00000059;scrollbar-width:none}[data-screen-label=Tutorial] .tutorial-lesson-nav::-webkit-scrollbar{display:none}[data-screen-label=Tutorial] .tutorial-lesson-nav-title{display:none}[data-screen-label=Tutorial] .tutorial-lesson-nav>button{flex:0 0 auto;width:auto!important;max-width:240px;white-space:nowrap;gap:8px!important;padding:8px 12px!important}[data-screen-label=Tutorial] .tutorial-lesson-nav>button>span:last-child{overflow:hidden;text-overflow:ellipsis}}@media(max-width:640px){.tutorial-feature-list{gap:32px}.tutorial-feature-group{padding-top:24px}.tutorial-feature-displays{gap:18px}.tutorial-feature-group--wide .tutorial-feature-displays{grid-template-columns:minmax(0,1fr)}.tutorial-feature--panel{flex-basis:100%}.tutorial-keyboard-list>div{grid-template-columns:110px minmax(0,1fr);gap:12px}.tutorial-selection-scene{padding:10px}.tutorial-selection-rectangle{padding:6px}.tutorial-selection-cards{gap:8px}.tutorial-capacity-excerpt{padding:14px}}.tutorial-feature--panel .tutorial-display-stack>*{width:100%}.tutorial-feature[data-tutorial-example=drag-folder]{width:360px}.tutorial-feature[data-tutorial-example=bulk-drag-folder]{width:540px}.tutorial-feature[data-tutorial-example=drag-breadcrumb],.tutorial-feature[data-tutorial-example=bulk-drag-breadcrumb]{width:260px}.tutorial-feature[data-tutorial-example*=breadcrumb] nav{border:1px solid var(--app-border);border-radius:11px;padding:6px}@media(max-width:640px){.reference-tutorial-pagination{flex-wrap:wrap}.reference-tutorial-pagination>button{flex:1 1 140px;min-width:0;height:auto!important;min-height:44px;padding:10px 12px!important}}