/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-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-duration:initial;--tw-ease:initial}}}@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-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-900:oklch(39.6% .141 25.723);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-800:oklch(47% .157 37.304);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-900:oklch(42.1% .095 57.708);--color-green-900:oklch(39.3% .095 152.535);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-700:oklch(50% .134 242.749);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-violet-900:oklch(38% .189 293.745);--color-fuchsia-600:oklch(59.1% .293 322.896);--color-fuchsia-700:oklch(51.8% .253 323.949);--color-rose-600:oklch(58.6% .253 17.585);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-3xl:48rem;--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:calc(1.5 / 1);--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:calc(2.25 / 1.875);--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--drop-shadow-2xl:0 25px 25px #00000026;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-md:12px;--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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-\[8\%\]{inset:8%}.-top-1{top:calc(var(--spacing) * -1)}.-top-\[9999px\]{top:-9999px}.top-0{top:0}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-16{top:calc(var(--spacing) * 16)}.top-24{top:calc(var(--spacing) * 24)}.top-\[15\.6rem\]{top:15.6rem}.top-\[17\.2rem\]{top:17.2rem}.top-\[17\.65rem\]{top:17.65rem}.top-\[18\.3rem\]{top:18.3rem}.top-\[18\.95rem\]{top:18.95rem}.-right-1{right:calc(var(--spacing) * -1)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.-bottom-1{bottom:calc(var(--spacing) * -1)}.bottom-5{bottom:calc(var(--spacing) * 5)}.-left-\[9999px\]{left:-9999px}.left-1\/2{left:50%}.left-7{left:calc(var(--spacing) * 7)}.left-10{left:calc(var(--spacing) * 10)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-\[100\]{z-index:100}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-\[4\.9rem\]{margin-top:4.9rem}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-32{height:calc(var(--spacing) * 32)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[72vh\]{max-height:72vh}.min-h-\[2\.5rem\]{min-height:2.5rem}.min-h-\[22rem\]{min-height:22rem}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-\[420px\]{width:420px}.w-\[min\(16rem\,78vw\)\]{width:min(16rem,78vw)}.w-\[min\(100\%\,18rem\)\]{width:min(100%,18rem)}.w-\[min\(100\%\,20rem\)\]{width:min(100%,20rem)}.w-\[min\(360px\,calc\(100vw-2rem\)\)\]{width:min(360px,100vw - 2rem)}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[9rem\]{max-width:9rem}.max-w-\[12px\]{max-width:12px}.max-w-\[12rem\]{max-width:12rem}.max-w-full{max-width:100%}.min-w-0{min-width:0}.min-w-\[1rem\]{min-width:1rem}.min-w-\[14px\]{min-width:14px}.min-w-\[280px\]{min-width:280px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.origin-left{transform-origin:0}.origin-right{transform-origin:100%}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-12{rotate:-12deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-y-1{row-gap:var(--spacing)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[10px\]{border-style:var(--tw-border-style);border-width:10px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-100{border-color:var(--color-amber-100)}.border-amber-200{border-color:var(--color-amber-200)}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-500{border-color:var(--color-blue-500)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-500{border-color:var(--color-emerald-500)}.border-gray-200\/50{border-color:#e5e7eb80}@supports (color:color-mix(in lab, red, red)){.border-gray-200\/50{border-color:color-mix(in oklab, var(--color-gray-200) 50%, transparent)}}.border-gray-900{border-color:var(--color-gray-900)}.border-indigo-100{border-color:var(--color-indigo-100)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-100\/90{border-color:#f1f5f9e6}@supports (color:color-mix(in lab, red, red)){.border-slate-100\/90{border-color:color-mix(in oklab, var(--color-slate-100) 90%, transparent)}}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-500{border-color:var(--color-slate-500)}.border-violet-100{border-color:var(--color-violet-100)}.border-violet-200{border-color:var(--color-violet-200)}.border-violet-300{border-color:var(--color-violet-300)}.border-white{border-color:var(--color-white)}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.border-white\/40{border-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.border-white\/50{border-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.border-white\/50{border-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.border-white\/70{border-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.border-white\/70{border-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.border-white\/80{border-color:#fffc}@supports (color:color-mix(in lab, red, red)){.border-white\/80{border-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.border-t-emerald-600{border-top-color:var(--color-emerald-600)}.border-t-slate-600{border-top-color:var(--color-slate-600)}.bg-\[\#69c8f2\]{background-color:#69c8f2}.bg-\[\#aaa\]{background-color:#aaa}.bg-\[\#b0d840\]{background-color:#b0d840}.bg-\[\#fbc400\]{background-color:#fbc400}.bg-\[\#ff7272\]{background-color:#ff7272}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-200{background-color:var(--color-amber-200)}.bg-amber-300{background-color:var(--color-amber-300)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-50\/40{background-color:#eef2ff66}@supports (color:color-mix(in lab, red, red)){.bg-indigo-50\/40{background-color:color-mix(in oklab, var(--color-indigo-50) 40%, transparent)}}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-200{background-color:var(--color-indigo-200)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500{background-color:var(--color-red-500)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\/80{background-color:#f8fafccc}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\/80{background-color:color-mix(in oklab, var(--color-slate-50) 80%, transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-300{background-color:var(--color-slate-300)}.bg-slate-300\/65{background-color:#cad5e2a6}@supports (color:color-mix(in lab, red, red)){.bg-slate-300\/65{background-color:color-mix(in oklab, var(--color-slate-300) 65%, transparent)}}.bg-slate-300\/85{background-color:#cad5e2d9}@supports (color:color-mix(in lab, red, red)){.bg-slate-300\/85{background-color:color-mix(in oklab, var(--color-slate-300) 85%, transparent)}}.bg-slate-300\/95{background-color:#cad5e2f2}@supports (color:color-mix(in lab, red, red)){.bg-slate-300\/95{background-color:color-mix(in oklab, var(--color-slate-300) 95%, transparent)}}.bg-slate-400\/75{background-color:#90a1b9bf}@supports (color:color-mix(in lab, red, red)){.bg-slate-400\/75{background-color:color-mix(in oklab, var(--color-slate-400) 75%, transparent)}}.bg-slate-600\/90{background-color:#45556ce6}@supports (color:color-mix(in lab, red, red)){.bg-slate-600\/90{background-color:color-mix(in oklab, var(--color-slate-600) 90%, transparent)}}.bg-slate-900\/10{background-color:#0f172b1a}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/10{background-color:color-mix(in oklab, var(--color-slate-900) 10%, transparent)}}.bg-violet-50{background-color:var(--color-violet-50)}.bg-violet-50\/50{background-color:#f5f3ff80}@supports (color:color-mix(in lab, red, red)){.bg-violet-50\/50{background-color:color-mix(in oklab, var(--color-violet-50) 50%, transparent)}}.bg-violet-100{background-color:var(--color-violet-100)}.bg-violet-600{background-color:var(--color-violet-600)}.bg-white{background-color:var(--color-white)}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[radial-gradient\(circle_at_50\%_18\%\,_rgba\(196\,181\,253\,0\.28\)\,_rgba\(255\,255\,255\,0\)_58\%\)\]{background-image:radial-gradient(circle at 50% 18%,#c4b5fd47,#fff0 58%)}.bg-\[radial-gradient\(circle_at_50\%_35\%\,_rgba\(255\,255\,255\,0\.7\)\,_rgba\(237\,233\,254\,0\.35\)\)\]{background-image:radial-gradient(circle at 50% 35%,#ffffffb3,#ede9fe59)}.from-violet-50{--tw-gradient-from:var(--color-violet-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-500{--tw-gradient-from:var(--color-violet-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-600{--tw-gradient-from:var(--color-violet-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-white\/80{--tw-gradient-from:#fffc}@supports (color:color-mix(in lab, red, red)){.from-white\/80{--tw-gradient-from:color-mix(in oklab, var(--color-white) 80%, transparent)}}.from-white\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-indigo-600{--tw-gradient-via:var(--color-indigo-600);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white{--tw-gradient-via:var(--color-white);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-fuchsia-600{--tw-gradient-to:var(--color-fuchsia-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-50{--tw-gradient-to:var(--color-indigo-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-700{--tw-gradient-to:var(--color-indigo-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-50{--tw-gradient-to:var(--color-slate-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-violet-100\/40{--tw-gradient-to:#ede9fe66}@supports (color:color-mix(in lab, red, red)){.to-violet-100\/40{--tw-gradient-to:color-mix(in oklab, var(--color-violet-100) 40%, transparent)}}.to-violet-100\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:var(--spacing)}.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)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-1{padding-top:var(--spacing)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-sans{font-family:var(--font-sans)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--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-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.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)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-900{color:var(--color-blue-900)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-900{color:var(--color-green-900)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-indigo-800{color:var(--color-indigo-800)}.text-orange-800{color:var(--color-orange-800)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-900{color:var(--color-red-900)}.text-rose-600{color:var(--color-rose-600)}.text-sky-700{color:var(--color-sky-700)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-800\/80{color:#1d293dcc}@supports (color:color-mix(in lab, red, red)){.text-slate-800\/80{color:color-mix(in oklab, var(--color-slate-800) 80%, transparent)}}.text-slate-900{color:var(--color-slate-900)}.text-violet-200{color:var(--color-violet-200)}.text-violet-500{color:var(--color-violet-500)}.text-violet-600{color:var(--color-violet-600)}.text-violet-700{color:var(--color-violet-700)}.text-violet-800{color:var(--color-violet-800)}.text-violet-900{color:var(--color-violet-900)}.text-white{color:var(--color-white)}.text-yellow-900{color:var(--color-yellow-900)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.opacity-0{opacity:0}.opacity-35{opacity:.35}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_8px_24px_-16px_rgba\(139\,92\,246\,0\.5\)\]{--tw-shadow:0 8px 24px -16px var(--tw-shadow-color,#8b5cf680);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_12px_28px_-10px_rgba\(139\,92\,246\,0\.7\)\]{--tw-shadow:0 12px 28px -10px var(--tw-shadow-color,#8b5cf6b3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_14px_30px_-8px_rgba\(139\,92\,246\,0\.75\)\]{--tw-shadow:0 14px 30px -8px var(--tw-shadow-color,#8b5cf6bf);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_-2px_-3px_5px_rgba\(0\,0\,0\,0\.12\)\,inset_2px_2px_4px_rgba\(255\,255\,255\,0\.55\)\]{--tw-shadow:inset -2px -3px 5px var(--tw-shadow-color,#0000001f), inset 2px 2px 4px var(--tw-shadow-color,#ffffff8c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_16px_36px_rgba\(139\,92\,246\,0\.18\)\,0_10px_30px_-12px_rgba\(139\,92\,246\,0\.35\)\]{--tw-shadow:inset 0 16px 36px var(--tw-shadow-color,#8b5cf62e), 0 10px 30px -12px var(--tw-shadow-color,#8b5cf659);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-blue-500\/20{--tw-shadow-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.shadow-blue-500\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-amber-200{--tw-ring-color:var(--color-amber-200)}.ring-amber-200\/80{--tw-ring-color:#fee685cc}@supports (color:color-mix(in lab, red, red)){.ring-amber-200\/80{--tw-ring-color:color-mix(in oklab, var(--color-amber-200) 80%, transparent)}}.ring-amber-300\/70{--tw-ring-color:#ffd236b3}@supports (color:color-mix(in lab, red, red)){.ring-amber-300\/70{--tw-ring-color:color-mix(in oklab, var(--color-amber-300) 70%, transparent)}}.ring-amber-600{--tw-ring-color:var(--color-amber-600)}.ring-blue-50{--tw-ring-color:var(--color-blue-50)}.ring-blue-500\/30{--tw-ring-color:#3080ff4d}@supports (color:color-mix(in lab, red, red)){.ring-blue-500\/30{--tw-ring-color:color-mix(in oklab, var(--color-blue-500) 30%, transparent)}}.ring-emerald-100{--tw-ring-color:var(--color-emerald-100)}.ring-emerald-500{--tw-ring-color:var(--color-emerald-500)}.ring-indigo-100{--tw-ring-color:var(--color-indigo-100)}.ring-indigo-200{--tw-ring-color:var(--color-indigo-200)}.ring-indigo-200\/80{--tw-ring-color:#c7d2ffcc}@supports (color:color-mix(in lab, red, red)){.ring-indigo-200\/80{--tw-ring-color:color-mix(in oklab, var(--color-indigo-200) 80%, transparent)}}.ring-orange-100{--tw-ring-color:var(--color-orange-100)}.ring-slate-200{--tw-ring-color:var(--color-slate-200)}.ring-violet-100{--tw-ring-color:var(--color-violet-100)}.ring-violet-200\/60{--tw-ring-color:#ddd6ff99}@supports (color:color-mix(in lab, red, red)){.ring-violet-200\/60{--tw-ring-color:color-mix(in oklab, var(--color-violet-200) 60%, transparent)}}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-white{--tw-ring-offset-color:var(--color-white)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-\[1px\]{--tw-blur:blur(1px);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,)}.drop-shadow-2xl{--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));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,)}.saturate-50{--tw-saturate:saturate(50%);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,)}.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,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-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,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-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{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))}.transition-opacity{transition-property:opacity;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))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-400{--tw-duration:.4s;transition-duration:.4s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.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)}.placeholder\:font-bold::placeholder{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.placeholder\:text-slate-300::placeholder{color:var(--color-slate-300)}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-emerald-100:hover{background-color:var(--color-emerald-100)}.hover\:bg-emerald-700:hover{background-color:var(--color-emerald-700)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-violet-50:hover{background-color:var(--color-violet-50)}.hover\:bg-violet-100:hover{background-color:var(--color-violet-100)}.hover\:bg-violet-700:hover{background-color:var(--color-violet-700)}.hover\:from-violet-600:hover{--tw-gradient-from:var(--color-violet-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-fuchsia-700:hover{--tw-gradient-to:var(--color-fuchsia-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:text-blue-500:hover{color:var(--color-blue-500)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-violet-500:focus{--tw-ring-color:var(--color-violet-500)}.focus\:outline-none:focus{--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)}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-slate-100:disabled{background-color:var(--color-slate-100)}.disabled\:text-slate-400:disabled{color:var(--color-slate-400)}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=40rem){.sm\:right-5{right:calc(var(--spacing) * 5)}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mr-4{margin-right:calc(var(--spacing) * 4)}.sm\:-ml-2{margin-left:calc(var(--spacing) * -2)}.sm\:ml-4{margin-left:calc(var(--spacing) * 4)}.sm\:block{display:block}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:h-9{height:calc(var(--spacing) * 9)}.sm\:h-10{height:calc(var(--spacing) * 10)}.sm\:w-9{width:calc(var(--spacing) * 9)}.sm\:w-10{width:calc(var(--spacing) * 10)}.sm\:w-72{width:calc(var(--spacing) * 72)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:gap-1{gap:var(--spacing)}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-0{padding-inline:0}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:py-0{padding-block:0}.sm\:py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.sm\:py-6{padding-block:calc(var(--spacing) * 6)}.sm\:pl-3{padding-left:calc(var(--spacing) * 3)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.sm\:text-\[11px\]{font-size:11px}.sm\:whitespace-normal{white-space:normal}@media (hover:hover){.sm\:hover\:bg-transparent:hover{background-color:#0000}}}@media (width>=48rem){.md\:h-12{height:calc(var(--spacing) * 12)}.md\:w-12{width:calc(var(--spacing) * 12)}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}.page-x{padding-left:max(1rem, env(safe-area-inset-left,0px));padding-right:max(1rem, env(safe-area-inset-right,0px))}@media (width>=640px){.page-x{padding-left:max(1.5rem, env(safe-area-inset-left,0px));padding-right:max(1.5rem, env(safe-area-inset-right,0px))}}}:root{--bg:#f2f4f6;--bg-elevated:#fff;--surface:#fff;--surface-hover:#f7f8fa;--border:#e5e8eb;--border-strong:#d1d6db;--text:#191f28;--text-muted:#8b95a1;--accent:#3182f6;--accent-hover:#1b64da;--accent-on:#fff;--accent-soft:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root{--accent-soft:color-mix(in srgb, var(--accent) 12%, transparent)}}:root{--danger:#f04452;--success:#03b26c;--radius:16px;--radius-sm:10px;--shadow-sm:0 1px 2px #191f280a, 0 4px 12px #191f280a;--shadow-md:0 8px 24px #191f2814;--focus-ring:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){:root{--focus-ring:0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent)}}:root{--font-sans:"Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;--font-display:"Be Vietnam Pro", "Pretendard", sans-serif;--header-h:3.5rem;--ease-out:cubic-bezier(.22, 1, .36, 1);--border-soft:var(--border)}@supports (color:color-mix(in lab, red, red)){:root{--border-soft:color-mix(in srgb, var(--border) 80%, transparent)}}:root{--text-primary:var(--text);--text-secondary:var(--text-muted);--mint:#2dd4bf;--warning:#fbbf24;--r-sm:var(--radius-sm);--r-md:14px;--r-lg:var(--radius);--r-pill:999px;--shadow-lg:0 16px 40px #191f2829;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-height:100%}body{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1rem;font-weight:400;line-height:1.55}::selection{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){::selection{background:color-mix(in srgb, var(--accent) 28%, transparent)}}::selection{color:var(--text)}a{color:var(--accent);transition:color .18s var(--ease-out);text-decoration:none}a:hover{color:var(--accent-hover)}.brand{font-family:var(--font-display);letter-spacing:.1em;color:var(--text);margin:0;font-size:1.35rem;font-weight:800;line-height:1.1}.brand-full{letter-spacing:.02em;color:var(--text-muted);margin:0;font-size:.72rem;font-weight:500}.auth-brand-full{margin-top:.25rem;margin-bottom:.85rem}.brand-block{flex-direction:column;gap:.2rem;text-decoration:none;display:flex}.brand-block:hover{text-decoration:none}.brand-block:hover .brand{color:var(--accent)}.brand-block:hover .brand-full{color:var(--text-muted)}@supports (color:color-mix(in lab, red, red)){.brand-block:hover .brand-full{color:color-mix(in srgb, var(--text-muted) 70%, var(--text))}}.app-shell{min-height:100vh;animation:page-enter .45s var(--ease-out);padding:0 1.5rem 3.5rem}.app-header{z-index:40;min-height:var(--header-h);background:var(--bg);justify-content:space-between;align-items:center;gap:1rem;margin:0 -1.5rem 2rem;padding:.85rem 1.5rem;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.app-header{background:color-mix(in srgb, var(--bg) 82%, transparent)}}.app-header{border-bottom:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.app-header{border-bottom:1px solid color-mix(in srgb, var(--border) 85%, transparent)}}.app-header{-webkit-backdrop-filter:blur(16px)saturate(1.4)}.shell-error{margin:-1rem 0 1.25rem}.page-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 .5rem;font-size:.72rem;font-weight:700}.store-main{max-width:980px;margin-inline:auto}.store-hero{padding-top:.75rem;position:relative}.store-hero-glow{background:radial-gradient(circle, var(--accent) 0%, transparent 70%);border-radius:50%;width:22rem;height:22rem;position:absolute;top:-3.5rem;left:-6rem}@supports (color:color-mix(in lab, red, red)){.store-hero-glow{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 22%, transparent) 0%, transparent 70%)}}.store-hero-glow{filter:blur(12px);pointer-events:none;z-index:-1}.store-hero h1{font-family:var(--font-display);letter-spacing:-.035em;color:var(--text);margin:0 0 .65rem;font-size:clamp(1.9rem,4.4vw,2.75rem);font-weight:700;line-height:1.12}.store-hero-copy{max-width:28rem;color:var(--text-muted);margin:0;font-size:1.05rem}.store-featured{margin-top:1.75rem}.featured-carousel{position:relative}.featured-carousel__viewport{touch-action:pan-y;margin:-12px 0;padding:12px 0;overflow:hidden}.featured-carousel__track{will-change:transform;transition:transform .45s var(--ease-out);display:flex}.featured-carousel__slide{box-sizing:border-box;flex:0 0 100%;min-width:100%}.featured-carousel__controls{justify-content:center;align-items:center;gap:.85rem;margin-top:.85rem;display:flex}.featured-carousel__arrow{border:1px solid var(--border);background:var(--bg-elevated);width:2rem;height:2rem;color:var(--text);cursor:pointer;transition:background-color .18s var(--ease-out), border-color .18s var(--ease-out), color .18s var(--ease-out);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.featured-carousel__arrow:hover{border-color:var(--accent);color:var(--accent)}.featured-carousel__arrow:focus-visible{box-shadow:var(--focus-ring);outline:none}.featured-carousel__dots{justify-content:center;align-items:center;gap:.4rem;display:flex}.featured-carousel__dot{background:var(--border-strong);cursor:pointer;width:.5rem;height:.5rem;transition:width .25s var(--ease-out), background-color .25s var(--ease-out);border:none;border-radius:999px;padding:0}.featured-carousel__dot--active{background:var(--accent);width:1.35rem}.featured-carousel__dot:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (prefers-reduced-motion:reduce){.featured-carousel__track{transition:none}}.featured-tile{border:1px solid var(--border);grid-template-columns:auto 1fr;align-items:center;gap:1.35rem;padding:1.5rem 1.55rem;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.featured-tile{border:1px solid color-mix(in srgb, var(--border) 60%, transparent)}}.featured-tile{background:linear-gradient(var(--bg-elevated), var(--bg-elevated)) padding-box, linear-gradient(135deg, var(--accent), transparent 55%) border-box;border-radius:22px}@supports (color:color-mix(in lab, red, red)){.featured-tile{background:linear-gradient(var(--bg-elevated), var(--bg-elevated)) padding-box, linear-gradient(135deg, color-mix(in srgb, var(--accent) 30%, transparent), transparent 55%) border-box}}.featured-tile{box-shadow:var(--shadow-sm);color:inherit;transition:transform .25s var(--ease-out), box-shadow .25s var(--ease-out);text-decoration:none;overflow:hidden}.featured-tile:after{content:"";border-radius:inherit;background:radial-gradient(120% 120% at 100% 0%, var(--accent), transparent 55%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.featured-tile:after{background:radial-gradient(120% 120% at 100% 0%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 55%)}}.featured-tile:after{opacity:0;transition:opacity .25s var(--ease-out);pointer-events:none}.featured-tile:hover{color:inherit;box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.featured-tile:hover:after{opacity:1}.featured-tile.is-disabled{opacity:.72;box-shadow:var(--shadow-sm)}.featured-icon{z-index:1;width:5.5rem;height:5.5rem;font-family:var(--font-display);color:#fff;letter-spacing:-.02em;border-radius:22.5%;flex-shrink:0;place-items:center;font-size:1.9rem;font-weight:800;display:grid;position:relative;box-shadow:0 10px 26px}@supports (color:color-mix(in lab, red, red)){.featured-icon{box-shadow:0 10px 26px color-mix(in srgb, currentColor 18%, #191f2824)}}.featured-icon{overflow:hidden}.featured-copy{z-index:1;position:relative}.featured-icon.has-image{background:0 0;box-shadow:0 8px 20px #4f46e538}.featured-icon.has-image img{object-fit:cover;width:100%;height:100%;display:block}.featured-category{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.7rem;font-weight:700}.featured-copy h2{font-family:var(--font-display);letter-spacing:-.025em;margin:.28rem 0 .15rem;font-size:1.45rem;font-weight:700}.featured-subtitle{color:var(--text);margin:0;font-size:.95rem;font-weight:600}.featured-desc{color:var(--text-muted);margin:.45rem 0 .95rem;font-size:.92rem;line-height:1.55}.featured-action{background:var(--accent);color:var(--accent-on);letter-spacing:-.01em;box-shadow:0 6px 16px var(--accent);border-radius:999px;align-items:center;gap:.3rem;padding:.45rem .7rem .45rem 1rem;font-size:.84rem;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.featured-action{box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 30%, transparent)}}.featured-action.is-soon{background:var(--surface-hover);color:var(--text-muted);box-shadow:none;padding:.45rem 1rem}.featured-arrow{transition:transform .25s var(--ease-out)}.featured-tile:hover .featured-arrow{transform:translate(3px)}.store-category{margin-top:2.25rem}.store-category-head{align-items:center;gap:.55rem;margin-bottom:.9rem;display:flex}.store-category-head h2{letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.2rem;font-weight:700}.store-category-count{background:var(--accent-soft);min-width:1.4rem;height:1.4rem;color:var(--accent);border-radius:999px;place-items:center;padding:0 .4rem;font-size:.72rem;font-weight:700;display:inline-grid}.store-row{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;grid-auto-columns:minmax(230px,268px);grid-auto-flow:column;gap:.85rem;margin:0;padding:0 0 .65rem;list-style:none;display:grid;overflow-x:auto}.store-row>li{scroll-snap-align:start}.app-tile{background:var(--bg-elevated);min-height:80px;box-shadow:var(--shadow-sm);color:inherit;transition:box-shadow .22s var(--ease-out), transform .22s var(--ease-out);border:1px solid #0000;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.85rem;text-decoration:none;display:grid}.app-tile:hover{color:inherit;border-color:var(--accent);text-decoration:none;transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.app-tile:hover{border-color:color-mix(in srgb, var(--accent) 18%, transparent)}}.app-tile:hover{box-shadow:var(--shadow-md)}.app-tile:hover .app-icon{transform:scale(1.06)}.app-tile:hover .app-cta:not(.is-soon){background:var(--accent);color:var(--accent-on)}.app-tile.is-disabled{opacity:.6;cursor:default}.app-tile.is-disabled:hover{box-shadow:var(--shadow-sm);transform:none}.app-icon{width:3.1rem;height:3.1rem;font-family:var(--font-display);color:#fff;transition:transform .22s var(--ease-out);border-radius:22.5%;place-items:center;font-size:1rem;font-weight:800;display:grid;overflow:hidden;box-shadow:0 4px 10px #191f281a}.app-icon.has-image{background:0 0;box-shadow:0 4px 10px #4f46e533}.app-icon.has-image img{object-fit:cover;width:100%;height:100%;display:block}.app-meta{min-width:0}.app-name{letter-spacing:-.015em;margin:0;font-size:.95rem;font-weight:700}.app-subtitle{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:.15rem 0 0;font-size:.78rem;overflow:hidden}.app-cta{background:var(--accent-soft);color:var(--accent);white-space:nowrap;transition:background-color .2s var(--ease-out), color .2s var(--ease-out);border-radius:999px;padding:.38rem .72rem;font-size:.75rem;font-weight:700}.app-cta.is-soon{background:var(--surface-hover);color:var(--text-muted);border:none}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.app-shell,.featured-tile,.app-tile,.app-icon,.featured-arrow{transition:none;animation:none}.featured-tile:hover,.app-tile:hover,.app-tile:hover .app-icon,.featured-tile:hover .featured-arrow{transform:none}}.back-link{margin-bottom:1rem;font-size:.9rem;font-weight:600;display:inline-block}.brand-inline{font-family:var(--font-display);letter-spacing:.08em;color:var(--text);margin:-.35rem 0 .85rem;font-weight:800}.analysis-main{max-width:720px;margin-inline:auto}.analysis-main h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .4rem;font-size:clamp(1.7rem,4vw,2.25rem);font-weight:700}.analysis-lead{color:var(--text-muted);max-width:36rem}.analysis-panel{border-top:1px solid var(--border);margin-top:2rem;padding-top:1.5rem}.analysis-panel h2{margin:0 0 .5rem;font-size:1.05rem;font-weight:700}.analysis-panel p{color:var(--text-muted);margin:0}.empty-state{color:var(--text-muted);margin:0;font-size:.95rem}.brew-shell{--brew-paper:#f7f3ee;--brew-paper-deep:#efe8df;--brew-foam:#fffcf8;--brew-ink:#2c2825;--brew-ink-soft:#5c554e;--brew-mute:#8a8178;--brew-line:#e6ddd3;--brew-line-strong:#d4c8ba;--brew-accent:#c4a484;--brew-accent-deep:#a88968;--brew-accent-soft:#f3ebe3;--brew-success:#6b8f71;--brew-success-soft:#e8f0e9;--brew-danger:#b85c4c;--brew-danger-soft:#f8ebe8;--brew-warn:#b8956c;--brew-warn-soft:#f6efe6;--brew-font-display:"Fraunces", "Iowan Old Style", "Palatino Linotype", serif;--brew-font-body:"Outfit", "Pretendard", sans-serif;--brew-indigo:var(--brew-accent);--brew-indigo-700:var(--brew-accent-deep);--brew-indigo-soft:var(--brew-accent-soft);--brew-slate-50:var(--brew-paper);--brew-slate-100:var(--brew-paper-deep);--brew-slate-200:var(--brew-line);--brew-slate-300:var(--brew-line-strong);--brew-slate-500:var(--brew-mute);--brew-slate-600:var(--brew-ink-soft);--brew-slate-700:var(--brew-ink-soft);--brew-slate-800:var(--brew-ink);--brew-slate-900:var(--brew-ink);min-height:calc(100vh - var(--header-h,3.5rem));padding:1.75rem 1.15rem 4rem;padding-top:max(1.75rem, env(safe-area-inset-top));color:var(--brew-ink);font-family:var(--brew-font-body);background:radial-gradient(120% 80% at 10% -10%, #c4a4842e, transparent 55%), radial-gradient(90% 60% at 100% 0%, #efe8dfe6, transparent 50%), linear-gradient(180deg, #faf7f3 0%, var(--brew-paper) 45%, #f3ece4 100%);margin:-2rem -1.5rem -3.5rem;animation:.55s ease-out both brew-shell-in}@keyframes brew-shell-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.brew-shell__inner{gap:1.75rem;max-width:40rem;margin:0 auto;display:grid}.brew-shell__inner--wide{max-width:68rem}.brew-shell__inner--hub{gap:1.5rem;max-width:56rem}.brew-shell__hero--hub{padding:1.25rem 0 .5rem}.brew-hero-cta{flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:1.25rem;display:flex}.brew-hub-grid{grid-template-columns:1fr;gap:.5rem 2rem;display:grid}@media (width>=800px){.brew-hub-grid{grid-template-columns:1fr 1fr;align-items:start}}.brew-hub-panel__bar{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.brew-seg-tabs-wrap{top:calc(var(--header-h,3.5rem) + .35rem);z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#f7f3eef5 55%,#f7f3eeb8 100%);margin:0 -.15rem;padding:.15rem .15rem 0;position:sticky}.brew-seg-tabs--sticky{margin-bottom:.35rem}.brew-toolbar{gap:.65rem;display:grid}.brew-toolbar--stock{align-items:end}@media (width>=720px){.brew-toolbar--stock{grid-template-columns:minmax(0,1fr) auto;align-items:end}}.brew-toolbar__actions{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.brew-menu-layout{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=900px){.brew-menu-layout{grid-template-columns:minmax(11rem,15rem) minmax(0,1fr);align-items:start;gap:1.75rem}}.brew-menu-rail{border-bottom:1px solid var(--brew-line);gap:.65rem;padding-bottom:.5rem;display:grid}@media (width>=900px){.brew-menu-rail{border-bottom:none;border-right:1px solid var(--brew-line);top:calc(var(--header-h,3.5rem) + 4.25rem);padding-bottom:0;padding-right:1.1rem;position:sticky}}.brew-menu-rail__head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.brew-menu-rail__title{font-family:var(--brew-font-display);margin:0;font-size:1.15rem;font-weight:500}.brew-menu-rail__list{scrollbar-width:thin;gap:.4rem;padding-bottom:.15rem;display:flex;overflow-x:auto}@media (width>=900px){.brew-menu-rail__list{flex-direction:column;overflow:visible}}.brew-rail-item{border:1px solid var(--brew-line);min-width:6.5rem;color:var(--brew-ink-soft);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:.35rem;flex:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .7rem;font-size:.88rem;font-weight:500;transition:background-color .15s,border-color .15s,color .15s;display:flex}@media (width>=900px){.brew-rail-item{border-left:none;border-right:none;border-color:transparent transparent var(--brew-line) transparent;border-radius:0;width:100%;min-width:0;padding-left:.15rem;padding-right:.15rem}}.brew-rail-item:hover{background:var(--brew-accent-soft);color:var(--brew-ink)}.brew-rail-item.is-active{border-color:var(--brew-accent);background:var(--brew-accent-soft);color:var(--brew-ink)}@media (width>=900px){.brew-rail-item.is-active{border-color:transparent transparent var(--brew-accent) transparent;box-shadow:inset 2px 0 0 var(--brew-accent)}}.brew-rail-item__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brew-rail-item__hint{letter-spacing:.04em;text-transform:uppercase;color:var(--brew-mute);font-size:.68rem}.brew-menu-main{gap:1rem;min-width:0;display:grid}.brew-stock-edit-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=800px){.brew-stock-edit-grid{grid-template-columns:1fr 1fr;align-items:start}}.brew-schedule-panels{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=900px){.brew-schedule-panels{grid-template-columns:1fr 1fr;align-items:start}.brew-schedule-panels__span{grid-column:1/-1}}.brew-settings-stack{gap:1.35rem;max-width:40rem;display:grid}.brew-shell__loading{text-align:center;color:var(--brew-mute);font-family:var(--brew-font-display);padding:5rem 1rem;font-size:1.15rem;font-weight:500}.brew-shell__top{justify-content:space-between;align-items:center;display:flex}.brew-shell__back{letter-spacing:.02em;color:var(--brew-ink-soft);font-size:.82rem;font-weight:500;text-decoration:none;transition:color .2s}.brew-shell__back:hover{color:var(--brew-accent-deep)}.brew-shell__hero{text-align:center;padding:.5rem 0 .25rem}.brew-shell__hero-brand{font-family:var(--brew-font-display);letter-spacing:-.02em;color:var(--brew-ink);margin:0;font-size:clamp(2.4rem,8vw,3.35rem);font-weight:500;line-height:1.05}.brew-shell__hero h1{font-family:var(--brew-font-display);letter-spacing:-.02em;color:var(--brew-ink);margin:0;font-size:clamp(2.1rem,7vw,2.85rem);font-weight:500}.brew-shell__hero p{max-width:22rem;color:var(--brew-mute);margin:.65rem auto 0;font-size:.95rem;line-height:1.55}.brew-shell__meta{letter-spacing:.04em;text-transform:uppercase;color:var(--brew-mute)!important;margin:.45rem 0 0!important;font-size:.78rem!important}.brew-shell__cta{text-align:center}.brew-detail-head{border-bottom:1px solid var(--brew-line);flex-direction:row;justify-content:space-between;align-items:flex-start;gap:.75rem;padding-bottom:.25rem;display:flex}.brew-detail-head h1{font-family:var(--brew-font-display);letter-spacing:-.02em;color:var(--brew-ink);margin:.55rem 0 0;font-size:clamp(1.85rem,4vw,2.35rem);font-weight:500}.brew-notice-icon-btn{border:1px solid var(--brew-line);background:var(--brew-surface,#fff);width:2.5rem;height:2.5rem;color:var(--brew-ink);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin-top:.35rem;transition:background .15s,border-color .15s,color .15s;display:inline-flex;position:relative}.brew-notice-icon-btn:hover{background:var(--brew-accent-soft,#c4a48438);color:var(--brew-accent-deep,#6b4a2e);border-color:#96704a59}.brew-notice-icon-btn__badge{background:var(--brew-accent-deep,#6b4a2e);color:#fff;text-align:center;border-radius:999px;min-width:1.1rem;height:1.1rem;padding:0 .28rem;font-size:.65rem;font-weight:600;line-height:1.1rem;position:absolute;top:-.2rem;right:-.15rem}.brew-notice-body{resize:vertical;min-height:6rem;font-family:inherit;line-height:1.45}.brew-notice-item{border:1px solid var(--brew-line);background:var(--brew-surface,#fff);border-radius:.55rem;gap:.45rem;padding:.85rem .9rem;display:grid}.brew-notice-item__title{color:var(--brew-ink);margin:0;font-size:1rem;font-weight:600}.brew-notice-item__meta{color:var(--brew-muted,#7a7268);margin:.15rem 0 0;font-size:.78rem}.brew-notice-item__body{white-space:pre-wrap;color:var(--brew-ink);margin:0;font-size:.9rem;line-height:1.45}.brew-section{gap:.85rem;animation:.45s both brew-fade-up;display:grid}.brew-section:nth-child(3){animation-delay:40ms}.brew-section:nth-child(4){animation-delay:80ms}.brew-section:nth-child(5){animation-delay:.12s}.brew-section:nth-child(6){animation-delay:.16s}@keyframes brew-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.brew-section__label{letter-spacing:.14em;text-transform:uppercase;color:var(--brew-mute);margin:0;font-size:.72rem;font-weight:600}.brew-card{border:none;border-top:1px solid var(--brew-line);box-shadow:none;background:0 0;border-radius:0}.brew-card__head{border-bottom:none;justify-content:space-between;align-items:baseline;gap:.75rem;padding:1.1rem 0 .55rem;display:flex}.brew-card__title{font-family:var(--brew-font-display);letter-spacing:-.01em;color:var(--brew-ink);margin:0;font-size:1.35rem;font-weight:500}.brew-card__action,.brew-card__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.brew-card__body{padding:.35rem 0 1.35rem}.brew-card-lead{color:var(--brew-mute);margin:0 0 .9rem;font-size:.875rem;line-height:1.55}.brew-card-lead--mt{margin-top:.75rem;margin-bottom:0}.brew-empty{color:var(--brew-mute);margin:0;font-size:.875rem}.brew-stack{gap:.45rem;display:grid}.brew-stack--mt{margin-top:1rem}.brew-stack-lg{gap:1.25rem;animation:.35s both brew-fade-up;display:grid}.brew-notice{border:none;border-bottom:1px solid var(--brew-line);background:0 0;border-radius:0;margin:0;padding:.85rem 0;font-size:.875rem}.brew-notice--error{color:var(--brew-danger);border-bottom-color:#e8cfc9}.brew-notice--success{color:var(--brew-success);border-bottom-color:#d5e3d7}.brew-notice--info{color:var(--brew-ink-soft);border-bottom-color:var(--brew-line)}.brew-subsection-title{font-family:var(--brew-font-display);color:var(--brew-ink);margin:0 0 .55rem;font-size:1.05rem;font-weight:500}.brew-stock-block-inline+.brew-stock-block-inline{border-top:1px solid var(--brew-line);padding-top:1rem}.brew-recipe-view__notes{color:var(--brew-ink);word-break:break-word;margin:0;font-size:.95rem;line-height:1.7}.brew-notes-paragraph{white-space:pre-wrap;margin:0 0 .75rem}.brew-notes-paragraph:last-child{margin-bottom:0}.brew-notes-list{margin:0 0 .75rem;padding:0;list-style:none}.brew-notes-list:last-child{margin-bottom:0}.brew-notes-item{padding-left:calc(var(--notes-indent,0) * 1.15rem);grid-template-columns:1.5rem 1fr;align-items:start;gap:.35rem;margin:.15rem 0;display:grid}.brew-notes-item--level-1{color:var(--brew-ink-soft)}.brew-notes-item--level-2,.brew-notes-item--level-3,.brew-notes-item--level-4{color:var(--brew-mute)}.brew-notes-item__marker{font-variant-numeric:tabular-nums;text-align:right;color:var(--brew-accent-deep);font-weight:600;line-height:1.65}.brew-notes-list--bullet .brew-notes-item--level-1 .brew-notes-item__marker,.brew-notes-list--numbered .brew-notes-item--level-1 .brew-notes-item__marker,.brew-notes-list--bullet .brew-notes-item--level-2 .brew-notes-item__marker,.brew-notes-list--numbered .brew-notes-item--level-2 .brew-notes-item__marker,.brew-notes-list--bullet .brew-notes-item--level-3 .brew-notes-item__marker,.brew-notes-list--numbered .brew-notes-item--level-3 .brew-notes-item__marker{color:var(--brew-accent)}.brew-notes-item__text{word-break:break-word;line-height:1.65}.brew-notes-editor{gap:.5rem;display:grid}.brew-notes-toolbar{flex-wrap:wrap;gap:.35rem;display:flex}.brew-notes-toolbar__btn{border:1px solid var(--brew-line);background:var(--brew-foam);color:var(--brew-ink-soft);font:inherit;cursor:pointer;border-radius:.35rem;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.78rem;font-weight:500;transition:border-color .15s,background-color .15s;display:inline-flex}.brew-notes-toolbar__btn:hover:not(:disabled){background:var(--brew-accent-soft);border-color:var(--brew-line-strong)}.brew-notes-toolbar__btn:disabled{opacity:.55;cursor:not-allowed}.brew-notes-editor__textarea{font-variant-numeric:tabular-nums;tab-size:2;white-space:pre-wrap}.brew-btn{font:inherit;letter-spacing:.01em;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:.35rem;justify-content:center;align-items:center;font-weight:500;transition:background-color .18s,color .18s,border-color .18s,transform .18s;display:inline-flex}.brew-btn:disabled{cursor:not-allowed;opacity:.65}.brew-btn--sm{padding:.38rem .8rem;font-size:.82rem}.brew-btn--md{padding:.55rem 1.1rem;font-size:.875rem}.brew-btn--lg{padding:.75rem 1.4rem;font-size:1rem}.brew-btn--primary{background:var(--brew-ink);color:var(--brew-foam)}.brew-btn--primary:hover:not(:disabled){background:#3a342f}.brew-btn--primary:disabled{opacity:1;background:#9a9188}.brew-btn--secondary{border-color:var(--brew-line-strong);color:var(--brew-ink);background:0 0}.brew-btn--secondary:hover:not(:disabled){background:var(--brew-accent-soft);border-color:var(--brew-accent)}.brew-btn--danger{color:var(--brew-danger);background:0 0;border-color:#e0b8b0}.brew-btn--danger:hover:not(:disabled){background:var(--brew-danger-soft)}.brew-btn--ghost{color:var(--brew-mute);background:0 0}.brew-btn--ghost:hover:not(:disabled){color:var(--brew-ink);background:var(--brew-accent-soft)}.brew-btn-row{flex-wrap:wrap;gap:.5rem;display:flex}.brew-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:.25rem;flex-shrink:0;align-items:center;padding:.15rem .45rem;font-size:.7rem;font-weight:600;display:inline-flex}.brew-badge--default{background:var(--brew-paper-deep);color:var(--brew-ink-soft)}.brew-badge--success{background:var(--brew-success-soft);color:var(--brew-success)}.brew-badge--warning{background:var(--brew-warn-soft);color:var(--brew-warn)}.brew-badge--danger{background:var(--brew-danger-soft);color:var(--brew-danger)}.brew-badge--info{background:var(--brew-accent-soft);color:var(--brew-accent-deep)}.brew-visibility{vertical-align:middle;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:1.35rem;height:1.35rem;display:inline-flex}.brew-visibility svg{width:.85rem;height:.85rem}.brew-visibility--open{background:var(--brew-success-soft);color:var(--brew-success)}.brew-visibility--closed{background:var(--brew-paper-deep);color:var(--brew-ink-soft)}.veveno-splash{--brew-paper:#f7f3ee;--brew-paper-deep:#efe8df;--brew-foam:#fffcf8;--brew-ink:#2c2825;--brew-ink-soft:#5c554e;--brew-mute:#8a8178;--brew-accent:#c4a484;--brew-accent-deep:#a88968;--brew-font-display:"Fraunces", "Iowan Old Style", "Palatino Linotype", serif;--brew-font-body:"Outfit", "Pretendard", sans-serif;z-index:10000;background:radial-gradient(ellipse 80% 60% at 20% 10%, #c4a48438, transparent 55%), radial-gradient(ellipse 70% 50% at 90% 90%, #a8896824, transparent 50%), linear-gradient(165deg, var(--brew-foam) 0%, var(--brew-paper) 45%, var(--brew-paper-deep) 100%);opacity:1;pointer-events:auto;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.veveno-splash--leaving{opacity:0;pointer-events:none}.veveno-splash__atmosphere{background:radial-gradient(circle at 30% 40%,#fffcf880,#0000 40%),radial-gradient(circle at 70% 60%,#c4a4841f,#0000 45%);animation:6s ease-in-out infinite alternate veveno-splash-drift;position:absolute;inset:0}.veveno-splash__content{flex-direction:column;align-items:center;transition:transform .5s;animation:.55s ease-out veveno-splash-rise;display:flex;position:relative}.veveno-splash--leaving .veveno-splash__content{transform:scale(.96)}.veveno-splash__mark{place-items:center;width:5.5rem;height:5.5rem;display:grid;position:relative}.veveno-splash__mark-ring{border:1.5px solid #a8896873;border-radius:999px;animation:1.6s ease-in-out infinite veveno-splash-pulse;position:absolute;inset:0}.veveno-splash__mark-core{background:linear-gradient(145deg, var(--brew-accent) 0%, var(--brew-accent-deep) 100%);width:3.75rem;height:3.75rem;color:var(--brew-foam);font-family:var(--brew-font-display);letter-spacing:.02em;border-radius:999px;place-items:center;font-size:1.75rem;font-weight:600;display:grid;box-shadow:0 10px 28px #a8896847}.veveno-splash__brand{font-family:var(--brew-font-display);letter-spacing:.04em;color:var(--brew-ink);margin:1.25rem 0 0;font-size:2rem;font-weight:600}.veveno-splash__tagline{font-family:var(--brew-font-body);letter-spacing:.12em;color:var(--brew-mute);margin:.4rem 0 0;font-size:.9rem;font-weight:500}@keyframes veveno-splash-drift{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes veveno-splash-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes veveno-splash-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.veveno-splash__atmosphere,.veveno-splash__mark-ring,.veveno-splash__content{animation:none}}.brew-tools{flex-direction:column;gap:1.1rem;display:flex}.brew-tools-seg{background:var(--brew-paper-deep);border:1px solid var(--brew-line);border-radius:.55rem;grid-template-columns:repeat(4,1fr);gap:.35rem;padding:.3rem;display:grid}.brew-tools-seg--main{grid-template-columns:repeat(2,1fr)}.brew-tools-seg button{color:var(--brew-ink-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.4rem;padding:.55rem .4rem;font-size:.88rem;font-weight:600}.brew-tools-seg button.is-active{background:var(--brew-foam);color:var(--brew-ink);box-shadow:0 1px 2px #2c28250f}.brew-tools-block{border:1px solid var(--brew-line);background:var(--brew-foam);border-radius:.65rem;flex-direction:column;gap:.85rem;padding:1rem 1.05rem 1.1rem;display:flex}.brew-tools-block__title{font-family:var(--brew-font-display);color:var(--brew-ink);margin:0;font-size:1.15rem;font-weight:600}.brew-tools-block__lead{color:var(--brew-mute);margin:-.35rem 0 0;font-size:.88rem;line-height:1.45}.brew-unit-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=640px){.brew-unit-grid{grid-template-columns:repeat(2,1fr)}}.brew-unit-result{background:var(--brew-accent-soft);border:1px solid var(--brew-line);border-radius:.5rem;flex-direction:column;gap:.2rem;padding:.9rem 1rem;display:flex}.brew-unit-result__label{letter-spacing:.06em;text-transform:uppercase;color:var(--brew-mute);margin:0;font-size:.75rem;font-weight:600}.brew-unit-result__value{font-family:var(--brew-font-display);color:var(--brew-ink);letter-spacing:.02em;margin:0;font-size:1.85rem;font-weight:600}.brew-timers{flex-direction:column;gap:1rem;display:flex}.brew-timer-form{flex-direction:column;gap:.75rem;display:flex}.brew-timer-form__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.brew-timer-form__row-end{flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}.brew-timer-duration{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.brew-timer-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.7rem;margin:0;padding:0;list-style:none;display:grid}@media (width<=520px){.brew-timer-list{grid-template-columns:1fr}}.brew-timer-card{border:1px solid var(--brew-line);background:var(--brew-paper);border-radius:.55rem;flex-direction:column;gap:.45rem;padding:.85rem .95rem;display:flex}.brew-timer-card.is-running{border-color:var(--brew-accent);background:var(--brew-accent-soft)}.brew-timer-card.is-done{border-color:var(--brew-success);background:var(--brew-success-soft)}.brew-timer-card.is-editing{outline:2px solid var(--brew-accent);outline-offset:1px}.brew-timer-card__head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.brew-timer-card__name{color:var(--brew-ink);margin:0;font-weight:600}.brew-timer-card__time{font-family:var(--brew-font-display);font-variant-numeric:tabular-nums;color:var(--brew-ink);margin:-.2rem 0 0;font-size:1.55rem;font-weight:600}.brew-icon-btn{border:1px solid var(--brew-line);background:var(--brew-foam);width:2.3rem;height:2.3rem;color:var(--brew-ink-soft);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.brew-icon-btn svg{fill:currentColor;width:1rem;height:1rem}.brew-icon-btn:hover{background:var(--brew-accent-soft);border-color:var(--brew-line-strong);color:var(--brew-ink)}.brew-icon-btn--primary{border-color:var(--brew-accent-deep);background:var(--brew-accent);color:#fff}.brew-icon-btn--primary:hover{background:var(--brew-accent-deep);border-color:var(--brew-accent-deep);color:#fff}.brew-timer-card__meta{color:var(--brew-mute);margin:0;font-size:.8rem}.brew-timer-card__actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.4rem;margin-top:auto;padding-top:.45rem;display:flex}.brew-menu{display:inline-flex;position:relative}.brew-menu__trigger{border:1px solid var(--brew-line);background:var(--brew-foam);min-width:2rem;height:2rem;color:var(--brew-ink-soft);cursor:pointer;border-radius:.6rem;justify-content:center;align-items:center;padding:0 .45rem;font-size:1rem;line-height:1;transition:background .15s,border-color .15s;display:inline-flex}.brew-menu__trigger:hover,.brew-menu__trigger.is-open{background:var(--brew-accent-soft);border-color:var(--brew-line-strong);color:var(--brew-ink)}.brew-menu__list{z-index:30;border:1px solid var(--brew-line);background:var(--brew-foam);border-radius:.7rem;flex-direction:column;min-width:10rem;padding:.3rem;display:flex;position:absolute;top:calc(100% + .3rem);right:0;box-shadow:0 10px 24px #2c282524}.brew-menu__item{color:var(--brew-ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.5rem;padding:.45rem .6rem;font-size:.82rem;transition:background .12s}.brew-menu__item:hover:not(:disabled){background:var(--brew-accent-soft)}.brew-menu__item:disabled{color:var(--brew-mute);cursor:default}.brew-menu__item.is-danger{color:var(--brew-danger)}.brew-menu__item.is-danger:hover:not(:disabled){background:var(--brew-danger-soft)}.brew-select-inline{border:1px solid var(--brew-line);background:var(--brew-foam);height:2.2rem;color:var(--brew-ink);border-radius:.6rem;padding:0 .55rem;font-family:inherit;font-size:.82rem}.brew-chain-drafts{flex-direction:column;gap:.75rem;display:flex}.brew-chain-draft{border:1px dashed var(--brew-line-strong);background:var(--brew-paper);border-radius:.45rem;flex-direction:column;gap:.55rem;padding:.75rem;display:flex}.brew-chain-steps{flex-direction:column;gap:.3rem;margin:.15rem 0 0;padding:0;list-style:none;display:flex}.brew-chain-steps li{color:var(--brew-ink-soft);background:var(--brew-foam);border-radius:.35rem;justify-content:space-between;gap:.5rem;padding:.35rem .5rem;font-size:.82rem;display:flex}.brew-chain-steps li.is-current{background:var(--brew-accent-soft);color:var(--brew-ink);font-weight:600}.brew-chain-steps li.is-past{opacity:.55;text-decoration:line-through}.brew-chain-steps li.is-more{color:var(--brew-mute);background:0 0;justify-content:center;padding:.15rem .5rem;font-size:.75rem}.brew-preset-block{flex-direction:column;gap:.55rem;display:flex}.brew-preset-block+.brew-preset-block{border-top:1px solid var(--brew-line);margin-top:.85rem;padding-top:.85rem}.brew-preset-block__title{color:var(--brew-ink);margin:0;font-size:.92rem;font-weight:600}.brew-preset-list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.brew-preset-card{border:1px solid var(--brew-line);background:var(--brew-paper);border-radius:.5rem;flex-wrap:wrap;justify-content:space-between;gap:.65rem;padding:.75rem .85rem;display:flex}.brew-preset-card__name{color:var(--brew-ink);margin:0;font-weight:600}.brew-preset-card__meta{color:var(--brew-mute);margin:.2rem 0 0;font-size:.8rem}.brew-preset-card__actions{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.brew-field{flex-direction:column;flex:auto;gap:.3rem;min-width:0;display:flex}.brew-field__label{letter-spacing:.04em;text-transform:uppercase;color:var(--brew-mute);font-size:.78rem;font-weight:500}.brew-field__input{border:1px solid var(--brew-line);width:100%;font:inherit;color:var(--brew-ink);background:var(--brew-foam);border-radius:.35rem;outline:none;padding:.6rem .8rem;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.brew-field__input:focus{border-color:var(--brew-accent);box-shadow:0 0 0 3px #c4a48438}.brew-field__input.is-error{border-color:#d4a59c}.brew-field__textarea{resize:vertical;min-height:5rem}.brew-field__hint{color:var(--brew-mute);font-size:.75rem}.brew-field__error{color:var(--brew-danger);font-size:.75rem}.brew-check{color:var(--brew-ink-soft);cursor:pointer;align-items:center;gap:.45rem;font-size:.875rem;display:inline-flex}.brew-search-row{align-items:flex-start;gap:.5rem;display:flex}.brew-search-row .brew-field{flex:1}.brew-store-row{border:1px solid #0000;border-bottom:1px solid var(--brew-line);text-align:left;width:100%;color:inherit;font:inherit;background:0 0;border-radius:.35rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.95rem .35rem;transition:background-color .18s,border-color .18s,transform .18s;display:flex}.brew-store-row.is-clickable{cursor:pointer}.brew-store-row.is-clickable:hover{border-color:#0000;border-bottom-color:var(--brew-accent);background:#fffcf8a6;transform:translate(2px)}.brew-store-row.is-selected{border-color:#0000;border-bottom-color:var(--brew-accent-deep);background:var(--brew-accent-soft);box-shadow:none}.brew-store-row__main{min-width:0}.brew-store-row__title-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.brew-store-row__name{color:var(--brew-ink);margin:0;font-weight:500}.brew-store-row__sub{color:var(--brew-mute);margin:.15rem 0 0;font-size:.75rem}.brew-search-result{border:none;border-bottom:1px solid var(--brew-line);border-radius:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.95rem .15rem;display:flex}.brew-search-result__actions{flex-wrap:wrap;gap:.5rem;display:flex}.brew-form-stack{gap:1rem;display:grid}.brew-form-grid{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));align-items:start;gap:.5rem;display:grid}.brew-seg-tabs{border-bottom:1px solid var(--brew-line);background:0 0;border-radius:0;gap:0;padding:0;display:grid}.brew-seg-tabs button{font:inherit;letter-spacing:.04em;color:var(--brew-mute);cursor:pointer;background:0 0;border:none;border-radius:0;padding:.75rem .35rem;font-size:.82rem;font-weight:500;transition:color .18s;position:relative}@media (width>=640px){.brew-seg-tabs button{font-size:.9rem}}.brew-seg-tabs button.is-active{color:var(--brew-ink);box-shadow:none;background:0 0}.brew-seg-tabs button.is-active:after{content:"";background:var(--brew-accent);height:2px;position:absolute;bottom:-1px;left:12%;right:12%}.brew-split{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=1024px){.brew-split{grid-template-columns:1fr 1.15fr;align-items:start;gap:2rem}}.brew-menu-row{align-items:stretch;gap:.35rem;display:flex}.brew-menu-row .brew-store-row{flex:1}.brew-chip-row{flex-wrap:wrap;gap:.4rem;display:flex}.brew-pill{border:1px solid var(--brew-line);color:var(--brew-ink-soft);font:inherit;cursor:pointer;background:0 0;border-radius:.35rem;padding:.35rem .75rem;font-size:.8rem;transition:border-color .15s,background-color .15s}.brew-pill.is-active{background:var(--brew-accent-soft);border-color:var(--brew-accent);color:var(--brew-ink);box-shadow:none}.brew-stock-row{border:none;border-bottom:1px solid var(--brew-line);border-radius:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem .15rem;display:flex}.brew-stock-row.is-low{background:0 0;border-bottom-color:#e0b8b0}.brew-stock-row__qty{align-items:center;gap:.4rem;display:flex}.brew-stock-num{text-align:center;font-variant-numeric:tabular-nums;min-width:1.75rem;font-size:1.15rem;font-weight:600;font-family:var(--brew-font-display)}.brew-duty-banner{color:var(--brew-warn);background:0 0;border:none;border-bottom:1px solid #e6d3b8;border-radius:0;margin:0;padding:.85rem 0;font-size:.9rem;line-height:1.45}.brew-schedule-toolbar{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.brew-schedule-toolbar__modes{justify-content:center}.brew-schedule-nav{justify-content:center;align-items:center;gap:.85rem;width:100%;display:flex}.brew-schedule-nav__arrow{border:1px solid var(--brew-line);background:var(--brew-foam);width:2.35rem;height:2.35rem;color:var(--brew-ink);cursor:pointer;border-radius:.35rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.35rem;line-height:1;transition:background-color .15s,border-color .15s;display:inline-flex}.brew-schedule-nav__arrow:hover{background:var(--brew-accent-soft);border-color:var(--brew-accent)}.brew-schedule-nav__arrow:active{transform:translateY(1px)}.brew-schedule-range{text-align:center;min-width:11rem;font-family:var(--brew-font-display);color:var(--brew-ink);font-size:1.05rem;font-weight:500}.brew-schedule-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem;display:grid}.brew-schedule-grid--week,.brew-schedule-grid--month{grid-template-columns:repeat(7,minmax(0,1fr))}@media (width<=900px){.brew-schedule-grid--week,.brew-schedule-grid--month{grid-template-columns:repeat(7,minmax(0,1fr));gap:.28rem}.brew-schedule-grid--month .brew-schedule-day{padding:.3rem}.brew-schedule-chip{font-size:.56rem}}.brew-schedule-weekday{letter-spacing:.06em;text-transform:uppercase;text-align:center;color:var(--brew-mute);padding:.2rem 0 .35rem;font-size:.7rem;font-weight:600}.brew-schedule-day--empty{opacity:.28;background:0 0;border-style:dashed;height:9.75rem;min-height:9.75rem;max-height:9.75rem}.brew-schedule-day{border:1px solid var(--brew-line);box-sizing:border-box;background:#fffcf88c;border-radius:.35rem;flex-direction:column;height:9.75rem;min-height:9.75rem;max-height:9.75rem;padding:.45rem;display:flex;position:relative;overflow:visible}.brew-schedule-day--today{border-color:var(--brew-accent);background:var(--brew-accent-soft);box-shadow:inset 0 0 0 1px #c4a48459}.brew-schedule-day--today .brew-schedule-day__head{color:var(--brew-accent-deep)}.brew-schedule-day__head{color:var(--brew-ink-soft);flex-shrink:0;justify-content:space-between;margin-bottom:.28rem;font-size:.72rem;font-weight:600;display:flex}.brew-schedule-day__list{flex:auto;align-content:start;gap:.22rem;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.brew-schedule-day__empty{color:var(--brew-mute);font-size:.72rem}.brew-schedule-day__more{color:var(--brew-mute);flex-shrink:0;margin:.15rem 0 0;font-size:.62rem;font-weight:600;line-height:1}.brew-schedule-day__popover{z-index:30;border:1px solid var(--brew-line);background:var(--brew-paper,#fffaf4);border-radius:.35rem;max-height:14rem;padding:.45rem;position:absolute;top:calc(100% - .15rem);left:0;right:0;overflow-y:auto;box-shadow:0 8px 20px #2c282524}.brew-schedule-day__popover-title{color:var(--brew-ink-soft);margin:0 0 .35rem;font-size:.68rem;font-weight:600}.brew-schedule-day__popover-list{gap:.22rem;margin:0;padding:0;list-style:none;display:grid}.brew-schedule-chip{background:var(--brew-paper-deep);color:var(--brew-ink);text-overflow:ellipsis;white-space:nowrap;border-radius:.25rem;padding:.2rem .3rem;font-size:.66rem;line-height:1.25;overflow:hidden}.brew-schedule-chip--regular{background:var(--brew-accent-soft);color:var(--brew-accent-deep)}.brew-schedule-chip--cover{background:var(--brew-success-soft);color:var(--brew-success)}.brew-schedule-chip--extra{background:var(--brew-accent-soft)}@supports (color:color-mix(in lab, red, red)){.brew-schedule-chip--extra{background:color-mix(in srgb, var(--brew-accent-soft) 70%, var(--brew-success-soft))}}.brew-schedule-chip--extra{color:var(--brew-accent-deep);box-shadow:inset 0 0 0 1.5px}.brew-schedule-chip--covered_out{background:var(--brew-danger-soft);color:var(--brew-danger);text-decoration:line-through;text-decoration-thickness:1px}.brew-invite-code{flex-direction:column;gap:.35rem;display:flex}.brew-invite-code__row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.brew-invite-code__value{background:var(--brew-surface-muted,var(--surface-hover,#f4f4f5));letter-spacing:.12em;border-radius:10px;align-items:center;min-height:2.25rem;padding:.35rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.05rem;font-weight:700;display:inline-flex}.brew-invite-code__value--copyable{cursor:pointer;-webkit-user-select:all;user-select:all}.brew-invite-code__value--copyable:hover{background:var(--brew-surface,#ececf0)}.brew-invite-code__value--copyable:focus-visible{outline:2px solid var(--brew-accent,#3f3f46);outline-offset:2px}.brew-schedule-slot-row{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.brew-schedule-time{max-width:8rem}.brew-schedule-bulk{background:var(--brew-surface-muted,var(--surface-hover,#f4f4f5));border-radius:12px;flex-direction:column;gap:.35rem;padding:.75rem .85rem;display:flex}.brew-schedule-bulk__row{align-items:center}.brew-schedule-bulk__row .brew-btn{margin-left:auto}.brew-tt{min-width:0}.brew-tt-strip{border-bottom:1px solid var(--brew-line);background:#fffcf8b3;display:grid}.brew-tt-strip--mobile{grid-template-columns:repeat(7,minmax(0,1fr))}.brew-tt-strip--desktop{display:none}.brew-tt-strip__gutter{border-right:1px solid var(--brew-line)}.brew-tt-strip__day{border:none;border-right:1px solid var(--brew-line);min-width:0;color:inherit;font:inherit;cursor:pointer;background:0 0;flex-direction:column;align-items:center;gap:.2rem;padding:.45rem .15rem;display:flex}.brew-tt-strip__day:last-child{border-right:none}.brew-tt-strip__day--static{cursor:default}.brew-tt-strip__day.is-selected{background:var(--brew-accent-soft);box-shadow:inset 0 -2px 0 var(--brew-accent)}.brew-tt-strip__wd{letter-spacing:.06em;text-transform:uppercase;color:var(--brew-mute);font-size:.65rem;font-weight:600}.brew-tt-strip__num{width:1.65rem;height:1.65rem;color:var(--brew-ink);border-radius:999px;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:inline-flex}.brew-tt-strip__day.is-today .brew-tt-strip__num{background:var(--brew-ink);color:var(--brew-foam)}.brew-tt-mobile__label{color:var(--brew-ink-soft);border-bottom:1px solid var(--brew-line);margin:0;padding:.55rem .35rem;font-size:.8rem;font-weight:500}.brew-tt-scroll{-webkit-overflow-scrolling:touch;max-height:min(70vh,560px);overflow:auto}.brew-tt-body{min-width:0;display:grid}.brew-tt-gutter{border-right:1px solid var(--brew-line);background:#f7f3eed9}.brew-tt-gutter__hour{box-sizing:border-box;border-bottom:1px solid var(--brew-line);text-align:right;color:var(--brew-mute);padding-right:.35rem;font-size:.62rem;line-height:1}.brew-tt-col{border-right:1px solid var(--brew-line);min-width:0}.brew-tt-col:last-child{border-right:none}.brew-tt-col.is-today{background:#f3ebe359}.brew-tt-day{min-width:0;position:relative}.brew-tt-hour-line{box-sizing:border-box;border-bottom:1px solid var(--brew-line);pointer-events:none;position:absolute;left:0;right:0}.brew-tt-block{z-index:1;box-sizing:border-box;border-style:solid;border-width:1px;border-radius:.3rem;padding:.28rem .35rem;font-size:.68rem;line-height:1.25;position:absolute;overflow:hidden;box-shadow:0 1px 2px #2c28250f}.brew-tt-block--cont{border-top-width:0;border-top-left-radius:0;border-top-right-radius:0;padding-top:0}.brew-tt-block--cont-next{border-bottom-width:0;border-bottom-right-radius:0;border-bottom-left-radius:0;padding-bottom:0}.brew-tt-block__name{text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:600;overflow:hidden}.brew-tt-block__time,.brew-tt-block__meta{opacity:.85;text-overflow:ellipsis;white-space:nowrap;margin:.1rem 0 0;overflow:hidden}.brew-tt-block--cover{border-style:dashed}.brew-tt-block--extra{border-style:double;border-width:3px}.brew-tt-desktop{display:none}@media (width>=800px){.brew-tt-strip--mobile,.brew-tt-mobile{display:none}.brew-tt-desktop{display:block}.brew-tt-strip--desktop{display:grid}}.brew-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:0;display:grid}.brew-specs div{gap:.2rem;display:grid}.brew-specs dt{letter-spacing:.04em;text-transform:uppercase;color:var(--brew-mute);font-size:.72rem;font-weight:600}.brew-specs dd{color:var(--brew-ink);margin:0;font-weight:500}@media (width<=640px){.brew-specs{grid-template-columns:1fr}.brew-search-row{flex-direction:column}.brew-search-row .brew-btn{width:100%}}.brew-modal-backdrop{z-index:1100;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));background:#2c28256b;justify-content:center;align-items:center;animation:.2s both brew-fade-up;display:flex;position:fixed;inset:0}.brew-modal{background:var(--brew-foam);border:1px solid var(--brew-line);border-radius:.5rem;outline:none;flex-direction:column;width:100%;max-width:28rem;max-height:min(88dvh,40rem);display:flex;overflow:hidden;box-shadow:0 18px 40px #2c28251f}.brew-modal__head{border-bottom:1px solid var(--brew-line);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.2rem;display:flex}.brew-modal__title{font-family:var(--brew-font-display);color:var(--brew-ink);margin:0;font-size:1.2rem;font-weight:500}.brew-modal__close{color:var(--brew-mute);cursor:pointer;background:0 0;border:none;padding:.15rem .35rem;font-size:1.35rem;line-height:1}.brew-modal__body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:1.2rem;overflow-y:auto}.brew-modal__lead{color:var(--brew-ink-soft);margin:0;font-size:.875rem;line-height:1.55}.brew-modal__lead strong{color:var(--brew-ink);font-weight:600}.brew-modal__field{margin-top:1rem}.brew-modal__actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.boot-screen{text-align:center;min-height:100vh;color:var(--text-muted);place-content:center;gap:.35rem;display:grid}.boot-screen .brand-full{margin-bottom:.5rem}.splash-screen{z-index:9999;opacity:1;background:#f2f4f6;place-items:center;transition:opacity .32s;display:grid;position:fixed;inset:0;overflow:hidden}.splash-screen.is-route{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f2f4f6e0}.splash-screen.is-leaving{opacity:0;pointer-events:none}.splash-atmosphere{background:radial-gradient(55% 40% at 28% 18%,#3182f629,#0000 60%),radial-gradient(45% 35% at 82% 78%,#5e5ce61a,#0000 55%),linear-gradient(#fff 0%,#f2f4f6 55%,#eef1f5 100%);animation:7s ease-in-out infinite alternate splash-atmosphere-drift;position:absolute;inset:-20%}.splash-orb{filter:blur(2px);opacity:.7;border-radius:50%;position:absolute}.splash-orb-a{background:radial-gradient(circle,#3182f638,#0000 70%);width:min(42vw,280px);height:min(42vw,280px);animation:5.5s ease-in-out infinite splash-orb-float;top:12%;right:8%}.splash-orb-b{background:radial-gradient(circle,#03b26c29,#0000 70%);width:min(36vw,220px);height:min(36vw,220px);animation:6.5s ease-in-out infinite reverse splash-orb-float;bottom:10%;left:6%}.splash-content{z-index:1;text-align:center;justify-items:center;gap:.35rem;animation:.55s ease-out splash-content-rise;display:grid;position:relative}.splash-mark{place-items:center;width:4.5rem;height:4.5rem;margin-bottom:.75rem;display:grid;position:relative}.splash-mark-ring{border:2px solid var(--accent);border-radius:50%;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.splash-mark-ring{border:2px solid color-mix(in srgb, var(--accent) 45%, white)}}.splash-mark-ring{opacity:.9;animation:1.6s ease-in-out infinite splash-ring-pulse}.splash-mark-core{font-family:var(--font-display);letter-spacing:.04em;color:#fff;background:linear-gradient(145deg,#4d94ff,#3182f6);border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;font-size:1.65rem;font-weight:800;display:grid;box-shadow:0 8px 24px #3182f647}.splash-brand{font-family:var(--font-display);letter-spacing:.12em;color:var(--text);margin:0;font-size:clamp(2.4rem,8vw,3.4rem);font-weight:800;line-height:1}.splash-tagline{letter-spacing:.02em;color:var(--text-muted);margin:.15rem 0 0;font-size:clamp(.9rem,2.5vw,1.05rem);font-weight:600}.splash-status{color:var(--text-muted);margin:.85rem 0 0;font-size:.85rem}.splash-progress{background:#191f2814;border-radius:999px;width:7.5rem;height:3px;margin-top:1.25rem;overflow:hidden}.splash-progress span{border-radius:inherit;background:linear-gradient(90deg, transparent, var(--accent), transparent);width:40%;height:100%;animation:1.1s ease-in-out infinite splash-progress-slide;display:block}@keyframes splash-atmosphere-drift{0%{transform:scale(1)translate(0)}to{transform:scale(1.06)translate(-1.5%,1%)}}@keyframes splash-orb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes splash-content-rise{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes splash-ring-pulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes splash-progress-slide{0%{transform:translate(-120%)}to{transform:translate(280%)}}@media (prefers-reduced-motion:reduce){.splash-atmosphere,.splash-orb,.splash-mark-ring,.splash-progress span,.splash-content{animation:none}}.auth-page{background:var(--bg);min-height:100vh;animation:page-enter .45s var(--ease-out);place-items:center;padding:2.5rem 1.15rem;display:grid}.auth-card{background:var(--bg-elevated);width:min(100%,420px);box-shadow:var(--shadow-md);border:1px solid #0000;border-radius:22px;padding:2.25rem 2rem 1.9rem}.auth-header{margin-bottom:1.65rem}.auth-header .brand{color:var(--text)}.auth-header h1{font-family:var(--font-display);letter-spacing:-.02em;margin:.55rem 0 0;font-size:1.45rem;font-weight:700}.auth-subtitle{color:var(--text-muted);margin:.45rem 0 0;font-size:.9rem;line-height:1.5}.auth-form{flex-direction:column;gap:1.05rem;display:flex}.form-field{flex-direction:column;gap:.4rem;display:flex}.form-field label{color:var(--text);font-size:.82rem;font-weight:600}.form-field input{border:1px solid var(--border);background:var(--surface-hover);width:100%;color:var(--text);font:inherit;transition:border-color .18s var(--ease-out), box-shadow .18s var(--ease-out), background-color .18s var(--ease-out);border-radius:12px;padding:.85rem .95rem}.form-field input:hover:not(:disabled){border-color:var(--border-strong)}.form-field input:focus{border-color:var(--accent);box-shadow:var(--focus-ring);background:var(--bg-elevated);outline:none}.form-field input:disabled{opacity:.6;cursor:not-allowed}.field-hint{color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.4}.field-error,.form-error{color:var(--danger);margin:0;font-size:.84rem}.form-success{color:var(--success);margin:0;font-size:.88rem}.btn-primary,.btn-secondary{font:inherit;letter-spacing:-.01em;cursor:pointer;transition:background-color .18s var(--ease-out), border-color .18s var(--ease-out), color .18s var(--ease-out), transform .18s var(--ease-out), opacity .18s var(--ease-out);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.35rem;padding:.82rem 1.15rem;font-weight:700;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-on)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);border-color:var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-hover)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.auth-footer{color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:1.35rem;font-size:.88rem;display:flex}.auth-footer a{font-weight:600}.signup-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-bottom:1.25rem;display:grid}.signup-step{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:8px;flex-direction:column;align-items:center;gap:.35rem;padding:.65rem .4rem;transition:border-color .2s,background-color .2s,color .2s;display:flex}.signup-step.is-active{border-color:var(--accent);color:var(--text);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.signup-step.is-active{background:color-mix(in srgb, var(--accent) 14%, var(--surface))}}.signup-step.is-done{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.signup-step.is-done{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}}.signup-step.is-done{color:var(--success)}.signup-step-index{background:var(--border);border-radius:999px;place-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:700;display:grid}@supports (color:color-mix(in lab, red, red)){.signup-step-index{background:color-mix(in srgb, var(--border) 70%, transparent)}}.signup-step.is-active .signup-step-index,.signup-step.is-done .signup-step-index{background:var(--accent);color:var(--accent-on)}.signup-step-label{text-align:center;font-size:.75rem;font-weight:600}.signup-card-panel{animation:.22s signup-card-in}.consent-panel{gap:1rem;display:grid}.consent-agree-all{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.45rem;padding:.75rem .85rem;font-weight:700;display:flex}.consent-agree-all-hint{color:var(--text-muted);font-size:.78rem;font-weight:500}.consent-group-title{align-items:center;gap:.45rem;margin:0 0 .35rem;font-size:.95rem;display:flex}.consent-group-desc{color:var(--text-muted);margin:0 0 .65rem;font-size:.8rem}.consent-badge{border-radius:999px;padding:.15rem .4rem;font-size:.68rem;font-weight:700}.consent-badge.is-required{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.consent-badge.is-required{background:color-mix(in srgb, var(--danger) 22%, transparent)}}.consent-badge.is-required{color:#ffb4b4}.consent-badge.is-optional{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.consent-badge.is-optional{background:color-mix(in srgb, var(--accent) 20%, transparent)}}.consent-badge.is-optional{color:var(--success)}.consent-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.consent-row{border:1px solid var(--border);background:var(--bg-elevated);border-radius:10px;grid-template-columns:1fr auto;gap:.35rem .75rem;padding:.75rem;display:grid}@supports (color:color-mix(in lab, red, red)){.consent-row{background:color-mix(in srgb, var(--bg-elevated) 88%, transparent)}}.consent-check{cursor:pointer;align-items:flex-start;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.consent-summary{color:var(--text-muted);grid-column:1/-1;margin:0;font-size:.78rem;line-height:1.45}.consent-view-btn{color:var(--accent);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:none;font-size:.8rem;font-weight:700}.consent-view-btn:hover{text-decoration:underline}.consent-modal{z-index:1000;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.consent-modal-backdrop{cursor:pointer;background:#0000008c;border:none;position:absolute;inset:0}.consent-modal-panel{z-index:1;border:1px solid var(--border);background:var(--bg-elevated);width:min(36rem,100%);max-height:min(80vh,640px);box-shadow:var(--shadow-md);border-radius:14px;flex-direction:column;display:flex;position:relative;overflow:hidden}.consent-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.1rem;display:flex}.consent-modal-header h4{margin:0;font-size:1rem}.consent-modal-close{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:.35rem .65rem;font-size:.8rem}.consent-modal-version{color:var(--text-muted);margin:0;padding:.55rem 1.1rem 0;font-size:.75rem}.consent-modal-body{white-space:pre-wrap;word-break:keep-all;font-family:var(--font-sans);color:var(--text);margin:0;padding:.75rem 1.1rem 1.2rem;font-size:.86rem;line-height:1.55;overflow:auto}@media (width<=640px){.signup-progress{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes signup-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.home-page{min-height:100vh;padding:1.25rem 1.5rem 3rem}.home-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.home-nav{align-items:center;gap:.65rem;display:flex}.home-nav .btn-secondary{border-radius:999px;padding:.45rem .85rem;font-size:.85rem}.home-nav .btn-primary.link-as-btn{border-radius:999px;padding:.45rem .95rem;font-size:.85rem}.home-nav>a:not(.link-as-btn){color:var(--text-muted);border-radius:var(--radius-sm);transition:color .18s var(--ease-out), background-color .18s var(--ease-out);padding:.4rem .55rem;font-size:.9rem;font-weight:600}.home-nav>a:not(.link-as-btn):hover{color:var(--text);background:#191f280d;text-decoration:none}.nav-nickname{color:var(--text);font:inherit;cursor:pointer;transition:border-color .18s var(--ease-out), background-color .18s var(--ease-out), color .18s var(--ease-out);background:#191f280a;border:1px solid #0000;border-radius:999px;padding:.4rem .75rem;font-size:.9rem;font-weight:600;text-decoration:none}.nav-nickname:hover{color:var(--accent);border-color:var(--border);background:var(--bg-elevated)}.brand-link{text-decoration:none}.brand-link:hover{color:var(--accent-hover);text-decoration:none}.profile-main{text-align:center;max-width:460px;margin-inline:auto;padding-top:.5rem}.profile-header{flex-direction:column;align-items:center;gap:.55rem;margin-bottom:1.6rem;display:flex}.profile-avatar{width:5rem;height:5rem;font-family:var(--font-display);color:var(--accent-on);background:linear-gradient(135deg, var(--accent), var(--accent));border-radius:50%;place-items:center;font-size:2rem;font-weight:800;display:grid}@supports (color:color-mix(in lab, red, red)){.profile-avatar{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 60%, #7c5cff))}}.profile-avatar{box-shadow:0 10px 24px var(--accent)}@supports (color:color-mix(in lab, red, red)){.profile-avatar{box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 32%, transparent)}}.profile-main h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,3.5vw,1.85rem);font-weight:700}.profile-class-badge{background:var(--accent-soft);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.2rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.profile-class-badge--dev{background:var(--mint)}@supports (color:color-mix(in lab, red, red)){.profile-class-badge--dev{background:color-mix(in srgb, var(--mint) 18%, transparent)}}.profile-class-badge--dev{color:var(--mint)}@supports (color:color-mix(in lab, red, red)){.profile-class-badge--dev{color:color-mix(in srgb, var(--mint) 70%, var(--text))}}.profile-lead{color:var(--text-muted);margin:0 0 1.65rem;font-size:.95rem}.profile-info{border:1px solid var(--border);gap:.4rem;margin:0;padding:.5rem 1.35rem;display:grid}@supports (color:color-mix(in lab, red, red)){.profile-info{border:1px solid color-mix(in srgb, var(--border) 70%, transparent)}}.profile-info{background:var(--bg-elevated);box-shadow:var(--shadow-sm);text-align:left;border-radius:20px}.profile-info div{justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;display:flex}.profile-info div+div{border-top:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.profile-info div+div{border-top:1px solid color-mix(in srgb, var(--border) 65%, transparent)}}.profile-info dt{color:var(--text-muted);flex-shrink:0;font-size:.82rem;font-weight:600}.profile-info dd{letter-spacing:-.01em;word-break:break-all;text-align:right;margin:0;font-size:1rem;font-weight:600}.profile-actions{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.4rem;display:flex}.profile-withdraw-btn{color:var(--danger);border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.profile-withdraw-btn{border-color:color-mix(in srgb, var(--danger) 35%, var(--border))}}.profile-withdraw-overlay{z-index:80;background:var(--text);place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.profile-withdraw-overlay{background:color-mix(in srgb, var(--text) 35%, transparent)}}.profile-withdraw-dialog{background:var(--surface);border:1px solid var(--border);width:min(420px,100%);box-shadow:0 18px 48px var(--text);border-radius:16px;padding:1.35rem 1.25rem 1.2rem}@supports (color:color-mix(in lab, red, red)){.profile-withdraw-dialog{box-shadow:0 18px 48px color-mix(in srgb, var(--text) 18%, transparent)}}.profile-withdraw-dialog{text-align:left}.profile-withdraw-dialog h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.profile-withdraw-dialog .profile-lead{text-align:left;margin-bottom:1rem}.profile-withdraw-store-list{background:var(--surface-hover);color:var(--text);border-radius:12px;margin:0 0 1rem;padding:.75rem 1rem;font-size:.92rem;list-style:outside}.profile-withdraw-section-label{color:var(--text);margin:0 0 .25rem;font-size:.85rem;font-weight:700}.profile-withdraw-hint{font-size:.85rem;margin-top:0!important;margin-bottom:.45rem!important}.profile-withdraw-confirm{background:var(--danger);border-color:var(--danger)}.profile-withdraw-confirm:hover:not(:disabled){filter:brightness(.95)}.profile-dev-panel{text-align:center;margin-top:2.25rem}.profile-dev-card{border:1px solid var(--border);padding:1.5rem 1.4rem}@supports (color:color-mix(in lab, red, red)){.profile-dev-card{border:1px solid color-mix(in srgb, var(--border) 70%, transparent)}}.profile-dev-card{background:var(--bg-elevated);box-shadow:var(--shadow-sm);border-radius:20px}.profile-dev-card+.profile-dev-card{margin-top:1.25rem}.featured-add-row{align-items:stretch;gap:.5rem;margin-bottom:.9rem;display:flex}.featured-add-row select{flex:1;min-width:0}.featured-add-btn{white-space:nowrap;flex-shrink:0}.featured-order-list{gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.featured-order-item{border:1px solid var(--border);background:var(--bg-elevated);text-align:left;border-radius:12px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.6rem;padding:.6rem .7rem;display:grid}.featured-order-item--dragging{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.featured-order-item--dragging{background:color-mix(in srgb, var(--accent) 8%, var(--bg-elevated))}}.featured-order-item--dragging{opacity:.85}.featured-order-handle{cursor:grab;color:var(--text-muted);-webkit-user-select:none;user-select:none;font-size:1.1rem;line-height:1}.featured-order-handle:active{cursor:grabbing}.featured-order-index{background:var(--accent-soft);width:1.4rem;height:1.4rem;color:var(--accent);border-radius:999px;place-items:center;font-size:.75rem;font-weight:700;display:grid}.featured-order-name{flex-direction:column;min-width:0;font-size:.92rem;font-weight:700;display:flex}.featured-order-sub{color:var(--text-muted);font-size:.75rem;font-weight:500}.featured-order-actions{gap:.25rem;display:inline-flex}.featured-order-btn{border:1px solid var(--border);background:var(--surface-hover);width:1.85rem;height:1.85rem;color:var(--text);cursor:pointer;transition:background-color .16s var(--ease-out), border-color .16s var(--ease-out), color .16s var(--ease-out);border-radius:9px;place-items:center;padding:0;font-size:.95rem;line-height:1;display:grid}.featured-order-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.featured-order-btn:disabled{opacity:.4;cursor:default}.featured-order-btn--remove:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.profile-dev-panel h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.15rem;font-weight:700}.profile-dev-panel select{border:1px solid var(--border);background:var(--surface-hover);width:100%;color:var(--text);font:inherit;border-radius:12px;padding:.85rem .95rem}.profile-search-status{color:var(--text-muted);text-align:left;margin:-.25rem 0 0;font-size:.85rem}.profile-user-list{text-align:left;gap:.45rem;max-height:16rem;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.profile-user-list-item{border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--text);font:inherit;cursor:pointer;text-align:left;transition:border-color .18s var(--ease-out), background-color .18s var(--ease-out);border-radius:12px;grid-template-columns:1fr auto;grid-template-areas:"name class""email class";align-items:center;gap:.1rem .75rem;padding:.75rem .85rem;display:grid}.profile-user-list-item:hover{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.profile-user-list-item:hover{background:color-mix(in srgb, var(--accent) 6%, var(--bg-elevated))}}.profile-user-list-name{grid-area:name;font-size:.95rem;font-weight:700}.profile-user-list-email{color:var(--text-muted);word-break:break-all;grid-area:email;font-size:.8rem}.profile-user-list-class{color:var(--accent);text-transform:lowercase;grid-area:class;font-size:.75rem;font-weight:700}.profile-selected-user{background:var(--accent);border-radius:12px;padding:.75rem .9rem}@supports (color:color-mix(in lab, red, red)){.profile-selected-user{background:color-mix(in srgb, var(--accent) 8%, var(--bg-elevated))}}.profile-selected-user{text-align:left;font-size:.9rem}.profile-selected-user p{margin:0}.profile-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.65rem;display:flex}.profile-toolbar h1{margin:0}.profile-change-password-form{text-align:left;max-width:420px;margin-inline:auto}.link-as-btn{padding:.65rem 1rem;text-decoration:none}.home-main{max-width:640px}.home-main h1{font-family:var(--font-display);margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.4rem)}.home-main p{color:var(--text-muted)}.home-links{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}@media (width<=640px){.app-shell{padding:0 1rem 2.75rem}.app-header{margin:0 -1rem 1.5rem;padding:.75rem 1rem}.featured-tile{grid-template-columns:1fr;justify-items:start}}@media (width<=480px){.auth-card{padding:1.65rem 1.2rem 1.45rem}.btn-row{grid-template-columns:1fr}}.score-main{width:100%;max-width:none}.score-main h1{font-family:var(--font-display);margin:0 0 .45rem;font-size:clamp(1.75rem,4vw,2.3rem)}.score-lead{color:var(--text-muted);margin:0 0 1.5rem}.surface-card{background:var(--bg-elevated);box-shadow:var(--shadow-sm);border:1px solid #0000;border-radius:18px;margin-bottom:1rem;padding:1.25rem}.surface-card h2{margin:0 0 .75rem;font-size:1.05rem}.score-list-section-head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.75rem;display:flex}.score-list-meta{color:var(--text-muted);font-size:.85rem}.form-error{color:#ff6b6b;margin:.5rem 0}button{cursor:pointer;font-family:inherit}.practice-btn,button.practice-btn{border-radius:var(--r-sm);color:#fff;background:var(--accent);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1.15rem;font-size:.9rem;font-weight:600;transition:transform .12s,background-color .15s,box-shadow .15s,border-color .15s,opacity .15s;display:inline-flex}.practice-btn:disabled{opacity:.5;cursor:not-allowed}.practice-btn:hover:not(:disabled){transform:translateY(-1px)}.practice-btn:active:not(:disabled){transform:translateY(0)}.practice-btn-primary{background:var(--accent-grad);box-shadow:var(--shadow-accent)}.practice-btn-primary:hover:not(:disabled){box-shadow:0 14px 30px #6366f173}.practice-btn-secondary{border-color:var(--border-strong);color:var(--text-primary);background:#ffffff0f}.practice-btn-secondary:hover:not(:disabled){background:#ffffff1a}.practice-btn-outline{color:#b6bcff;background:0 0;border-color:#7c84ff99}.practice-btn-outline:hover:not(:disabled){background:var(--accent-soft)}.library-page{width:min(1080px,100%);margin:0 auto;padding:0 1.25rem 3rem}.upload-section,.score-list-section{margin-top:1.1rem;padding:1.5rem}.practice-settings-hint{color:var(--text-secondary);margin:0 0 .85rem;font-size:.82rem}.upload-section-helper{color:var(--text-secondary);margin:0 0 1.1rem;font-size:.88rem}.upload-form{flex-direction:column;gap:1rem;display:flex}.upload-form .practice-btn{align-self:flex-start;padding:.8rem 1.3rem}.upload-form--file-only{max-width:none}.upload-form-actions{flex-wrap:wrap;gap:.65rem;display:flex}.upload-form-actions .practice-btn{align-self:auto}.library-settings-button{flex-shrink:0}.library-plan-bar{border:1px solid var(--border-soft);border-radius:var(--r-md);background:#ffffff08;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;padding:.85rem 1rem;display:flex}.library-plan-label{color:var(--text-secondary);font-size:.9rem}.library-tabs{gap:.5rem;margin-top:1rem;display:flex}.library-tab{border:1px solid var(--border-soft);border-radius:var(--r-md);color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;flex:1;padding:.75rem 1rem;font-weight:600}.library-tab--active{color:var(--text-primary);border-color:var(--accent);background:#63b3ed14}.library-limit-notice{border-radius:var(--r-sm);color:var(--text-secondary);background:#f59e0b14;border:1px solid #f59e0b59;margin:0 0 1rem;padding:.75rem .9rem;font-size:.86rem}.score-storage-badge{border-radius:999px;margin-top:.25rem;padding:.15rem .45rem;font-size:.72rem;font-weight:600;display:inline-flex}.score-storage-badge--device{color:var(--mint);background:#2dd4bf1f}.score-storage-badge--cloud{color:var(--accent);background:#63b3ed1f}.score-storage-badge--synced{color:#c4b5fd;background:#8b5cf624}.ad-banner{border:1px dashed var(--border-strong);border-radius:var(--r-md);background:#ffffff05;margin-top:1rem;padding:.9rem 1rem}.ad-banner-label{letter-spacing:.12em;color:var(--text-secondary);margin:0 0 .35rem;font-size:.72rem;font-weight:700}.ad-banner-placeholder{margin:0;font-size:.9rem}.ad-banner-note{color:var(--text-secondary);margin:.35rem 0 0;font-size:.78rem}.ad-banner--native,.ad-banner--loading{border-style:solid;min-height:2.5rem}.score-entry-ad-backdrop,.subscription-backdrop{z-index:130;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#06080db8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.score-entry-ad-card,.subscription-card{border:1px solid var(--border-soft);border-radius:var(--r-xl);background:linear-gradient(170deg, var(--bg-elevated), var(--bg-card));width:min(560px,100%);max-height:min(90vh,760px);box-shadow:var(--shadow-lg);flex-direction:column;gap:.85rem;padding:1.6rem;display:flex;overflow:auto}.score-entry-ad-kicker,.subscription-kicker{letter-spacing:.16em;color:var(--accent);margin:0;font-size:.7rem;font-weight:600}.score-entry-ad-placeholder{border:1px dashed var(--border-strong);border-radius:var(--r-md);min-height:180px;color:var(--text-secondary);place-items:center;display:grid}.score-entry-ad-desc,.subscription-desc,.subscription-footnote,.subscription-dev-note{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.55}.subscription-plan-grid{gap:.85rem;display:grid}.subscription-plan{border:1px solid var(--border-soft);border-radius:var(--r-md);background:#ffffff05;padding:1rem}.subscription-plan--active{border-color:var(--accent)}.subscription-plan h4{margin:0 0 .35rem}.subscription-plan-price{color:var(--text-primary);margin:0 0 .45rem;font-size:.95rem;font-weight:600}.subscription-plan p{color:var(--text-secondary);margin:0 0 .6rem;font-size:.88rem}.subscription-plan ul{color:var(--text-secondary);margin:0 0 .85rem;padding-left:1.1rem;font-size:.86rem}.subscription-plan-status{color:var(--accent);margin:0;font-weight:600}.subscription-plan-actions{flex-wrap:wrap;gap:.5rem;display:flex}.subscription-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.subscription-legal{border:1px solid var(--border-soft);border-radius:var(--r-md);background:#ffffff05;flex-direction:column;gap:.55rem;padding:.85rem .95rem;display:flex}.subscription-legal-text{color:var(--text-secondary);margin:0;font-size:.78rem;line-height:1.55}.subscription-legal-links,.subscription-legal-urls{text-align:center;margin:0;font-size:.78rem;line-height:1.5}.subscription-legal-links a,.subscription-legal-urls a{color:#b6bcff;word-break:break-all;font-weight:600}.subscription-legal-urls{color:var(--text-secondary);font-size:.72rem}.library-search{margin-bottom:1.1rem}.library-search--toolbar{border:1px solid var(--border-soft);border-radius:var(--r-md);background:var(--bg-card-soft);margin-top:1rem;padding:1rem 1.05rem}.library-search-label{margin-bottom:.5rem}.library-search-field{align-items:center;gap:.5rem;display:flex}.library-search-field input{flex:1}.library-search-clear{flex-shrink:0}.library-search-empty{color:var(--text-secondary);margin:0 0 1rem}.library-empty-state{border:1px dashed var(--border-strong);border-radius:var(--r-md);text-align:center;padding:1.5rem}.library-empty-state p{margin:0}.library-empty-state-sub{color:var(--text-secondary);font-size:.86rem;margin-top:.4rem!important}.score-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.score-list-row{align-items:stretch;gap:.55rem;display:flex}.score-list-row .score-list-item--link{flex:1;min-width:0;text-decoration:none}.score-list-actions{flex-shrink:0;align-items:center;gap:.45rem;display:flex}.score-list-cloud-upload{min-width:6.5rem}.score-list-delete{flex-shrink:0;align-self:center;min-width:4.5rem}.score-list li a,.score-list-item{background:var(--bg-card-soft);border:1px solid var(--border-soft);border-radius:var(--r-md);text-align:left;width:100%;color:var(--text-primary);cursor:pointer;font:inherit;flex-direction:column;gap:.25rem;padding:1rem 1.1rem;transition:border-color .15s,transform .15s,background-color .15s;display:flex}.score-list li a:hover,.score-list-item:hover{background:#6366f114;border-color:#7c84ff80;transform:translate(2px)}.score-list li a strong,.score-list-item strong{font-size:.98rem;font-weight:600}.score-list li span,.score-list-item span{color:var(--text-secondary);font-size:.85rem}.score-artist{color:var(--text-secondary);margin:.25rem 0 0}.viewer-page{width:min(1100px,100%);margin:0 auto;padding:0 1.25rem 5.5rem}.score-viewer{padding:.5rem 0 2rem}body.score-immersive .viewer-page .page-shell-header{display:none}body.score-immersive .viewer-page{padding-top:.25rem}.score-viewer--immersive{padding-top:0}.score-viewer--immersive .score-viewer-canvas-wrap{margin-top:.25rem}.score-viewer-status,.score-viewer-error{padding:.5rem 0}.score-viewer-error{color:var(--danger)}.practice-status,.practice-message{color:var(--text-secondary);margin:0 0 1rem;font-size:.85rem}.viewer-quick-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-bottom:.85rem;display:grid}.viewer-quick-stat{border:1px solid var(--border-soft);border-radius:var(--r-md);background:#ffffff08;flex-direction:column;gap:.3rem;padding:.7rem .8rem;display:flex}.viewer-quick-stat span{color:var(--text-secondary);letter-spacing:.04em;font-size:.7rem}.viewer-quick-stat strong{font-variant-numeric:tabular-nums;font-size:1.05rem}.score-viewer-toolbar{margin-bottom:.9rem}.scroll-to-top-tap-zone{height:calc(44px + var(--safe-area-top));padding-top:var(--safe-area-top);z-index:40;touch-action:manipulation;cursor:pointer;background:0 0;position:fixed;top:0;left:18%;right:18%}.score-viewer-canvas-wrap{border-radius:var(--r-md);box-shadow:var(--shadow-md);touch-action:pan-y;background:#fff;border:1px solid #0000000d;padding:1rem 1rem 5.5rem;position:relative}.score-viewer-canvas{border-radius:var(--r-sm);background:#fff;padding:1rem}.floating-settings{z-index:5;pointer-events:none;justify-content:flex-end;display:flex;position:relative}.floating-settings-anchor{pointer-events:auto;flex-direction:column;align-items:flex-end;width:100%;display:flex;position:relative}.floating-settings-trigger,.floating-settings-panel{pointer-events:auto}.floating-settings-trigger{border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--bg-card);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:.45rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.floating-settings-trigger:hover,.floating-settings-trigger.active{background:var(--bg-card-soft);border-color:#7c84ff80}.floating-settings-trigger.active{box-shadow:var(--shadow-accent)}.floating-settings-trigger-icon{font-size:1rem;line-height:1}.floating-settings-panel{z-index:1;background:linear-gradient(180deg, var(--bg-elevated), var(--bg-card));border:1px solid var(--border-soft);border-radius:var(--r-lg);width:100%;max-height:min(64vh,600px);box-shadow:var(--shadow-lg);transform-origin:100% 0;flex-direction:column;margin-top:.75rem;animation:.18s ease-out pop-in;display:flex;position:static;overflow:hidden}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.floating-settings-header{border-bottom:1px solid var(--border-soft);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.floating-settings-title{margin:0;font-size:1.05rem;font-weight:600}.floating-settings-close{border-radius:var(--r-sm);width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1rem;transition:background .15s,color .15s;display:flex}.floating-settings-close:hover{color:var(--text-primary);background:#ffffff14}.floating-settings-body{padding:1.1rem 1.25rem 1.5rem;overflow-y:auto}.metronome-beat-indicator{bottom:calc(1.25rem + var(--safe-area-bottom));left:calc(1.25rem + var(--safe-area-left));z-index:55;border-radius:var(--r-pill);border:1px solid var(--border-soft);color:#e8eaed;max-width:min(22rem,100vw - 9.5rem);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;background:#12151dd9;align-items:center;gap:.85rem;padding:.55rem .95rem;display:flex;position:fixed;right:auto}.metronome-beat-indicator-tag{color:var(--text-secondary);font-variant-numeric:tabular-nums;letter-spacing:.02em;text-align:center;min-width:2.6rem;font-size:.74rem;font-weight:700}.metronome-beat-indicator-tag.is-countin{color:var(--warning)}.metronome-beat-dots{align-items:center;gap:.5rem;display:flex}.metronome-beat-dot{border:1.5px solid var(--text-muted);background:0 0;border-radius:50%;width:.7rem;height:.7rem;transition:transform 80ms,background-color 80ms,border-color 80ms,box-shadow 80ms}.metronome-beat-dot--strong{border-color:var(--accent)}.metronome-beat-dot--medium{border-color:#8b7bff}.metronome-beat-dot--weak{border-color:var(--text-secondary)}.metronome-beat-dot--silent{border-style:dashed;border-color:var(--text-muted)}.metronome-beat-dot.is-active{background:var(--mint);border-color:var(--mint);transform:scale(1.5);box-shadow:0 0 14px #2dd4bf99}.metronome-beat-dot--strong.is-active{background:var(--accent);border-color:var(--accent);transform:scale(1.7);box-shadow:0 0 16px #6366f1b3}.floating-playback{bottom:calc(1.25rem + var(--safe-area-bottom));right:calc(1.25rem + var(--safe-area-right));z-index:50;border-radius:var(--r-pill);border:1px solid var(--border-soft);color:#e8eaed;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#12151dd9;align-items:center;gap:.85rem;padding:.7rem .8rem .7rem 1.1rem;display:flex;position:fixed;left:auto}.floating-playback .practice-btn{border-radius:var(--r-pill);padding:.6rem 1.2rem}.floating-playback-countin{color:var(--warning);font-size:.75rem;font-weight:700}.floating-playback-measure{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.78rem}@media (width<=767px){.metronome-beat-indicator{bottom:calc(1rem + var(--safe-area-bottom));left:calc(.85rem + var(--safe-area-left));justify-content:flex-start;gap:.65rem;max-width:calc(100vw - 8.5rem);padding:.45rem .8rem;right:auto}.metronome-beat-dot{width:.6rem;height:.6rem}.floating-playback{bottom:calc(1rem + var(--safe-area-bottom));right:calc(.85rem + var(--safe-area-right));left:auto}}.playback-controls{grid-template-columns:1fr;gap:.85rem;display:grid}.playback-field{align-items:center;gap:.5rem;display:flex}.playback-field label,.playback-inline-label{color:var(--text-secondary);white-space:nowrap;font-size:.84rem}.playback-field input[type=number]{width:5rem}.playback-field-wide input[type=number]{text-align:center;width:4rem}.playback-slash{color:var(--text-muted)}.playback-meta{color:var(--text-secondary);margin:0;font-size:.82rem}.playback-presets{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.playback-presets-label,.playback-strength-hint,.playback-presets-label{color:var(--text-secondary);font-size:.78rem}.playback-preset{border-radius:var(--r-pill);border:1px solid var(--border-strong);color:var(--text-primary);cursor:pointer;background:#ffffff0a;padding:.4rem .75rem;font-size:.8rem;font-weight:500;transition:background .15s,border-color .15s}.playback-preset:hover{background:#ffffff14}.playback-preset.active{background:var(--accent-soft);border-color:var(--accent);color:#c7cdfb}.playback-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.playback-practice-range{border:1px solid var(--border-soft);border-radius:var(--r-md);background:#ffffff05;flex-direction:column;gap:.55rem;padding:.75rem .85rem;display:flex}.playback-practice-range-hint{color:var(--text-muted);margin:0;font-size:.78rem}.playback-practice-range-inputs{gap:.65rem}.playback-settings-actions{flex-wrap:wrap;gap:.55rem;margin-top:.25rem;display:flex}.playback-settings-action-btn{flex:1;min-width:0}.playback-tempo-changes{flex-direction:column;gap:.5rem;padding:.25rem 0;display:flex}.playback-tempo-changes-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.playback-tempo-changes-hint,.playback-tempo-changes-empty{color:var(--text-muted,#6b7280);margin:0;font-size:.78rem}.playback-tempo-changes-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.playback-tempo-change-row{border-bottom:1px solid var(--border-color,#e5e7eb);flex-wrap:wrap;align-items:flex-start;gap:.5rem;padding:.55rem 0;display:flex}.playback-tempo-change-row:last-child{border-bottom:none}.playback-tempo-change-field{flex-direction:column;gap:.2rem;font-size:.78rem;display:flex}.playback-tempo-change-field input{border:1px solid var(--border-color,#d1d5db);border-radius:.4rem;width:4.5rem;padding:.35rem .45rem;font-size:.85rem}.playback-tempo-change-signature{flex-direction:column;flex:1;gap:.35rem;min-width:12rem;display:flex}.playback-tempo-change-signature-label{font-size:.78rem}.playback-tempo-change-signature-inputs{align-items:center;gap:.35rem;display:flex}.playback-tempo-change-signature-inputs input{border:1px solid var(--border-color,#d1d5db);border-radius:.4rem;width:3.2rem;padding:.35rem .45rem;font-size:.85rem}.playback-tempo-change-presets{flex-wrap:wrap;gap:.35rem;display:flex}.playback-transpose{padding:.25rem 0}.playback-transpose-value{text-align:center;min-width:4.5rem;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:600}.playback-measure-input{text-align:center;width:4.5rem}.playback-strength-section{flex-direction:column;gap:.65rem;display:flex}.playback-strength-hint{margin:0}.playback-toggles{flex-wrap:wrap;gap:1rem;display:flex}.playback-checkbox{color:var(--text-primary);cursor:pointer;flex-direction:row;align-items:center;gap:.45rem;font-size:.85rem;display:flex}.playback-checkbox input{width:1.05rem;height:1.05rem;accent-color:var(--accent);cursor:pointer}.beat-strength-grid{flex-wrap:wrap;justify-content:center;gap:.65rem;padding:.5rem 0;display:flex}.beat-strength-column{flex-direction:column;align-items:center;gap:.4rem;display:flex}.beat-strength-bar{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg-input);cursor:pointer;flex-direction:column;width:2.75rem;height:5rem;padding:0;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;overflow:hidden}.beat-strength-bar:hover{border-color:#7c84ff99;transform:translateY(-1px)}.beat-strength-bar--active{border-color:var(--mint);box-shadow:0 0 0 2px #2dd4bf59,0 0 18px #2dd4bf4d}.beat-strength-column--active .beat-strength-bar--solid,.beat-strength-column--active .beat-strength-bar-solid{background:var(--accent)}.beat-strength-column--active .beat-strength-bar--solid{border-color:var(--mint)}.beat-strength-bar--solid{border-color:var(--accent-strong);background:var(--accent)}.beat-strength-bar-solid{background:var(--accent);flex:1}.beat-strength-segment{border-bottom:1px solid var(--border-strong);flex:1}.beat-strength-segment--bottom{border-bottom:none}.beat-strength-segment--filled{background:var(--accent)}.beat-strength-segment--filled-muted{background:var(--text-muted)}.beat-strength-segment--empty{background:0 0}.beat-strength-beat-label{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.75rem;transition:color .1s}.beat-strength-beat-label.active{color:var(--mint);font-weight:700}.beat-subdivision-trigger{border:1px solid var(--border-strong);border-radius:var(--r-sm);cursor:pointer;background:#6366f129;justify-content:center;align-items:center;width:2.75rem;height:2rem;padding:.15rem;transition:border-color .15s,box-shadow .15s,transform .15s,background .15s;display:flex}.beat-subdivision-trigger:hover{background:#6366f142;border-color:#7c84ff99;transform:translateY(-1px)}.beat-strength-column--active .beat-subdivision-trigger{border-color:var(--mint);box-shadow:0 0 8px #2dd4bf59}.beat-subdivision-trigger-icon{width:100%;height:100%;display:block}.beat-subdivision-picker-inline{border-radius:var(--r-md);border:1px solid var(--border-soft);background:linear-gradient(180deg, var(--bg-elevated), var(--bg-card));box-shadow:var(--shadow-md);margin-top:.85rem;padding:1rem}.beat-subdivision-picker-inline-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.beat-subdivision-picker-inline-header .beat-subdivision-picker-title{text-align:left;margin:0}.beat-subdivision-picker-title{color:var(--text-primary);text-align:center;margin:0 0 .75rem;font-size:.95rem;font-weight:600}.beat-subdivision-picker-close{border:1px solid var(--border-strong);border-radius:var(--r-sm);color:var(--text-primary);cursor:pointer;background:#ffffff0d;flex-shrink:0;padding:.4rem .7rem;font-size:.8rem;transition:background .15s,border-color .15s}.beat-subdivision-picker-close:hover{background:var(--accent-soft);border-color:var(--accent)}.beat-subdivision-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;display:grid}.beat-subdivision-picker-option{aspect-ratio:1;border:1px solid var(--border-strong);border-radius:var(--r-sm);cursor:pointer;background:#6366f124;justify-content:center;align-items:center;padding:.35rem;transition:border-color .15s,box-shadow .15s,transform .15s,background .15s;display:flex}.beat-subdivision-picker-option:hover{background:#6366f13d;transform:translateY(-1px)}.beat-subdivision-picker-option.selected{border-color:var(--accent);box-shadow:0 0 0 2px #6366f173,0 0 16px #6366f166}.beat-subdivision-picker-icon{width:100%;height:100%;display:block}.beat-subdivision-picker-footer{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:.5rem;margin-top:.9rem;padding-top:.75rem;display:flex}.beat-subdivision-picker-nav{border:1px solid var(--border-strong);border-radius:var(--r-sm);max-width:6.5rem;color:var(--text-primary);cursor:pointer;background:#ffffff0d;flex:1;padding:.45rem .55rem;font-size:.75rem;font-weight:600;transition:background .15s,border-color .15s,opacity .15s}.beat-subdivision-picker-nav:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.beat-subdivision-picker-nav:disabled{opacity:.35;cursor:default}.beat-subdivision-picker-pagination{flex-shrink:0;justify-content:center;align-items:center;gap:.45rem;display:flex}.beat-subdivision-picker-page-dot{background:var(--text-muted);border-radius:50%;width:.5rem;height:.5rem;transition:background .15s,transform .15s}.beat-subdivision-picker-page-dot.active{background:var(--accent);transform:scale(1.2)}.osmd-viewer-stage{touch-action:pan-y;min-height:200px;position:relative}.osmd-viewer-stage:has(.score-annotation-layer--active){touch-action:none}body.score-annotation-active,body.score-annotation-active .score-viewer,body.score-annotation-active .score-viewer-canvas-wrap,body.score-annotation-active .osmd-viewer,body.score-annotation-active .osmd-viewer-stage,body.score-annotation-active .osmd-viewer-canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.osmd-viewer-canvas{z-index:0;position:relative}.osmd-viewer-stage--rendering .osmd-viewer-canvas{visibility:hidden}.osmd-viewer-stage--rendering .osmd-viewer-overlay{display:none}.osmd-viewer-loading{z-index:30;background:#fffffff0;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;display:flex;position:absolute;inset:0}.osmd-viewer-loading-spinner{border:3px solid #6366f140;border-top-color:#6366f1f2;border-radius:50%;width:1.75rem;height:1.75rem;animation:.9s linear infinite osmd-viewer-spin}.osmd-viewer-loading-text{color:var(--text-muted);font-size:.92rem}@keyframes osmd-viewer-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.osmd-viewer-overlay{z-index:10;pointer-events:none;position:absolute;inset:0}.score-highlight-layer{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0;overflow:visible}.score-highlight-line-wrap{position:absolute;overflow:hidden}.score-highlight-measure{box-sizing:border-box;pointer-events:none;background:#6366f124;border:2px solid #6366f1e6;border-radius:6px;height:100%;position:absolute;top:0;box-shadow:0 0 14px #6366f159}.score-highlight-measure--selection{background:#2dd4bf1f;border-color:#2dd4bff2;box-shadow:0 0 14px #2dd4bf59}.score-measure-overlay{z-index:20;pointer-events:none;width:0;height:0;position:absolute;top:0;left:0;overflow:visible}.score-measure-hit{pointer-events:auto;touch-action:pan-y;cursor:pointer;box-shadow:none;appearance:none;background:0 0;border:1px solid #0000;border-radius:4px;outline:none;margin:0;padding:0;position:absolute}.score-measure-hit:focus,.score-measure-hit:focus-visible,.score-measure-hit:active{background:0 0;border-color:#0000;outline:none}@media (hover:hover) and (pointer:fine){.score-measure-hit:hover{background:#6366f11a;border-color:#6366f159}}.score-annotation-layer{pointer-events:none;position:absolute;top:0;left:0}.score-annotation-layer--active{pointer-events:auto;touch-action:none}.score-annotation-canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;display:block}.score-eraser-indicator{pointer-events:none;box-sizing:border-box;background:#f8717124;border:2px solid #f87171bf;border-radius:50%;transition:background-color 80ms,border-color 80ms;position:absolute;top:0;left:0}.score-eraser-indicator.pressing{background:#f871713d;border-color:#f87171f2}.score-annotation-size-control{color:var(--text-secondary);grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem .55rem;font-size:.78rem;display:grid}.score-annotation-size-control input[type=range]{accent-color:#818cf8;width:100%}.score-annotation-size-control strong{text-align:right;min-width:2.8rem;color:var(--text-primary);font-size:.78rem}.score-annotation-toolbar{left:calc(1rem + var(--safe-area-left));bottom:calc(6.5rem + var(--safe-area-bottom));z-index:45;border-radius:var(--r-md);border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);background:#12141ceb;flex-direction:column;gap:.55rem;padding:.65rem;display:flex;position:fixed}.score-annotation-tool-group{gap:.35rem;display:flex}.score-annotation-tool-btn,.score-annotation-action-btn{border:1px solid var(--border-soft);color:var(--text-primary);touch-action:manipulation;background:#ffffff0a;border-radius:999px;padding:.45rem .8rem;font-size:.82rem;font-weight:600}.score-annotation-tool-btn.active{color:#fff;background:#6366f138;border-color:#6366f1d9}.score-annotation-tool-actions{gap:.35rem;display:flex}.score-annotation-action-btn.danger{color:#fecaca;border-color:#f8717173}.legal-page{min-height:var(--app-height,100dvh);padding:1.5rem 1rem 2.5rem}.legal-page-inner{width:min(760px,100%);margin:0 auto}.legal-page-back{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-bottom:1rem;padding:0;font-size:.88rem}.legal-page-header{margin-bottom:1.5rem}.legal-page-kicker{letter-spacing:.16em;color:var(--accent);margin:0 0 .5rem;font-size:.7rem;font-weight:600}.legal-page-header h1{margin:0;font-size:1.8rem}.legal-page-meta{color:var(--text-secondary);margin:.6rem 0 0;font-size:.88rem}.legal-page-body{gap:1.2rem;display:grid}.legal-page-section{border:1px solid var(--border-soft);border-radius:var(--r-lg);background:linear-gradient(170deg, var(--bg-elevated), var(--bg-card));padding:1.1rem 1.2rem}.legal-page-section h2{margin:0 0 .65rem;font-size:1rem}.legal-page-section p{color:var(--text-secondary);margin:.45rem 0 0;font-size:.9rem;line-height:1.6}.legal-page-section p:first-of-type{margin-top:0}.legal-page-footer{color:var(--text-secondary);gap:.35rem;margin-top:1.5rem;font-size:.88rem;display:grid}.legal-page-link{color:var(--accent);font-weight:600}.first-use-guide-backdrop,.score-upload-confirm-backdrop,.score-delete-confirm-backdrop,.library-settings-backdrop,.music-xml-guide-backdrop,.account-settings-backdrop{z-index:120;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#06080db3;justify-content:center;align-items:center;padding:1rem;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.first-use-guide-card,.score-upload-confirm-card,.score-delete-confirm-card,.library-settings-card,.music-xml-guide-card,.account-settings-card{border:1px solid var(--border-soft);border-radius:var(--r-xl);background:linear-gradient(170deg, var(--bg-elevated), var(--bg-card));width:min(520px,100%);box-shadow:var(--shadow-lg);flex-direction:column;gap:.85rem;padding:1.6rem;animation:.25s ease-out rise;display:flex}.first-use-guide-kicker,.score-upload-confirm-kicker,.score-delete-confirm-kicker,.library-settings-kicker,.music-xml-guide-kicker,.account-settings-kicker{letter-spacing:.16em;color:var(--accent);margin:0;font-size:.7rem;font-weight:600}.first-use-guide-card h3,.score-upload-confirm-card h3,.score-delete-confirm-card h3,.library-settings-card h3,.music-xml-guide-card h3,.account-settings-card h3{margin:0;font-size:1.25rem}.first-use-guide-description,.score-upload-confirm-desc,.score-delete-confirm-desc,.library-settings-desc,.music-xml-guide-desc,.account-settings-desc{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.55}.first-use-guide-list{gap:.55rem;margin:.3rem 0 0;padding:0;font-size:.9rem;list-style:none;display:grid}.first-use-guide-list li{border:1px solid var(--border-soft);border-radius:var(--r-sm);background:#ffffff08;align-items:flex-start;gap:.6rem;padding:.7rem .85rem;display:flex}.first-use-guide-list li:before{content:"";background:var(--accent-grad);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:.45rem}.first-use-guide-actions,.score-upload-confirm-actions,.score-delete-confirm-actions,.library-settings-actions,.music-xml-guide-actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;margin-top:.4rem;display:flex}@media (width>=768px){.playback-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.page-shell,.home-page,.metronome-page,.library-page,.viewer-page{padding-left:1rem;padding-right:1rem}}html[data-orientation=portrait][data-viewport=wide] .viewer-quick-stats{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-orientation=landscape] .viewer-page{width:100%;padding-bottom:4.5rem}html[data-orientation=landscape] .viewer-quick-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}html[data-orientation=landscape] .viewer-quick-stat{padding:.55rem .65rem}html[data-orientation=landscape] .viewer-quick-stat strong{font-size:.95rem}html[data-orientation=landscape] .score-viewer-toolbar{margin-bottom:.55rem}html[data-orientation=landscape] .floating-playback{bottom:calc(.85rem + var(--safe-area-bottom));right:calc(.85rem + var(--safe-area-right));left:auto}html[data-orientation=landscape] .metronome-beat-indicator{bottom:calc(.85rem + var(--safe-area-bottom));left:calc(.85rem + var(--safe-area-left));max-width:calc(100vw - 9rem);right:auto}.status-view{min-height:60vh;animation:page-enter .45s var(--ease-out);justify-content:center;align-items:center;padding:2.5rem 1.25rem;display:flex;position:relative;overflow:hidden}.status-view--fullscreen{z-index:200;min-height:100vh;padding:calc(2.5rem + var(--safe-area-top)) 1.25rem calc(2.5rem + var(--safe-area-bottom));background:var(--bg);position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.status-view--fullscreen{background:color-mix(in srgb, var(--bg) 92%, transparent)}}.status-view--fullscreen{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.status-view__glow{background:radial-gradient(circle, var(--status-accent,var(--accent)) 0%, transparent 70%);border-radius:50%;width:26rem;height:26rem;position:absolute;top:12%;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.status-view__glow{background:radial-gradient(circle, color-mix(in srgb, var(--status-accent,var(--accent)) 20%, transparent) 0%, transparent 70%)}}.status-view__glow{filter:blur(16px);pointer-events:none;z-index:0}.status-view[data-variant=error]{--status-accent:var(--danger)}.status-view[data-variant=maintenance]{--status-accent:var(--warning)}.status-view[data-variant=notFound]{--status-accent:var(--text-muted)}.status-view__inner{z-index:1;text-align:center;max-width:26rem;position:relative}.status-view__icon{width:4.25rem;height:4.25rem;color:var(--status-accent,var(--accent));background:var(--status-accent,var(--accent));border-radius:50%;place-items:center;margin-bottom:1.25rem;display:inline-grid}@supports (color:color-mix(in lab, red, red)){.status-view__icon{background:color-mix(in srgb, var(--status-accent,var(--accent)) 12%, transparent)}}.status-view__kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--status-accent,var(--accent));margin:0 0 .4rem;font-size:.72rem;font-weight:700}.status-view__title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);margin:0 0 .65rem;font-size:clamp(1.5rem,3.6vw,2rem);font-weight:700;line-height:1.2}.status-view__message{color:var(--text-muted);margin:0;font-size:1rem;line-height:1.55}.status-view__detail{color:var(--text-muted);margin:.75rem 0 0;font-size:.82rem}@supports (color:color-mix(in lab, red, red)){.status-view__detail{color:color-mix(in srgb, var(--text-muted) 80%, transparent)}}.status-view__detail{word-break:break-word}.status-view__actions{flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:1.75rem;display:flex}@media (width<=480px){.status-view__actions{flex-direction:column;width:100%}.status-view__actions .btn-primary,.status-view__actions .btn-secondary{width:100%}}@media (prefers-reduced-motion:reduce){.status-view{animation:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-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}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}