@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:where(:root),[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-base-100:#fff;--color-base-200:#f8f8f8;--color-base-300:#eee;--color-base-content:#18181b;--color-primary:#422ad5;--color-primary-content:#e0e7ff;--color-secondary:#f43098;--color-secondary-content:#f9e4f0;--color-accent:#00d1bb;--color-accent-content:#084d49;--color-neutral:#09090b;--color-neutral-content:#e4e4e7;--color-info:#00bafc;--color-info-content:#042e49;--color-success:#00d193;--color-success-content:#004c39;--color-warning:#f9b800;--color-warning-content:#793205;--color-error:#ff657f;--color-error-content:#4d0218;--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}@supports (color:lab(0% 0 0)){:where(:root),[data-theme=light]{--color-base-100:lab(100% 0 0);--color-base-200:lab(97.68% -.0000298023 .0000119209);--color-base-300:lab(94.2% 0 0);--color-base-content:lab(8.30603% .618205 -2.16572);--color-primary:lab(31.573% 49.867 -84.7065);--color-primary-content:lab(91.6577% 1.04591 -12.7199);--color-secondary:lab(56.234% 76.7852 -8.06803);--color-secondary-content:lab(92.6584% 9.01151 -3.1507);--color-accent:lab(75.1988% -53.3697 -2.27784);--color-accent-content:lab(28.81% -21.4781 -3.59725);--color-neutral:lab(2.45787% .239417 -.873864);--color-neutral-content:lab(90.6853% .399232 -1.45452);--color-info:lab(69.9876% -23.5256 -45.9352);--color-info-content:lab(17.4794% -5.25944 -21.1512);--color-success:lab(74.4967% -60.7579 19.4189);--color-success-content:lab(27.9355% -26.9592 5.46191);--color-warning:lab(79.2305% 16.6936 100.392);--color-warning-content:lab(30.7627% 30.2938 40.2828);--color-error:lab(64.1803% 63.0275 19.2122);--color-error-content:lab(14.1162% 34.0067 9.81536)}}:root:has(input.theme-controller[value=light]:checked){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-base-100:#fff;--color-base-200:#f8f8f8;--color-base-300:#eee;--color-base-content:#18181b;--color-primary:#422ad5;--color-primary-content:#e0e7ff;--color-secondary:#f43098;--color-secondary-content:#f9e4f0;--color-accent:#00d1bb;--color-accent-content:#084d49;--color-neutral:#09090b;--color-neutral-content:#e4e4e7;--color-info:#00bafc;--color-info-content:#042e49;--color-success:#00d193;--color-success-content:#004c39;--color-warning:#f9b800;--color-warning-content:#793205;--color-error:#ff657f;--color-error-content:#4d0218;--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}@supports (color:lab(0% 0 0)){:root:has(input.theme-controller[value=light]:checked){--color-base-100:lab(100% 0 0);--color-base-200:lab(97.68% -.0000298023 .0000119209);--color-base-300:lab(94.2% 0 0);--color-base-content:lab(8.30603% .618205 -2.16572);--color-primary:lab(31.573% 49.867 -84.7065);--color-primary-content:lab(91.6577% 1.04591 -12.7199);--color-secondary:lab(56.234% 76.7852 -8.06803);--color-secondary-content:lab(92.6584% 9.01151 -3.1507);--color-accent:lab(75.1988% -53.3697 -2.27784);--color-accent-content:lab(28.81% -21.4781 -3.59725);--color-neutral:lab(2.45787% .239417 -.873864);--color-neutral-content:lab(90.6853% .399232 -1.45452);--color-info:lab(69.9876% -23.5256 -45.9352);--color-info-content:lab(17.4794% -5.25944 -21.1512);--color-success:lab(74.4967% -60.7579 19.4189);--color-success-content:lab(27.9355% -26.9592 5.46191);--color-warning:lab(79.2305% 16.6936 100.392);--color-warning-content:lab(30.7627% 30.2938 40.2828);--color-error:lab(64.1803% 63.0275 19.2122);--color-error-content:lab(14.1162% 34.0067 9.81536)}}:root,[data-theme]{background-color:var(--root-bg);color:var(--color-base-content)}:root{background-color:var(--page-scroll-bg,var(--root-bg))}:where(:root,[data-theme]){--root-bg:var(--color-base-100)}:root{--fx-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");--page-has-backdrop:var(--page-scroll-lock) 1;--page-scroll-bg:var(--page-scroll-lock) var(--root-bg,#0000)}@supports (color:color-mix(in lab, red, red)){:root{--page-scroll-bg:var(--page-scroll-lock) color-mix(in srgb, var(--root-bg,#0000), lab(0% 0 0) calc(var(--page-has-backdrop,0) * 40%))}}:root{background-image:var(--page-scroll-lock) linear-gradient(var(--root-bg,#0000), var(--root-bg,#0000));transition:var(--page-scroll-lock) background-color .3s ease-out;animation:var(--page-scroll-lock) set-page-has-scroll forwards;animation-timeline:var(--page-scroll-lock) scroll();--page-has-scroll:initial;scrollbar-gutter:var(--page-has-scroll) var(--page-scroll-lock) stable}@keyframes set-page-has-scroll{0%,to{--page-has-scroll: }}@property --radialprogress{syntax:"<percentage>";inherits:true;initial-value:0%}@property --aura-angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{scrollbar-color:currentColor #0000}@supports (color:color-mix(in lab, red, red)){:root{scrollbar-color:color-mix(in oklch, currentColor 35%, #0000) #0000}}:root{--page-scroll-lock:initial;--page-overflow:var(--page-scroll-lock) hidden}:root:not(span){overflow:var(--page-overflow)}}@layer components;@layer utilities{@layer daisyui.l1.l2{.diff{webkit-user-select:none;-webkit-user-select:none;user-select:none;direction:ltr;grid-template-rows:1fr 1.8rem 1fr;grid-template-columns:auto 1fr;align-items:normal;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}.diff:focus-visible,.diff:focus-visible{outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content)}.diff:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content)}.diff:focus-visible .diff-resizer{min-width:95cqi;max-width:95cqi}.diff:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px}.diff:has(.diff-item-1:focus-visible) .diff-resizer{min-width:5cqi;max-width:5cqi}.diff:hover .diff-item-2:after{height:2.4rem}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){.diff:focus .diff-resizer{min-width:5cqi;max-width:5cqi}}@supports ((-moz-appearance:none)){@media (hover:none) and (pointer:coarse){.diff:focus .diff-resizer{min-width:5cqi;max-width:5cqi}}}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){.diff:has(.diff-item-1:focus) .diff-resizer{min-width:95cqi;max-width:95cqi}}@supports ((-moz-appearance:none)){@media (hover:none) and (pointer:coarse){.diff:has(.diff-item-1:focus) .diff-resizer{min-width:95cqi;max-width:95cqi}}}.btn:is([aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-bg:var(--btn-color,var(--color-base-200))}@supports (color:color-mix(in lab, red, red)){.btn:is([aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%)}}.btn:is([aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){color:var(--btn-fg,var(--color-base-content));--btn-border:var(--btn-color,var(--color-base-200))}@supports (color:color-mix(in lab, red, red)){.btn:is([aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%)}}.btn:is([aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-border-style:solid;--btn-inset:0 0 0 0 #0000;--btn-shadow:0 0 0 0 #0000;isolation:isolate}@supports (color:lab(0% 0 0)){.btn:is([aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-inset:0 0 0 0 lab(0% 0 0/0);--btn-shadow:0 0 0 0 lab(0% 0 0/0)}}.steps-horizontal .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid}.steps-horizontal .step:before{width:100%;height:.5rem;margin-inline-start:-100%;translate:0}[dir=rtl] :is(.steps-horizontal .step):before{translate:0}.steps-vertical .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid}.steps-vertical .step:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}[dir=rtl] :is(.steps-vertical .step):before{translate:50% -50%}.select:has(>select[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}:is(.select:has(>select[disabled]):is(select),.select:has(>select[disabled]) :is(select)){color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){:is(.select:has(>select[disabled]):is(select),.select:has(>select[disabled]) :is(select)){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}.select:has(>select[disabled]){box-shadow:none}.select:has(>select[disabled])::placeholder{color:var(--color-base-content);opacity:.2}.select:has(>select[disabled]) ::placeholder{color:var(--color-base-content);opacity:.2}.select:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}.select:is(:disabled,[disabled]):is(select),.select:is(:disabled,[disabled]) :is(select){color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.select:is(:disabled,[disabled]):is(select),.select:is(:disabled,[disabled]) :is(select){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}.select:is(:disabled,[disabled]){box-shadow:none}.select:is(:disabled,[disabled])::placeholder,.select:is(:disabled,[disabled]) ::placeholder{color:var(--color-base-content);opacity:.2}fieldset:disabled .select{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}fieldset:disabled .select:is(select),fieldset:disabled .select :is(select){color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){fieldset:disabled .select:is(select),fieldset:disabled .select :is(select){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}fieldset:disabled .select{box-shadow:none}fieldset:disabled .select::placeholder,fieldset:disabled .select ::placeholder{color:var(--color-base-content);opacity:.2}.select:has(>select[disabled])>select[disabled]{cursor:not-allowed}.btn-square{width:var(--size);height:var(--size);padding-inline:0}.select-xs{--sl-size-mul:6;--font-size-min:.6875rem;--option-px:2}.floating-label:has(.select-xs){--top-mul:3;--font-size:.6875rem}.btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-soft-bg:initial}.btn-sm{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem) * 8)}.btn-xs{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem) * 6)}}@layer daisyui.l1.l2.l3{:where(.btn){width:unset}.btn{--size:calc(var(--size-field,.25rem) * 10);--btn-p:1rem;--btn-fg:var(--color-base-content);cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;webkit-user-select:none;-webkit-user-select:none;user-select:none;border-width:var(--border);touch-action:manipulation;--btn-bg:var(--btn-color,var(--color-base-200));--btn-border:var(--btn-color,var(--color-base-200));border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-weight:600;transition-property:color,background-color,border-color,box-shadow,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}@supports (color:color-mix(in lab, red, red)){.btn{--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%))}}.btn{--btn-soft-bg:initial;--btn-shadow:0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg)}@supports (color:color-mix(in lab, red, red)){.btn{--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000)}}.btn{--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));height:var(--size);padding-inline:var(--btn-p);font-size:var(--fontsize,.875rem);background-color:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-border);border-style:var(--btn-border-style,solid);outline-color:var(--btn-color,var(--color-base-content));--tw-prose-links:var(--btn-fg);background-image:none, var(--fx-noise);background-size:auto, calc(var(--noise,0) * 100%);text-shadow:0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));box-shadow:var(--btn-inset) inset, var(--btn-shadow)}.btn:is([type=checkbox],[type=radio]){appearance:none}.btn:is([type=checkbox],[type=radio])[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}.btn:where(:checked:not(.filter [type=radio].btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.steps .step{text-align:center;--step-bg:var(--color-base-300);--step-fg:var(--color-base-content);grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid}.steps .step:before{width:100%;height:.5rem;color:var(--step-bg);background-color:var(--step-bg);content:"";border:1px solid;grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}.steps .step>.step-icon{--tw-content:counter(step);content:var(--tw-content);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:2147483647px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}.steps .step:not(:has(.step-icon)):after{--tw-content:counter(step);content:var(--tw-content);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:2147483647px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}.steps .step:first-child:before{--tw-content:none;content:var(--tw-content)}.steps .step[data-content]:after{--tw-content:attr(data-content);content:var(--tw-content)}.select{appearance:none;background-color:var(--color-base-100);vertical-align:middle;--size:calc(var(--size-field,.25rem) * var(--sl-size-mul,10));--input-color:var(--color-base-content);flex-shrink:1;align-items:center;gap:.375rem;padding-inline:.75rem 1.75rem;display:inline-flex;position:relative}@supports (color:color-mix(in lab, red, red)){.select{--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000)}}.select{width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem), var(--font-size-min,.875rem));touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;border:var(--border) solid var(--input-color,#0000);box-shadow:0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));overflow:hidden}@supports (color:color-mix(in lab, red, red)){.select{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset}}[dir=rtl] .select{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}.select[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}.select select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border) * 2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem}.select select::placeholder{color:var(--color-base-content);opacity:.5}.select select:focus,.select select:focus-within{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.select select:focus,.select select:focus-within{outline-offset:2px;outline:2px solid #0000}}.select select:not(:last-child){background-image:none;margin-inline-end:-1.375rem}.select:focus{--input-color:var(--color-base-content);box-shadow:0 1px var(--input-color)}@supports (color:color-mix(in lab, red, red)){.select:focus{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}}.select:focus{outline:2px solid var(--input-color);outline-offset:2px}.select:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px var(--input-color)}@supports (color:color-mix(in lab, red, red)){.select:focus-within{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}}.select:focus-within{outline:2px solid var(--input-color);outline-offset:2px}.select:open{--input-color:var(--color-base-content);box-shadow:0 1px var(--input-color)}@supports (color:color-mix(in lab, red, red)){.select:open{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}}.select:open{outline:2px solid var(--input-color);outline-offset:2px;background-image:linear-gradient(135deg,#0000 50%,currentColor 50%),linear-gradient(45deg,currentColor 50%,#0000 50%)}@supports (appearance:base-select){:is(.select,.select select){appearance:base-select}:is(.select,.select select)::picker(select){appearance:base-select}}:is(.select,.select select)::picker(select){color:inherit;border:var(--border) solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth) * 3px) -2px #0003;box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth) * .1)), 0 8px 10px -6px rgb(0 0 0/calc(var(--depth) * .1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}@supports (color:lab(0% 0 0)){:is(.select,.select select)::picker(select){box-shadow:0 2px calc(var(--depth) * 3px) -2px lab(0% 0 0/.2)}}:is(.select,.select select)::picker-icon{display:none}:is(.select,.select select) selectedcontent{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}:is(.select,.select select) optgroup{padding-top:.5em}:is(.select,.select select) optgroup option:first-child{margin-top:.5em}@supports (color:color-mix(in lab, red, red)){:is(.select,.select select) option:not(:disabled):hover,:is(.select,.select select) option:not(:disabled):focus-visible{background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}@media (forced-colors:active){:is(.select,.select select) option:not(:disabled):hover,:is(.select,.select select) option:not(:disabled):focus-visible{outline-offset:2px;outline:2px solid #0000}}:is(.select,.select select) option{border-radius:var(--radius-field);padding-block:.375rem;padding-inline:calc(.25rem * var(--option-px,3));white-space:normal;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}:is(.select,.select select) option:not(:disabled):hover,:is(.select,.select select) option:not(:disabled):focus-visible{cursor:pointer;background-color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){:is(.select,.select select) option:not(:disabled):hover,:is(.select,.select select) option:not(:disabled):focus-visible{background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}:is(.select,.select select) option:not(:disabled):hover,:is(.select,.select select) option:not(:disabled):focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){:is(.select,.select select) option:not(:disabled):hover,:is(.select,.select select) option:not(:disabled):focus-visible{outline-offset:2px;outline:2px solid #0000}}:is(.select,.select select) option:not(:disabled):active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--color-neutral)}[dir=rtl] .select::picker(select){translate:.5rem}[dir=rtl] .select select::picker(select){translate:.5rem}.drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.label{white-space:nowrap;color:currentColor;align-items:center;gap:.375rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.label{color:color-mix(in oklab, currentcolor 60%, transparent)}}.label:has(input){cursor:pointer}@supports (color:color-mix(in lab, red, red)){.label:is(.input>*,.select>*):first-child{border-inline-end:var(--border) solid color-mix(in oklab, currentColor 10%, #0000)}.label:is(.input>*,.select>*):last-child{border-inline-start:var(--border) solid color-mix(in oklab, currentColor 10%, #0000)}}.label:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex}.label:is(.input>*,.select>*):first-child{border-inline-end:var(--border) solid currentColor;margin-inline:-.75rem .75rem}@supports (color:color-mix(in lab, red, red)){.label:is(.input>*,.select>*):first-child{border-inline-end:var(--border) solid color-mix(in oklab, currentColor 10%, #0000)}}.label:is(.input>*,.select>*):last-child{border-inline-start:var(--border) solid currentColor;margin-inline:.75rem -.75rem}@supports (color:color-mix(in lab, red, red)){.label:is(.input>*,.select>*):last-child{border-inline-start:var(--border) solid color-mix(in oklab, currentColor 10%, #0000)}}.status{aspect-ratio:1;border-radius:var(--radius-selector);background-color:var(--color-base-content);display:inline-block}@supports (color:color-mix(in lab, red, red)){.status{background-color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}}.status{vertical-align:middle;color:#0000004d;background-position:50%;background-repeat:no-repeat}@supports (color:color-mix(in lab, red, red)){.status{color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.status{--size:calc(var(--size-selector,.25rem) * 2);width:var(--size);height:var(--size);background-image:radial-gradient(circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * .5)), #0000);box-shadow:0 2px 3px -1px}@supports (color:color-mix(in lab, red, red)){.status{box-shadow:0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000)}}.link{cursor:pointer;text-decoration-line:underline}.link:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.link:focus{outline-offset:2px;outline:2px solid #0000}}.link:focus-visible{outline-offset:2px;outline:2px solid}.btn-ghost{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content,currentColor)));--btn-border:#0000;--btn-inset:0 0 0 0 #0000;--btn-shadow:0 0 0 0 #0000;background-image:none}@supports (color:lab(0% 0 0)){.btn-ghost{--btn-inset:0 0 0 0 lab(0% 0 0/0);--btn-shadow:0 0 0 0 lab(0% 0 0/0)}}.aura:has(>.btn,>.input,>.select){--aura-radius:var(--radius-field)}}.prose :where(a.btn:not(.btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}@layer daisyui.l1{@media (hover:hover){.btn:hover{--btn-bg:var(--btn-color,var(--color-base-200))}@supports (color:color-mix(in lab, red, red)){.btn:hover{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%)}}.btn:hover{color:var(--btn-fg);--btn-border:var(--btn-bg)}@supports (color:color-mix(in lab, red, red)){.btn:hover{--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%))}}.btn:hover{--btn-border-style:solid;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-shadow:0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg)}@supports (color:color-mix(in lab, red, red)){.btn:hover{--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000)}}}.btn:active:not(.btn-active,[aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-bg:var(--btn-color,var(--color-base-200));translate:0 .5px}@supports (color:color-mix(in lab, red, red)){.btn:active:not(.btn-active,[aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%)}}.btn:active:not(.btn-active,[aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){color:var(--btn-fg,var(--color-base-content));--btn-border:var(--btn-color,var(--color-base-200))}@supports (color:color-mix(in lab, red, red)){.btn:active:not(.btn-active,[aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%)}}.btn:active:not(.btn-active,[aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-border-style:solid;--btn-inset:0 0 0 0 #0000;--btn-shadow:0 0 0 0 #0000}@supports (color:lab(0% 0 0)){.btn:active:not(.btn-active,[aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-inset:0 0 0 0 lab(0% 0 0/0);--btn-shadow:0 0 0 0 lab(0% 0 0/0)}}.btn:where(:checked:not(.filter [type=radio].btn),:not([type=radio],[type=checkbox]):focus-visible){--btn-bg:var(--btn-color,var(--color-base-200));color:var(--btn-fg,var(--color-base-content));--btn-border:var(--btn-bg)}@supports (color:color-mix(in lab, red, red)){.btn:where(:checked:not(.filter [type=radio].btn),:not([type=radio],[type=checkbox]):focus-visible){--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%))}}.btn:where(:checked:not(.filter [type=radio].btn),:not([type=radio],[type=checkbox]):focus-visible){--btn-border-style:solid;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-shadow:0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg)}@supports (color:color-mix(in lab, red, red)){.btn:where(:checked:not(.filter [type=radio].btn),:not([type=radio],[type=checkbox]):focus-visible){--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000)}}.btn:where(:checked:not(.filter [type=radio].btn),:not([type=radio],[type=checkbox]):focus-visible){isolation:isolate}.btn:focus-visible{isolation:isolate;outline-width:2px;outline-style:solid}.btn:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}}@layer daisyui{.btn:is(.btn-disabled,:disabled,[disabled],[aria-disabled=true]){pointer-events:none;color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.btn:is(.btn-disabled,:disabled,[disabled],[aria-disabled=true]){color:color-mix(in oklch, var(--color-base-content) 20%, #0000)}}.btn:is(.btn-disabled,:disabled,[disabled],[aria-disabled=true]){--btn-bg:#0000;--btn-border:#0000;--btn-inset:0 0 0 0 #0000;--btn-shadow:0 0 0 0 #0000;background-image:none}@supports (color:lab(0% 0 0)){.btn:is(.btn-disabled,:disabled,[disabled],[aria-disabled=true]){--btn-inset:0 0 0 0 lab(0% 0 0/0);--btn-shadow:0 0 0 0 lab(0% 0 0/0)}}.btn:is(.btn-disabled,:disabled,[disabled],[aria-disabled=true]):not(.btn-link,.btn-ghost){background-color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.btn:is(.btn-disabled,:disabled,[disabled],[aria-disabled=true]):not(.btn-link,.btn-ghost){background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}}.visible{visibility:visible}.sticky{position:sticky}.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}}.block{display:block}.hidden{display:none}.resize{resize:both}}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:400;src:url(../media/caveat-latin-400-normal.2wyvitnxjj189.woff2)format("woff2"),url(../media/caveat-latin-400-normal.3f_ea_swxuxqt.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(../media/caveat-latin-600-normal.3sd7rc34fmee_.woff2)format("woff2"),url(../media/caveat-latin-600-normal.1837u0bbj5018.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/dm-sans-latin-400-normal.2o7k1_w7_w7bj.woff2)format("woff2"),url(../media/dm-sans-latin-400-normal.12jnqtfk91av5.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/dm-sans-latin-500-normal.2f4st7_5x_v78.woff2)format("woff2"),url(../media/dm-sans-latin-500-normal.366wxi7rk3-vz.woff)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#263c37;--green:#286b55;--paper:#f7f7f2}*{box-sizing:border-box}body{color:var(--ink);background:#eeeee8;margin:0;font-family:DM Sans,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:5px}.whiteboard-app{flex-direction:column;max-width:1800px;min-height:100dvh;margin:auto;padding:0 4vw;display:flex}.board-header{flex:none;justify-content:space-between;align-items:center;gap:20px;height:95px;display:flex}.board-brand{letter-spacing:-.7px;font:600 30px Caveat,cursive}.brand-dot{color:var(--green)}.header-note{color:#67766b;font:21px Caveat,cursive;transform:rotate(-2deg)}.researcher-link{color:#52635a;align-items:center;gap:8px;font-size:12px;display:flex}.board-surface{background:#fdfefb;border:9px solid #e1e3da;border-radius:8px;flex:1;min-height:620px;position:relative;box-shadow:0 1px #b7bdb0,inset 0 1px 9px #263c3708,0 12px 30px #24332b06}.board-surface:before{content:"";pointer-events:none;opacity:.38;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%238d9d87' opacity='.055' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.board-content{opacity:1;padding:36px 5% 68px;transition:opacity .26s,filter .26s}.erasing .board-content{opacity:1;filter:none}.board-kicker{letter-spacing:1.4px;text-transform:uppercase;color:#738075;align-items:center;gap:14px;font-size:11px;display:flex}.board-kicker>span{color:var(--green);font:26px Caveat,cursive}.board-layout{grid-template-columns:1.45fr 1fr;align-items:center;gap:25px;min-height:465px;display:grid}.board-writing{padding:30px 0 5px}h1{letter-spacing:-1px;margin:0;font:600 clamp(44px,4.8vw,79px)/1.05 Caveat,cursive;transform:rotate(-1.2deg)}.written{white-space:normal}.ink-letter{animation:.1s linear both write-ink;animation-delay:var(--ink-delay);display:inline-block}@keyframes write-ink{0%{clip-path:inset(0 100% 0 0);opacity:0}10%{opacity:1}to{clip-path:inset(-30% -45% -30% -30%);opacity:1}}.hand-underline{width:75%;height:22px;margin:9px 0 17px;overflow:visible}.hand-underline path{fill:none;stroke:#d39a64;stroke-width:3.3px;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000px;animation:.9s ease-out .8s forwards draw-stroke}.board-body{color:#344f48;margin:13px 0 27px;font:400 clamp(24px,2.35vw,35px)/1.25 Caveat,cursive}.board-note{color:var(--green);margin:0;font:400 clamp(23px,2.1vw,30px)/1.23 Caveat,cursive;transform:rotate(-1deg)}.sketch-area{margin:15px 0 0;position:relative;transform:rotate(2deg)}.board-sketch{color:#3b6355;width:100%;max-height:330px;overflow:visible}.sketch-strokes>path{stroke-dasharray:1400;stroke-dashoffset:1400px;animation:2.2s ease-in-out .5s forwards draw-stroke}.sketch-strokes>path:nth-child(2n){animation-delay:1.1s}.sketch-strokes text{fill:currentColor;stroke:none;font:26px Caveat,cursive;animation:.6s 1.9s both sketch-label}.sketch-strokes .sketch-small{font-size:23px}.accent-stroke{stroke:#d39a64}@keyframes draw-stroke{to{stroke-dashoffset:0}}@keyframes sketch-label{0%{opacity:0}to{opacity:1}}figcaption{text-align:center;color:#486959;margin-top:5px;font:23px/1.2 Caveat,cursive}.sketch-disclaimer{text-align:center;color:#7c877c;letter-spacing:.2px;margin-top:15px;font-size:9px;display:block}.board-content-link{color:#286b55;border-bottom:1px solid #7e9c85;align-items:center;gap:9px;margin-top:23px;font:24px Caveat,cursive;display:inline-flex}.marker-tray{background:#c6ccc0;border:1px solid #adb6a6;border-radius:3px;width:310px;height:16px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%);box-shadow:0 4px 4px #24332b0d}.marker{background:#f4f2e8;border:1px solid #d4d8ce;border-radius:3px;width:83px;height:12px;position:absolute;bottom:13px;transform:rotate(-2deg);box-shadow:0 1px 3px #293b2c30}.marker:after{content:"";background:var(--marker-color);border-radius:0 3px 3px 0;width:22px;position:absolute;top:-1px;bottom:-1px;right:0}.marker-black{--marker-color:#334039;left:15px}.marker-green{--marker-color:#357756;bottom:23px;left:72px;transform:rotate(3deg)}.marker-orange{--marker-color:#bc7950;left:117px}.board-eraser{background:#6d796b;border-bottom:6px solid #364336;border-radius:5px 5px 2px 2px;width:65px;height:24px;position:absolute;bottom:14px;right:16px;transform:rotate(-3deg)}.board-controls{justify-content:space-between;align-items:center;gap:20px;height:98px;display:flex}.btn{box-shadow:none;min-height:0;font-family:DM Sans,sans-serif;font-size:12px;font-weight:400}.playback-controls{align-items:center;gap:5px;display:flex}.playback-controls .btn{color:#657469;gap:7px;font-size:10px}.playback-controls .btn:disabled{color:#a7ada3;background:0 0}.page-controls{align-items:center;gap:18px;display:flex}.page-counter{letter-spacing:1px;font-size:11px}.page-counter>span{color:#8b958a}.next-page{color:#fff;background:#2d6150;border:1px solid #2d6150;border-radius:4px;gap:20px;height:44px;padding:0 21px}.next-page:hover{background:#204b3d;border-color:#204b3d}.previous-page{color:#536d5e;width:32px;padding:0}.previous-page:disabled{color:#b2baaf;background:0 0}.page-dots{align-items:center;gap:6px;display:flex}.page-dots button{background:0 0;border:0;padding:12px 5px}.page-dots span{background:#b9c2b5;border-radius:50%;width:5px;height:5px;transition:background .18s,transform .18s;display:block}.page-dots [aria-current] span{background:#356a50;transform:scale(1.5)}.board-bottom-note{text-align:center;color:#81907e;letter-spacing:.5px;padding-bottom:20px;font-size:9px}.board-bottom-note span{margin:0 8px}.writing-complete .ink-letter,.reduced-motion .ink-letter{clip-path:none;opacity:1;animation:none}.writing-complete .sketch-strokes>path,.writing-complete .hand-underline path,.reduced-motion .sketch-strokes>path,.reduced-motion .hand-underline path{stroke-dashoffset:0;animation:none}.writing-complete .sketch-strokes text,.reduced-motion .sketch-strokes text{opacity:1;animation:none}@media (min-height:900px) and (min-width:1000px){.board-layout{min-height:calc(100dvh - 350px)}}@media (max-width:950px){.whiteboard-app{padding:0 25px}.board-layout{grid-template-columns:1.3fr 1fr;gap:5px}.board-content{padding:30px 5% 65px}h1{font-size:52px}.board-body{font-size:27px}.board-body br,.board-note br{display:none}.board-note{font-size:26px}.sketch-area{margin-top:50px}.board-surface{min-height:590px}figcaption{font-size:20px}.header-note{font-size:18px}}@media (max-width:650px){.whiteboard-app{padding:0 13px}.board-header{height:75px}.board-brand{font-size:27px}.header-note{display:none}.researcher-link{font-size:11px}.board-surface{border-width:6px;min-height:640px}.board-content{padding:24px 7% 55px}.board-layout{grid-template-columns:1fr;gap:0;min-height:0}.board-writing{padding-top:27px}h1{letter-spacing:-.7px;font-size:45px;line-height:1.06}h1 br{display:block}.hand-underline{height:14px;margin:5px 0 12px}.board-body{margin:10px 0 22px;font-size:26px}.board-note{font-size:25px}.sketch-area{width:90%;max-width:300px;margin:18px auto 0}.board-sketch{height:205px}figcaption{font-size:20px}.sketch-disclaimer{margin-top:9px;font-size:8px}.board-kicker{gap:9px;font-size:9px}.board-kicker>span{font-size:21px}.board-controls{flex-wrap:wrap;gap:0;height:auto;min-height:110px;padding:19px 0 12px}.playback-controls{order:3;justify-content:center;width:100%;margin-top:10px}.page-dots{gap:2px}.page-controls{gap:9px}.next-page{gap:12px;height:40px;padding:0 16px}.page-counter{font-size:10px}.board-bottom-note{padding:5px 15px 18px;font-size:8px;line-height:1.7}.marker-tray{width:260px}.marker{width:66px}.marker-green{left:60px}.marker-orange{left:100px}.board-eraser{width:48px}.board-content-link{font-size:23px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-delay:0s!important}.ink-letter{opacity:1;clip-path:none}.sketch-strokes>path,.hand-underline path{stroke-dashoffset:0}}.ink-word{white-space:nowrap;display:inline-block}.board-content{padding-bottom:125px}.board-page-navigation{z-index:5;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:38px;left:5%;right:5%}.hand-next,.hand-back{color:var(--green);background:0 0;border:0;align-items:center;gap:12px;min-height:48px;padding:8px 13px;font:600 32px Caveat,cursive;display:inline-flex;position:relative}.hand-back{color:#627469;font-size:25px}.hand-back:disabled{visibility:hidden}.hand-next:disabled{cursor:wait;color:#7b897a}.hand-next>svg:last-child{fill:none;stroke:#b88153;stroke-width:2px;stroke-linecap:round;stroke-dasharray:150;stroke-dashoffset:150px;width:90%;height:9px;transition:stroke-dashoffset .25s;position:absolute;bottom:0;left:5%}.hand-next:hover>svg:last-child,.hand-next:focus-visible>svg:last-child{stroke-dashoffset:0}.hand-page-number{color:#83917d;font:19px Caveat,cursive;position:absolute;left:50%;transform:translate(-50%)}.board-controls{justify-content:center;height:75px;min-height:75px;position:relative}.playback-controls{position:absolute;left:0}.eraser-sweep{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.erased-trail{fill:none;stroke:#fdfefb;stroke-width:36px;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:1.8s linear forwards erase-board}@keyframes erase-board{to{stroke-dashoffset:0}}.erasing .ink-letter{clip-path:none;opacity:1;animation:none}.erasing .sketch-strokes>path,.erasing .hand-underline path{stroke-dashoffset:0;animation:none}.erasing .sketch-strokes text{opacity:1;animation:none}@media (max-width:650px){.board-content{padding-bottom:120px}.board-page-navigation{bottom:35px;left:4%;right:4%}.hand-next{font-size:29px}.hand-back{font-size:23px}.hand-page-number{font-size:17px}.board-controls{flex-direction:column;gap:3px;height:100px}.playback-controls{order:2;width:auto;margin-top:0;position:static}.page-dots{order:1}.hand-next:disabled{font-size:23px}}.publication-note{text-align:left;background:#f4f0de;border:1px solid #dad7c4;flex-direction:column;gap:9px;max-width:370px;margin:35px auto 5px;padding:25px 24px 20px;transition:box-shadow .18s;display:flex;position:relative;transform:rotate(-3deg);box-shadow:2px 4px 9px #34432f0b}.publication-note:hover{box-shadow:3px 7px 16px #34432f18}.publication-tape{background:#d9dfbd99;width:85px;height:23px;position:absolute;top:-10px;left:36%;transform:rotate(5deg)}.publication-label{letter-spacing:1.2px;color:#626d50;font-size:8px}.publication-note strong{color:#355346;font:600 25px/1.13 Caveat,cursive}.publication-context{color:#526a53;font:20px/1.2 Caveat,cursive}.publication-citation{color:#606b57;font-size:9px;line-height:1.7}.publication-citation b{font-weight:500}.publication-action{color:#286b55;align-items:center;gap:9px;margin-top:2px;font:24px Caveat,cursive;display:flex}@media (max-width:650px){.publication-note{margin-top:28px;padding:23px 18px 17px}.publication-note strong{font-size:24px}.publication-context{font-size:19px}.publication-citation{font-size:9px}}.ink-letter{animation-duration:24ms}.hand-underline path{animation-duration:.35s;animation-delay:var(--underline-start)}.sketch-strokes>path,.sketch-strokes>path:nth-child(2n){animation-duration:1.8s;animation-delay:var(--sketch-start)}.sketch-strokes text{animation-duration:.3s;animation-delay:calc(var(--sketch-start) + 1.5s)}.publication-note,.board-content-link,.sketch-disclaimer{animation:sketch-label .25s var(--finish-start) both}.board-education{color:#526a55;border-top:1px dashed #b8c8b5;margin:24px 0 0;padding-top:14px;font:24px/1.3 Caveat,cursive}.writing-complete .publication-note,.writing-complete .board-content-link,.writing-complete .sketch-disclaimer,.reduced-motion .publication-note,.reduced-motion .board-content-link,.reduced-motion .sketch-disclaimer,.erasing .publication-note,.erasing .board-content-link,.erasing .sketch-disclaimer,.publication-note:focus-visible,.board-content-link:focus-visible{opacity:1;animation:none}@media (prefers-reduced-motion:reduce){.publication-note,.board-content-link,.sketch-disclaimer{opacity:1;animation:none}}@media (max-width:650px){.board-education{font-size:22px}}.projects-layout{min-height:560px;display:block}.projects-layout h1{font-size:clamp(43px,4.4vw,68px)}.projects-layout .hand-underline{width:360px;max-width:85%;margin-bottom:0}.projects-layout .board-body{margin:12px 0 30px;font-size:30px}.project-wall{perspective:1200px;grid-template-columns:repeat(auto-fit,minmax(250px,310px));gap:35px;padding:10px 12px 35px;display:grid}.project-sticky{color:#374d38;transform-origin:50% 6%;min-height:350px;animation:stick-project .85s var(--sticky-delay) cubic-bezier(.2,.7,.2,1) both;background:linear-gradient(#e9df9e 0%,#eee5af 12%,#f6efc2 100%);flex-direction:column;padding:25px 27px 23px;display:flex;position:relative;transform:rotate(-2deg);box-shadow:2px 5px 7px #293b2918}.project-sticky:before{content:"";pointer-events:none;background:#b9ab5f12;height:34px;position:absolute;top:0;left:0;right:0}.project-sticky:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 50%,#e6dba1 51%,#f8f1ca);width:22px;height:22px;position:absolute;bottom:0;right:0}.sticky-top{letter-spacing:1px;text-transform:uppercase;color:#667047;justify-content:space-between;font:9px DM Sans,sans-serif;display:flex}.sticky-doodle{color:#627c4f;width:88px;height:57px;margin:20px 0 8px}.project-sticky h2{margin:0 0 13px;font:600 39px/1.05 Caveat,cursive}.sticky-description{margin:0 0 17px;font:25px/1.15 Caveat,cursive}.sticky-tools{letter-spacing:.4px;color:#64724e;border-bottom:1px solid #b5b17d66;padding-bottom:14px;font-size:9px}.sticky-note{color:#67714e;margin:14px 0 22px;font:19px/1.2 Caveat,cursive}.sticky-open{color:#385e42;justify-content:space-between;align-items:center;margin-top:auto;font:600 24px Caveat,cursive;display:flex}.project-sticky:hover .sticky-open{text-underline-offset:4px;text-decoration:underline}@keyframes stick-project{0%{opacity:0;transform:translateY(-55px)rotateX(-28deg)rotate(-9deg)scale(1.08);box-shadow:15px 35px 28px #293b2924}25%{opacity:1}70%{transform:translateY(0)rotateX(5deg)rotate(-1deg)scale(1);box-shadow:1px 3px 5px #293b2918}to{opacity:1;transform:rotate(-2deg);box-shadow:2px 5px 7px #293b2918}}.writing-complete .project-sticky,.reduced-motion .project-sticky,.erasing .project-sticky,.project-sticky:focus-visible{opacity:1;animation:none;transform:rotate(-2deg)}@media (max-width:650px){.projects-layout{min-height:0}.projects-layout .board-body{font-size:26px}.project-wall{grid-template-columns:minmax(0,1fr);gap:30px;padding:8px 0 25px}.project-sticky{min-height:340px;padding:23px}.project-sticky h2{font-size:36px}.sticky-description{font-size:24px}}@media (prefers-reduced-motion:reduce){.project-sticky{opacity:1;animation:none;transform:rotate(-2deg)}}.whiteboard-app{height:100dvh;min-height:0;padding-inline:clamp(10px,3vw,54px);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.board-header{height:clamp(48px,9dvh,80px)}.board-surface{flex:1;min-height:0}.board-viewport{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9c2b5 transparent;position:absolute;inset:clamp(12px,3dvh,30px) 4% 85px;overflow:auto}.board-content{flex:none;width:100%;padding:0 8px 10px}.board-layout{min-height:0}.board-writing{padding-top:18px}.board-page-navigation{bottom:25px}.board-controls{flex:none;height:56px;min-height:56px;padding:0}.board-bottom-note{flex:none;padding:0 5px 10px}.sketch-area{margin-top:10px}.board-sketch{max-height:240px}.sketch-area:has(.publication-note) .board-sketch{max-height:130px}.publication-note{gap:6px;margin-top:20px;padding:18px 20px 15px}.board-education{margin-top:16px;padding-top:10px}.projects-layout{min-height:0}.projects-layout .board-writing{padding-top:14px}.projects-layout .board-body{margin:8px 0 14px}.project-wall{padding:8px 12px 15px}.project-sticky{min-height:0;padding:20px 24px}.sticky-doodle{height:40px;margin:10px 0 6px}.sticky-note{margin:10px 0 14px}@media (max-width:650px){.board-header{gap:10px;height:48px}.board-brand{font-size:26px}.board-viewport{inset:12px 4% 72px}.board-content{padding-inline:4px}.board-writing{padding-top:10px}h1,.projects-layout h1{font-size:36px}.board-body,.projects-layout .board-body{margin:8px 0 12px;font-size:23px}.board-note{font-size:22px}.hand-underline{height:10px;margin:4px 0 6px}.board-education{margin-top:10px;padding-top:8px;font-size:20px}.sketch-area{width:90%;max-width:280px;margin:10px auto 0}.board-sketch{height:120px}.sketch-area:has(.publication-note) .board-sketch{height:65px}figcaption{margin-top:0;font-size:18px}.sketch-disclaimer{margin-top:4px}.publication-note{gap:5px;margin-top:16px;padding:14px 16px 12px}.publication-note strong{font-size:22px}.publication-context{font-size:18px}.publication-citation{font-size:9px;line-height:1.4}.publication-action{font-size:22px}.publication-tape{height:17px;top:-8px}.board-controls{flex-direction:row;justify-content:space-between;gap:2px;height:48px;min-height:48px}.playback-controls{order:0;gap:0;width:auto}.playback-controls .btn{gap:4px;padding-inline:5px}.page-dots{order:0;gap:0}.page-dots button{padding-inline:7px}.board-bottom-note{letter-spacing:0;padding:0 0 8px;font-size:8px;line-height:1.3}.board-bottom-note span{margin:0 3px}.board-page-navigation{bottom:22px;left:2%;right:2%}.hand-next{gap:6px;font-size:25px}.hand-back{padding-inline:6px;font-size:22px}.hand-page-number{font-size:16px;left:40%}.project-wall{grid-template-columns:minmax(0,280px);justify-content:center;padding:8px 8px 14px}.project-sticky{min-height:0;padding:18px 20px}.project-sticky h2{margin-bottom:8px;font-size:33px}.sticky-description{margin-bottom:10px;font-size:23px}.sticky-tools{padding-bottom:9px}.sticky-note{font-size:19px}.board-content-link{margin-top:14px}}@media (max-height:500px) and (min-width:651px){.board-header{height:42px}.board-controls{height:40px;min-height:40px}.board-bottom-note{padding-bottom:5px}.board-viewport{inset:8px 3% 66px}.board-page-navigation{bottom:18px}.projects-layout{grid-template-columns:1fr 1fr;gap:30px;display:grid}}@media (min-width:651px){.projects-layout{grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;display:grid}.projects-layout .project-wall{justify-content:center}}@keyframes rotator{89.9999%,to{--first-item-position:0 0%}90%,99.9999%{--first-item-position:0 calc(var(--items) * 100%)}to{translate:0 -100%}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}@keyframes menu{0%{opacity:0}}@keyframes dropdown{0%{opacity:0}}@keyframes toast{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes radio{0%{padding:5px}50%{padding:3px}}@keyframes rating{0%,40%{filter:brightness(1.05)contrast(1.05);scale:1.1}}@keyframes progress{50%{background-position-x:-115%}}@keyframes aura{to{--aura-angle:360deg;transform:translateZ(1px)}}@keyframes aura-glow{20%,80%{opacity:.7;filter:blur(.25rem)}50%{opacity:1;filter:blur(.75rem)}}@keyframes aura-glow-after{20%,80%{opacity:.3;filter:blur(1rem)}50%{opacity:.6;filter:blur(1.5rem)}}
