/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black: #000;--spacing: .25rem;--container-xs: 20rem;--container-sm: 24rem;--container-lg: 32rem;--container-5xl: 64rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--tracking-tight: -.025em;--leading-relaxed: 1.625;--leading-loose: 2;--radius-xl: .75rem;--radius-2xl: 1rem;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--blur-sm: 8px;--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,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;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{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}: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)){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,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-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]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.collapse{visibility:collapse}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%;@media(width>=40rem){max-width:40rem}@media(width>=48rem){max-width:48rem}@media(width>=64rem){max-width:64rem}@media(width>=80rem){max-width:80rem}@media(width>=96rem){max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.h-12{height:calc(var(--spacing) * 12)}.h-40{height:calc(var(--spacing) * 40)}.max-h-64{max-height:calc(var(--spacing) * 64)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-5xl{max-width:var(--container-5xl)}.max-w-\[440px\]{max-width:440px}.max-w-lg{max-width:var(--container-lg)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0px}.min-w-11{min-width:calc(var(--spacing) * 11)}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-5{gap:calc(var(--spacing) * 5)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--attie-radius-lg)}.rounded-md{border-radius:var(--attie-radius-md)}.rounded-sm{border-radius:var(--attie-radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border-0{border-style:var(--tw-border-style);border-width:0px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-border-default{border-color:var(--attie-border-default)}.border-border-strong{border-color:var(--attie-border-strong)}.border-border-subtle{border-color:var(--attie-border-subtle)}.bg-black\/50{background-color:color-mix(in srgb,#000 50%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-primary{background-color:var(--attie-primary)}.bg-primary-muted-surface{background-color:var(--attie-primary-muted-surface)}.bg-surface-page{background-color:var(--attie-surface-page)}.bg-surface-raised{background-color:var(--attie-surface-raised)}.bg-surface-sunken{background-color:var(--attie-surface-sunken)}.object-cover{object-fit:cover}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-4{padding-top:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.leading-6{--tw-leading: calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-loose{--tw-leading: var(--leading-loose);line-height:var(--leading-loose)}.leading-relaxed{--tw-leading: var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking: var(--tracking-tight);letter-spacing:var(--tracking-tight)}.break-all{word-break:break-all}.text-danger-fg{color:var(--attie-danger-fg)}.text-fg-default{color:var(--attie-fg-default)}.text-fg-muted{color:var(--attie-fg-muted)}.text-fg-subtle{color:var(--attie-fg-subtle)}.text-primary{color:var(--attie-primary)}.text-primary-fg{color:var(--attie-primary-fg)}.underline{text-decoration-line:underline}.decoration-primary\/40{text-decoration-color:var(--attie-primary);@supports (color: color-mix(in lab,red,red)){text-decoration-color:color-mix(in oklab,var(--attie-primary) 40%,transparent)}}.underline-offset-4{text-underline-offset:4px}.shadow-2xl{--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / .25));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.ease-in{--tw-ease: var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease: var(--ease-out);transition-timing-function:var(--ease-out)}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-\[1\.03\]:hover{scale:1.03}.hover\:bg-primary-hover:hover{background-color:var(--attie-primary-hover)}.hover\:bg-surface-sunken:hover{background-color:var(--attie-surface-sunken)}.hover\:text-danger-fg:hover{color:var(--attie-danger-fg)}.hover\:text-fg-default:hover{color:var(--attie-fg-default)}.hover\:text-primary-hover:hover{color:var(--attie-primary-hover)}}.focus\:ring-2:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--attie-focus-ring));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-focus-ring:focus{--tw-ring-color: var(--attie-focus-ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:ring-offset-surface-page:focus{--tw-ring-offset-color: var(--attie-surface-page)}.focus\:outline-none:focus{--tw-outline-style: none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--attie-focus-ring));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-focus-ring:focus-visible{--tw-ring-color: var(--attie-focus-ring)}.focus-visible\:outline-none:focus-visible{--tw-outline-style: none;outline-style:none}.active\:scale-95:active{--tw-scale-x: 95%;--tw-scale-y: 95%;--tw-scale-z: 95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:opacity-60:disabled{opacity:60%}@media(width>=40rem){.sm\:w-auto{width:auto}.sm\:flex-1{flex:1}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.sm\:text-\[9px\]{font-size:9px}}}@layer theme,base,components,utilities;@layer base{:root{--attie-surface-page: #f9faf9;--attie-surface-raised: #ffffff;--attie-surface-sunken: #f4f5f4;--attie-surface-elevated: #e6e6e5;--attie-surface-overlay: rgb(255 255 255 / .9);--attie-fg-default: #1a1a19;--attie-fg-muted: #535352;--attie-fg-subtle: #737371;--attie-border-default: #e6e6e5;--attie-border-strong: #a4a4a2;--attie-border-subtle: #f4f5f4;--attie-primary: #7c3aed;--attie-primary-hover: #6d28d9;--attie-primary-active: #5b21b6;--attie-primary-fg: #ffffff;--attie-primary-muted: #a78bfa;--attie-primary-muted-surface: rgb(168 85 247 / .1);--attie-danger-bg: rgb(127 29 29 / .08);--attie-danger-border: #fca5a5;--attie-danger-fg: #b91c1c;--attie-success-bg: #dcfce7;--attie-success-border: #86efac;--attie-success-fg: #15803d;--attie-warning-bg: #fef3c7;--attie-warning-border: #fcd34d;--attie-warning-fg: #b45309;--attie-info-bg: #dbeafe;--attie-info-border: #93c5fd;--attie-info-fg: #1d4ed8;--attie-focus-ring: rgb(168 85 247 / .4);--attie-scrim: rgb(0 0 0 / .5);--attie-radius-sm: .25rem;--attie-radius-md: .5rem;--attie-radius-lg: .75rem}@media(prefers-color-scheme:dark){:root:not(.light){--attie-surface-page: #161615;--attie-surface-raised: #1a1a19;--attie-surface-sunken: #272726;--attie-surface-elevated: #41413f;--attie-surface-overlay: rgb(26 26 25 / .85);--attie-fg-default: #f4f5f4;--attie-fg-muted: #a4a4a2;--attie-fg-subtle: #737371;--attie-border-default: #41413f;--attie-border-strong: #535352;--attie-border-subtle: #272726;--attie-primary: #8b5cf6;--attie-primary-hover: #7c3aed;--attie-primary-active: #6d28d9;--attie-primary-fg: #ffffff;--attie-primary-muted: #a78bfa;--attie-primary-muted-surface: rgb(168 85 247 / .15);--attie-danger-bg: rgb(127 29 29 / .2);--attie-danger-border: #991b1b;--attie-danger-fg: #fca5a5;--attie-success-bg: rgb(34 197 94 / .15);--attie-success-border: rgb(34 197 94 / .3);--attie-success-fg: #86efac;--attie-warning-bg: rgb(120 53 15 / .2);--attie-warning-border: #92400e;--attie-warning-fg: #fcd34d;--attie-info-bg: rgb(30 58 138 / .2);--attie-info-border: #1e40af;--attie-info-fg: #93c5fd;--attie-focus-ring: rgb(168 85 247 / .5);--attie-scrim: rgb(0 0 0 / .7)}}:root.dark{--attie-surface-page: #161615;--attie-surface-raised: #1a1a19;--attie-surface-sunken: #272726;--attie-surface-elevated: #41413f;--attie-surface-overlay: rgb(26 26 25 / .85);--attie-fg-default: #f4f5f4;--attie-fg-muted: #a4a4a2;--attie-fg-subtle: #737371;--attie-border-default: #41413f;--attie-border-strong: #535352;--attie-border-subtle: #272726;--attie-primary: #8b5cf6;--attie-primary-hover: #7c3aed;--attie-primary-active: #6d28d9;--attie-primary-fg: #ffffff;--attie-primary-muted: #a78bfa;--attie-primary-muted-surface: rgb(168 85 247 / .15);--attie-danger-bg: rgb(127 29 29 / .2);--attie-danger-border: #991b1b;--attie-danger-fg: #fca5a5;--attie-success-bg: rgb(34 197 94 / .15);--attie-success-border: rgb(34 197 94 / .3);--attie-success-fg: #86efac;--attie-warning-bg: rgb(120 53 15 / .2);--attie-warning-border: #92400e;--attie-warning-fg: #fcd34d;--attie-info-bg: rgb(30 58 138 / .2);--attie-info-border: #1e40af;--attie-info-fg: #93c5fd;--attie-focus-ring: rgb(168 85 247 / .5);--attie-scrim: rgb(0 0 0 / .7)}html,body{margin:0;padding:0;height:100%;background:var(--attie-surface-page);color:var(--attie-fg-default);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*,:after,:before,::backdrop,::file-selector-button{border-color:var(--attie-border-default, currentColor)}button:not(:disabled){cursor:pointer}button:where(:not([class*=bg-]):not([class*=text-]):not([class*=border-])){background:var(--attie-primary);color:var(--attie-primary-fg);border:1px solid transparent;border-radius:var(--attie-radius-md);padding:.5rem 1rem;font:inherit;font-weight:500;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}button:where(:not([class*=bg-]):not([class*=text-]):not([class*=border-])):hover{background:var(--attie-primary-hover)}button:where(:not([class*=bg-]):not([class*=text-]):not([class*=border-])):active{background:var(--attie-primary-active)}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible{outline:3px solid var(--attie-focus-ring);outline-offset:2px}input:where(:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=submit]):not([type=reset]):not([type=button]):not([class*=bg-]):not([class*=border-])),textarea:where(:not([class*=bg-]):not([class*=border-])),select:where(:not([class*=bg-]):not([class*=border-])){background:var(--attie-surface-raised);color:var(--attie-fg-default);border:1px solid var(--attie-border-default);border-radius:var(--attie-radius-md);padding:.5rem .75rem;font:inherit;transition:border-color .12s ease,box-shadow .12s ease}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:var(--attie-primary-muted);box-shadow:0 0 0 3px var(--attie-focus-ring)}input::placeholder,textarea::placeholder{color:var(--attie-fg-subtle)}input[type=checkbox],input[type=radio]{accent-color:var(--attie-primary)}dialog{background:var(--attie-surface-overlay);color:var(--attie-fg-default);border:1px solid var(--attie-border-default);border-radius:var(--attie-radius-lg);padding:1.25rem;box-shadow:0 20px 50px #00000059}dialog::backdrop{background:var(--attie-scrim)}a:where(:not([class*=text-]):not([class*=no-underline])){color:var(--attie-primary);text-decoration:none}a:where(:not([class*=text-]):not([class*=no-underline])):hover{text-decoration:underline}hr{border:none;border-top:1px solid var(--attie-border-subtle);margin:1rem 0}kbd,code,samp{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;background:var(--attie-surface-sunken);border-radius:var(--attie-radius-sm);padding:.125rem .375rem;font-size:.875em}pre{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;background:var(--attie-surface-sunken);border-radius:var(--attie-radius-md);padding:.875rem 1rem;overflow-x:auto}pre code{background:transparent;padding:0}details>summary{cursor:pointer}progress{accent-color:var(--attie-primary)}}@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);:root{--attie-surface-page: #fff1de;--attie-surface-raised: #fffaf3;--attie-surface-sunken: #ffe3c2;--attie-surface-elevated: #ffffff;--attie-fg-default: #4a2c2a;--attie-fg-muted: #96604f;--attie-fg-subtle: #c08a72;--attie-border-default: #f0c795;--attie-border-strong: #d99a5b;--attie-primary: #ff5d8f;--attie-primary-hover: #ff7ba7;--attie-primary-fg: #ffffff;--attie-focus-ring: #ff5d8f;--attie-danger-bg: #ffe1e1;--attie-danger-fg: #c23535;--attie-danger-border: #f3aaaa}.pixel-font{font-family:"Press Start 2P",Courier New,monospace}*,*:before,*:after{font-family:"Press Start 2P",Courier New,monospace!important}.logo{font-size:clamp(2.1rem,11vw,4rem);color:#ff5d8f;text-shadow:4px 4px 0 #ffd23f,8px 8px 0 rgba(74,44,42,.15);letter-spacing:.04em;line-height:1.2}.board{position:relative;width:min(92vw,440px);aspect-ratio:1 / 1;border-radius:14px;overflow:hidden;background:repeating-conic-gradient(#ffe9d2 0% 25%,#ffdcba 0% 50%) 50% / 25% 25%;box-shadow:inset 0 0 0 4px #e8b074,0 10px 30px #96502840;touch-action:manipulation;user-select:none;-webkit-user-select:none}.tile{position:absolute;width:12.5%;height:12.5%;padding:3px;margin:0;background:none;border:none;cursor:pointer;transition:top .3s cubic-bezier(.25,.8,.35,1),left .25s ease}.tile-inner{display:block;width:100%;height:100%;border-radius:8px;transition:transform .15s ease,box-shadow .15s ease}.tile:hover .tile-inner,.tile:focus-visible .tile-inner{transform:scale(1.08)}.tile:focus-visible{outline:none}.tile:focus-visible .tile-inner{box-shadow:0 0 0 3px #fff,0 0 0 5px #ff5d8f}.tile-inner.selected{box-shadow:0 0 0 3px #fff,0 0 0 6px #ff5d8f,0 0 18px #ff5d8f;border-radius:10px;transform:scale(1.1);position:relative;z-index:2}.tile-inner.blast{position:relative;animation:blastGlow .9s ease-in-out infinite}.tile-inner.blast:after{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(45deg,rgba(255,255,255,.55) 0 3px,transparent 3px 7px);pointer-events:none}.tile-inner.rainbow{animation:rainbowGlow 1.1s linear infinite}.flash{position:absolute;inset:0;background:#fff;pointer-events:none;z-index:45;animation:flashFade .35s ease-out forwards}.tile-inner.popping{animation:pop .3s ease-in forwards}.particle{position:absolute;width:9px;height:9px;margin:-4px 0 0 -4px;border-radius:2px;pointer-events:none;z-index:20;animation:burst .65s ease-out forwards}.float{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:30;color:#ff5d8f;font-size:13px;text-shadow:2px 2px 0 #fff;animation:floatUp .9s ease-out forwards;white-space:nowrap}.float.combo-float{color:#f0a820;font-size:15px}.float.shuffle-float{color:#4a2c2a;font-size:16px;text-shadow:2px 2px 0 #ffd23f}.combo-banner{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:40;pointer-events:none;color:#ffd23f;font-size:clamp(.95rem,5vw,1.5rem);text-shadow:3px 3px 0 #4a2c2a;animation:comboPop .4s ease-out;white-space:nowrap}.wiggle{width:clamp(38px,11vw,56px);height:clamp(38px,11vw,56px);animation:wiggle 1.6s ease-in-out infinite}.timer-track{height:12px;border-radius:9999px;background:#ffe3c2;overflow:hidden;box-shadow:inset 0 0 0 2px #f0c795}.timer-fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,#ff5d8f,#ffb347);transition:width 1s linear}.timer-fill.low{background:linear-gradient(90deg,#c23535,#ff6b4a)}@keyframes pop{0%{transform:scale(1);opacity:1}40%{transform:scale(1.3);opacity:1}to{transform:scale(0);opacity:0}}@keyframes burst{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}@keyframes floatUp{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}15%{transform:translate(-50%,-70%) scale(1.15);opacity:1}to{transform:translate(-50%,-240%) scale(1);opacity:0}}@keyframes wiggle{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes blastGlow{0%,to{box-shadow:0 0 0 2px #fff,0 0 8px #ffd23f}50%{box-shadow:0 0 0 3px #fff,0 0 20px #ffb347}}@keyframes rainbowGlow{0%{box-shadow:0 0 0 2px #fff,0 0 14px #ff4d5e}25%{box-shadow:0 0 0 2px #fff,0 0 14px #ffd23f}50%{box-shadow:0 0 0 2px #fff,0 0 14px #7ed957}75%{box-shadow:0 0 0 2px #fff,0 0 14px #54a0ff}to{box-shadow:0 0 0 2px #fff,0 0 14px #ff4d5e}}@keyframes flashFade{0%{opacity:.7}to{opacity:0}}@keyframes comboPop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}35%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.tile{transition:none}.wiggle{animation:none}.tile-inner.blast,.tile-inner.rainbow,.flash,.tile-inner.popping,.particle,.float{animation-duration:.01s}.timer-fill{transition:none}}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@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-backdrop-blur{syntax: "*"; inherits: false;}@property --tw-backdrop-brightness{syntax: "*"; inherits: false;}@property --tw-backdrop-contrast{syntax: "*"; inherits: false;}@property --tw-backdrop-grayscale{syntax: "*"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: "*"; inherits: false;}@property --tw-backdrop-invert{syntax: "*"; inherits: false;}@property --tw-backdrop-opacity{syntax: "*"; inherits: false;}@property --tw-backdrop-saturate{syntax: "*"; inherits: false;}@property --tw-backdrop-sepia{syntax: "*"; inherits: false;}@property --tw-ease{syntax: "*"; inherits: false;}@property --tw-scale-x{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: "*"; inherits: false; initial-value: 1;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse: 0;--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial;--tw-ease: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1}}}