.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-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-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@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-black:#000;--color-white:#fff;--spacing:.25rem;--container-4xl:56rem;--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 ;--font-weight-bold:700;--font-weight-black:900;--tracking-wider:.05em;--ease-out:cubic-bezier(0, 0, .2, 1);--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}::-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}:root{--background:#faf2e6;--secondary-background:#fff;--foreground:#000;--main-foreground:#000;--main:#ff6b00;--border:#000;--shadow:4px 4px 0px 0px #000;--radius-base:5px}html.dark{--background:#262320;--secondary-background:#1f1c19;--foreground:#f2efe9;--main-foreground:#000;--main:#ff7a1a;--border:#000;--shadow:4px 4px 0px 0px #000}html:not(.dark) .text-gray-900,html:not(.dark) .text-gray-800,html:not(.dark) .text-gray-700,html:not(.dark) .text-gray-600{color:#111827!important}html:not(.dark) .text-gray-500{color:#374151!important}html.dark .neo-box,html.dark .neo-box-lg,html.dark article.bg-white,html.dark section.bg-white,html.dark div.bg-white:not(.keep-white){background-color:var(--secondary-background)!important;color:var(--foreground)!important}html.dark .text-gray-900,html.dark .text-gray-800,html.dark .text-gray-700,html.dark .text-gray-600,html.dark .text-gray-500,html.dark .text-gray-400{color:#f9fafb!important}html.dark .bg-gray-100,html.dark .bg-gray-50{color:#fff!important;background-color:#27272a!important;border-color:#52525b!important}html.dark .neo-btn.bg-white,html.dark a.neo-btn.bg-white,html.dark button.neo-btn.bg-white{color:#000!important;background-color:#fff!important}html.dark .neo-btn.bg-white *,html.dark a.neo-btn.bg-white *,html.dark button.neo-btn.bg-white *{color:#000!important}html.dark .border-black{border-color:#000!important}}@layer components{.neo-box{background-color:var(--secondary-background);color:var(--foreground);border:2px solid #000;border-radius:5px;transition:transform .15s,box-shadow .15s;box-shadow:4px 4px #000}.neo-box:hover{transform:translate(2px,2px);box-shadow:2px 2px #000}.neo-box-lg{background-color:var(--secondary-background);color:var(--foreground);border:2px solid #000;border-radius:5px;transition:transform .15s,box-shadow .15s;box-shadow:5px 5px #000}.neo-btn{background-color:var(--secondary-background);color:var(--foreground);cursor:pointer;border:2px solid #000;border-radius:5px;justify-content:center;align-items:center;font-weight:700;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-flex;box-shadow:4px 4px #000}.neo-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px #000}.neo-btn:active{transform:translate(4px,4px);box-shadow:0 0 #000}.neo-badge{border:2px solid #000;border-radius:5px;align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:800;display:inline-flex;box-shadow:2px 2px #000}.neo-input{background-color:var(--secondary-background);width:100%;color:var(--foreground);border:2px solid #000;border-radius:5px;outline:none;padding:.75rem 1rem;font-weight:600;transition:box-shadow .15s,background-color .15s;box-shadow:3px 3px #000}.neo-input:focus{color:#000;background-color:#ffe600;box-shadow:5px 5px #000}}@layer utilities{.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.top-4{top:calc(var(--spacing) * 4)}.top-full{top:100%}.right-0{right:0}.left-0{left:0}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.m-0{margin:0}.m-53\.5{margin:calc(var(--spacing) * 53.5)}.m-106{margin:calc(var(--spacing) * 106)}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-8{width:calc(var(--spacing) * 8)}.w-full{width:100%}.w-screen{width:100vw}.max-w-4xl{max-width:var(--container-4xl)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.overflow-hidden{overflow:hidden}.scroll-smooth{scroll-behavior:smooth}.rounded-\[5px\]{border-radius:5px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-black{border-color:var(--color-black)}.border-transparent{border-color:#0000}.bg-\[\#FF6B00\]{background-color:#ff6b00}.bg-white{background-color:var(--color-white)}.stroke-\[2\.5\]{stroke-width:2.5px}.p-0{padding:0}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.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-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-\[\#FFE600\]{color:#ffe600}.text-black{color:var(--color-black)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-75{opacity:.75}.shadow-\[0_0_12px_\#FF6B00\]{--tw-shadow:0 0 12px var(--tw-shadow-color,#ff6b00);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[2px_2px_0px_0px_rgba\(0\,0\,0\,1\)\]{--tw-shadow:2px 2px 0px 0px var(--tw-shadow-color,#000);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[4px_4px_0px_0px_rgba\(0\,0\,0\,1\)\]{--tw-shadow:4px 4px 0px 0px var(--tw-shadow-color,#000);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}.selection\:bg-\[\#FFE600\] ::selection{background-color:#ffe600}.selection\:bg-\[\#FFE600\]::selection{background-color:#ffe600}.selection\:text-black ::selection{color:var(--color-black)}.selection\:text-black::selection{color:var(--color-black)}@media(hover:hover){.hover\:translate-x-\[1px\]:hover{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:translate-y-\[1px\]:hover{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-black:hover{border-color:var(--color-black)}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}}@media(min-width:40rem){.sm\:top-5{top:calc(var(--spacing) * 5)}.sm\:mx-1{margin-inline:var(--spacing)}.sm\:h-9{height:calc(var(--spacing) * 9)}.sm\:w-9{width:calc(var(--spacing) * 9)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:pt-28{padding-top:calc(var(--spacing) * 28)}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media(min-width:48rem){.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-max{width:max-content}.md\:justify-start{justify-content:flex-start}}@media(prefers-color-scheme:dark){.dark\:block{display:block}.dark\:hidden{display:none}.dark\:bg-\[\#FFE600\]{background-color:#ffe600}.dark\:opacity-65{opacity:.65}.dark\:shadow-\[0_0_14px_\#FFE600\]{--tw-shadow:0 0 14px var(--tw-shadow-color,#ffe600);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}:root{--bg:#101012;--ink:#e8e8ea;--muted:#9a9aa2;--hairline:#ffffff1a;--code-bg:#18181c;--accent:#e8e8ea;--pullcord-ink:#ffffff42;--pullcord-right:clamp(1.5rem, 12vw, 9rem);--doodle:#736e63;color-scheme:dark}html[data-theme=light]{--bg:#f4f4f2;--ink:#1a1a1c;--muted:#6e6e76;--hairline:#0000001f;--code-bg:#fff;--accent:#1a1a1c;--pullcord-ink:#14141447;--doodle:#81818b;color-scheme:light}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:gray transparent}html{background:var(--bg);scrollbar-width:thin;scrollbar-color:gray transparent}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.65;transition:background .25s,color .25s}.masthead{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.brand{align-items:baseline;gap:.6rem;display:flex}a.brand{color:inherit;text-decoration:none}.brand h1{letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:650}.version{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem}.links{align-items:center;gap:1.1rem;display:flex}.links a{color:var(--muted);border-bottom:1px solid #0000;font-size:.85rem;text-decoration:none}.links a:hover{color:var(--ink);border-bottom-color:var(--hairline)}.links a.nav-link.is-active{color:var(--ink);border-bottom-color:var(--ink)}.repo-link{margin:-.6rem 0 1.2rem}.repo-link a{color:var(--muted);border-bottom:1px solid var(--hairline);padding-bottom:1px;font-size:.82rem;text-decoration:none;transition:color .2s,border-color .2s}.repo-link a:hover{color:var(--ink);border-bottom-color:var(--ink)}.home-cards{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.home-card{border:1px solid var(--hairline);color:inherit;border-radius:12px;padding:1.1rem 1.2rem 1.2rem;text-decoration:none;transition:border-color .2s,transform .15s,background .2s;display:block}.home-card:hover{border-color:var(--muted);transform:translateY(-2px)}.home-card-kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.66rem}.home-card h3{letter-spacing:-.01em;margin:.4rem 0 .5rem;font-size:1rem;font-weight:650}.home-card p{color:var(--muted);margin:0;font-size:.85rem;line-height:1.5}@media(max-width:600px){.home-cards{grid-template-columns:1fr}}.home-list{--row-pad-x:19px;--row-pad-y:13px;background:var(--ink);border-radius:14px;margin:32px 0 0;padding:0;list-style:none}@supports (color:color-mix(in lab,red,red)){.home-list{background:color-mix(in srgb,var(--ink) 4%,transparent)}}.home-list{border:1px solid var(--ink)}@supports (color:color-mix(in lab,red,red)){.home-list{border:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}}.home-list{-webkit-tap-highlight-color:transparent;overflow:hidden}.home-list li+li{border-top:1px solid var(--ink)}@supports (color:color-mix(in lab,red,red)){.home-list li+li{border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}}.home-list-row{padding:var(--row-pad-y) var(--row-pad-x);color:inherit;flex-direction:column;gap:3px;text-decoration:none;transition:background .18s;display:flex;position:relative}.home-list-row:hover{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.home-list-row:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}}.home-list-row:active{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.home-list-row:active{background:color-mix(in srgb,var(--ink) 10%,transparent)}}.home-list-row:focus-visible{background:var(--ink);outline:none}@supports (color:color-mix(in lab,red,red)){.home-list-row:focus-visible{background:color-mix(in srgb,var(--ink) 7%,transparent)}}.home-list-row:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.home-list-name{letter-spacing:-.012em;color:var(--ink);font-size:.9375rem;font-weight:600;line-height:1.3}.home-list-desc{letter-spacing:-.003em;color:var(--muted);font-size:.8125rem;line-height:1.4}.tagline{color:var(--ink);margin:0 0 1rem;font-size:1.05rem;line-height:1.55}.lazy-chunk-error{text-align:center;min-height:46vh;color:var(--ink);place-items:center;gap:.9rem;padding:2rem 1rem;display:grid}.lazy-chunk-error button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:10px;padding:.5rem 1.2rem;font-weight:600}.pull-count{color:var(--muted);margin:0 0 3rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem}section{margin-bottom:3rem}h2{letter-spacing:-.014em;color:var(--ink);margin:0 0 1rem;font-size:1.1rem;font-weight:680;line-height:1.3}p{color:var(--ink);margin:0 0 1rem}p code,td code{background:var(--code-bg);border:1px solid var(--hairline);border-radius:4px;padding:.08em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em}.code{background:var(--code-bg);border:1px solid var(--hairline);border-radius:8px;margin-bottom:2rem;position:relative;overflow:auto}.code pre{margin:0;padding:.9rem 1rem}.code code{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.6}.code-copy{color:var(--muted);background:var(--bg);border:1px solid var(--hairline);cursor:pointer;border-radius:5px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;position:absolute;top:8px;right:8px}.code-copy:hover{color:var(--ink)}.props{border-collapse:collapse;width:100%;font-size:.82rem}.props th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--hairline);padding:0 .75rem .5rem 0;font-size:.72rem;font-weight:600}.props td{border-bottom:1px solid var(--hairline);vertical-align:top;color:var(--ink);padding:.55rem .75rem .55rem 0}.demo-stage{flex-direction:column;align-items:center;gap:.9rem;padding:2rem 0 1.4rem;display:flex}.animaps-demo-stage{align-items:stretch;padding-top:1.2rem}.animaps-demo-fallback{aspect-ratio:16/10;background:linear-gradient(#8caac824,#7896b914);border-radius:18px;width:min(1180px,94vw);max-height:70vh;margin-left:50%;transform:translate(-50%)}@media(max-width:620px){.df-howto{flex-direction:column;align-items:stretch;gap:1.1rem;padding:1.1rem}.df-howto-frame{width:100%}.page-deskfolio>.tagline.deskfolio-writeup{width:min(100% - 2rem,640px);margin:1.25rem auto 2.4rem}.df-writeup-name{font-size:2.18rem;line-height:1}.df-writeup-tagline{font-size:1.18rem;line-height:1.3}.df-writeup-copy{font-size:1rem;line-height:1.56}.deskfolio-writeup .df-howto{grid-template-columns:1fr;gap:1.25rem;margin-top:1.6rem}.deskfolio-writeup .df-howto-text p{font-size:.98rem;line-height:1.58}}.deskfolio-demo-stage{isolation:isolate;box-sizing:border-box;width:min(1800px,98vw);transform:translate(-50%) scale(var(--df-stage-scale,1));transform-origin:top;background-color:#2f6f5b;background-image:repeating-linear-gradient(0deg,#ffffff1c 0 1px,#0000 1px 112px),repeating-linear-gradient(90deg,#ffffff1c 0 1px,#0000 1px 112px),repeating-linear-gradient(0deg,#ffffff0d 0 1px,#0000 1px 28px),repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 28px),radial-gradient(130% 120% at 50% 0,#347a64,#285446 70%,#20473b);border-radius:20px;margin-left:50%;padding:clamp(2rem,6vw,5rem) clamp(1rem,4vw,4rem);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff29,inset 0 0 0 9px #ffffff0d,inset 0 2px 40px #00000047,0 30px 60px -30px #00000073}.animaps-demo-stage .animaps{width:min(1180px,94vw);margin-left:50%;transform:translate(-50%)}@media(max-width:560px){.animaps-demo-stage .animaps{border-radius:0;width:100vw}}.demo-reset{color:var(--muted);background:var(--code-bg);border:1px solid var(--hairline);cursor:pointer;border-radius:6px;padding:4px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem}.seg{background:var(--ink);border-radius:12px;align-items:stretch;padding:3px;display:inline-flex;position:relative}@supports (color:color-mix(in lab,red,red)){.seg{background:color-mix(in srgb,var(--ink) 6%,transparent)}}.seg{border:1px solid var(--ink)}@supports (color:color-mix(in lab,red,red)){.seg{border:1px solid color-mix(in srgb,var(--ink) 7%,transparent)}}.seg{-webkit-tap-highlight-color:transparent}.seg-thumb{background:var(--ink);border-radius:9px;width:0;position:absolute;top:3px;bottom:3px;left:0}@supports (color:color-mix(in lab,red,red)){.seg-thumb{background:color-mix(in srgb,var(--ink) 16%,transparent)}}.seg-thumb{box-shadow:0 1px 2px #00000059,inset 0 0 0 .5px var(--ink)}@supports (color:color-mix(in lab,red,red)){.seg-thumb{box-shadow:0 1px 2px #00000059,inset 0 0 0 .5px color-mix(in srgb,var(--ink) 22%,transparent)}}.seg-thumb{pointer-events:none;will-change:transform,width}.seg-thumb--anim{transition:transform .34s cubic-bezier(.32,.72,0,1),width .34s cubic-bezier(.32,.72,0,1)}.seg-item{z-index:1;color:var(--muted);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:9px;padding:6px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;line-height:1;transition:color .2s,transform .12s;position:relative}.seg-item[data-active=true],.seg-item:not([data-active=true]):hover{color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.seg-item:not([data-active=true]):hover{color:color-mix(in srgb,var(--ink) 70%,var(--muted))}}.seg-item:active{transform:scale(.94)}.ui-switch{color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;transition:color .2s;display:inline-flex}.ui-switch[aria-checked=true]{color:var(--ink)}.ui-switch-label{align-items:center;gap:6px;display:inline-flex}.ui-switch-label svg{width:14px;height:14px}.ui-switch-track{background:var(--ink);border-radius:999px;flex:none;width:38px;height:23px;position:relative}@supports (color:color-mix(in lab,red,red)){.ui-switch-track{background:color-mix(in srgb,var(--ink) 14%,transparent)}}.ui-switch-track{transition:background .3s cubic-bezier(.32,.72,0,1)}.ui-switch[aria-checked=true] .ui-switch-track{background:var(--ink)}.ui-switch-knob{background:var(--ink);border-radius:50%;width:19px;height:19px;transition:transform .3s cubic-bezier(.32,.72,0,1),background .3s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000073,0 2px 4px #0003}.ui-switch[aria-checked=true] .ui-switch-knob{background:var(--bg);transform:translate(15px)}@media(prefers-reduced-motion:reduce){.seg-thumb--anim,.ui-switch-track,.ui-switch-knob{transition:none}}html[data-theme=light] .seg-thumb{background:#fff;box-shadow:0 1px 2px #00000024,0 0 0 .5px #0000000a}html[data-theme=light] .ui-switch-knob,html[data-theme=light] .ui-switch[aria-checked=true] .ui-switch-knob{background:#fff}html[data-theme=light] .bunny-character-option.is-active{background:#fff;box-shadow:0 1px 2px #00000024,0 0 0 .5px #0000000a}.demo-reset:hover{color:var(--ink)}.fur-stage{flex-direction:column;align-items:center;gap:1.1rem;padding:2.4rem 0 1rem;display:flex}.fur-hero{aspect-ratio:29/24;width:min(220px,62%)}.fur-hero-heart{aspect-ratio:1;width:min(220px,60%)}.fur-hero-paw{aspect-ratio:500/945;width:min(170px,48%)}.fur-hero-text{aspect-ratio:10/3;width:min(420px,92%)}.fur-text-input{text-align:center;width:min(260px,80%);font:inherit;color:var(--ink);background:var(--code-bg);border:1px solid var(--hairline);border-radius:8px;outline:none;padding:7px 12px;font-size:.9rem}.fur-text-input:focus{border-color:var(--ink)}.fur-pet-hint{color:var(--muted);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem}.fur-swatches{gap:.7rem;display:flex}.fur-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:26px;height:26px;padding:0;transition:transform .16s,border-color .16s;box-shadow:inset 0 0 0 1px #00000040}.fur-swatch:hover{transform:scale(1.12)}.fur-swatch.is-active{border-color:var(--ink)}.fur-row{grid-template-columns:repeat(4,1fr);gap:1.6rem;padding:1.4rem .4rem 1rem;display:grid}.fur-mini{aspect-ratio:29/24}@media(max-width:560px){.fur-row{grid-template-columns:repeat(2,1fr);gap:1.8rem 1.2rem}}.bunny-character-toggle{background:var(--ink);border-radius:12px;flex-wrap:wrap;justify-content:center;gap:3px;padding:3px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.bunny-character-toggle{background:color-mix(in srgb,var(--ink) 6%,transparent)}}.bunny-character-toggle{border:1px solid var(--ink)}@supports (color:color-mix(in lab,red,red)){.bunny-character-toggle{border:1px solid color-mix(in srgb,var(--ink) 7%,transparent)}}.bunny-character-option{min-width:72px;min-height:34px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;padding:6px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;transition:color .2s,background .2s,box-shadow .2s,transform .12s;display:inline-flex}.bunny-character-option:not(.is-active):hover{color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.bunny-character-option:not(.is-active):hover{color:color-mix(in srgb,var(--ink) 70%,var(--muted))}}.bunny-character-option.is-active{color:var(--ink);background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.bunny-character-option.is-active{background:color-mix(in srgb,var(--ink) 13%,transparent)}}.bunny-character-option.is-active{box-shadow:0 1px 2px #00000059,inset 0 0 0 .5px var(--ink)}@supports (color:color-mix(in lab,red,red)){.bunny-character-option.is-active{box-shadow:0 1px 2px #00000059,inset 0 0 0 .5px color-mix(in srgb,var(--ink) 20%,transparent)}}.bunny-character-option:active{transform:scale(.94)}.blob-skin-swatches{justify-content:center;align-items:center;gap:.7rem;display:flex}.blob-skin-swatch{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;border-radius:50%;width:30px;height:30px;padding:0;transition:transform .15s cubic-bezier(.22,1,.36,1),box-shadow .16s;position:relative;box-shadow:inset 0 0 0 1px #ffffff38,0 1px 4px #00000042}.blob-skin-swatch:before{content:"";border-radius:50%;position:absolute;inset:-8px}.blob-skin-swatch:hover,.blob-skin-swatch:focus-visible{outline:none;transform:scale(1.12)}.blob-skin-swatch.is-active{box-shadow:inset 0 0 0 1px #ffffff38,0 0 0 2px var(--bg),0 0 0 4px var(--ink);transform:scale(1.06)}.blob-speak{flex-direction:column;align-items:center;gap:0;margin-top:2px;display:flex}.bunny-modal-blob{pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;width:min(200px,76%);height:auto;filter:drop-shadow(0 10px 18px var(--jelly-shadow,var(--jelly-outline,#9754db)));margin:-20px auto -2px;display:block}@supports (color:color-mix(in lab,red,red)){.bunny-modal-blob{filter:drop-shadow(0 10px 18px color-mix(in srgb,var(--jelly-shadow,var(--jelly-outline,#9754db)) 16%,transparent))}}.jelly-blob-demo{grid-template-columns:minmax(190px,240px) 1fr;align-items:center;gap:1rem;margin-top:1.2rem;display:grid}.jelly-blob-stage{border:1px solid var(--hairline);background:radial-gradient(circle at 50% 72%,#a45fe538,transparent 42%),var(--code-bg);border-radius:14px;place-items:center;min-height:180px;display:grid}@supports (color:color-mix(in lab,red,red)){.jelly-blob-stage{background:radial-gradient(circle at 50% 72%,#a45fe538,transparent 42%),color-mix(in srgb,var(--code-bg),transparent 18%)}}.jelly-blob-stage{overflow:visible}.jelly-blob-demo-mascot{filter:drop-shadow(0 10px 16px #9754db24);width:min(220px,92%);height:auto}.jelly-mood-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.jelly-mood-card{text-align:left;min-height:58px;color:var(--muted);background:var(--code-bg);border:1px solid var(--hairline);cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:1px;padding:.65rem .7rem;transition:color .16s,border-color .16s,transform .12s;display:flex}.jelly-mood-card:hover,.jelly-mood-card:focus-visible{color:var(--ink);outline:none;transform:translateY(-1px)}.jelly-mood-card.is-active{color:var(--ink);border-color:var(--ink)}.jelly-mood-card strong{font-size:.83rem;font-weight:600}.jelly-mood-card span{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.66rem}.bunny-gallery{grid-template-columns:repeat(4,1fr);gap:.6rem;margin-top:1.2rem;display:grid}.bunny-cell{border:1px solid var(--hairline);border-radius:14px;flex-direction:column;align-items:center;gap:.5rem;margin:0;padding:1rem .4rem .8rem;display:flex}.bunny-cell figcaption{flex-direction:column;align-items:center;gap:1px;line-height:1.3;display:flex}.bunny-cell figcaption strong{color:var(--ink);font-size:.82rem;font-weight:600}.bunny-cell figcaption span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.66rem}.form-companion{border:1px solid var(--hairline);background:var(--code-bg);border-radius:18px;grid-template-columns:minmax(220px,300px) 1fr;align-items:center;gap:2.2rem;margin-top:1.2rem;padding:2rem 2.2rem;display:grid}.form-companion-stage{place-items:center;min-height:260px;padding:.5rem;display:grid;overflow:visible}.form-companion-mascot-wrap{transform-origin:50% 84%;will-change:transform;backface-visibility:hidden;width:min(214px,100%)}.form-companion-mascot{-webkit-tap-highlight-color:transparent;touch-action:manipulation;width:100%;height:auto;filter:drop-shadow(0 12px 20px var(--jelly-shadow,var(--jelly-outline,#9754db)));display:block}@supports (color:color-mix(in lab,red,red)){.form-companion-mascot{filter:drop-shadow(0 12px 20px color-mix(in srgb,var(--jelly-shadow,var(--jelly-outline,#9754db)) 16%,transparent))}}.form-companion-form{flex-direction:column;gap:.85rem;display:flex}.form-companion-field{flex-direction:column;gap:.32rem;display:flex}.form-companion-field span{letter-spacing:-.01em;color:var(--muted);font-size:.76rem;font-weight:600}.form-companion-field input{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--hairline);border-radius:11px;outline:none;padding:.62rem .85rem;font-size:.95rem;transition:border-color .16s,box-shadow .16s}.form-companion-field input::placeholder{color:var(--muted);opacity:.7}.form-companion-field input:focus{border-color:var(--jelly-outline,#8d52de)}@supports (color:color-mix(in lab,red,red)){.form-companion-field input:focus{border-color:color-mix(in srgb,var(--jelly-outline,#8d52de),transparent 32%)}}.form-companion-field input:focus{box-shadow:0 0 0 3px var(--jelly-outline,#8d52de)}@supports (color:color-mix(in lab,red,red)){.form-companion-field input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--jelly-outline,#8d52de),transparent 82%)}}@media(max-width:560px){.form-companion{grid-template-columns:1fr;gap:.5rem;padding:1.5rem 1.3rem}.form-companion-stage{min-height:132px;padding:0}.form-companion-mascot-wrap{width:min(128px,44%)}}.blob-skin-mascot{width:min(132px,100%);height:auto;filter:drop-shadow(0 12px 16px var(--jelly-shadow,var(--jelly-outline,#9754db)))}@supports (color:color-mix(in lab,red,red)){.blob-skin-mascot{filter:drop-shadow(0 12px 16px color-mix(in srgb,var(--jelly-shadow,var(--jelly-outline,#9754db)) 24%,transparent))}}@media(max-width:560px){.jelly-blob-demo{grid-template-columns:1fr}.bunny-gallery{grid-template-columns:repeat(2,1fr);gap:.8rem}}.footer{border-top:1px solid var(--hairline);color:var(--muted);justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:1.5rem;font-size:.78rem;display:flex}.footer-right{gap:.5rem;display:flex}.footer a{color:var(--muted);border-bottom:1px solid var(--hairline);text-decoration:none;transition:color .2s,border-color .2s}.footer a:hover{color:var(--ink);border-bottom-color:var(--ink)}.footer-icon{align-items:center;gap:.3em;display:inline-flex}.footer-icon svg{display:block}.footer a.footer-x:hover{color:#1d9bf0;border-bottom-color:#1d9bf0}.footer a.footer-dribbble:hover{color:#ea4c89;border-bottom-color:#ea4c89}.coming-soon{text-align:left;color:var(--doodle);transform-origin:0;margin:1.1rem 0 0;font-family:Caveat,cursive;font-size:1.4rem;transform:rotate(-2deg)}.cord-hint{top:calc(var(--pullcord-top,0px) + 172px);right:calc(var(--pullcord-right,7rem) + 52px);pointer-events:none;white-space:nowrap;z-index:4;color:var(--doodle);align-items:flex-end;gap:10px;animation:.5s 1.8s both hint-in;display:flex;position:fixed}@keyframes hint-in{0%{opacity:0}to{opacity:1}}.cord-hint-text{text-align:right;font-family:Caveat,Segoe Script,Bradley Hand,cursive;font-size:21px;font-weight:600;line-height:.95}.cord-hint-arrow{transform-origin:50%;flex:none;transform:rotate(16deg)}.knobs{gap:.9rem;margin-top:1.2rem;display:grid}.knob{flex-direction:column;gap:.3rem;display:flex}.knob-hint{color:var(--muted);letter-spacing:.01em;padding-left:12px;font-size:.7rem}.knob-name{width:6.4rem;color:var(--ink);flex:none;font-size:.84rem}.knob-name em{color:var(--muted);letter-spacing:.01em;font-size:.68rem;font-style:normal;display:block}.knob output{text-align:right;font-variant-numeric:tabular-nums;width:3.2rem;color:var(--muted);flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem}.knob input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1;height:28px;margin:0}.knob input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#0a84ff var(--fill,50%),var(--hairline) var(--fill,50%));border-radius:2px;height:4px}.knob input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:22px;height:22px;margin-top:-9px;box-shadow:0 0 0 .5px #0000000f,0 .5px 2px #00000040,0 3px 7px #0000001f}.knob input[type=range]::-moz-range-track{background:var(--hairline);border-radius:2px;height:4px}.knob input[type=range]::-moz-range-progress{background:#0a84ff;border-radius:2px;height:4px}.knob input[type=range]::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 .5px #0000000f,0 .5px 2px #00000040,0 3px 7px #0000001f}.knob input[type=range]:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #0a84ff}.knob .dial-slider{width:100%;height:34px}.dial-slider{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;height:30px;position:relative}.dial-slider:focus-visible{outline-offset:3px;border-radius:10px;outline:2px solid #0a84ff}.dial-track{background:#ffffff0f;border-radius:8px;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff17}.dial-fill{background:#ffffff1f;position:absolute;top:0;bottom:0;left:0}.dial-slider.is-active .dial-fill{background:#ffffff2b}.dial-ticks{pointer-events:none;position:absolute;inset:0}.dial-ticks span{opacity:0;background:#ffffff38;border-radius:999px;width:1px;height:8px;transition:opacity .18s;position:absolute;top:50%;transform:translate(-50%,-50%)}.dial-handle{pointer-events:none;opacity:0;background:#fffffff2;border-radius:999px;width:3px;height:20px;margin-top:-10px;margin-left:-1.5px;transition:opacity .18s;position:absolute;top:50%;box-shadow:0 1px 3px #0006}.dial-slider:hover .dial-ticks span,.dial-slider.is-active .dial-ticks span,.dial-slider:hover .dial-handle,.dial-slider.is-active .dial-handle{opacity:1}.dial-label,.dial-value{z-index:2;pointer-events:none;font-size:13px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.dial-label{color:#ffffffeb;font-weight:600;left:12px}.dial-value{font-variant-numeric:tabular-nums;color:#ffffff9e;font-weight:500;right:12px}html[data-theme=light] .dial-track{background:#0000000d;box-shadow:inset 0 0 0 1px #0000001a}html[data-theme=light] .dial-fill{background:#00000021}html[data-theme=light] .dial-slider.is-active .dial-fill{background:#0000002e}html[data-theme=light] .dial-ticks span{background:#00000038}html[data-theme=light] .dial-handle{background:#1b1b1d;box-shadow:0 1px 3px #00000040}html[data-theme=light] .dial-label{color:#000000d9}html[data-theme=light] .dial-value{color:#0000008c}.knob-reset{border:1px solid var(--hairline);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;justify-self:start;margin-top:.2rem;padding:.42rem .9rem;font-family:inherit;font-size:.78rem;transition:color .2s,border-color .2s}.knob-reset:hover{color:var(--ink);border-color:var(--ink)}.holo-stage{gap:1.3rem;padding:2.6rem 0 1.4rem}.holo-hint{color:var(--muted);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem}.holo-picker{flex-wrap:wrap;justify-content:center;gap:.55rem;max-width:380px;display:flex}.holo-chip{background:var(--code-bg);border:1px solid var(--hairline);cursor:pointer;border-radius:6px;width:44px;height:61px;padding:0;transition:border-color .16s,transform .16s,box-shadow .16s;overflow:hidden}.holo-chip img{object-fit:cover;filter:saturate(.9)brightness(.78);width:100%;height:100%;transition:filter .16s;display:block}.holo-chip:hover{border-color:var(--muted);transform:translateY(-2px)}.holo-chip:hover img{filter:none}.holo-chip.is-active{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink),0 8px 18px -8px #00000080;transform:translateY(-2px)}.holo-chip.is-active img{filter:none}.holo-knobs{width:min(420px,100%);margin-top:.6rem}@media(max-width:760px){.cord-hint{display:none}.page{padding-top:3.5rem}}@media(max-width:600px){.masthead{flex-direction:column;align-items:flex-start;gap:.6rem}.links{flex-wrap:wrap;gap:.55rem 1rem}.page>.tagline{width:calc(100vw - 3rem);max-width:calc(100vw - 3rem)}.page.page-bleed{overflow-x:clip}}@media(max-width:488px){.demo-stage .clawcap{zoom:.86}}@media(max-width:425px){.demo-stage .clawcap{zoom:.74}}@media(max-width:370px){.demo-stage .clawcap{zoom:.6}}.page{flex-direction:column;width:min(100vw,640px);max-width:640px;min-height:100vh;margin:0 auto;padding:4.5rem 1.5rem 2.5rem;display:flex;overflow-x:clip}.page.page-bleed{overflow-x:visible}.page.page-deskfolio{width:100vw;max-width:none;height:100vh;min-height:100vh;margin:0;padding:0;overflow:hidden}.page-deskfolio>.tagline{width:min(640px,100vw - 3rem);margin:0 auto 1rem}.df-howto{background:#f5f4f1;border-radius:26px;align-items:center;gap:1.5rem;margin:2.25rem 0;padding:1.35rem;display:flex;box-shadow:inset 0 1px #ffffffb3,0 22px 44px -24px #0000008c,0 5px 14px -8px #00000047}.df-howto-frame{background:#fff;border-radius:18px;flex:none;width:clamp(156px,42%,240px);overflow:hidden;box-shadow:0 0 0 1px #0000000d,0 8px 18px -12px #00000038}.df-howto-img{width:100%;height:auto;display:block}.df-howto-text{flex:1;min-width:0}.df-howto-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#9a9aa0;margin-bottom:.55rem;font-size:.7rem;font-weight:600;display:block}.df-howto-text p{color:#57565c;letter-spacing:-.002em;margin:0 0 .62rem;font-size:.95rem;line-height:1.62}.df-howto-text p:last-child{margin:0}.df-howto-text strong{color:#1c1c1e;font-weight:600}@media(max-width:620px){.df-howto{flex-direction:column;align-items:stretch;gap:1.1rem;padding:1.1rem}.df-howto-frame{width:100%}}.page-deskfolio>.tagline.deskfolio-writeup{width:min(640px,100vw - 3rem);margin:clamp(1.35rem,3vw,2rem) auto 3rem}.deskfolio-writeup{--df-desk:#1b1814;content-visibility:auto;contain-intrinsic-size:auto 760px;color:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif}.df-writeup-intro{max-width:640px;margin:0 0 1.2rem}.df-writeup-name{color:#f5f5f7;letter-spacing:-.018em;margin:0 0 .42rem;font-size:clamp(2.25rem,5vw,2.85rem);font-weight:780;line-height:.96}.df-writeup-tagline{color:#f5f5f7db;letter-spacing:-.008em;max-width:640px;margin:0;font-size:clamp(1.2rem,2.8vw,1.45rem);font-weight:600;line-height:1.24}.df-writeup-copy{color:#f5f5f7ad;letter-spacing:-.004em;max-width:640px;margin:.92rem 0 0;font-size:clamp(1rem,2.2vw,1.12rem);line-height:1.58}.df-writeup-aside{color:#f5f5f780;margin-top:.45rem}.df-writeup-pills{flex-wrap:wrap;gap:.58rem .72rem;margin:1.65rem 0 0;display:flex}.df-writeup-pill{letter-spacing:-.002em;border-radius:999px;align-items:center;min-height:2rem;padding:.42rem .92rem .44rem;font-size:.9rem;font-weight:650;line-height:1.1;display:inline-flex}.df-writeup-pill--orange{color:#e6a07c;background:#e6a07c17;box-shadow:inset 0 0 0 1px #e6a07c38}.df-writeup-pill--green{color:#84c890;background:#84c89017;box-shadow:inset 0 0 0 1px #84c89038}.df-writeup-pill--blue{color:#9db2f5;background:#9db2f517;box-shadow:inset 0 0 0 1px #9db2f538}.deskfolio-writeup .df-howto{color:#f5f5f7;box-shadow:none;background:0 0;border-radius:0;grid-template-columns:minmax(260px,.9fr) minmax(0,1fr);align-items:start;gap:clamp(1.35rem,4vw,1.8rem);margin:1.85rem 0 1.05rem;padding:0;display:grid}.deskfolio-writeup .df-howto-frame{aspect-ratio:1;background:var(--df-desk,#1b1814);width:100%;box-shadow:none;border-radius:22px;position:relative;overflow:hidden}.deskfolio-writeup .df-howto-text{padding-top:.15rem}.deskfolio-writeup .df-howto-bear{filter:drop-shadow(0 6px 12px #00000047);width:55%;height:auto;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.deskfolio-writeup .df-howto-menu{background:#fff;border-radius:15px;flex-direction:column;width:47%;padding:5px;display:flex;position:absolute;top:6%;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #00000029,0 14px 30px -12px #00000073}.deskfolio-writeup .df-howto-menu-row{color:#1c1c1e;letter-spacing:-.01em;white-space:nowrap;border-radius:9px;align-items:center;gap:.5rem;padding:.42rem .55rem;font-size:.82rem;font-weight:600;display:flex}.deskfolio-writeup .df-howto-menu-row--danger{color:#e0533a}.deskfolio-writeup .df-howto-menu-ico{flex:none;width:1.05rem;height:1.05rem}.deskfolio-writeup .df-howto-cursor{color:#fff;filter:drop-shadow(0 2px 4px #0009);pointer-events:none;width:9%;height:auto;position:absolute;bottom:14%;right:12%}.deskfolio-writeup .df-howto-eyebrow{color:#f5f5f780;letter-spacing:.06em;margin-bottom:.72rem;font-size:.72rem;font-weight:600}.deskfolio-writeup .df-howto-text p{color:#f5f5f7b8;letter-spacing:-.003em;max-width:36rem;margin:0 0 1.08rem;font-size:clamp(1rem,2vw,1.1rem);line-height:1.56}.deskfolio-writeup .df-howto-text strong{color:#f5f5f7;font-weight:720}.df-reference-strip{flex-direction:column;align-items:flex-start;gap:.6rem;margin-top:1.4rem;display:flex}.df-reference-title{color:#f5f5f780;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:600}.df-reference-pills{flex-wrap:wrap;gap:.5rem;display:flex}.df-reference-strip a{color:#f5f5f7bd;letter-spacing:-.004em;background:#ffffff0a;border-radius:999px;align-items:center;min-height:2rem;padding:.4rem .85rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s,background .2s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.df-reference-strip a:hover{color:#fff;background:#ffffff13;box-shadow:inset 0 0 0 1px #ffffff29}@media(max-width:620px){.page-deskfolio>.tagline.deskfolio-writeup{width:min(100% - 2rem,640px);margin:1.25rem auto 2.4rem}.df-writeup-name{font-size:2.18rem;line-height:1}.df-writeup-tagline{font-size:1.18rem;line-height:1.3}.df-writeup-copy{font-size:1rem;line-height:1.56}.deskfolio-writeup .df-howto{grid-template-columns:1fr;gap:1.25rem;margin-top:1.6rem}.deskfolio-writeup .df-howto-text p{font-size:.98rem;line-height:1.58}}.deskfolio-live{justify-content:center;align-items:center;width:100vw;height:100vh;min-height:100vh;margin:0;padding:0;display:flex;overflow:hidden}.deskfolio-demo-stage{isolation:isolate;box-sizing:border-box;background-color:#2f6f5b;background-image:repeating-linear-gradient(0deg,#ffffff1c 0 1px,#0000 1px 112px),repeating-linear-gradient(90deg,#ffffff1c 0 1px,#0000 1px 112px),repeating-linear-gradient(0deg,#ffffff0d 0 1px,#0000 1px 28px),repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 28px),radial-gradient(130% 120% at 50% 0,#347a64,#285446 70%,#20473b);flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff29,inset 0 0 0 9px #ffffff0d,inset 0 2px 40px #00000047;border-radius:0!important;width:100vw!important;max-width:none!important;height:100vh!important;min-height:100vh!important;margin:0!important;padding:clamp(.5rem,1.6vh,1.2rem) clamp(1rem,2vw,2rem)!important;transform:none!important}.page-deskfolio .footer{display:none}@media(max-width:760px){.page.page-deskfolio{padding:0}.deskfolio-demo-stage{border-radius:0;flex-direction:column;align-items:stretch;width:100%;min-height:100svh;margin-left:0;padding:12px 12px 16px;display:flex;transform:none}.df-book-bloom--mobile{flex:auto;justify-content:center;align-self:stretch;align-items:center;min-height:0;padding-bottom:26vh;display:flex}}.df-pickers{z-index:20;flex-shrink:0;position:relative;margin-top:clamp(.1rem,.6vh,.4rem)!important;margin-bottom:clamp(.2rem,.8vh,.6rem)!important}.df-book-bloom{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex}.df-tray-bloom{z-index:15;flex-shrink:0;position:relative;margin-top:clamp(.2rem,.8vh,.5rem)!important;margin-bottom:clamp(.1rem,.5vh,.3rem)!important}.df-sticker-dragger{-webkit-user-select:none;user-select:none;outline:none!important}.deskfolio{--df-paper:#fff6f3;--df-paper-2:#ffeef0;--df-paper-edge:#ffe0e4;--df-ink:#5b4b48;--df-ink-soft:#927d78;--df-line:#6b5a5724;--df-blush:#f3a8c0;--df-blush-deep:#e985a8;--df-lilac:#c7b4e6;--df-lilac-deep:#a98fd8;--df-mint:#a7dcc4;--df-butter:#f6d99a;--df-cover-1:#ffd3df;--df-cover-2:#f7afc8;--df-cover-3:#ef93b4;--df-cover-ink:#8a4f6a;--df-shadow:#9664764d;--df-fold:116, 76, 92;--df-font-hand:"Caveat", "Segoe Script", cursive;--df-font-round:"Quicksand", ui-rounded, "Segoe UI", system-ui, sans-serif;color:var(--df-ink);font-family:var(--df-font-round);-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;display:flex}.deskfolio-stage{pointer-events:none;position:relative}.deskfolio-book{perspective:2200px;perspective-origin:50% 42%;cursor:grab;touch-action:pan-y;border-radius:22px;outline:none;width:100%;height:100%;position:relative}.deskfolio-book:focus-visible{outline:3px solid var(--df-lilac-deep)}@supports (color:color-mix(in lab,red,red)){.deskfolio-book:focus-visible{outline:3px solid color-mix(in srgb,var(--df-lilac-deep),#3a2a5e 35%)}}.deskfolio-book:focus-visible{outline-offset:6px;box-shadow:0 0 0 6px #fffdfaad}.deskfolio-book:active{cursor:grabbing}.deskfolio-block{background:var(--df-paper-2);width:50%;height:98.8%;box-shadow:0 38px 50px -30px var(--df-cast,#12201b80),0 14px 22px -16px var(--df-cast,#12201b80);border-radius:5px 20px 20px 5px;position:absolute;top:.6%;left:50%}.deskfolio-block:after{content:"";background:repeating-linear-gradient(to bottom,var(--df-paper) 0 2px,var(--df-paper-edge) 2px 4px);border-radius:0 14px 14px 0;width:8px;height:96%;position:absolute;top:2%;right:0}.deskfolio-ribbon{z-index:6;pointer-events:none;background:linear-gradient(90deg,#781e3c47,#0000 30% 70%,#781e3c47),linear-gradient(90deg,#e98aa8,#ffc6d8 50%,#e98aa8);width:16px;height:58%;transition:opacity .3s;position:absolute;top:-1.5%;left:51%;box-shadow:2px 3px 7px -2px #141e1966}.deskfolio-ribbon:after{content:"";clip-path:polygon(0 0,100% 0,100% 100%,50% 42%,0 100%);background:linear-gradient(90deg,#781e3c47,#0000 30% 70%,#781e3c47),linear-gradient(90deg,#e98aa8,#ffc6d8 50%,#e98aa8);height:14px;position:absolute;bottom:-12px;left:0;right:0}.deskfolio[data-open=false] .deskfolio-ribbon{opacity:0}.deskfolio-sheet{transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;position:absolute;top:0;left:50%}.deskfolio-face{backface-visibility:hidden;pointer-events:auto;background:radial-gradient(130% 90% at 82% 6%,#ffffff8c,transparent 60%),linear-gradient(160deg,var(--df-paper),var(--df-paper-2));position:absolute;inset:0;overflow:hidden}.deskfolio-face *,.deskfolio-corner{pointer-events:auto}.deskfolio-face--front{border-radius:6px 20px 20px 6px;transform:translateZ(.6px)}.deskfolio-face--back{border-radius:20px 6px 6px 20px;transform:rotateY(180deg)translateZ(.6px)}.deskfolio-face--hard{background:repeating-linear-gradient(48deg,#ffffff09 0 1.5px,transparent 1.5px 3.5px),repeating-linear-gradient(-48deg,#0000000a 0 1.5px,transparent 1.5px 3.5px),radial-gradient(125% 80% at 26% 10%,#ffffff42,transparent 48%),linear-gradient(150deg,var(--df-cover-1),var(--df-cover-2) 52%,var(--df-cover-3));color:var(--df-cover-ink);box-shadow:inset 0 0 0 1px #ffffff29,inset 0 1px #ffffff42,inset 0 0 64px #0000002b}.deskfolio-face--hard.deskfolio-face--front{box-shadow:inset 0 0 0 1px #ffffff29,inset 0 1px #ffffff42,inset 0 0 64px #0000002b,0 30px 46px -24px var(--df-cast,#12201b80)}.deskfolio-face--hard:before{content:"";background:linear-gradient(90deg,#0000 22px,#ffffff1f,#0000 24px),linear-gradient(90deg,#00000042,#0000000a 60%,#0000);width:26px;position:absolute;top:0;bottom:0;left:0}.deskfolio-face--hard.deskfolio-face--back:before{background:linear-gradient(270deg,#0000 22px,#ffffff1f,#0000 24px),linear-gradient(270deg,#00000042,#0000000a 60%,#0000);left:auto;right:0}.deskfolio-page-content{z-index:1;width:100%;height:100%;padding:11% 10% 9%;position:relative;overflow:hidden;container-type:inline-size}.deskfolio-fold{z-index:2;pointer-events:none;background:linear-gradient(to left,rgba(var(--df-fold),.34),rgba(var(--df-fold),.04) 58%,transparent);position:absolute;inset:0}.deskfolio-face--back .deskfolio-fold{background:linear-gradient(to right,rgba(var(--df-fold),.34),rgba(var(--df-fold),.04) 58%,transparent)}.deskfolio-spine-shade{z-index:1;pointer-events:none;background:linear-gradient(to right,rgba(var(--df-fold),.12),transparent);width:13%;position:absolute;top:0;bottom:0;left:0}.deskfolio-spine-shade--right{background:linear-gradient(to left,rgba(var(--df-fold),.12),transparent);left:auto;right:0}.deskfolio-corner{z-index:3;cursor:grab;width:17%;height:17%;position:absolute;bottom:0;right:0}.deskfolio-corner:after{content:"";border-style:solid;border-width:0 0 24px 24px;border-color:transparent transparent var(--df-paper-2) transparent;width:0;height:0;filter:drop-shadow(-2px -2px 3px rgba(var(--df-fold),.2));transition:border-width .24s cubic-bezier(.34,1.45,.6,1);position:absolute;bottom:0;right:0}.deskfolio-corner:hover:after{border-width:0 0 36px 36px}.deskfolio-hint{font-family:var(--df-font-hand);color:var(--df-ink-soft);white-space:nowrap;pointer-events:none;font-size:1.4rem;animation:.5s both df-hint-in;position:absolute;bottom:-2.6rem;left:50%;transform:translate(-50%)}@keyframes df-hint-in{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:.9;transform:translate(-50%)}}.deskfolio-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media(prefers-reduced-motion:reduce){.deskfolio-corner:after{transition:none}.deskfolio-hint{opacity:.9;animation:none}}.df-page{background-image:radial-gradient(circle,var(--df-ink) 1px,transparent 1.4px);flex-direction:column;gap:.7rem;width:100%;height:100%;display:flex;position:relative}@supports (color:color-mix(in lab,red,red)){.df-page{background-image:radial-gradient(circle,color-mix(in srgb,var(--df-ink) 7%,transparent) 1px,transparent 1.4px)}}.df-page{background-position:6px 10px;background-size:23px 23px}.df-hello{font-family:var(--df-font-hand);letter-spacing:.01em;color:var(--df-blush-deep);margin:0;font-size:clamp(2rem,13cqw,3rem);font-weight:700;line-height:.95}.df-hello--lilac{color:var(--df-lilac-deep)}.df-date{background:var(--df-blush);border-radius:999px;align-self:flex-start;align-items:center;gap:.4rem;padding:.2rem .8rem;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.df-date{background:color-mix(in srgb,var(--df-blush) 26%,var(--df-paper))}}.df-date{color:var(--df-blush-deep);font-size:.82rem;font-weight:600}.df-date--lilac{background:var(--df-lilac)}@supports (color:color-mix(in lab,red,red)){.df-date--lilac{background:color-mix(in srgb,var(--df-lilac) 30%,var(--df-paper))}}.df-date--lilac{color:var(--df-lilac-deep)}.df-date svg{width:13px;height:13px}.df-card{padding:0}.df-card-title{font-family:var(--df-font-hand);color:var(--df-blush-deep);align-items:center;gap:.35rem;margin:0 0 .3rem;font-size:1.4rem;font-weight:700;display:flex}.df-card--lilac .df-card-title{color:var(--df-lilac-deep)}.df-card-title svg{width:16px;height:16px}.df-label{font-family:var(--df-font-hand);color:var(--df-blush-deep);margin:0;font-size:1.3rem;font-weight:700}.df-edit{color:var(--df-ink);caret-color:var(--df-blush-deep);backface-visibility:visible;border-radius:10px;outline:none;transition:background .2s,box-shadow .2s}.df-edit:focus{background:var(--df-blush)}@supports (color:color-mix(in lab,red,red)){.df-edit:focus{background:color-mix(in srgb,var(--df-blush) 12%,transparent)}}.df-edit:focus{box-shadow:0 0 0 5px var(--df-blush)}@supports (color:color-mix(in lab,red,red)){.df-edit:focus{box-shadow:0 0 0 5px color-mix(in srgb,var(--df-blush) 12%,transparent)}}.df-edit:empty:before{content:attr(data-ph);color:var(--df-ink-soft);opacity:.7}.df-edit--body{font-size:1.02rem;line-height:1.72}.df-edit--entry{flex:1;min-height:3em;font-size:.95rem;line-height:1.7}.df-edit--quote{font-family:var(--df-font-hand);color:var(--df-ink);font-size:1.45rem;line-height:1.35}.df-checklist{flex-direction:column;gap:.05rem;margin:0;padding:0;list-style:none;display:flex}.df-check{align-items:center;gap:.6rem;padding:.34rem 0;display:flex}.df-check-box{background:var(--df-paper);color:#fff;cursor:pointer;width:21px;height:21px;box-shadow:inset 0 0 0 2px var(--df-blush);border:none;border-radius:7px;flex:none;place-items:center;padding:0;display:grid}@supports (color:color-mix(in lab,red,red)){.df-check-box{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--df-blush) 55%,transparent)}}.df-check-box{transition:background .18s,box-shadow .18s,transform .2s cubic-bezier(.34,1.5,.6,1)}.df-card--lilac .df-check-box{box-shadow:inset 0 0 0 2px var(--df-lilac-deep)}@supports (color:color-mix(in lab,red,red)){.df-card--lilac .df-check-box{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--df-lilac-deep) 55%,transparent)}}.df-check-box svg{opacity:0;width:14px;height:14px;transition:opacity .14s,transform .2s cubic-bezier(.34,1.7,.6,1);transform:scale(.4)}.df-check.is-done .df-check-box{background:var(--df-blush-deep);box-shadow:inset 0 0 0 2px var(--df-blush-deep);transform:scale(1.06)}.df-card--lilac .df-check.is-done .df-check-box{background:var(--df-lilac-deep);box-shadow:inset 0 0 0 2px var(--df-lilac-deep)}.df-check.is-done .df-check-box svg{opacity:1;transform:scale(1)}.df-check .df-edit{flex:1;font-size:.94rem;transition:color .2s,opacity .2s}.df-check.is-done .df-edit{text-decoration:line-through;-webkit-text-decoration-color:var(--df-blush);text-decoration-color:var(--df-blush);color:var(--df-ink-soft);opacity:.72}@media(prefers-reduced-motion:reduce){.df-check-box,.df-check-box svg{transition:none}}.df-moods{gap:.45rem;display:flex}.df-mood{aspect-ratio:1;background:var(--df-paper);max-width:46px;color:var(--df-ink-soft);box-shadow:inset 0 0 0 1.5px var(--df-line);cursor:pointer;border:none;border-radius:32%;flex:1;place-items:center;padding:0;transition:transform .22s cubic-bezier(.34,1.5,.6,1),background .2s,box-shadow .2s,color .2s;display:grid}.df-mood svg{width:66%;height:66%}.df-mood:hover{box-shadow:inset 0 0 0 1.5px var(--df-blush)}.df-mood[aria-pressed=true]{background:var(--df-blush)}@supports (color:color-mix(in lab,red,red)){.df-mood[aria-pressed=true]{background:color-mix(in srgb,var(--df-blush) 32%,var(--df-paper))}}.df-mood[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--df-blush-deep);color:var(--df-blush-deep);transform:scale(1.1)}.df-photo{width:74%;box-shadow:0 14px 24px -14px var(--df-shadow);background:#fff;border-radius:4px;align-self:center;padding:9px 9px 26px;transform:rotate(-2.5deg)}.df-photo-img{aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:2px;width:100%;height:auto;display:block}.df-photo-cap{text-align:center;font-family:var(--df-font-hand);color:var(--df-ink-soft);margin:8px 0 0;font-size:1.25rem}.df-sig{font-family:var(--df-font-hand);color:var(--df-blush-deep);margin-top:auto;font-size:1.45rem}@supports (color:color-mix(in lab,red,red)){.df-sig{color:color-mix(in srgb,var(--df-blush-deep),#7a3350 42%)}}.df-heart{vertical-align:.06em;opacity:.9;font-size:.72em}.df-doodle{z-index:2;color:var(--df-blush);opacity:.85;pointer-events:none;position:absolute}.df-doodle--lilac{color:var(--df-lilac)}.df-doodle--butter{color:var(--df-butter)}.df-doodle--mint{color:var(--df-mint)}.df-doodle--soft{opacity:.4}.df-cover,.df-end{text-align:center;width:100%;height:100%;color:var(--df-cover-ink);flex-direction:column;justify-content:center;align-items:center;gap:2.75cqw;display:flex}.df-cover-doodle{color:var(--df-cover-ink);opacity:.92}.df-cover-title{font-family:var(--df-font-hand);margin:0;font-size:clamp(2.2rem,16cqw,3.6rem);font-weight:700;line-height:.95}.df-cover-sub{letter-spacing:.28em;text-transform:uppercase;opacity:.78;font-size:3.3cqw}.df-cover-hint{font-family:var(--df-font-hand);opacity:.8;font-size:6.5cqw;animation:2.6s ease-in-out infinite df-breathe;position:absolute;bottom:9%}@keyframes df-breathe{0%,to{opacity:.62;transform:translateY(0)}50%{opacity:.94;transform:translateY(-2px)}}.df-end-title{font-family:var(--df-font-hand);margin:0;font-size:clamp(1.9rem,12cqw,2.8rem);font-weight:700}.df-end-sub{letter-spacing:.26em;text-transform:uppercase;opacity:.78;font-size:.66rem}.df-about-head{align-items:center;gap:.7rem;display:flex}.df-avatar{box-sizing:border-box;width:62px;height:62px;color:var(--df-paper);background:linear-gradient(150deg,var(--df-blush),var(--df-lilac-deep));box-shadow:inset 0 0 0 2px var(--df-paper),0 8px 16px -10px var(--df-shadow);border-radius:50%;flex:none;place-items:center;padding:2px;display:grid}.df-avatar svg{width:24px;height:24px}.df-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.df-name{font-family:var(--df-font-hand);color:var(--df-blush-deep);font-size:1.9rem;font-weight:700;line-height:1}.df-role{color:var(--df-ink-soft);align-items:center;gap:.35rem;margin-top:.2rem;font-size:.88rem;font-weight:600;display:inline-flex}.df-role svg{width:13px;height:13px;color:var(--df-blush)}.df-label--push{margin-top:auto}.df-tags{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.df-tag{color:var(--df-lilac-deep);background:var(--df-lilac);border-radius:999px;padding:.26rem .78rem;font-size:.86rem;font-weight:600}@supports (color:color-mix(in lab,red,red)){.df-tag{background:color-mix(in srgb,var(--df-lilac) 22%,var(--df-paper))}}.df-tag{box-shadow:inset 0 0 0 1.5px var(--df-lilac)}@supports (color:color-mix(in lab,red,red)){.df-tag{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--df-lilac) 40%,transparent)}}.df-tags--blush .df-tag{color:var(--df-blush-deep);background:var(--df-blush)}@supports (color:color-mix(in lab,red,red)){.df-tags--blush .df-tag{background:color-mix(in srgb,var(--df-blush) 22%,var(--df-paper))}}.df-tags--blush .df-tag{box-shadow:inset 0 0 0 1.5px var(--df-blush)}@supports (color:color-mix(in lab,red,red)){.df-tags--blush .df-tag{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--df-blush) 40%,transparent)}}.df-proj{padding:0}.df-proj-head{justify-content:space-between;align-items:baseline;gap:.5rem;margin:0 0 .15rem;display:flex}.df-proj-name{font-family:var(--df-font-hand);color:var(--df-blush-deep);font-size:1.5rem;font-weight:700}a.df-proj-name{cursor:pointer;text-decoration:none;position:relative}.df-proj-scribble{width:calc(100% + .1em);height:.58em;color:var(--df-blush-deep);pointer-events:none;position:absolute;bottom:-.3em;left:-.05em;right:-.05em;overflow:visible}.df-proj-scribble .df-scribble-pen{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .68s cubic-bezier(.62,0,.3,1)}a.df-proj-name:hover .df-proj-scribble .df-scribble-pen,a.df-proj-name:focus-visible .df-proj-scribble .df-scribble-pen{stroke-dashoffset:0}@media(prefers-reduced-motion:reduce){.df-proj-scribble .df-scribble-pen{stroke-dashoffset:0;transition:none}}.df-proj-meta{letter-spacing:.05em;text-transform:uppercase;color:var(--df-blush-deep);background:var(--df-blush);flex:none;font-size:.64rem;font-weight:700}@supports (color:color-mix(in lab,red,red)){.df-proj-meta{background:color-mix(in srgb,var(--df-blush) 18%,var(--df-paper))}}.df-proj-meta{border-radius:999px;padding:.18rem .55rem}.df-proj-desc{font-size:.96rem;line-height:1.55}.df-xp{flex-direction:column;gap:.85rem;margin:0;padding:0 0 0 .15rem;list-style:none;display:flex}.df-xp-row{align-items:flex-start;gap:.65rem;display:flex}.df-xp-dot{background:var(--df-blush);width:11px;height:11px;box-shadow:0 0 0 4px var(--df-blush);border-radius:50%;flex:none;margin-top:.46rem}@supports (color:color-mix(in lab,red,red)){.df-xp-dot{box-shadow:0 0 0 4px color-mix(in srgb,var(--df-blush) 22%,transparent)}}.df-xp-role{color:var(--df-ink);margin:0;font-size:.98rem;font-weight:700}.df-xp-meta{color:var(--df-ink-soft);margin:.1rem 0 0;font-size:.82rem}.df-links{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.df-link{color:var(--df-ink);background:var(--df-paper);box-shadow:inset 0 0 0 1.5px var(--df-line);border-radius:12px;align-items:center;gap:.6rem;padding:.5rem .8rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:transform .18s cubic-bezier(.34,1.5,.6,1),box-shadow .18s,color .18s;display:flex}.df-link svg{width:16px;height:16px;color:var(--df-blush-deep);flex:none}.df-link:hover{color:var(--df-blush-deep);box-shadow:inset 0 0 0 1.5px var(--df-blush);transform:translate(2px)}@media(prefers-reduced-motion:reduce){.df-link{transition:none}}.df-thanks{text-align:center;justify-content:center;align-items:center;gap:.5rem}.df-thanks-spark{width:30px;height:30px;color:var(--df-blush)}.df-thanks-title{font-family:var(--df-font-hand);color:var(--df-blush-deep);margin:0;font-size:clamp(1.9rem,12cqw,2.8rem);font-weight:700;line-height:.95}.df-thanks-sub{letter-spacing:.24em;text-transform:uppercase;color:var(--df-ink-soft);font-size:.74rem;font-weight:600}.df-covercolors-anchor{z-index:2;width:min(calc(var(--df-picker-w,360px) - 34px),calc(100vw - 3rem));align-self:center;height:42px;margin:0 auto 2rem;position:relative;overflow:hidden}.df-covercolors{box-sizing:border-box;transform-origin:0;background:#fdfcfb;width:max-content;max-width:100%;position:absolute;top:-12px;left:0;overflow:hidden;box-shadow:0 18px 40px -16px #0006,0 6px 14px -8px #0000004d,inset 0 0 0 1px #ffffffb3}.df-covercolors[data-open=true]{width:100%}.df-covercolors-trigger{color:#6b5a57;cursor:pointer;height:42px;font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:.5rem;padding:0 .92rem;font-weight:700;display:inline-flex}.df-covercolors-trigger:hover .df-covercolors-chip{transform:translateY(-1px)scale(1.08)}.df-covercolors-chip{background:var(--sw);border:2px solid #fff;border-radius:999px;flex:none;width:22px;height:22px;transition:transform .15s;box-shadow:inset 0 0 0 1px #4b23322e,0 2px 5px #1028202e}.df-covercolors-label{letter-spacing:0;font-size:.78rem;line-height:1}.df-covercolors-panel{box-sizing:border-box;transform-origin:0;flex-direction:column;align-items:center;gap:.52rem;width:100%;padding:.5rem 1rem .85rem;display:flex}.df-covercolors-handle{cursor:pointer;background:#dcd7d2;border:none;border-radius:3px;width:38px;height:5px;padding:0;transition:background .18s}.df-covercolors-handle:hover{background:#c7c0ba}.df-sw-row{max-width:calc(min(var(--df-picker-w,360px),calc(100vw - 3rem)) - 2rem);background:0 0;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:8px;padding:0;display:flex}.df-sw{appearance:none;background:var(--sw);cursor:pointer;border:0;border-radius:999px;flex:none;width:21px;height:21px;margin:0;padding:0;transition:transform .13s,border-color .15s,box-shadow .15s;display:block;box-shadow:inset 0 0 0 1px #4b23322e,0 0 0 2px #fdfcfb,0 2px 5px #1028202e}.df-sw:hover{transform:translateY(-1px)scale(1.08)}.df-sw:focus-visible{outline-offset:3px;outline:2px solid #0a84ffe6}.df-sw.is-active{transform:none;box-shadow:inset 0 0 0 1px #4b23322e,0 0 0 2px #fdfcfb,0 2px 5px #1028202e}@media(prefers-reduced-motion:reduce){.df-cover-hint{opacity:.8;animation:none}.df-mood,.df-sw,.df-covercolors-chip,.df-covercolors-handle{transition:none}}.df-hl{background:linear-gradient(100deg,transparent 1%,var(--hl,#ffe066) 3%,var(--hl,#ffe066) 97%,transparent 99.5%),linear-gradient(100deg,transparent 24%,var(--hl,#ffe066) 50%,transparent 76%)}@supports (color:color-mix(in lab,red,red)){.df-hl{background:linear-gradient(100deg,transparent 1%,var(--hl,#ffe066) 3%,var(--hl,#ffe066) 97%,transparent 99.5%),linear-gradient(100deg,transparent 24%,color-mix(in srgb,var(--hl,#ffe066) 40%,transparent) 50%,transparent 76%)}}.df-hl{mix-blend-mode:multiply;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:0 0,0 .08em;background-repeat:no-repeat;background-size:100% 1.12em,100% 1em;border-radius:.5em .62em .55em .66em;margin:0 -.06em;padding:.05em .16em}.df-hl--glow{mix-blend-mode:normal;filter:drop-shadow(0 0 3px var(--hl))}.df-hl--bullet{background-position:0 .12em,0 .18em;background-size:100% .9em,100% .8em;border-radius:.7em}.df-hl--fine{background-position:0 .36em,0 .4em;background-size:100% .5em,100% .42em;border-radius:.4em}.deskfolio{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;position:relative}.deskfolio .df-edit{-webkit-user-select:text;user-select:text}.deskfolio .df-edit::selection{color:inherit;background:#f3a8c073}.deskfolio .df-edit ::selection{color:inherit;background:#f3a8c073}.deskfolio .df-edit::-moz-selection{color:inherit;background:#f3a8c073}.deskfolio .df-edit ::-moz-selection{color:inherit;background:#f3a8c073}body.df-armed .df-edit::selection{background:var(--df-sel,transparent);color:inherit}body.df-armed .df-edit ::selection{background:var(--df-sel,transparent);color:inherit}body.df-armed .df-edit::-moz-selection{background:var(--df-sel,transparent);color:inherit}body.df-armed .df-edit ::-moz-selection{background:var(--df-sel,transparent);color:inherit}.df-stickers{z-index:0;pointer-events:none;contain:layout style;position:absolute;inset:0}.df-stickers.is-dragging{z-index:9}.df-stickers.has-active{z-index:50}.df-washi{opacity:.82;border-radius:3px;width:clamp(74px,8vw,128px);height:24px;display:block;position:absolute;box-shadow:0 7px 12px #152b2329,inset 0 0 0 1px #ffffff57}.df-washi--pink{background:linear-gradient(90deg,#0000 0 10px,#ffffff5c 10px 12px,#0000 12px 24px) 0 0/24px 100%,#f7b9c6}.df-washi--mint{background:repeating-linear-gradient(135deg,#ffffff6b 0 8px,#0000 8px 17px),#a9dbc8}.df-washi--butter{background:radial-gradient(circle at 12px,#ffffff7a 0 3px,#0000 3.4px) 0 0/22px 100%,#f6dc91}.df-hltool{z-index:2;background:#fdfcfb;margin-top:1.8rem;position:relative;overflow:hidden;box-shadow:0 18px 40px -16px #0006,0 6px 14px -8px #0000004d,inset 0 0 0 1px #ffffffb3}.df-hltool-trigger{cursor:pointer;background:0 0;border:none;place-items:center;width:66px;height:60px;padding:0;display:grid}.df-hltool-trigger .df-mk{width:26px;height:auto;transition:transform .2s cubic-bezier(.34,1.5,.6,1);transform:rotate(-8deg)}.df-hltool-panel{flex-direction:column;align-items:center;gap:.5rem;padding:.5rem 1.1rem .85rem;display:flex}.df-hltool-handle{cursor:pointer;background:#dcd7d2;border:none;border-radius:3px;width:44px;height:5px;padding:0;transition:background .18s;position:absolute;top:10px;left:50%;transform:translate(-50%)}.df-hltool-handle:hover{background:#c7c0ba}.df-hltool-row{grid-template-columns:158px 1px 94px 1px 34px;align-items:end;column-gap:12px;width:336px;margin-top:6px;display:grid}.df-hltool-div{background:#00000014;width:1px;height:64px;margin:0}.df-nibs{align-items:flex-end;gap:.3rem;display:flex}.df-nib{cursor:pointer;background:0 0;border:none;border-radius:14px;place-items:end center;width:34px;height:60px;padding:4px 0;transition:background .18s,transform .2s cubic-bezier(.34,1.5,.6,1);display:grid}.df-nib .df-mk{width:24px;height:auto;transition:transform .2s cubic-bezier(.34,1.5,.6,1)}.df-nib:hover .df-mk{transform:none}.df-nib.is-active{background:0 0}.df-nib.is-active .df-mk{transform:translateY(-6px)}.df-dots{grid-template-columns:repeat(3,auto);justify-content:center;align-self:center;gap:.42rem;display:grid}.df-dot{background:var(--dot);cursor:pointer;border:none;border-radius:50%;width:26px;height:26px;padding:0;transition:transform .18s cubic-bezier(.34,1.55,.6,1),box-shadow .18s;box-shadow:inset 0 0 0 1px #00000014}.df-dot[data-glow=true]{box-shadow:inset 0 0 0 1px #00000014,0 0 8px var(--dot)}.df-dot:hover{transform:scale(1.12)}.df-dot.is-active{box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px var(--dot);transform:none}.df-eraserbtn{color:#8a8079;cursor:pointer;background:#f1eeea;border:none;border-radius:50%;place-self:center;place-items:center;width:34px;height:34px;transition:background .18s,color .18s,transform .18s cubic-bezier(.34,1.55,.6,1);display:grid}.df-eraserbtn svg{width:17px;height:17px}.df-eraserbtn:hover{transform:none}.df-eraserbtn.is-active{background:var(--df-blush);color:#fff}@media(prefers-reduced-motion:reduce){.df-hltool-trigger .df-mk,.df-nib,.df-nib .df-mk,.df-dot,.df-eraserbtn{transition:none}}.df-cover-band{z-index:2;background:linear-gradient(90deg,#ffffff0d,#ffffff21 50%,#ffffff0d),linear-gradient(90deg,#12101652,#12101675 50%,#12101652);width:7.5%;position:absolute;top:-1px;bottom:-1px;right:12%;box-shadow:-5px 0 8px -3px #00000038,5px 0 8px -3px #00000038}.df-cover-label{z-index:1;color:#5b4a52;text-align:center;background:linear-gradient(#fffdf8,#fbf3e6);border-radius:7px;flex-direction:column;align-items:center;gap:.9cqw;width:60%;padding:5cqw 4.5cqw 5.25cqw;display:flex;position:relative;box-shadow:0 4px 12px -5px #0000004d,inset 0 0 0 1px #7a503c17}.df-name-tag{z-index:1;aspect-ratio:340/250;filter:drop-shadow(0 5px 10px #28222a33);width:100%;position:relative}.df-name-tag-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.df-name-tag-text{color:#2f2a30;width:84%;font-family:var(--df-font-hand,"Caveat", "Segoe Script", cursive);text-align:center;transform-origin:50%;cursor:text;text-shadow:0 1px #ffffff80;white-space:nowrap;outline:none;padding:0 .25em;font-size:clamp(1.15rem,8.5cqw,2.3rem);font-weight:700;line-height:1;position:absolute;top:59%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(-4deg)}.df-name-tag-text:empty:before{content:attr(data-ph);color:#3f343a73}.df-name-tag-text:focus-visible{box-shadow:0 2px #ec4e426b}.df-cover-heart{width:22px;height:22px;color:var(--df-blush-deep)}.df-cover-mark{color:#5b4a52;background:#ffffff73;border-radius:2.8cqw;place-items:center;width:9.4cqw;height:9.4cqw;margin-bottom:1.7cqw;display:inline-grid;position:relative;box-shadow:inset 0 0 0 1.5px #7a503c52}.df-cover-mono{font-family:var(--df-font-round);letter-spacing:.06em;padding-left:.06em;font-size:3.75cqw;font-weight:700;line-height:1}.df-cover-cursor{width:4cqw;height:4cqw;color:var(--df-blush-deep);filter:drop-shadow(0 0 1px #fffdf8)drop-shadow(0 0 1px #fffdf8);position:absolute;bottom:-1.5cqw;right:-1.5cqw}.df-cover-label .df-cover-title{color:#5b4a52;margin:0;font-size:clamp(1.45rem,12cqw,2.4rem)}.df-cover-label .df-cover-sub{color:#a08a7e;opacity:1}.df-cover-lines{border-top:1px solid #7a503c2e;width:78%;height:0;margin-top:2.5cqw;box-shadow:0 7px 0 -6px #7a503c29,0 14px 0 -13px #7a503c29}.df-pickers{z-index:8;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.7rem 1rem;margin-bottom:1.5rem;display:flex;position:relative}.df-pickers .df-covercolors-anchor{margin:0}.df-pickers{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.7rem;margin-bottom:1.6rem;display:flex}.df-picker{position:relative}.df-picker-trigger{color:#6b5a57;height:40px;font:inherit;cursor:pointer;background:#fdfcfb;border:0;border-radius:999px;align-items:center;gap:.5rem;padding:0 .95rem;font-weight:700;transition:transform .15s;display:inline-flex;box-shadow:0 8px 18px -10px #00000059,inset 0 0 0 1px #ffffffb3}.df-picker-trigger:hover,.df-picker-trigger.is-open{transform:translateY(-1px)}.df-picker-chip{background:var(--sw);border:2px solid #fff;border-radius:999px;flex:none;width:20px;height:20px;transition:transform .22s cubic-bezier(.34,1.5,.6,1);box-shadow:inset 0 0 0 1px #4b23322e,0 1px 3px #10282033}.df-picker-trigger.is-open .df-picker-chip,.df-picker-trigger:hover .df-picker-chip{transform:scale(1.12)}.df-picker-label{font-size:.8rem;line-height:1}.df-picker-pop{z-index:30;transform-origin:top;background:#fdfcfb;border-radius:16px;flex-wrap:wrap;justify-content:center;gap:8px;width:max-content;max-width:min(300px,78vw);padding:.7rem .8rem;display:flex;position:absolute;top:calc(100% + 10px);box-shadow:0 20px 44px -18px #00000073,inset 0 0 0 1px #ffffffb3}.df-picker-pop:before{content:"";top:-5px;left:calc(50% + var(--df-pop-shift,0px));background:#fdfcfb;width:12px;height:12px;position:absolute;transform:translate(-50%)rotate(45deg)}.df-picker-pop .df-sw.is-active{box-shadow:0 0 0 2px #fdfcfb,0 0 0 4px var(--sw)}.df-shuffle .df-shuffle-icon{width:20px;height:20px;color:var(--df-blush-deep,#e985a8);place-items:center;display:grid}.df-shuffle .df-shuffle-icon svg{width:18px;height:18px}.df-shuffle:hover .df-shuffle-icon{color:var(--df-lilac-deep,#a98fd8)}.df-hltool{width:60px;height:60px;box-shadow:none;background:0 0;border-radius:0;margin:1.9rem auto 0;position:relative;overflow:visible}.df-hltool-trigger{cursor:pointer;background:#fdfcfb;border:none;border-radius:50%;place-items:center;width:60px;height:60px;padding:0;transition:transform .22s cubic-bezier(.34,1.5,.6,1),box-shadow .22s;display:grid;position:relative;overflow:visible;box-shadow:0 10px 22px -10px #0006,inset 0 0 0 1px #ffffffbf}.df-hltool-trigger:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 16px 30px -10px #00000073,inset 0 0 0 1px #ffffffd9}.df-hltool-trigger.is-open{transform:scale(.95)}.df-hltool-trigger .df-mk{filter:drop-shadow(0 3px 4px #0000002e);width:auto;height:44px;transition:transform .26s cubic-bezier(.34,1.5,.5,1);transform:rotate(-10deg)}.df-hltool-trigger:hover .df-mk{transform:translateY(-12px)rotate(-10deg)scale(1.05)}.df-hltool-trigger.is-open .df-mk{transform:rotate(-10deg)scale(.92)}.df-hltool-pop{z-index:30;transform-origin:bottom;background:#fdfcfb;border-radius:22px;padding:.55rem .9rem;position:absolute;bottom:calc(100% + 14px);box-shadow:0 22px 46px -18px #00000073,inset 0 0 0 1px #ffffffb3}.df-hltool-pop:after{content:"";background:#fdfcfb;width:14px;height:14px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.df-nib .df-mk{width:auto;height:52px}.df-hltool-trigger .df-mk{filter:none;height:50px}.df-hltool{width:60px;height:60px;margin:3.2rem auto 0;position:relative}.df-hltool-bloom{background:#fff;place-items:center;display:grid;position:absolute;bottom:0;left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 16px 34px -15px #00000057,inset 0 0 0 1px #0000000b}.df-hltool-bloom[data-open=true]{overflow:hidden}.df-hltool-inner{flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;height:100%;padding:1.2rem .75rem .22rem;display:flex;position:relative}.df-hltool-trigger{width:60px;height:60px;box-shadow:none;cursor:pointer;background:0 0;border:none;border-radius:0;place-items:center;display:grid;overflow:visible}.df-hltool-trigger:hover{transform:none}.df-nib{width:32px;height:62px}.df-nib .df-mk{height:56px}.df-hltool-bloom>*{grid-area:1/1}.df-hltool{width:60px;height:60px}.df-hltool-trigger{-webkit-tap-highlight-color:transparent;clip-path:inset(-18px 0 0 round 30px);background:0 0;border-radius:50%;outline:none;place-items:end center;width:60px;height:60px;padding-bottom:0;display:grid;overflow:visible}.df-hltool-trigger:focus-visible{outline:none;box-shadow:0 0 0 3px #f3a8c0}.df-hltool-pen{will-change:transform;place-items:center;transition:transform .34s cubic-bezier(.34,1.1,.5,1);display:grid;transform:translateY(12px)}.df-hltool-trigger .df-mk,.df-hltool-trigger:hover .df-mk{filter:none;height:70px;transform:none}.df-hltool-trigger:hover .df-hltool-pen{transform:translateY(-8px)}.df-nibs{grid-template-columns:repeat(3,38px);justify-content:center;align-self:end;align-items:flex-end;column-gap:22px;width:158px;display:grid}.df-nib{background:0 0;border-radius:12px;width:38px;height:84px;padding:0;transition:none;position:relative}.df-nib .df-mk,.df-nib:hover .df-mk{filter:none;width:auto;height:82px;transition:transform .36s cubic-bezier(.2,1.35,.35,1),filter .22s;position:relative;transform:translateY(26px)}.df-nib.is-active .df-mk,.df-nib.is-active:hover .df-mk{filter:drop-shadow(0 4px 7px #00000029);transform:translateY(12px)}.df-nib:active .df-mk{transform:translateY(8px)}.df-sticker-item{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 2px #12261f61)drop-shadow(0 13px 20px #12261f47);max-width:34vw;height:auto;position:absolute}.df-sticker-dragger{z-index:0;cursor:grab;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;transform-origin:50%;contain:layout style;width:max-content;transition:transform .16s cubic-bezier(.34,1.5,.6,1);position:absolute}.df-sticker-dragger .df-sticker-item{pointer-events:auto;width:100%;max-width:100%;display:block;position:static}.df-sticker-dragger.is-dragging{z-index:20;cursor:grabbing;transform:scale(1.055)}.df-sticker-dragger.is-dragging .df-sticker-item{filter:drop-shadow(0 6px 8px #12261f47)drop-shadow(0 22px 28px #12261f42)}.df-lamp-dragger{z-index:6}.df-lamp-dragger .df-lamp{display:block;position:relative}.df-lamp-dragger.is-dragging .df-lamp-img{filter:drop-shadow(0 6px 8px #12261f47)drop-shadow(0 22px 28px #12261f42)}.df-matobject--active.df-lamp-dragger .df-lamp-img{filter:drop-shadow(0 8px 10px #12261f4d)drop-shadow(0 26px 32px #12261f42)}.df-polaroid-dragger{--df-pol-scale:.26;width:calc(570px * var(--df-pol-scale));height:calc(470px * var(--df-pol-scale))}.df-polaroid-dragger .df-polaroid-mat{position:relative}.df-polaroid-dragger.is-dragging .df-polaroid-mat{filter:drop-shadow(0 6px 8px #12261f47)drop-shadow(0 22px 28px #12261f42)}.df-name-tag-dragger{width:calc(174px * var(--df-name-tag-scale,1))}.df-name-tag-mat{width:100%;transform:rotate(var(--df-name-tag-rotate,-8deg));transform-origin:50%;position:relative}.df-name-tag-dragger.is-dragging .df-name-tag-mat,.df-matobject--active .df-name-tag-mat{filter:drop-shadow(0 6px 8px #12261f3d)drop-shadow(0 20px 24px #12261f38)}.df-monitor-mat{display:block;position:relative}.df-monitor{width:calc(clamp(180px,16vw,250px) * var(--df-monitor-scale,1));aspect-ratio:231/162;color:#e6efe9;transform:rotate(var(--df-monitor-rotate,-6deg));filter:drop-shadow(0 13px 15px #12261f75);text-decoration:none;transition:transform .16s cubic-bezier(.34,1.5,.6,1);display:block;position:relative}.df-monitor:hover,.df-monitor:focus-visible{transform:rotate(var(--df-monitor-rotate,-6deg)) translateY(-3px) scale(1.03)}.df-monitor:focus-visible{outline-offset:4px;border-radius:14px;outline:2px solid #ffffffc7}.df-ipad-device{position:absolute;inset:0}.df-ipad-shell{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.df-ipad-screen{z-index:1;box-sizing:border-box;background:0 0;border-radius:8px;width:81.82%;height:88.89%;position:absolute;top:5.56%;left:7.36%;overflow:hidden;box-shadow:inset 0 0 0 1px #0000008c,inset 0 0 20px #3f9a521a}.df-ipad-ui{width:100%;height:100%;position:absolute;inset:0}.df-ui-title{fill:#e6efe9;font-family:Quicksand,ui-rounded,system-ui,sans-serif;font-size:15px;font-weight:700}.df-ui-streak{fill:#6fe08a;text-anchor:end;font-family:Quicksand,ui-rounded,system-ui,sans-serif;font-size:13px;font-weight:600}.df-ui-dot{fill:#8af0a0}.df-ui-cell{fill:#32454f}.df-ui-cell[data-lvl="1"]{fill:#4a7d57}.df-ui-cell[data-lvl="2"]{fill:#62a972}.df-ui-cell[data-lvl="3"]{fill:#82cf90}.df-ui-cell[data-lvl="4"]{fill:#a6f0b3}.df-ui-tags rect{fill:#ffffff17}.df-ui-tags text{fill:#b7c2cb;text-anchor:middle;font-family:Quicksand,ui-rounded,system-ui,sans-serif;font-size:9.5px;font-weight:600}.df-ui-bg{fill:url(#df-ui-bg)}.df-ui-glare{fill:url(#df-ui-glare)}.df-monitor-dragger.is-dragging .df-monitor{filter:drop-shadow(0 10px 12px #12261f57)drop-shadow(0 24px 30px #12261f4d)}.df-matobject--active .df-monitor{filter:drop-shadow(0 10px 12px #12261f57)drop-shadow(0 26px 34px #12261f4d)}@media(prefers-reduced-motion:reduce){.df-monitor{transition:none}}.df-sticker-scale{transform-origin:50%;width:100%;transition:transform .13s ease-out;display:block}.df-matobject--active{z-index:30}.df-matobject--active .df-sticker-item{filter:drop-shadow(0 8px 10px #12261f4d)drop-shadow(0 26px 32px #12261f42)}.df-matobject--active .df-polaroid-mat{filter:drop-shadow(0 8px 10px #12261f57)drop-shadow(0 26px 34px #12261f4d)}.df-matmenu-backdrop{z-index:25;position:absolute;inset:0}.df-matmenu{z-index:40;box-sizing:border-box;color:#4a4441;transform-origin:bottom;contain:layout style;cursor:default;background:#fdfcfb;position:absolute;bottom:calc(100% + 12px);left:50%;overflow:hidden;box-shadow:0 22px 46px -18px #00000073,0 6px 14px -8px #0000004d,inset 0 0 0 1px #ffffffb3}.df-matmenu-view{width:100%;height:100%}.df-matmenu[data-flip=below]{transform-origin:top;top:calc(100% + 12px);bottom:auto}.df-matmenu-rows{box-sizing:border-box;flex-direction:column;gap:2px;width:100%;height:100%;padding:7px;display:flex}.df-matmenu-row{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;flex:1;align-items:center;gap:10px;padding:0 12px;font-size:.92rem;font-weight:600;transition:background .14s;display:flex}.df-matmenu-row:hover{background:#f1eeea}.df-matmenu-row:focus-visible{outline-offset:-2px;background:#f1eeea;outline:2px solid #0a84ff}.df-matmenu-row--danger{color:#e5484d}.df-matmenu-row--danger:hover,.df-matmenu-row--danger:focus-visible{background:#fdeced}.df-matmenu-ico{flex:none;width:18px;height:18px}.df-matmenu-resize{box-sizing:border-box;flex-direction:column;justify-content:center;gap:6px;width:100%;height:100%;padding:10px 14px;display:flex}.df-matmenu-done{color:#0a84ff;font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-end;padding:1px 3px;font-size:.84rem;font-weight:700}.df-matmenu-theme{box-sizing:border-box;flex-direction:column;justify-content:center;gap:10px;width:100%;height:100%;padding:12px 14px;display:flex}.df-matmenu-theme-row{justify-content:center;gap:14px;display:flex}.df-matmenu-swatch{aspect-ratio:1;cursor:pointer;border:2px solid #0000001f;border-radius:50%;flex:0 0 34px;width:34px;height:34px;padding:0;transition:transform .14s cubic-bezier(.34,1.5,.6,1),box-shadow .14s;box-shadow:inset 0 1px 2px #ffffff80,0 1px 2px #0000002e}.df-matmenu-swatch:hover{transform:translateY(-1px)scale(1.06)}.df-matmenu-swatch.is-active{border-color:#0a84ff;box-shadow:0 0 0 2px #0a84ff59,inset 0 1px 2px #ffffff80}.df-matmenu-themedot{border-radius:50%;box-shadow:inset 0 1px 1px #ffffff80,0 1px 1.5px #0003}.df-matmenu-link{box-sizing:border-box;flex-direction:column;justify-content:center;gap:8px;width:100%;height:100%;padding:12px;display:flex}.df-matmenu-link-label{color:#7b716b;font-size:.75rem;font-weight:700}.df-matmenu-link-input{box-sizing:border-box;color:#2b2622;width:100%;min-width:0;font:inherit;background:#f7f4ef;border:1px solid #dfd8ce;border-radius:12px;outline:none;padding:8px 10px;font-size:.82rem}.df-matmenu-link-input:focus{border-color:#0a84ff9e;box-shadow:0 0 0 3px #0a84ff1f}.df-matmenu-link-actions{justify-content:flex-end;gap:10px;display:flex}.df-matmenu-link-btn{color:#7b716b;font:inherit;cursor:pointer;background:0 0;border:0;padding:2px 3px;font-size:.82rem;font-weight:700}.df-matmenu-link-btn--primary{color:#0a84ff}.df-matmenu .dial-slider{width:100%;height:34px}.df-matmenu .dial-track{background:#0000000d;border-radius:999px;box-shadow:inset 0 0 0 1px #0000001a}.df-matmenu .dial-fill{background:#0a84ff2e}.df-matmenu .dial-slider.is-active .dial-fill{background:#0a84ff42}.df-matmenu .dial-ticks span{background:#0003}.df-matmenu .dial-handle{opacity:1;background:#1b1b1d;box-shadow:0 1px 3px #0000004d}.df-matmenu .dial-slider:hover .dial-ticks span,.df-matmenu .dial-slider.is-active .dial-ticks span{opacity:1}.df-matmenu .dial-label{color:#000000d1}.df-matmenu .dial-value{color:#00000080}.df-matmenu-lib{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;height:100%;padding:10px;display:flex}.df-matmenu-tabs{background:#ece8e2;border-radius:10px;flex:none;justify-content:center;gap:2px;padding:2px;display:flex}.df-matmenu-tab{font:inherit;color:#8a807a;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8px;flex:none;padding:5px 10px;font-size:.74rem;font-weight:600;line-height:1;position:relative}.df-matmenu-tab.is-active{color:#2b2622}.df-matmenu-tab-bg{z-index:0;background:#fdfcfb;border-radius:8px;position:absolute;inset:0;box-shadow:0 1px 3px #0000002e,inset 0 0 0 .5px #0000000a}.df-matmenu-tab-label{z-index:1;position:relative}.df-matmenu-lib-grid{place-content:center;gap:6px;width:100%;display:grid}.df-matmenu-lib-empty{color:#8a807a;text-align:center;place-items:center;width:100%;height:100%;margin:0;padding:0 14px;font-size:.82rem;font-weight:600;display:grid}.df-matmenu-lib-item{aspect-ratio:1;cursor:pointer;background:#f3f0ea;border:0;border-radius:12px;place-items:center;min-width:0;min-height:0;padding:5px;transition:background .14s,transform .14s cubic-bezier(.34,1.5,.6,1);display:grid;overflow:hidden}.df-matmenu-lib-item:hover{background:#eae5dd;transform:translateY(-1px)}.df-matmenu-lib-item img,.df-lib-polaroid,.df-lib-ipod{object-fit:contain;pointer-events:none;width:100%;height:100%}.df-lib-name-tag{object-fit:contain;pointer-events:none;width:96%;height:96%}.df-addzone{z-index:45;transform-origin:100% 100%;flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:3.6%;right:2.4%}.df-add-fab{color:#6b5a57;cursor:pointer;background:#fdfcfb;border:0;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;transition:transform .2s cubic-bezier(.34,1.5,.6,1),box-shadow .2s,color .2s;display:grid;box-shadow:0 10px 22px -8px #28222a6b,0 3px 8px -4px #28222a4d,inset 0 0 0 1px #ffffffb3}.df-add-fab svg{width:28px;height:28px}.df-add-fab:hover{transform:translateY(-1px)scale(1.05)}.df-add-fab:active{transform:scale(.93)}.df-add-fab:focus-visible{outline-offset:2px;outline:2px solid #0a84ff}.df-add-fab.is-open{color:#4a4441}.df-add-panel{box-sizing:border-box;color:#4a4441;transform-origin:100% 100%;contain:layout style;cursor:default;background:#fdfcfb;border-radius:22px;flex-direction:column;justify-content:flex-end;gap:10px;width:340px;max-width:80vw;padding:12px;display:flex;position:absolute;bottom:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 22px 46px -18px #00000073,0 6px 14px -8px #0000004d,inset 0 0 0 1px #ffffffb3}.df-add-grid{flex:none;gap:9px}.df-add-panel .df-matmenu-lib-item{box-sizing:border-box;background:#fff;border-radius:12px;padding:6px;box-shadow:inset 0 0 0 1px #28222a0f,0 1px 2px #28222a1a}.df-add-panel .df-matmenu-lib-item:hover{background:#fff;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #28222a0f,0 4px 9px #28222a29}.df-add-panel .df-matmenu-tabs{align-self:center;padding:3px 7px}.df-add-panel .df-matmenu-tab{padding:7px 10px}@media(prefers-reduced-motion:reduce){.df-sticker-scale,.df-matmenu-row,.df-matmenu-lib-item{transition:none}}.df-sticker-stuck{filter:drop-shadow(0 1.5px .8px #12261f3d)}.df-stickers .df-sticker-dragger:not(.is-dragging):not(.df-matobject--active){z-index:1}.df-stickers .df-sticker-dragger--stuck:not(.is-dragging):not(.df-matobject--active){z-index:0}.df-lamp{z-index:6;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;transform-origin:50%;background:0 0;border:0;padding:0;position:absolute}.df-lamp-img{z-index:2;filter:drop-shadow(0 2px 2px #12261f61)drop-shadow(0 13px 20px #12261f47);width:100%;height:auto;display:block;position:relative}.df-lamp:focus-visible .df-lamp-img{filter:drop-shadow(0 0 0 3px #f3a8c0) drop-shadow(0 13px 20px #12261f47)}.df-lamp-cast{z-index:1;opacity:0;transform-origin:59% 39%;pointer-events:none;width:200%;height:200%;transition:opacity .3s,transform .38s;position:absolute;top:0;left:-100%;overflow:visible;transform:scale(.45)}.df-lamp.is-on .df-lamp-cast{opacity:1;transform:scale(1)}.df-lamp.is-on.df-lamp--warmup .df-lamp-cast{animation:.66s cubic-bezier(.32,.72,.35,1) forwards df-lamp-warmup}@keyframes df-lamp-warmup{0%{opacity:0;transform:scale(.45)}14%{opacity:.92;transform:scale(.6)}26%{opacity:.46;transform:scale(.71)}44%{opacity:1;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.df-lamp-cast{transition:none}.df-lamp.is-on .df-lamp-cast{opacity:1;animation:none;transform:scale(1)}}.df-sticker-picker{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fdfcfbeb;border-radius:999px;grid-template-columns:repeat(3,52px);gap:3px;height:40px;padding:4px;display:grid;position:relative;box-shadow:0 12px 24px -14px #00000061,inset 0 0 0 1px #ffffffbf}.df-sticker-choice{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;place-items:center;width:52px;height:32px;padding:0;display:grid;position:relative}.df-sticker-choice:focus-visible{outline:none;box-shadow:0 0 0 3px #f3a8c0}.df-sticker-choice-thumb{background:#f1efeb;border-radius:11px;position:absolute;inset:2px;box-shadow:0 6px 12px -8px #00000073,inset 0 0 0 1px #4c3e3814}.df-sticker-choice img{z-index:1;object-fit:cover;pointer-events:none;transform-origin:bottom;border-radius:7px;width:40px;height:26px;position:relative;box-shadow:0 2px 3px #242a2633}.df-sticker-choice:not(.is-active) img{opacity:.55;filter:grayscale(.3)}.df-rollintro{z-index:40;pointer-events:none;position:absolute;inset:0;overflow:hidden}.df-roll{will-change:transform;background:#0b0e0d;width:calc(50% + .5px);position:absolute;top:0;bottom:0}.df-roll-l{left:0}.df-roll-r{right:0}.df-suspense-mat{z-index:30;background:#0b0e0d;position:fixed;inset:0}.df-book-bloom{align-self:center}.df-lamp-hint{z-index:5;pointer-events:none;color:#eee1ccd1;mix-blend-mode:normal;filter:blur(.12px);transform-origin:70% 45%;flex-direction:column;align-items:flex-end;gap:3px;display:flex;position:absolute;top:calc(7% + clamp(72px,17.2vw,246px)/2.17391);right:calc(4.3% + clamp(72px,17.2vw,246px) + 34px);transform:rotate(-2deg);-webkit-mask-image:repeating-linear-gradient(90deg,#000000eb 0 1px,#000000b3 1px 2px,#000000f5 2px 5px);mask-image:repeating-linear-gradient(90deg,#000000eb 0 1px,#000000b3 1px 2px,#000000f5 2px 5px)}.df-lamp-hint-text{text-align:right;letter-spacing:0;opacity:.84;text-shadow:none;margin-right:16px;font-family:Caveat,Segoe Script,Bradley Hand,cursive;font-size:clamp(15px,1.55vw,21px);font-weight:600;line-height:.9}.df-lamp-hint-arrow{fill:none;stroke:currentColor;stroke-width:5.5px;stroke-linecap:round;stroke-linejoin:round;opacity:.76;transform-origin:50%;width:clamp(46px,4.8vw,68px);height:auto;margin-right:2px;transform:rotate(10deg)}.df-roll-rod{background:repeating-linear-gradient(0deg,#0000001a 0,#ffffff0f 3px,#0000001a 6px),linear-gradient(90deg,#5a3a1f,#7a4f29 12%,#aa7640 30%,#e3bd83 45%,#f3d9a4,#e3bd83 55%,#aa7640 70%,#6a4426 88%,#4a2f18);border-radius:12px;width:24px;position:absolute;top:-8px;bottom:-8px;box-shadow:0 12px 24px -6px #00000080,inset 0 0 0 1px #0000002e}.df-roll-l .df-roll-rod{right:-12px}.df-roll-r .df-roll-rod{left:-12px}.df-roll-rod:after{content:"";pointer-events:none;width:30px;position:absolute;top:0;bottom:0}.df-roll-l .df-roll-rod:after{background:linear-gradient(90deg,#0b161080,#0b161000);left:100%}.df-roll-r .df-roll-rod:after{background:linear-gradient(270deg,#0b161080,#0b161000);right:100%}.df-roll-sheen{filter:blur(.4px);background:linear-gradient(90deg,#0000,#fff4dbd9,#0000);border-radius:3px;width:6px;animation:.5s linear infinite df-rod-spin;position:absolute;top:6%;bottom:6%;left:3px}@keyframes df-rod-spin{0%{opacity:0;transform:translate(-5px)}35%,65%{opacity:.85}to{opacity:0;transform:translate(12px)}}.df-tray-bloom{align-self:center}.df-pickers{z-index:6;position:relative}@media(prefers-reduced-motion:reduce){.df-roll-sheen{opacity:0;animation:none}}.df-polaroid-mat{z-index:0;pointer-events:none;filter:drop-shadow(0 2px 2px #12261f66)drop-shadow(0 16px 22px #12261f52);width:570px;height:470px;position:absolute}.df-polaroid-scale{width:570px;height:470px;transform:scale(var(--df-pol-scale,.26)) rotate(var(--df-pol-rotate,-7deg));transform-origin:0 0}@media(max-width:760px){.df-polaroid-dragger,.df-polaroid-scale{--df-pol-scale:.2}}.df-polaroid,.df-polaroid *{box-sizing:border-box}.df-polaroid{width:570px;height:470px;display:block;position:relative}.df-polaroid .bottom{background-image:radial-gradient(#e1dfe2 60%,#0000 60%),radial-gradient(#e1dfe2 60%,#0000 60%),linear-gradient(90deg,#e1dfe2,#eae8eb),linear-gradient(90deg,#eae8eb,#e1dfe2),linear-gradient(90deg,#85817e,#2f2b2b00 5% 95%,#696461),linear-gradient(#4e4a49,#100c0d),linear-gradient(#312f32,#2a2a27,#363233);background-position:160px -26px,360px -26px,100% 0,0 0,0 0,0 100%,0 100%;background-repeat:no-repeat;background-size:50px 60px,50px 60px,185px 30px,185px 30px,100% 100%,100% 20px,100% 100%;border-radius:11px 11px 30px 30px;width:100%;height:165px;display:block;position:absolute;bottom:0;box-shadow:inset -1px 3px 2px #f9f7f8a6}.df-polaroid .bottom .printer{background-image:linear-gradient(90deg,#474548 90%,#343233 90%),linear-gradient(90deg,#0e090d 10%,#4a4849 10%),linear-gradient(#4c4a4d 4%,#161214 9% 20%,#484445 30% 55%,#1a1617 80% 93%,#b0afad 99%);background-position:0 0,100% 0;background-repeat:no-repeat;background-size:8px 100%,8px 100%,100% 100%;border-radius:3px;width:470px;height:40px;margin-top:60px;margin-left:auto;margin-right:auto;display:block}.df-polaroid .bottom .labels .rainbow{background-image:linear-gradient(#1d160f 5%,#0e9ee0 5% 14%,#1f211a 14% 19%,#0eae4f 19% 32%,#2b2106 32% 37%,#ffb404 37% 50%,#2a1303 50% 55%,#fe8204 55% 68%,#292313 68% 80%,#e02d28 80%);width:40px;height:46px;display:block;position:absolute;top:100px;left:80px}.df-polaroid .bottom .labels .logo{color:#cdccc8;text-align:center;margin-top:8px;font-family:Helvetica Neue,Helvetica,sans-serif;font-size:24px;font-weight:600}.df-polaroid .bottom .toggle-container{background-image:radial-gradient(#353334,#4c4849 40%,#0000 70%),radial-gradient(#29272a,#464445 40%,#0000 70%),linear-gradient(#8b8786 10%,#5e5a5b 20% 65%,#969291);background-position:-40px -25px,right -35px top -15px,100% 0;background-repeat:no-repeat;background-size:70px 70px,70px 70px,100% 100%;border-radius:0 0 10px 10px;width:135px;height:35px;margin-left:auto;margin-right:auto;display:block;position:absolute;left:0;right:0}.df-polaroid .bottom .toggle-container .toggle{background-image:linear-gradient(#747371 2%,#525055 2%,#565152,#535250);border:.5px solid #141011;border-radius:10px;width:100px;height:20px;margin-left:auto;margin-right:auto;display:block;position:absolute;top:6px;left:0;right:0}.df-polaroid .bottom .toggle-container .toggle .handle{background-image:radial-gradient(#525051,#4b4746);border:.5px solid #85818026;border-radius:10px;width:20px;height:20px;display:block;position:absolute;top:-2px;right:0;box-shadow:-1px 5px 5px #181619}.df-polaroid .top{background-image:linear-gradient(90deg,#f3f3f3bf,#f3f3f300 15% 85%,#f3f3f3bf),linear-gradient(#fefefe,#f9f7f8),linear-gradient(#ddd9da,#e2dedf,#eae8eb,#f3f1f4);background-repeat:no-repeat;background-size:100%,100% 3px,100%;border-radius:35px 35px 0 0;width:540px;height:320px;margin-left:auto;margin-right:auto;display:block;position:relative;box-shadow:inset -1px 1px 2px 3px #f9f7f8d9}.df-polaroid .top .lens{background-color:#000;background-image:radial-gradient(#0000,#000),radial-gradient(#33353666,#0000),radial-gradient(#2a282b 0% 27%,#070508 27.5% 28%,#4e4c4f 28.5% 28.6%,#2a282b 28.7% 29.3%,#070508 29.5% 29.8%,#4e4c4f 30% 30.5%,#2a282b 30.5% 32.5%,#070508 33% 33.5%,#4e4c4f 34% 34.5%,#2a282b 34.5% 36.5%,#070508 37% 37.5%,#3d3b40 38% 38.5%,#908e91 39% 39.5%,#3d3b40 40% 40.5%,#908e91 41% 41.5%,#3d3b40 42% 42.5%,#908e91 43% 43.5%,#3d3b40 44% 44.5%,#908e91 45% 45.5%,#3d3b40 46% 46.5%,#908e91 47% 47.5%,#3d3b40 48% 48.5%,#908e91 49% 49.5%,#3d3b40 50% 50.5%,#908e91 51% 51.5%,#3d3b40 52% 52.5%,#908e91 53% 54%,#241e1e 54.5% 57%,#131114 57% 59%,#3c3a3d 59% 60%,#241e1e 60%);background-position:left bottom -100px,right 10px top -120px,50%;background-repeat:no-repeat;background-size:350px 350px,350px 350px,100%;border-radius:105px;width:210px;height:210px;margin-left:auto;margin-right:auto;display:block;position:absolute;top:15px;left:0;right:0;box-shadow:15px 55px 60px 5px #767072}.df-polaroid .top .lens .glass{background-image:radial-gradient(#776d50d9,#0000 40%),radial-gradient(#33b46940 13%,#779f3b33 53% 70%,#779f3b00 68%),radial-gradient(#33b46940 23%,#33b46933 53% 70%,#33b46900 68%),radial-gradient(#2c1f28,#241921 55%,#080609 70%);background-position:50% -10px,-30px -48px,-30px 55px,50%;background-repeat:no-repeat;background-size:100%,190% 100%,190% 100%,100%;border-radius:40px;width:70px;height:70px;margin-left:auto;margin-right:auto;display:block;position:absolute;top:70px;left:0;right:0}.df-polaroid .top .shutter{background-image:radial-gradient(#da1107 51%,#ed4b1d 53.5%);background-position:center bottom -10px;background-repeat:no-repeat;background-size:200% 200%;border:1px solid #520000;border-radius:30px;width:57px;height:57px;display:block;position:absolute;bottom:30px;left:25px;box-shadow:inset 1px 1px 1px #fff3,0 0 2px 6px #dfdad7,1px 6px 10px #66514d,-1px -7.5px 1px #fff}.df-polaroid .top .flash{background-image:linear-gradient(#edecea,#f6f6f8),linear-gradient(90deg,#f7f6f400 3%,#f7f6f480 3% 6%,#f7f6f400 6% 11%,#f7f6f480 12% 15%,#f7f6f400 15% 21%,#f7f6f480 21% 23%,#f7f6f400 23% 24%,#f7f6f480 24% 25%,#f7f6f400 25% 27%,#f7f6f480 27% 28%,#f7f6f400 28% 31%,#f7f6f480 31% 33%,#f7f6f400 33% 35%,#f7f6f480 35% 37%,#f7f6f400 37% 39%,#f7f6f480 39% 41%,#f7f6f400 41% 43%,#f7f6f480 43% 45%,#f7f6f400 45% 48%,#f7f6f480 48% 50%,#f7f6f400 50% 55%,#f7f6f480 55% 57%,#f7f6f400 57% 59%,#f7f6f480 59% 60%,#f7f6f400 60% 61%,#f7f6f480 61% 62%,#f7f6f400 62% 64%,#f7f6f480 64% 66%,#f7f6f400 66% 69%,#f7f6f480 69% 71%,#f7f6f400 71% 75%,#f7f6f480 75% 77%,#f7f6f400 77% 79%,#f7f6f480 79% 80%,#f7f6f400 80% 81%,#f7f6f480 81% 82%,#f7f6f400 82% 84%,#f7f6f480 84% 86%,#f7f6f400 86% 89%,#f7f6f480 89% 91%,#f7f6f400 81% 95%),linear-gradient(90deg,#bab8b91a,#f7f6f4a6,#bab8b91a),linear-gradient(90deg,#bab8b91a,#f7f6f4a6,#bab8b91a),linear-gradient(#e3deda 15%,#afaaa6 25% 35%,#0000 45%),linear-gradient(#f0efed 10%,#b0aba7 20%,#403c3b 40%,#2f2b2a 43%,#292524 45% 55%,#696562 65% 75%,#c2bfba 82% 86%,#dedad7 90% 93%,#c9c6c1 94% 96%,#fffefa 98%),linear-gradient(#34332f,#3e3a38);background-position:24px 0,25px 0,22px 0,64px 0,50%,50%,50%;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat,repeat,no-repeat;background-size:42px 20px,42px 100%,3px 100%,3px 100%,100% 3px,100%,100%;border-radius:15px;width:90px;height:160px;position:absolute;top:25px;left:25px;box-shadow:-1px -1px 1px #bdb8b5,-1.5px -2.1px .5px #24201d,-4px 4px 3px 3px #f4f0ef,-5px 8px 8px #aba6aa,inset .25px 1px 1px 5px #3e3a38,inset 0 -6px 1px 1px #f6f6f8}.df-polaroid .top .viewfinder{background-color:#1b1a18;border-radius:20px;width:110px;height:110px;position:absolute;top:20px;right:20px;box-shadow:.5px .5px 1px 1.5px #f1edee,inset 1.5px 1px 1px 1px #3b3535,inset 2px 2px 1px 1px #9f9e9c,inset -.5px -2px 1.5px #9b9a98,1px 1.5px .5px 1px #fbf7f8}.df-polaroid .top .viewfinder .glass{background-color:#fff;background-image:radial-gradient(#eceaed4d 50%,#0000 60%),radial-gradient(#c1bdba4d 50%,#0000 60%),radial-gradient(#5b5758 45%,#302c2d,#131112);background-position:-3px -7px,left -3px bottom -8px,50%;background-repeat:no-repeat;background-size:106% 32%,106% 25%,100%;border-radius:20px;width:75px;height:75px;position:absolute;top:18px;left:18px;box-shadow:inset 0 0 1px #010000,inset 0 0 1px 1px #393836,inset 0 0 2px 2px #010000,inset 0 0 2px 4px #393836,inset 0 0 1.5px 4.5px #010000,-.5px -1px 1px #5f5e5c,.25px 2px 2px #464543}.df-polaroid .top .viewfinder .glass .back{background-image:linear-gradient(#eceaed,#e2e0e1);border:.5px solid #090705bf;border-radius:10px;width:40px;height:40px;position:absolute;top:19px;left:18px;box-shadow:.5px 2px 2px #5e5b56,0 1px 3px #cac4c5,-4px 0 5px #090705bf,inset 1px 1px 1px 1px #f1ecf0,inset 1.5px 1.5px 1px 1px #d1d0ce}.df-polaroid .top .timer{background-image:radial-gradient(#e8e4e5,#dedad9);border-radius:20px;width:23px;height:23px;position:absolute;top:35px;left:135px;box-shadow:0 .5px 1px .5px #605c5b,inset 1px 1px 1px #fffbfc}.df-polaroid .top .sensor{background-image:radial-gradient(#080607,#0000 50%),radial-gradient(#0b090a,#211f20,#131112,#383637,#100e0f,#383637,#100e0f);background-position:-6px -3px,50%;background-repeat:no-repeat;background-size:60%,100%;border-radius:20px;width:23px;height:23px;position:absolute;top:70px;left:135px;box-shadow:0 .5px 1px .75px #fffbfc,0 -1px 1px #635f5e}.df-polaroid .top .power{background-image:radial-gradient(#000 30%,#252525,#171717,#020001,#242223,#383637);border-radius:20px;width:28px;height:28px;position:absolute;top:195px;right:150px;box-shadow:0 .5px 1px .75px #c6c1c0,0 -.5px .5px .25px #1a1819,-5px -8px 8px 1px #56525266}.df-polaroid .top .toggle-container{background-image:linear-gradient(#cc7b00 10%,#b26701);border-radius:20px;width:50px;height:22px;position:absolute;top:145px;right:50px;box-shadow:inset .2px .2px .5px .5px #935723,.5px 1px .75px .25px #fce9d8}.df-polaroid .top .toggle-container .toggle{background-image:radial-gradient(#fbc00a,#ffdb09);border-radius:20px;width:20px;height:20px;margin-left:auto;margin-right:auto;position:absolute;top:1px;left:0;right:0;box-shadow:inset .5px 1px .75px .25px #ffed71,inset 0 -.5px .5px .5px #e6a11f,-1px .5px 4px 1px #964900}.df-mobile-scaler{flex:none;position:relative}.df-mobile-scaler-inner{transform-origin:0 0;position:absolute;top:0;left:0}.df-mdots{align-items:center;gap:7px;display:flex}.df-mdot{cursor:pointer;background:#ffffff73;border:0;border-radius:50%;width:7px;height:7px;padding:0;transition:width .2s,background .2s;box-shadow:0 1px 2px #0000002e}.df-mdot.is-active{background:#fff;border-radius:4px;width:18px}.df-mstickers{z-index:0;pointer-events:none;position:absolute;inset:0}.df-mstickers img{filter:drop-shadow(0 1.5px 1px #12261f38);height:auto;position:absolute}.df-mstickers .m3{width:21vw;max-width:96px;bottom:9%;right:28%;transform:rotate(-7deg)}.df-mstickers .m4{width:23vw;max-width:104px;bottom:1.5%;right:4%;transform:rotate(5deg)}@font-face{font-family:ChicagoPod;src:url(https://john.kreitlow.rocks/stuff/ipod/font/chicago/chicago-webfont.woff)format("woff");font-style:normal;font-weight:400;font-display:swap}.df-mipod{z-index:0;transform-origin:50%;pointer-events:none;position:absolute;bottom:-82px;left:-16px;transform:rotate(-14deg)}.df-ipod-dragger{width:calc(140px * var(--df-ipod-scale,.58));height:calc(245px * var(--df-ipod-scale,.58))}.df-ipod-mat{filter:drop-shadow(0 13px 12px #12261f47);width:100%;height:100%;position:relative}.df-ipod-placed.df-mipod{z-index:auto;transform:scale(var(--df-ipod-scale,.58)) rotate(var(--df-ipod-rotate,-14deg));transform-origin:0 0;position:relative;bottom:auto;left:auto}.df-mipod .ipod{background-color:#fff;border-radius:20px;width:140px;height:245px;position:relative;box-shadow:inset -4px 0 12px #40404033,inset 4px -6px 10px #40404066}.df-mipod .screen{color:#454560;background-color:#dbdbfe;border-radius:5px;width:70%;height:35%;margin:10% 15%;font:400 9px/1.7 ChicagoPod,Geneva,Helvetica Neue,monospace;display:inline-block;position:relative;overflow:hidden;box-shadow:inset 0 0 1px 1px #0006,inset 0 0 3px 2px gray}.df-mipod .screen:before{content:"iPod";text-align:center;border-bottom:1px solid #454560;width:98%;margin:0 auto;display:block}.df-mipod .screen:after{content:"";opacity:.5;background:linear-gradient(#fff0,#f0f0f099);width:50%;height:120%;position:absolute;top:-5%;left:60%;transform:rotate(10deg);box-shadow:-2px 0 3px #f0f0f099}.df-mipod .menu{width:100%;margin:0;padding:0 .3em;position:absolute}.df-mipod .menu li{padding:0 .5em;list-style-type:none}.df-mipod .menu li.s{justify-content:space-between;display:flex}.df-mipod .menu li.s:after{content:">"}.df-mipod .menu li.active{color:#dbdbfe;background-color:#454560}.df-mipod .battery{content:"";border:1px solid #454560;width:2em;height:1em;margin:.4em;display:block;position:absolute;top:0;right:0}.df-mipod .battery:before{content:"";background-color:#454560;border:1px solid #dbdbfe;width:100%;height:100%;position:absolute}.df-mipod .battery:after{content:"";border:1px solid #454560;border-left-color:#dbdbfe;width:0;height:50%;position:absolute;top:25%;left:100%}.df-mipod .clickwheel{color:#fff;background-color:#dedede;border-radius:100%;width:70%;height:40%;margin:5% auto 0;font-size:0;position:relative;box-shadow:inset 1px -1px 3px -1px silver,inset -1px 1px 3px -1px silver}.df-mipod .clickwheel:after{content:"";background-color:#fff;border-radius:100%;width:40%;height:40%;position:absolute;top:30%;left:30%;box-shadow:0 0 3px -1px #b0b0b0}.df-mipod .clickwheel-button{color:#fff;text-align:center;background:0 0;border:none;width:30%;font:9px/1 Geneva,Helvetica Neue,Arial,sans-serif;position:absolute;top:50%}.df-mipod .menu-button{text-align:center;text-transform:uppercase;width:100%;font:600 7px/3 Helvetica,Arial,sans-serif;position:absolute;top:0;left:0}.df-mipod .rw{left:0}.df-mipod .ff{right:0}.df-mipod .pp{font-size:7px;line-height:2;top:auto;bottom:0;left:35%}.df-mipod .pp span{letter-spacing:-2px;vertical-align:middle;font-size:10px}.df-sticker-dragger,.df-lamp-dragger,.df-monitor-dragger,.df-polaroid-dragger{outline:none!important}body{background-color:var(--background);color:var(--foreground);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}body::-webkit-scrollbar{width:16px}body::-webkit-scrollbar-track{background:var(--secondary-background);border-left:3px solid #000}body::-webkit-scrollbar-thumb{border:2px solid var(--secondary-background);background:#000;border-radius:4px}body::-webkit-scrollbar-thumb:hover{background:#ff6b00}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{animation:25s linear infinite marquee}.reveal-on-scroll{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;will-change:opacity,transform;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translate(-40px)}.reveal-right{opacity:0;will-change:opacity,transform;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translate(40px)}.reveal-bottom{opacity:0;will-change:opacity,transform;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal-scale{opacity:0;will-change:opacity,transform;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:scale(.93)}.reveal-active,.reveal-in{opacity:1!important;transform:translate(0)scale(1)!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@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}