@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-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-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--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;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-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{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.-top-2{top:calc(var(--spacing)*-2)}.top-10{top:calc(var(--spacing)*10)}.-right-2{right:calc(var(--spacing)*-2)}.right-0{right:calc(var(--spacing)*0)}.left-full{left:100%}.z-0{z-index:0}.z-10{z-index:10}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-16{margin-top:calc(var(--spacing)*16)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.mb-16{margin-bottom:calc(var(--spacing)*16)}.mb-20{margin-bottom:calc(var(--spacing)*20)}.mb-32{margin-bottom:calc(var(--spacing)*32)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-2{height:calc(var(--spacing)*2)}.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-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-80{height:calc(var(--spacing)*80)}.h-\[2px\]{height:2px}.h-px{height:1px}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing)*2)}.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-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.resize-none{resize:none}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-12{gap:calc(var(--spacing)*12)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}: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-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)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-32>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*32)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*32)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-6>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*6)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[radial-gradient\(circle_at_30\%_40\%\,hsl\(var\(--primary\)\/0\.1\)_0\%\,transparent_50\%\)\]{background-image:radial-gradient(circle at 30% 40%,hsl(var(--primary)/.1)0%,transparent 50%)}.bg-\[radial-gradient\(circle_at_70\%_80\%\,hsl\(var\(--accent\)\/0\.08\)_0\%\,transparent_50\%\)\]{background-image:radial-gradient(circle at 70% 80%,hsl(var(--accent)/.08)0%,transparent 50%)}.from-transparent{--tw-gradient-from:transparent;--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-transparent{--tw-gradient-to:transparent;--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-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.py-20{padding-block:calc(var(--spacing)*20)}.py-24{padding-block:calc(var(--spacing)*24)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-24{padding-top:calc(var(--spacing)*24)}.pt-32{padding-top:calc(var(--spacing)*32)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-20{padding-bottom:calc(var(--spacing)*20)}.pl-6{padding-left:calc(var(--spacing)*6)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--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))}.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-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-red-500{color:var(--color-red-500)}.text-white{color:var(--color-white)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px 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-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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px 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)}@media (min-width:40rem){.sm\:flex-row{flex-direction:row}}@media (min-width:48rem){.md\:block{display:block}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:64rem){.lg\:h-96{height:calc(var(--spacing)*96)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:gap-16{gap:calc(var(--spacing)*16)}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:80rem){.xl\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.xl\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}.password-input-container{width:100%}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input{width:100%;padding:12px 45px 12px 16px;border:2px solid hsl(var(--border));border-radius:8px;font-size:16px;transition:var(--transition-smooth);background-color:hsl(var(--card))}.password-input:focus{outline:none;border-color:hsl(var(--input-focus));box-shadow:0 0 0 3px hsl(var(--input-focus) / .1)}.password-input.error{border-color:hsl(var(--destructive));box-shadow:0 0 0 3px hsl(var(--destructive) / .1)}.password-input:disabled{background-color:hsl(var(--slate-50));cursor:not-allowed;opacity:.6}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:var(--transition-fast);color:hsl(var(--gray-500))}.password-toggle-btn:hover:not(:disabled){background-color:hsl(var(--gray-100));color:hsl(var(--gray-700))}.password-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.password-icon{color:inherit}.error-message{display:block;color:hsl(var(--destructive));font-size:14px;margin-top:4px;font-weight:500}.login-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:transparent;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-card{background:hsl(var(--card));border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:3rem;width:100%;max-width:450px;animation:slideUp .6s ease-out}.login-header{text-align:center;margin-bottom:2.5rem}.login-header h1{font-size:2.2rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:.5rem;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header p{color:hsl(var(--muted-foreground));font-size:1rem;margin:0}.google-login-btn{width:100%;background:hsl(var(--card));border:2px solid hsl(var(--border));border-radius:var(--radius);padding:1rem 1.5rem;font-size:1rem;font-weight:600;color:hsl(var(--foreground));cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:2rem;position:relative;overflow:hidden}.google-login-btn:hover{border-color:hsl(var(--input));box-shadow:var(--shadow-md);transform:translateY(-2px)}.google-login-btn:active{transform:translateY(0)}.google-login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.google-icon{width:20px;height:20px}.divider{text-align:center;margin:2rem 0;position:relative}.divider:before{display:none}.divider span{background:hsl(var(--card));padding:0;color:hsl(var(--muted-foreground));font-size:.9rem;font-weight:500}.login-form{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:hsl(var(--foreground));font-size:.95rem}.form-group input{width:100%;padding:1rem;border:2px solid hsl(var(--border));border-radius:var(--radius);font-size:1rem;transition:var(--transition-smooth);box-sizing:border-box}.form-group input:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 3px hsl(var(--ring) / .1)}.form-group input.error{border-color:hsl(var(--destructive))}.form-group input:disabled{background-color:hsl(var(--muted));cursor:not-allowed}.error-message{color:hsl(var(--destructive));font-size:.75rem;margin-top:.25rem;display:block;line-height:1.1;padding:.125rem 0}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.remember-me{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:hsl(var(--muted-foreground))}.remember-me input[type=checkbox]{width:auto;margin:0;accent-color:hsl(var(--primary))}.forgot-password{color:hsl(var(--primary));text-decoration:none;font-size:.9rem;font-weight:500;transition:color .3s ease}.forgot-password:hover{color:hsl(var(--primary-hover));text-decoration:underline}.email-login-btn{width:100%;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));color:hsl(var(--primary-foreground));border:none;border-radius:var(--radius);padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);margin-bottom:1.5rem}.email-login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-hero)}.email-login-btn:active:not(:disabled){transform:translateY(0)}.email-login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.signup-prompt{text-align:center;padding-top:1rem;border-top:1px solid hsl(var(--border))}.signup-prompt p{color:hsl(var(--muted-foreground));margin:0;font-size:.95rem}.signup-link{background:none;border:none;color:hsl(var(--primary));font-weight:600;cursor:pointer;font-size:.95rem;transition:color .3s ease;text-decoration:underline}.signup-link:hover:not(:disabled){color:hsl(var(--primary-hover))}.signup-link:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{width:20px;height:20px;border:2px solid hsl(var(--muted));border-top:2px solid hsl(var(--primary));border-radius:50%;animation:spin 1s linear infinite}.otp-timer{text-align:center;margin:1.5rem 0;padding:1rem;background:hsl(var(--muted));border-radius:var(--radius)}.otp-timer p{margin:0 0 1rem;color:hsl(var(--muted-foreground));font-size:.9rem}.resend-otp-btn{background:none;border:2px solid hsl(var(--primary));color:hsl(var(--primary));border-radius:var(--radius);padding:.5rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.resend-otp-btn:hover:not(:disabled){background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.resend-otp-btn:disabled{opacity:.5;cursor:not-allowed;border-color:hsl(var(--muted-foreground));color:hsl(var(--muted-foreground))}.success-message{text-align:center;padding:2rem 0}.success-icon{width:60px;height:60px;background:hsl(var(--success));color:hsl(var(--success-foreground));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto 1.5rem}.success-message h3{color:hsl(var(--foreground));margin-bottom:1rem;font-size:1.5rem}.success-message p{color:hsl(var(--muted-foreground));margin-bottom:.5rem;line-height:1.5}@media (max-width: 768px){.login-container{padding:1rem}.login-card{padding:2rem;margin:1rem}.login-header h1{font-size:1.8rem}.form-options{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.login-card{padding:1.5rem}.login-header h1{font-size:1.6rem}.google-login-btn,.email-login-btn{padding:.875rem 1rem}}.thankyou-container{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:2rem;background:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.thankyou-card{background:hsl(var(--card));border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:3rem;width:100%;max-width:500px;text-align:center;animation:slideUp .6s ease-out}.success-circle{width:80px;height:80px;border-radius:50%;background:hsl(var(--success));color:hsl(var(--success-foreground));display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 2rem;box-shadow:var(--shadow-md)}.thankyou-header{margin-bottom:2rem}.thankyou-header h1{font-size:2rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:.5rem;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.thankyou-header p{color:hsl(var(--muted-foreground));font-size:1.1rem;margin:0}.thankyou-content{margin-bottom:2rem;color:hsl(var(--muted-foreground));line-height:1.6}.thankyou-content p{margin-bottom:1rem}.thankyou-content p:last-child{margin-bottom:0}.thankyou-actions{margin-top:2rem}.start-btn{display:inline-block;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));color:hsl(var(--white));text-decoration:none;padding:.875rem 2rem;border-radius:var(--radius);font-weight:600;transition:var(--transition-smooth);box-shadow:var(--shadow-md)}.start-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.start-btn:active{transform:translateY(0)}@media (max-width: 640px){.thankyou-container{padding:1rem}.thankyou-card{padding:2rem}.thankyou-header h1{font-size:1.75rem}.success-circle{width:60px;height:60px;font-size:2rem;margin-bottom:1.5rem}}.onboarding-container{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:2rem;background:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.onboarding-card{background:hsl(var(--card));border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:3rem 4rem;width:100%;max-width:600px;animation:slideUp .6s ease-out}.onboarding-progress-container{margin-bottom:2rem}.onboarding-progress-bar{width:100%;height:8px;background:hsl(var(--theme-bg));border-radius:4px;overflow:hidden;margin-bottom:.5rem}.onboarding-progress-fill{height:100%;background:hsl(var(--theme-heading));border-radius:4px;transition:width .3s ease}.onboarding-progress-text{text-align:center;font-size:.875rem;color:hsl(var(--theme-muted));font-weight:500}.onboarding-header{text-align:center;margin-bottom:2rem}.onboarding-header h2{font-size:1.75rem;font-weight:700;color:hsl(var(--theme-heading));margin-bottom:.5rem}.onboarding-header p{color:hsl(var(--theme-muted));font-size:1rem}.onboarding-form{display:flex;flex-direction:column;gap:1.5rem}.onboarding-question-group{display:flex;flex-direction:column;gap:1rem}.onboarding-question-label{font-size:1.125rem;font-weight:600;color:hsl(var(--theme-text))}.onboarding-radio-group{display:flex;flex-direction:column;gap:.75rem}.onboarding-radio-option{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border:2px solid hsl(var(--border));border-radius:var(--radius);cursor:pointer;transition:all .2s ease;background:hsl(var(--card))}.onboarding-radio-option:hover{border-color:hsl(var(--theme-heading));background:hsl(var(--theme-heading) / .1)}.onboarding-radio-option input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:hsl(var(--theme-heading))}.onboarding-radio-option input[type=radio]:checked+span{color:hsl(var(--theme-heading));font-weight:600}.onboarding-radio-option:has(input[type=radio]:checked){border-color:hsl(var(--theme-heading));background:hsl(var(--theme-heading) / .1)}.onboarding-radio-option span{flex:1;color:hsl(var(--theme-text));font-size:.9375rem}.onboarding-error-message{color:hsl(var(--destructive));font-size:.875rem;margin-top:.25rem}.onboarding-unanswered-message{background:hsl(var(--destructive) / .1);border:1px solid hsl(var(--destructive));border-radius:var(--radius);padding:.75rem 1rem;text-align:center}.onboarding-unanswered-message p{color:hsl(var(--destructive));font-size:.875rem;margin:0}.onboarding-actions{display:flex;gap:1rem;justify-content:space-between;margin-top:1rem}.onboarding-back-btn{background:transparent;color:hsl(var(--theme-text));border:2px solid hsl(var(--border));border-radius:var(--radius);padding:.75rem 2rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.onboarding-back-btn:hover:not(:disabled){background:hsl(var(--theme-heading) / .1);border-color:hsl(var(--theme-heading));color:hsl(var(--theme-heading));transform:translateY(-1px)}.onboarding-back-btn:disabled{opacity:.5;cursor:not-allowed}.onboarding-next-btn{flex:1;background:hsl(var(--theme-heading));color:hsl(var(--white));border:none;border-radius:var(--radius);padding:.75rem 2rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.onboarding-next-btn:hover:not(:disabled){background:hsl(var(--theme-accent));transform:translateY(-2px);box-shadow:var(--shadow-md)}.onboarding-next-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.onboarding-card{padding:2rem 1.5rem}.onboarding-header h2{font-size:1.5rem}.onboarding-actions{flex-direction:column}.onboarding-back-btn,.onboarding-next-btn{width:100%}}.past-quizzes-container{max-width:1200px;margin:0 auto;padding:32px 24px}.past-quizzes-header{text-align:center;margin-bottom:40px}.past-quizzes-header h1{font-size:2rem;font-weight:700;color:hsl(var(--foreground));margin:0 0 8px}.past-quizzes-sort-buttons{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px;flex-wrap:wrap}.sort-button{background:hsl(var(--card));color:hsl(var(--foreground));border-radius:6px;border:1px solid hsl(var(--border));box-shadow:0 1px 2px hsl(var(--black) / .05);padding:8px 16px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.sort-button:hover{background:hsl(var(--muted));border-color:hsl(var(--border));transform:translateY(-1px);box-shadow:0 2px 4px hsl(var(--black) / .1)}.sort-button.active{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.past-quizzes-header p{font-size:1.1rem;color:hsl(var(--muted-foreground));margin:0}.quizzes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.quiz-card{background:hsl(var(--card));border-radius:8px;border:1px solid hsl(var(--border));box-shadow:0 1px 3px hsl(var(--black) / .1);transition:all .2s ease;overflow:hidden}.quiz-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px hsl(var(--black) / .15);border-color:hsl(var(--border))}.quiz-thumbnail{position:relative;width:100%;height:200px;overflow:hidden;background:hsl(var(--gray-100))}.quiz-thumbnail img{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth)}.quiz-card:hover .quiz-thumbnail img{transform:scale(1.05)}.thumbnail-overlay{position:absolute;inset:0;background:linear-gradient(45deg,hsl(var(--primary) / .8),hsl(var(--accent) / .8));display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-smooth)}.quiz-card:hover .thumbnail-overlay{opacity:1}.play-button{width:60px;height:60px;background:hsl(var(--primary-foreground));border-radius:50%;display:flex;align-items:center;justify-content:center;color:hsl(var(--primary));transform:scale(.8);transition:var(--transition-smooth)}.quiz-card:hover .play-button{transform:scale(1)}.play-button svg{margin-left:4px}.quiz-card-header{padding:20px 20px 16px}.quiz-title-link{text-decoration:none;color:inherit}.quiz-title{font-size:1.125rem;font-weight:600;color:hsl(var(--primary));margin:0;line-height:1.5;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.quiz-title:hover{color:hsl(var(--primary-hover))}.quiz-meta{display:flex;justify-content:flex-start;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.quiz-date,.quiz-duration{font-size:.875rem;color:hsl(var(--muted-foreground));font-weight:500;background:hsl(var(--muted));padding:8px 12px;border-radius:6px;border:1px solid hsl(var(--border));display:inline-flex;align-items:center;white-space:nowrap}.quiz-card-content{padding:16px 20px 20px}.quiz-score{margin-bottom:16px}.score-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.score-label{font-size:.8125rem;color:hsl(var(--muted-foreground));font-weight:500;text-transform:uppercase;letter-spacing:.5px}.score-percentage{font-size:1rem;font-weight:700;color:hsl(var(--foreground))}.progress-bar-container{width:100%;height:8px;background:hsl(var(--muted));border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:hsl(var(--primary));border-radius:4px;transition:width .3s ease;position:relative}.quiz-actions{display:flex;gap:10px}.view-results-btn,.watch-again-btn{flex:1;padding:10px 16px;border-radius:6px;text-decoration:none;font-weight:600;font-size:.875rem;text-align:center;transition:all .2s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.quiz-actions .view-results-btn{background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 1px 2px hsl(var(--primary) / .2)}.quiz-actions .view-results-btn:hover{background:hsl(var(--primary-hover));transform:translateY(-1px);box-shadow:0 2px 4px hsl(var(--primary) / .3)}.quiz-actions .watch-again-btn{background:hsl(var(--muted));color:hsl(var(--foreground));border:1px solid hsl(var(--border))}.quiz-actions .watch-again-btn:hover{background:hsl(var(--muted-foreground) / .1);border-color:hsl(var(--border));transform:translateY(-1px)}.loading-container,.error-container{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center}.home-empty-container{display:flex;flex-direction:column;place-items:center;height:calc(100vh - 160px);width:100%;gap:24px;text-align:center}.home-empty-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.loading-container p{color:hsl(var(--primary));font-size:1.1rem;font-weight:600}.error-container p{color:hsl(var(--foreground));font-size:1.1rem;margin:0;opacity:.7}.home-empty-container h2{color:hsl(var(--foreground));margin:0;font-size:1.8rem;opacity:.8}.home-empty-container p{color:hsl(var(--foreground));font-size:1.1rem;margin:0;opacity:.6}@media (max-width: 768px){.past-quizzes-container{padding:24px 16px}.past-quizzes-header h1{font-size:2rem}.quizzes-grid{grid-template-columns:1fr;gap:20px}.quiz-thumbnail{height:180px}.quiz-card-header,.quiz-card-content{padding:20px}.quiz-meta{flex-direction:column;align-items:flex-start;gap:8px}.progress-bar-container{height:8px}.score-percentage{font-size:.9375rem}.quiz-actions{flex-direction:column;gap:8px}}@media (max-width: 480px){.past-quizzes-container{padding:20px 12px}.past-quizzes-header h1{font-size:1.8rem}.quiz-thumbnail{height:160px}.quiz-title{font-size:1.2rem}.progress-bar-container{height:8px}.score-percentage{font-size:1rem}}.home-empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:2rem}.home-empty-container-wrapper{height:calc(100vh - 160px);width:100%;display:flex;flex-direction:column;place-items:center;gap:24px;text-align:center}.home-searchbar-title{font-size:var(--font-size-2);font-weight:700;color:hsl(var(--foreground));margin-bottom:1rem}.home-searchbar-wrapper{position:relative;width:100%;max-width:700px;margin:0 auto}.home-searchbar{display:flex;align-items:center;gap:.75rem;width:100%;max-width:700px;margin:0 auto;background:hsl(var(--card));border:none;border-radius:1.5rem;padding:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.home-searchbar:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.home-searchbar.searchbar-focused{box-shadow:0 0 0 4px hsl(var(--primary) / .1),0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.searchbar-input-wrapper{display:flex;align-items:center;gap:.75rem;flex:1;padding:.5rem 1rem;background:transparent;border-radius:1rem}.searchbar-input{flex:1;border:none;outline:none;background:transparent;color:hsl(var(--theme-text));font-size:1rem;font-weight:var(--font-normal);font-family:var(--font-family);line-height:1.5;width:100%}.searchbar-input::placeholder{color:hsl(var(--theme-text) / .5);font-weight:var(--font-normal)}.searchbar-input:focus{outline:none}.searchbar-button{display:flex;align-items:center;justify-content:center;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:1rem;padding:.875rem 1.5rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:var(--font-semibold);box-shadow:0 2px 4px #0000001a;min-width:56px;height:48px}.searchbar-button:hover{background:hsl(var(--primary-hover));box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.searchbar-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.home-searchbar-suggestions{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:1rem;box-shadow:0 10px 25px -5px #0003,0 4px 6px -2px #0000001a;max-height:400px;overflow-y:auto;z-index:1000;animation:slideDown .2s ease-out;margin-top:.25rem}.suggestion-item{display:flex;align-items:center;text-align:left;gap:.75rem;padding:.875rem 1.25rem;cursor:pointer;transition:all .2s ease;color:hsl(var(--theme-text));border-bottom:1px solid hsl(var(--border) / .5)}.suggestion-item:last-child{border-bottom:none;border-radius:0 0 1rem 1rem}.suggestion-item:first-child{border-radius:1rem 1rem 0 0}.suggestion-item:hover,.suggestion-item.suggestion-selected{background:hsl(var(--primary) / .1);color:hsl(var(--primary))}.suggestion-item.suggestion-loading{justify-content:center;color:hsl(var(--theme-text) / .6);cursor:default}.suggestion-item.suggestion-loading:hover{background:transparent;color:hsl(var(--theme-text) / .6)}.suggestion-icon{color:hsl(var(--theme-text) / .5);flex-shrink:0}.suggestion-item:hover .suggestion-icon,.suggestion-item.suggestion-selected .suggestion-icon{color:hsl(var(--primary))}.home-searchbar-suggestions::-webkit-scrollbar{width:8px}.home-searchbar-suggestions::-webkit-scrollbar-track{background:hsl(var(--card));border-radius:4px}.home-searchbar-suggestions::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:4px}.home-searchbar-suggestions::-webkit-scrollbar-thumb:hover{background:hsl(var(--border) / .8)}@media (max-width: 768px){.home-searchbar-wrapper{max-width:100%}.home-searchbar{max-width:100%;padding:.375rem;gap:.5rem}.searchbar-input-wrapper{padding:.5rem .75rem;gap:.5rem}.searchbar-input{font-size:.9375rem}.searchbar-button{padding:.75rem 1.25rem;min-width:48px;height:44px}.home-searchbar-suggestions{max-height:250px}}@media (max-width: 480px){.home-empty-container{padding:1rem}.home-searchbar{border-radius:1.25rem;padding:.25rem}.searchbar-input-wrapper{padding:.375rem .5rem}.searchbar-input{font-size:.875rem}.searchbar-button{padding:.625rem 1rem;min-width:44px;height:40px;border-radius:.875rem}.home-searchbar-suggestions{max-height:200px;border-radius:.875rem}.suggestion-item{padding:.75rem 1rem;font-size:.875rem}}.rewision-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--figma-spacing-2, 8px);font-family:var(--font-family, "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-weight:510;border:none;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none}.rewision-button:focus-visible{outline:none}.rewision-button:disabled{cursor:not-allowed}.rewision-button--size-1{height:var(--figma-tokens-space-button-height-1, 24px);padding:0 var(--figma-spacing-2, 8px);gap:var(--figma-spacing-1, 4px);font-size:var(--figma-typography-font-size-1, 12px);line-height:var(--figma-typography-line-height-1, 16px);letter-spacing:var(--figma-typography-letter-spacing-1, .04px);border-radius:var(--figma-radius-1-max, 3px)}.rewision-button--size-2{height:var(--figma-tokens-space-button-height-2, 32px);padding:0 var(--figma-spacing-3, 12px);gap:var(--figma-spacing-2, 8px);font-size:var(--figma-typography-font-size-2, 14px);line-height:var(--figma-typography-line-height-2, 20px);letter-spacing:var(--figma-typography-letter-spacing-2, 0px);border-radius:var(--figma-radius-2-max, 4px)}.rewision-button--size-3{height:56px;padding:0 var(--figma-spacing-6, 32px);gap:var(--figma-spacing-3, 12px);font-size:var(--figma-typography-font-size-4, 18px);line-height:var(--figma-typography-line-height-4, 28px);letter-spacing:var(--figma-typography-letter-spacing-4, -.02px);border-radius:var(--figma-radius-4-max, 12px);font-weight:600}:root{--button-product-solid-9: var(--figma-colors-product-solid-9);--button-product-solid-10: var(--figma-colors-product-solid-10);--button-product-solid-12: var(--figma-colors-product-solid-12);--button-product-solid-3: var(--figma-colors-product-solid-3);--button-product-solid-11: var(--figma-colors-product-solid-11);--button-product-translucent-3: var(--figma-colors-product-translucent-3);--button-product-translucent-4: var(--figma-colors-product-translucent-4);--button-product-translucent-7: var(--figma-colors-product-translucent-7);--button-product-translucent-8: var(--figma-colors-product-translucent-8);--button-product-translucent-11: var(--figma-colors-product-translucent-11);--button-product-accent-surface: var(--figma-colors-product-translucent-1);--button-neutral-solid-9: var(--figma-colors-neutral-neutral-9);--button-neutral-alpha-3: var(--figma-colors-neutral-neutral-alpha-3);--button-neutral-alpha-8: var(--figma-colors-neutral-neutral-alpha-8);--button-neutral-6: var(--figma-colors-neutral-neutral-6);--button-neutral-1: var(--figma-colors-neutral-neutral-1);--button-neutral-11: var(--figma-colors-neutral-neutral-11);--button-neutral-12: var(--figma-colors-neutral-neutral-12);--button-error-solid-9: var(--figma-colors-red-9);--button-error-translucent-3: var(--figma-colors-red-3);--button-text-white: #ffffff;--button-text-content: var(--figma-colors-base-black)}:root[data-theme=dark]{--button-product-solid-9: var(--figma-colors-product-solid-9-dark);--button-product-solid-10: var(--figma-colors-product-solid-10-dark);--button-product-solid-12: var(--figma-colors-product-solid-12-dark);--button-product-solid-3: var(--figma-colors-product-solid-3-dark);--button-product-solid-11: var(--figma-colors-product-solid-11-dark);--button-product-translucent-3: var(--figma-colors-product-translucent-3-dark);--button-product-translucent-4: var(--figma-colors-product-translucent-4-dark);--button-product-translucent-7: var(--figma-colors-product-translucent-7-dark);--button-product-translucent-8: var(--figma-colors-product-translucent-8-dark);--button-product-translucent-11: var(--figma-colors-product-translucent-11-dark);--button-product-accent-surface: var(--figma-colors-product-translucent-1-dark);--button-neutral-solid-9: var(--figma-colors-neutral-neutral-9-dark);--button-neutral-alpha-3: var(--figma-colors-neutral-neutral-alpha-3-dark);--button-neutral-alpha-8: var(--figma-colors-neutral-neutral-alpha-8-dark);--button-neutral-6: var(--figma-colors-neutral-neutral-6-dark);--button-neutral-1: var(--figma-colors-neutral-neutral-1-dark);--button-neutral-11: var(--figma-colors-neutral-neutral-11-dark);--button-neutral-12: var(--figma-colors-neutral-neutral-12-dark);--button-error-solid-9: var(--figma-colors-red-9-dark);--button-error-translucent-3: var(--figma-colors-red-3-dark);--button-text-content: var(--figma-colors-base-white)}.rewision-button--variant-solid.rewision-button--color-product{background-color:var(--button-product-solid-9);color:#fff!important}.rewision-button--variant-solid.rewision-button--color-product,.rewision-button--variant-solid.rewision-button--color-product *,.rewision-button--variant-solid.rewision-button--color-product .rewision-button__text,.rewision-button--variant-solid.rewision-button--color-product .rewision-button__text *{color:#fff!important}.rewision-button--variant-solid.rewision-button--color-product:hover:not(:disabled){background-color:var(--button-product-solid-10);color:#fff!important}.rewision-button--variant-solid.rewision-button--color-product:hover:not(:disabled),.rewision-button--variant-solid.rewision-button--color-product:hover:not(:disabled) *,.rewision-button--variant-solid.rewision-button--color-product:hover:not(:disabled) .rewision-button__text,.rewision-button--variant-solid.rewision-button--color-product:hover:not(:disabled) .rewision-button__text *{color:#fff!important}.rewision-button--variant-solid.rewision-button--color-neutral{background-color:var(--button-neutral-solid-9);color:var(--button-text-white)}.rewision-button--variant-solid.rewision-button--color-neutral:hover:not(:disabled){opacity:.9}.rewision-button--variant-solid.rewision-button--color-error{background-color:var(--button-error-solid-9);color:var(--button-text-white)}.rewision-button--variant-classic.rewision-button--color-product{background:linear-gradient(180deg,rgba(255,255,255,0) 50%,var(--button-product-solid-9) 80%),linear-gradient(180deg,rgba(255,255,255,0) 50%,var(--button-neutral-alpha-3) 100%),linear-gradient(90deg,var(--button-product-solid-9) 0%,var(--button-product-solid-9) 100%);border:1px solid var(--button-product-solid-9);color:var(--button-text-white)!important;box-shadow:inset 0 2px 1px -1px #ffffffb3,inset 0 4px 2px -2px #ffffffb3,inset 0 0 0 1px var(--button-product-solid-9),inset 0 -2px 1px 0 var(--button-neutral-alpha-3),inset 0 0 0 1px var(--button-neutral-alpha-3)}.rewision-button--variant-classic.rewision-button--color-product .rewision-button__text{color:var(--button-text-white)!important}.rewision-button--variant-classic.rewision-button--color-product:hover:not(:disabled){background:linear-gradient(180deg,rgba(255,255,255,0) 50%,var(--button-product-solid-10) 80%),linear-gradient(180deg,rgba(255,255,255,0) 50%,var(--button-neutral-alpha-3) 100%),linear-gradient(90deg,var(--button-product-solid-10) 0%,var(--button-product-solid-10) 100%);border-color:var(--button-product-solid-10);color:var(--button-text-white)!important}.rewision-button--variant-classic.rewision-button--color-product:hover:not(:disabled) .rewision-button__text{color:var(--button-text-white)!important}[data-theme=dark] .rewision-button--variant-classic.rewision-button--color-product{box-shadow:inset 0 2px 1px -1px #ffffff1a,inset 0 4px 2px -2px #ffffff1a,inset 0 0 0 1px var(--button-product-solid-9),inset 0 -2px 1px 0 var(--button-neutral-alpha-3),inset 0 0 0 1px var(--button-neutral-alpha-3)}.rewision-button--variant-soft.rewision-button--color-product{background-color:var(--button-product-translucent-3);color:var(--button-product-solid-9)}.rewision-button--variant-soft.rewision-button--color-product:hover:not(:disabled){background-color:var(--button-product-translucent-4);color:var(--button-product-solid-10)}.rewision-button--variant-soft.rewision-button--color-neutral{background-color:var(--button-neutral-alpha-3);color:var(--button-text-content)}.rewision-button--variant-soft.rewision-button--color-neutral:hover:not(:disabled){background-color:var(--button-neutral-alpha-3);opacity:.8}.rewision-button--variant-soft.rewision-button--color-error{background-color:var(--button-error-translucent-3);color:var(--button-error-solid-9)}.rewision-button--variant-surface.rewision-button--color-product{background-color:var(--button-product-accent-surface);border:1px solid var(--button-product-translucent-7);color:var(--button-product-solid-9)}.rewision-button--variant-surface.rewision-button--color-product:hover:not(:disabled){background-color:var(--button-product-accent-surface);border-color:var(--button-product-translucent-8);color:var(--button-product-solid-10)}.rewision-button--variant-outline.rewision-button--color-product{background-color:transparent;border:1px solid var(--button-product-translucent-8);color:var(--button-product-solid-9)}.rewision-button--variant-outline.rewision-button--color-product:hover:not(:disabled){border-color:var(--button-product-translucent-8);background-color:var(--button-product-translucent-3);color:var(--button-product-solid-10)}.rewision-button--variant-outline.rewision-button--color-neutral{background-color:transparent;border:1px solid var(--button-neutral-6);color:var(--button-text-content)}.rewision-button--variant-outline.rewision-button--color-neutral:hover:not(:disabled){background-color:var(--button-neutral-alpha-3)}.rewision-button--custom-text-color *,.rewision-button--custom-text-color .markdown-content,.rewision-button--custom-text-color .markdown-content *,.rewision-button--custom-text-color .katex,.rewision-button--custom-text-color .katex *{color:inherit}.rewision-button--variant-outline.rewision-button--color-error{background-color:transparent;border:1px solid var(--button-error-solid-9);color:var(--button-error-solid-9)}.rewision-button--variant-outline.rewision-button--color-error:hover:not(:disabled){background-color:var(--button-error-translucent-3)}.rewision-button--variant-ghost.rewision-button--color-product{background-color:transparent;border:none;color:var(--button-product-solid-9);font-weight:400}.rewision-button--variant-ghost.rewision-button--color-product:hover:not(:disabled){background-color:var(--button-product-translucent-3);color:var(--button-product-solid-10)}.rewision-button--variant-ghost.rewision-button--color-neutral{background-color:transparent;border:none;color:var(--button-text-content);font-weight:400}.rewision-button--variant-ghost.rewision-button--color-neutral:hover:not(:disabled){background-color:var(--button-neutral-alpha-3)}.rewision-button--variant-ghost.rewision-button--color-error{background-color:transparent;border:none;color:var(--button-error-solid-9);font-weight:400}.rewision-button--variant-ghost.rewision-button--color-error:hover:not(:disabled){background-color:var(--button-error-translucent-3)}.rewision-button--high-contrast.rewision-button--variant-solid.rewision-button--color-product{background-color:var(--button-product-solid-12);color:var(--button-text-white)}.rewision-button--high-contrast.rewision-button--variant-solid.rewision-button--color-product:hover:not(:disabled){opacity:.9}.rewision-button--state-disabled,.rewision-button:disabled{opacity:.5;cursor:not-allowed}.rewision-button--state-disabled.rewision-button--variant-soft,.rewision-button:disabled.rewision-button--variant-soft{background-color:var(--button-neutral-alpha-3);color:var(--button-text-content);opacity:.5}.rewision-button--state-disabled.rewision-button--variant-ghost,.rewision-button:disabled.rewision-button--variant-ghost{color:var(--button-text-content);opacity:.5}.rewision-button--state-focus:focus-visible,.rewision-button:focus-visible{position:relative}.rewision-button--state-focus:focus-visible:before,.rewision-button:focus-visible:before{content:"";position:absolute;inset:-4px;border:2px solid var(--button-product-translucent-8);border-radius:inherit;pointer-events:none}.rewision-button--state-focus:focus-visible:after,.rewision-button:focus-visible:after{content:"";position:absolute;inset:-2px;border:2px solid var(--button-product-solid-3);border-radius:inherit;pointer-events:none}.rewision-button--loading{pointer-events:none}.rewision-button--loading .rewision-button__text{opacity:0}.rewision-button--loading .rewision-button__icon{display:none}.rewision-button__spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.rewision-button__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.rewision-button--size-1 .rewision-button__icon{width:12px;height:12px}.rewision-button--size-2 .rewision-button__icon{width:16px;height:16px}.rewision-button--size-3 .rewision-button__icon{width:24px;height:24px}.rewision-button__text{display:inline-block}.rewision-spinner{position:relative;width:16px;height:16px;display:inline-block;animation:rewision-spinner-rotate 1s linear infinite}.rewision-spinner__leaf{position:absolute;left:50%;top:0;width:2px;height:40%;background-color:currentColor;border-radius:3px;transform-origin:center bottom;opacity:.6}.rewision-spinner__leaf--1{transform:translate(-50%) rotate(0);opacity:.62}.rewision-spinner__leaf--2{transform:translate(-50%) rotate(45deg);opacity:.5}.rewision-spinner__leaf--3{transform:translate(-50%) rotate(90deg);opacity:.45}.rewision-spinner__leaf--4{transform:translate(-50%) rotate(135deg);opacity:.27}.rewision-spinner__leaf--5{transform:translate(-50%) rotate(180deg);opacity:.2}.rewision-spinner__leaf--6{transform:translate(-50%) rotate(225deg);opacity:.15}.rewision-spinner__leaf--7{transform:translate(-50%) rotate(270deg);opacity:.12}.rewision-spinner__leaf--8{transform:translate(-50%) rotate(315deg);opacity:.09}@keyframes rewision-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.not-found-container{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;background:transparent;padding:2rem;position:relative;overflow:hidden}.not-found-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsl(var(--primary) / .05) 0%,transparent 70%);animation:float 20s ease-in-out infinite;pointer-events:none}.not-found-content{text-align:center;max-width:600px;background:hsl(var(--card));padding:3rem;border-radius:var(--radius);box-shadow:var(--shadow-lg);position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsl(var(--border))}.error-animation{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;gap:1rem}.error-number{font-size:6rem;font-weight:900;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:bounce 2s ease-in-out infinite;text-shadow:0 0 30px hsl(var(--primary) / .3)}.error-number:first-child{animation-delay:0s}.error-number:last-child{animation-delay:.2s}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.error-icon{animation:pulse 2s ease-in-out infinite;animation-delay:.1s}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.error-message{margin-bottom:2.5rem}.error-title{font-size:2.5rem;color:hsl(var(--foreground));margin-bottom:1rem;font-weight:700;line-height:1.2}.error-description{font-size:1.1rem;color:hsl(var(--muted-foreground));line-height:1.6;max-width:500px;margin:0 auto}.error-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap}.btn-primary{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));color:hsl(var(--primary-foreground));box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border))}.btn-secondary:hover{background:hsl(var(--muted));transform:translateY(-2px);box-shadow:var(--shadow-md)}.helpful-links{text-align:left;max-width:500px;margin:0 auto}.helpful-links h3{font-size:1.2rem;color:hsl(var(--foreground));margin-bottom:1rem;text-align:center;font-weight:600}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.help-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:hsl(var(--muted));color:hsl(var(--muted-foreground));text-decoration:none;border-radius:calc(var(--radius) - .25rem);transition:var(--transition-smooth);font-size:.9rem;font-weight:500;border:1px solid transparent}.help-link:hover{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:hsl(var(--border))}.help-link svg{flex-shrink:0;opacity:.7}.help-link:hover svg{opacity:1}@media (max-width: 768px){.not-found-container{padding:1rem}.not-found-content{padding:2rem 1.5rem}.error-number{font-size:4rem}.error-icon svg{width:60px;height:60px}.error-title{font-size:2rem}.error-description{font-size:1rem}.error-actions{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:280px}.links-grid{grid-template-columns:1fr}}@media (max-width: 480px){.error-animation{gap:.5rem}.error-number{font-size:3rem}.error-icon svg{width:50px;height:50px}.error-title{font-size:1.75rem}.not-found-content{padding:1.5rem 1rem}}@media (prefers-color-scheme: dark){.not-found-content{background:hsl(var(--card));border-color:hsl(var(--border))}.help-link{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.help-link:hover{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}}.study-graph-container{margin-top:30px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:hsl(var(--card));padding:25px;border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;align-items:center;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.stat-icon{font-size:2.5rem;margin-right:20px}.stat-content h3{margin:0 0 5px;font-size:2rem;color:hsl(var(--foreground));font-weight:700}.stat-content p{margin:0;color:hsl(var(--muted-foreground));font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.recent-sessions{background:hsl(var(--card));border-radius:var(--radius);padding:25px;box-shadow:var(--shadow-sm);margin-bottom:30px}.recent-sessions h2{margin:0 0 20px;color:hsl(var(--foreground));font-size:1.5rem}.sessions-list{display:flex;flex-direction:column;gap:15px}.session-item{display:flex;justify-content:space-between;align-items:center;padding:20px;border:2px solid hsl(var(--muted));border-radius:var(--radius);transition:var(--transition-smooth)}.session-item:hover{border-color:hsl(var(--primary));box-shadow:var(--shadow-sm)}.session-info h4{margin:0 0 5px;color:hsl(var(--foreground));font-size:1.1rem}.session-info p{margin:0 0 5px;color:hsl(var(--muted-foreground));font-size:.9rem}.session-duration{background:hsl(var(--primary) / .1);color:hsl(var(--primary));padding:4px 8px;border-radius:var(--radius);font-size:.8rem;font-weight:600}.session-activities{display:flex;gap:10px}.activity-badge{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.activity-badge.quiz_taking{background:hsl(var(--success) / .1);color:hsl(var(--success))}.activity-badge.video_viewing{background:hsl(var(--primary) / .1);color:hsl(var(--primary))}.export-section{text-align:center;margin-top:30px}.btn{padding:12px 24px;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;gap:8px}.calendar-event{position:absolute;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:500;color:hsl(var(--primary-foreground));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:var(--shadow-sm);transition:var(--transition-fast)}.calendar-event:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.calendar-event.color-red{background-color:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.calendar-event.color-cream{background-color:hsl(var(--warning) / .2);color:hsl(var(--warning))}.calendar-event.color-green{background-color:hsl(var(--success));color:hsl(var(--success-foreground))}.calendar-event:not(.color-red):not(.color-cream):not(.color-green){background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.calendar-event.challenge{background:linear-gradient(135deg,hsl(var(--primary) / .2),hsl(var(--primary) / .1));border-left:3px solid hsl(var(--primary));color:hsl(var(--primary));font-weight:600}.calendar-event.challenge:hover{background:linear-gradient(135deg,hsl(var(--primary) / .3),hsl(var(--primary) / .2));border-left-width:4px}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.session-item{flex-direction:column;align-items:flex-start;gap:15px}}.analytics-container{padding:24px;min-height:100vh}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto}.metric-card{background:hsl(var(--card));border-radius:var(--radius);padding:16px 24px 24px;border:1px solid hsl(var(--border));box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.icon-container{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.metric-icon{width:20px;height:20px;color:hsl(var(--primary));stroke-width:2}.badge{color:hsl(var(--primary));font-size:.75rem;font-weight:600;line-height:1}.metric-value{font-size:1.5rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:8px;line-height:1.2}.metric-label{font-size:1rem;color:hsl(var(--muted-foreground));font-weight:500;line-height:1.4}@media (max-width: 1200px){.metrics-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 768px){.analytics-container{padding:16px}.metrics-grid{grid-template-columns:1fr;gap:16px}.metric-card{padding:16px 20px 20px}.metric-value{font-size:1.5rem}.icon-container{width:36px;height:36px}.metric-icon{width:18px;height:18px}}.contribution-chart-container{margin-top:32px;padding:16px;background:hsl(var(--card));border-radius:6px;border:1px solid hsl(var(--border))}.chart-header{margin-bottom:16px}.chart-header h3{margin:0 0 4px;font-size:1rem;font-weight:600;color:hsl(var(--foreground))}.chart-header p{margin:0;color:hsl(var(--muted-foreground));font-size:.75rem}.contribution-chart-wrapper{position:relative;margin-bottom:8px;overflow-x:auto;padding:0}.month-labels{position:relative;height:17px;margin-bottom:4px;font-size:.75rem;color:hsl(var(--muted-foreground))}.month-label{position:absolute;font-weight:400;text-align:left;top:0}.contribution-chart{display:flex;gap:4px}.day-labels{display:flex;flex-direction:column;gap:3px;font-size:.75rem;color:hsl(var(--muted-foreground));font-weight:400;width:15px;flex-shrink:0;padding-top:2px}.day-label{height:14px;display:flex;align-items:center;justify-content:flex-end;padding-right:4px}.day-label-hidden{visibility:hidden}.contribution-grid{display:flex;gap:3px;min-width:max-content}.week-column{display:flex;flex-direction:column;gap:3px;width:14px;flex-shrink:0}.contribution-day{width:14px;height:14px;border-radius:2px;cursor:pointer;transition:all .15s ease;position:relative;outline:1px solid transparent}.contribution-day:hover{outline:2px solid hsl(var(--primary) / .5);outline-offset:1px;z-index:10}.contribution-day.selected{outline:2px solid hsl(var(--primary));outline-offset:1px;z-index:10}.level-0{background-color:hsl(var(--contrib-empty))}.level-1{background-color:hsl(var(--contrib-level-1))}.level-2{background-color:hsl(var(--contrib-level-2))}.level-3{background-color:hsl(var(--contrib-level-3))}.level-4{background-color:hsl(var(--contrib-level-4))}.chart-legend{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-bottom:0;font-size:.75rem;color:hsl(var(--muted-foreground))}.legend-label{font-weight:400}.legend-label:first-child{margin-right:0}.legend-label:last-child{margin-left:0}.legend-squares{display:flex;gap:2px}.legend-square{width:14px;height:14px;border-radius:2px}.legend-square.level-0{background-color:hsl(var(--contrib-empty))}.legend-square.level-1{background-color:hsl(var(--contrib-level-1))}.legend-square.level-2{background-color:hsl(var(--contrib-level-2))}.legend-square.level-3{background-color:hsl(var(--contrib-level-3))}.legend-square.level-4{background-color:hsl(var(--contrib-level-4))}.day-details{background:hsl(var(--muted));border-radius:6px;padding:12px;border:1px solid hsl(var(--border));margin-top:8px}.day-details h4{margin:0 0 8px;font-size:.875rem;font-weight:600;color:hsl(var(--foreground))}.day-stats{display:flex;gap:16px}.stat{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.stat-value{font-size:1rem;font-weight:600;color:hsl(var(--foreground))}.stat-label{font-size:.75rem;color:hsl(var(--muted-foreground));text-transform:none;letter-spacing:0}@media (max-width: 768px){.contribution-chart-container{padding:12px;margin-top:24px}.chart-header h3{font-size:.875rem}.contribution-chart{gap:3px}.contribution-day,.legend-square{width:12px;height:12px}.week-column{width:12px}}.study-analytics-container{max-width:1500px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.analytics-header{text-align:left;margin-bottom:30px;padding:20px 0;border-bottom:2px solid hsl(var(--border))}.analytics-header h1{margin:0 0 10px;font-size:2rem;font-weight:600;color:hsl(var(--primary))}.analytics-header p{margin:0;font-size:1rem;color:hsl(var(--muted-foreground))}.controls-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.search-filter{display:flex;gap:15px;flex:1;max-width:500px}.search-input{flex:1;padding:12px 16px;border:2px solid hsl(var(--border));border-radius:var(--radius);font-size:14px;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:hsl(var(--ring))}.filter-select{padding:12px 16px;border:2px solid hsl(var(--border));border-radius:var(--radius);font-size:14px;background:hsl(var(--card));cursor:pointer}.action-buttons{display:flex;gap:15px}.btn{padding:12px 24px;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;gap:8px}.btn-primary{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));color:hsl(var(--primary-foreground))}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:hsl(var(--muted));color:hsl(var(--muted-foreground));border:2px solid hsl(var(--border))}.calendar-section{background:hsl(var(--card));border-radius:var(--radius);padding:15px;box-shadow:var(--shadow-sm);margin-bottom:30px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:20px}.calendar-title-section{display:flex;align-items:center;gap:15px}.calendar-title-section h2{margin:0;color:hsl(var(--foreground));font-size:1.5rem}.view-indicator{background:hsl(var(--primary) / .1);color:hsl(var(--primary));padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:600}.calendar-navigation{display:flex;align-items:center;gap:10px}.nav-btn{width:36px;height:36px;border:2px solid hsl(var(--border));background:hsl(var(--card));border-radius:var(--radius);cursor:pointer;transition:var(--transition-smooth);font-size:16px;font-weight:600;color:hsl(var(--muted-foreground));display:flex;align-items:center;justify-content:center}.nav-btn:hover{border-color:hsl(var(--primary));color:hsl(var(--primary))}.today-btn{padding:8px 16px;border:2px solid hsl(var(--border));background:hsl(var(--card));border-radius:var(--radius);cursor:pointer;transition:var(--transition-smooth);font-size:14px;font-weight:600;color:hsl(var(--muted-foreground))}.today-btn:hover{border-color:hsl(var(--primary));color:hsl(var(--primary))}.add-session-btn{padding:10px 20px;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));color:hsl(var(--primary-foreground));border:none;border-radius:var(--radius);cursor:pointer;transition:var(--transition-smooth);font-size:14px;font-weight:600}.add-session-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.scroll-indicator{text-align:center;margin-bottom:15px;padding:10px;background:hsl(var(--primary) / .1);border-radius:var(--radius);border:1px solid hsl(var(--primary) / .2)}.scroll-hint{color:hsl(var(--primary));font-size:14px;font-weight:500}.weekly-calendar{border:1px solid hsl(var(--border));border-radius:var(--radius);overflow:hidden;max-height:865px;overflow-y:auto;overflow-x:auto;scrollbar-width:thin;scrollbar-color:hsl(var(--muted-foreground)) hsl(var(--muted))}.weekly-calendar::-webkit-scrollbar{width:8px;height:8px}.weekly-calendar::-webkit-scrollbar-track{background:hsl(var(--muted));border-radius:4px}.weekly-calendar::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground));border-radius:4px}.weekly-calendar::-webkit-scrollbar-thumb:hover{background:hsl(var(--foreground))}.weekly-calendar::-webkit-scrollbar-corner{background:hsl(var(--muted))}.calendar-headers{display:grid;grid-template-columns:160px repeat(7,1fr);background:hsl(var(--card));border-bottom:2px solid hsl(var(--border));position:sticky;top:0;z-index:100}.time-header-sticky{padding:2rem 1rem;background:hsl(var(--card));border-right:1px solid hsl(var(--border));font-weight:600;color:hsl(var(--foreground));text-align:center;font-size:2rem;min-height:60px;display:flex;align-items:center;justify-content:center}.day-header-sticky{padding:2rem 1rem;background:hsl(var(--card));border-right:1px solid hsl(var(--border));text-align:center;min-height:60px;display:flex;flex-direction:column;justify-content:center;gap:5px;color:hsl(var(--foreground))}.day-header-sticky:last-child{border-right:none}.day-header-sticky.today{background:hsl(var(--primary) / .1);color:hsl(var(--primary))}.day-header-sticky.today .day-name,.day-header-sticky.today .day-date{color:hsl(var(--primary));font-weight:600}.calendar-grid{display:grid;grid-template-columns:160px repeat(7,1fr);min-height:1000px;min-width:900px;background:hsl(var(--card))}.time-column{background:hsl(var(--card));border-right:1px solid hsl(var(--border))}.day-column{border-right:1px solid hsl(var(--border));position:relative;background:hsl(var(--card))}.day-column.today{background:hsl(var(--primary) / .1)}.time-slot{height:80px;padding:.5rem 1rem;border-bottom:1px solid hsl(var(--border));display:flex;align-items:center;font-size:1rem;color:hsl(var(--foreground));position:relative;overflow:visible;background:hsl(var(--card))}.time-column .time-slot{justify-content:center;background:hsl(var(--card))}.day-column{border-right:1px solid hsl(var(--border));position:relative}.day-column:last-child{border-right:none}.day-column.today{background:hsl(var(--primary)/ .3)}.day-header{padding:2rem 1rem;background:hsl(var(--card));border-bottom:1px solid hsl(var(--border));text-align:center;min-height:60px;display:flex;flex-direction:column;justify-content:center;gap:5px}.day-name{font-weight:600;color:hsl(var(--foreground));font-size:2rem}.day-date{color:hsl(var(--muted-foreground));font-size:1rem}.day-column.today .day-header{background:hsl(var(--primary) / .1);color:hsl(var(--primary))}.day-column.today .day-name,.day-column.today .day-date{color:hsl(var(--primary));font-weight:600}.calendar-event{background:hsl(var(--primary));color:hsl(var(--primary-foreground));padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:var(--transition-smooth);z-index:10;position:absolute;box-sizing:border-box}.calendar-event:hover{transform:scale(1.02);box-shadow:var(--shadow-sm)}.calendar-event.clickable{cursor:pointer;transition:all .2s ease}.calendar-event.clickable:hover{transform:scale(1.05);box-shadow:var(--shadow-md);z-index:20}.calendar-event.clickable:active{transform:scale(.98)}.calendar-event.video{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.calendar-event.quiz{background:hsl(var(--success));color:hsl(var(--success-foreground))}.calendar-event.practice{background:hsl(var(--warning));color:hsl(var(--white))}.calendar-event.reading{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.calendar-legend{margin-top:20px;padding:15px;background:hsl(var(--muted));border-radius:var(--radius);display:flex;align-items:center;gap:15px;flex-wrap:wrap}.legend-label{font-weight:600;color:hsl(var(--foreground));font-size:14px}.legend-items{display:flex;gap:20px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:hsl(var(--muted-foreground))}.legend-item.video{color:hsl(var(--primary))}.legend-item.quiz{color:hsl(var(--success))}.legend-item.practice{color:hsl(var(--warning))}.legend-item.reading{color:hsl(var(--accent))}@media (max-width: 768px){.controls-section{flex-direction:column;align-items:stretch}.search-filter{max-width:none}.calendar-header{flex-direction:column;align-items:stretch}.view-controls{justify-content:center}.session-item{flex-direction:column;align-items:flex-start;gap:15px}.stats-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.calendar-grid{grid-template-columns:160px repeat(7,1fr)}.time-slot{height:50px;font-size:11px}.day-header{min-height:50px;padding:10px 5px}.day-name{font-size:12px}.day-date{font-size:11px}.time-range-navigation{flex-direction:column;gap:15px;align-items:stretch}.time-range-controls{justify-content:center}.time-range-scroll{max-width:none}.time-range-markers{font-size:11px}}@media (max-width: 768px){.calendar-header{flex-direction:column;align-items:stretch}.calendar-navigation{justify-content:center;flex-wrap:wrap}.calendar-grid{grid-template-columns:160px repeat(7,1fr);font-size:10px}.time-slot{height:40px;font-size:10px}.day-header{min-height:40px;padding:5px 2px}.day-name{font-size:11px}.day-date{font-size:10px}.calendar-event{font-size:9px;padding:2px 4px}.legend-items{gap:15px}.legend-item{font-size:12px}.time-range-navigation{padding:10px}.time-range-info{flex-direction:column;gap:5px;text-align:center}.time-range-scroll{max-width:none}.time-range-markers{font-size:10px}.time-range-input{height:8px}.time-range-input::-webkit-slider-thumb{width:18px;height:18px}.time-range-input::-moz-range-thumb{width:18px;height:18px}}.tab-navigation{display:flex;background:hsl(var(--muted));border-radius:12px;padding:8px;margin:2rem 0;gap:8px;max-width:600px;margin-left:auto;margin-right:auto;border:1px solid hsl(var(--border))}.tab-button{display:flex;align-items:center;gap:10px;padding:14px 20px;border:none;background:transparent;border-radius:var(--radius);cursor:pointer;transition:var(--transition-smooth);font-size:.95rem;font-weight:500;color:hsl(var(--foreground));flex:1;justify-content:center;position:relative}.tab-button:hover{background:hsl(var(--muted) / .5);color:hsl(var(--foreground))}.tab-button.active{background:hsl(var(--card));color:hsl(var(--foreground));box-shadow:var(--shadow-sm);border:1px solid hsl(var(--border))}.tab-button.active:before{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:20px;height:2px;background:hsl(var(--primary));border-radius:1px}.tab-icon{font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:hsl(var(--foreground))}.tab-button.active .tab-icon{color:hsl(var(--primary))}.tab-text{font-weight:500;transition:color .2s ease;color:hsl(var(--foreground))}.tab-button.active .tab-text{color:hsl(var(--foreground))}.tab-content{margin-top:2rem;min-height:400px}@media (max-width: 768px){.tab-navigation{flex-direction:column;gap:4px;padding:6px}.tab-button{padding:10px 16px;font-size:.9rem}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:hsl(var(--card));color:hsl(var(--foreground));box-shadow:var(--shadow-sm);border-bottom:1px solid hsl(var(--border));position:sticky;top:0;z-index:1000}.navbar-not-logged-in{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:hsl(var(--card));color:hsl(var(--foreground));box-shadow:var(--shadow-sm);border-bottom:1px solid hsl(var(--border));position:sticky;top:0;z-index:2}.navbar-brand{display:flex;align-items:center;gap:1rem}.sidebar-toggle{background:none;border:none;color:hsl(var(--theme-text));font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:var(--goqualify-radius);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{background:transparent;color:hsl(var(--theme-text))}.navbar-logo{font-size:1.5rem;font-weight:700;color:hsl(var(--primary));text-decoration:none;transition:transform .2s ease}.navbar-logo:hover{transform:scale(1.05)}.navbar-menu{display:flex;align-items:center;gap:1rem}.mobile-menu-toggle{display:none;background:none;border:none;color:hsl(var(--foreground));cursor:pointer;padding:.5rem;border-radius:var(--radius);transition:all .2s ease}.mobile-menu-toggle:hover{background:hsl(var(--muted));color:hsl(var(--primary))}.desktop-menu{display:flex;pointer-events:auto}.navbar-search-mobile{display:none}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:hsl(var(--card));border-bottom:1px solid hsl(var(--border));box-shadow:var(--shadow-lg);z-index:1000;flex-direction:column;padding:1rem;gap:.5rem;transform:translateY(-20px);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-menu.mobile-menu-open{display:flex;transform:translateY(0);opacity:1;visibility:visible}.navbar-link{color:hsl(var(--foreground));text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:var(--radius);transition:var(--transition-smooth);display:flex;align-items:center;gap:.5rem}.navbar-link:hover{background-color:hsl(var(--primary) / .5);color:hsl(var(--primary-foreground));transform:translateY(-2px)}.navbar-link.active{background-color:hsl(var(--primary) / .95);color:hsl(var(--primary-foreground));font-weight:600}.navbar-button-primary{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:var(--shadow-lg);border-radius:2rem;padding:.5rem 1rem;font-weight:600}.navbar-button-primary:hover{background-color:hsl(var(--primary-hover));box-shadow:var(--shadow-hero)}.navbar-button-secondary{background-color:hsl(var(--muted));color:hsl(var(--foreground));box-shadow:var(--shadow-sm);border-radius:2rem;padding:.5rem 1rem;font-weight:600;border:1px solid hsl(var(--border))}.navbar-button-secondary:hover{background-color:hsl(var(--muted));box-shadow:var(--shadow-md);opacity:.9}.navbar-search-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;z-index:10;pointer-events:none}.navbar-search-center>*{pointer-events:auto}.navbar-search-wrapper{position:relative;min-width:400px;max-width:700px;z-index:10}.search-icon-button{display:none;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:.5rem;cursor:pointer;color:hsl(var(--foreground));transition:all .3s cubic-bezier(.4,0,.2,1);align-items:center;justify-content:center;width:40px;height:40px;min-width:40px}.search-icon-button:hover{background:hsl(var(--muted))}.navbar-search-wrapper.search-expanded .navbar-search{display:flex}.navbar-search-wrapper.search-expanded .search-icon-button{display:none}.navbar-search{position:relative;display:flex;align-items:center;width:100%;border:1px solid hsl(var(--border));border-radius:.75rem;background:hsl(var(--card));overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:auto}.navbar-search:focus-within{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .1)}.navbar-search .search-input{flex:1;padding:.5rem 1rem;border:none;background:transparent;color:hsl(var(--foreground));font-size:.9375rem;outline:none;position:relative;z-index:1;pointer-events:auto}.navbar-search .search-input::placeholder{color:hsl(var(--muted-foreground))}.navbar-search .search-button{display:flex;align-items:center;justify-content:center;align-self:stretch;padding:0 1.25rem;border:none;background:hsl(var(--muted));color:hsl(var(--foreground));cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-left:1px solid hsl(var(--border));flex-shrink:0;position:relative;z-index:10;pointer-events:auto}.navbar-search .search-button:hover{background:hsl(var(--muted-foreground) / .2)}.navbar-search .search-button:active{background:hsl(var(--muted-foreground) / .3)}.navbar-search-wrapper .search-suggestions{position:absolute;top:calc(100% + .25rem);left:0;right:0;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;box-shadow:0 4px 12px hsl(var(--black) / .3);max-height:400px;overflow-y:auto;z-index:1001;animation:slideDown .2s ease-out}@media (max-width: 768px){.navbar-search-wrapper .search-suggestions{max-height:250px;z-index:999}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:hsl(var(--foreground));border-bottom:1px solid hsl(var(--border))}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.suggestion-selected{background:hsl(var(--muted))}.suggestion-item .suggestion-icon{color:hsl(var(--muted-foreground));flex-shrink:0}.suggestion-item span{flex:1;font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-loading{justify-content:center;cursor:default;color:hsl(var(--muted-foreground))}.suggestion-loading:hover{background:transparent}.search-suggestions::-webkit-scrollbar{width:8px}.search-suggestions::-webkit-scrollbar-track{background:hsl(var(--modal-header-bg) / .3);border-radius:4px}.search-suggestions::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground) / .5);border-radius:4px}.search-suggestions::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground) / .7)}.navbar-user{display:flex;align-items:center;gap:1rem}.navbar-user.mobile{width:100%}.user-name{font-weight:500;color:hsl(var(--foreground));text-decoration:none;transition:var(--transition-smooth)}.user-name:hover{color:hsl(var(--primary))}.navbar-profile-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;transition:all .2s ease}.navbar-profile-link:hover{transform:scale(1.05)}.navbar-profile-link.mobile{width:100%;padding:.5rem;border-radius:var(--radius);background:hsl(var(--muted) / .5)}.navbar-profile-link.mobile:hover{background:hsl(var(--muted));transform:none}.navbar-profile-picture{width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;max-height:36px;border-radius:50%;object-fit:cover;object-position:center;border:2px solid hsl(var(--primary));box-shadow:0 2px 4px #0000001a;background-color:hsl(var(--muted))}.navbar-profile-initials{width:36px;height:36px;border-radius:50%;background:hsl(var(--primary));color:hsl(var(--primary-foreground));display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;border:2px solid hsl(var(--primary))}.mobile-profile-name{color:hsl(var(--foreground));font-weight:500;font-size:.9rem}.navbar-leaderboard-rank{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius);background:hsl(var(--muted));color:hsl(var(--foreground));text-decoration:none;font-weight:600;font-size:.875rem;transition:var(--transition-smooth);border:1px solid hsl(var(--border))}.navbar-leaderboard-rank:hover{background:hsl(var(--primary) / .1);color:hsl(var(--primary));border-color:hsl(var(--primary));transform:translateY(-2px)}.navbar-leaderboard-rank svg{color:hsl(var(--primary));flex-shrink:0}.navbar-leaderboard-rank .rank-text{white-space:nowrap}.navbar-leaderboard-rank.mobile{width:100%;justify-content:flex-start;margin:.25rem 0}.login-btn,.logout-btn{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:1px solid hsl(var(--primary));padding:.5rem 1.5rem;border-radius:var(--radius);cursor:pointer;font-weight:500;transition:var(--transition-smooth)}.login-btn:hover,.logout-btn:hover{background:hsl(var(--primary-hover));border-color:hsl(var(--primary-hover));transform:translateY(-2px);box-shadow:var(--shadow-md)}.navbar-loading{color:hsl(var(--text-7A7B85));font-style:italic}@media (max-width: 1024px){.navbar-not-logged-in{padding:1rem 1.5rem}}@media (max-width: 768px){.navbar{padding:.75rem 1rem;flex-wrap:nowrap;gap:.5rem}.navbar-not-logged-in{padding:1rem}.navbar-logo{font-size:1rem}.navbar-brand{flex:0 0 auto;min-width:0}.desktop-menu,.navbar-search-center{display:none}.navbar-search-mobile{display:flex;flex:0 0 auto;margin:0 .5rem;margin-left:auto;max-width:200px;min-width:120px;order:2}.mobile-menu-toggle{display:block;flex:0 0 auto;order:3;margin-left:.25rem;padding:.25rem;font-size:1rem}.sidebar-toggle{padding:.25rem;font-size:1rem}.navbar-search-mobile .navbar-search-wrapper,.navbar-search-mobile .navbar-search{min-width:unset;max-width:100%;width:100%}.navbar-search-mobile .search-input{padding:.4rem .75rem;font-size:.875rem;min-width:0}.navbar-search-mobile .search-button{padding:0 .75rem;flex-shrink:0}.navbar-search-mobile .search-button svg{width:16px;height:16px}.mobile-menu{display:flex}.mobile-menu.mobile-menu-open{transform:translateY(0);opacity:1;visibility:visible}.mobile-menu .navbar-link{padding:.75rem 1rem;border-radius:var(--radius);width:100%;text-align:left;justify-content:flex-start}.mobile-menu .navbar-button-primary,.mobile-menu .navbar-button-secondary{width:100%;text-align:center;justify-content:center;margin:.25rem 0}.mobile-menu .navbar-user{flex-direction:column;gap:.5rem;width:100%;padding:.5rem 0;border-top:1px solid hsl(var(--border));margin-top:.5rem}.mobile-menu .user-name{text-align:center;width:100%}.mobile-menu .login-btn{width:100%;text-align:center;justify-content:center}}@media (max-width: 480px){.navbar-not-logged-in,.navbar{padding:.75rem}.navbar-logo{font-size:.875rem}.mobile-menu{padding:.75rem}.navbar-search-mobile{max-width:none;margin:0 .25rem;margin-left:auto;min-width:auto;flex:0 0 auto}.navbar-search-mobile .navbar-search-wrapper{min-width:unset;max-width:none;width:auto;position:relative;display:flex;justify-content:flex-end;align-items:center}.navbar-search-mobile .search-icon-button{display:flex;margin-left:0}.navbar-search-mobile .navbar-search{display:none}.navbar-search-mobile .navbar-search-wrapper.search-expanded{position:fixed;top:0;left:0;right:0;width:100%;z-index:1002;background:hsl(var(--card));padding:.75rem;box-shadow:0 2px 8px hsl(var(--black) / .3)}.navbar-search-mobile .navbar-search-wrapper.search-expanded{justify-content:flex-start}.navbar-search-mobile .navbar-search-wrapper.search-expanded .navbar-search{display:flex;width:100%;max-width:100%;align-items:center;gap:.5rem;flex:1}.navbar-search-mobile .navbar-search-wrapper.search-expanded .search-icon-button,.search-close-button{display:none}.navbar-search-mobile .navbar-search-wrapper.search-expanded .search-close-button{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:hsl(var(--foreground));cursor:pointer;padding:.5rem;flex-shrink:0;width:40px;height:40px;border-radius:.5rem}.navbar-search-mobile .navbar-search-wrapper.search-expanded .search-close-button:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}.navbar-search-mobile .navbar-search-wrapper.search-expanded .search-suggestions{position:absolute;top:calc(100% + .25rem);left:.75rem;right:.75rem;width:calc(100% - 1.5rem);max-height:300px;z-index:1003}.navbar-search-mobile .search-input{padding:.3rem .5rem;font-size:.75rem}.navbar-search-mobile .search-button{padding:0 .4rem}.mobile-menu-toggle,.sidebar-toggle{padding:.2rem;font-size:.875rem}.navbar-search-wrapper .search-suggestions{max-height:200px}.navbar-search-mobile .search-input{padding:.35rem .5rem;font-size:.8125rem}.navbar-search-mobile .search-button{padding:0 .5rem}}.extension-popup{position:sticky;top:0;left:0;right:0;background:var(--promo-gradient);color:hsl(var(--white));z-index:2000;padding:.75rem 1rem;box-shadow:var(--shadow-md);animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.extension-popup-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:1rem;justify-content:space-between}.extension-popup-icon{display:flex;align-items:center;flex-shrink:0}.extension-popup-text{display:flex;flex-direction:column;gap:.25rem;flex:1}.extension-popup-text strong{font-size:.95rem;font-weight:600}.extension-popup-text span{font-size:.85rem;opacity:.9}.extension-popup-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.extension-install-btn{display:flex;align-items:center;gap:.5rem;background:hsl(var(--white));color:hsl(var(--promo-purple));border:none;padding:.5rem 1rem;border-radius:var(--radius);font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.extension-install-btn:hover{background:hsl(var(--muted));transform:translateY(-1px);box-shadow:var(--shadow-md)}.extension-dismiss-btn{display:flex;align-items:center;justify-content:center;background:hsl(var(--white) / .2);color:hsl(var(--white));border:none;padding:.5rem;border-radius:var(--radius);cursor:pointer;transition:var(--transition-fast);width:32px;height:32px}.extension-dismiss-btn:hover{background:hsl(var(--white) / .3);transform:scale(1.1)}.navbar:has(+.extension-popup),.navbar:has(~.extension-popup){margin-top:0}@media (max-width: 768px){.extension-popup{padding:.75rem}.extension-popup-content{flex-wrap:wrap;gap:.75rem}.extension-popup-text{flex:1 1 100%;order:1}.extension-popup-icon{order:0}.extension-popup-actions{order:2;width:100%;justify-content:flex-end}.extension-install-btn{flex:1;justify-content:center}}@media (max-width: 480px){.extension-popup-text strong{font-size:.875rem}.extension-popup-text span{font-size:.75rem}.extension-install-btn{font-size:.8125rem;padding:.45rem .875rem}}.sidebar{height:100vh;background:hsl(var(--theme-card));position:fixed;left:0;top:0;padding-top:60px;box-shadow:4px 0 8px -2px #0000004d;border-right:1px solid hsl(var(--theme-bg));z-index:3;transition:all .3s ease;box-sizing:border-box;overflow:hidden;border-top:1px solid hsl(var(--theme-bg));border-bottom:1px solid hsl(var(--theme-bg));box-shadow:4px 0 8px -2px hsl(var(--black) / .3),inset -1px 0 hsl(var(--theme-heading) / .1)}.sidebar.expanded{width:250px}.sidebar.collapsed{width:60px}.sidebar-content{padding:1rem 0rem;box-shadow:inset 0 2px 4px hsl(var(--black) / .1);border-radius:.75rem;margin:.25rem;background:hsl(var(--theme-card) / .5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:calc(100vh - 60px - .5rem);overflow-y:auto;overflow-x:hidden;box-sizing:border-box;display:flex;flex-direction:column}.sidebar-menu{display:flex;flex-direction:column;gap:.5rem;flex:1}.sidebar-footer{margin-top:auto;padding-top:1rem;border-top:1px solid hsl(var(--border) / .2)}.sidebar-link{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;color:hsl(var(--theme-text));text-decoration:none;border-radius:.75rem;transition:all .2s ease;white-space:nowrap;position:relative}.sidebar-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform .2s ease}.sidebar.collapsed .sidebar-link{justify-content:center;padding:.75rem;width:100%}.sidebar.collapsed .sidebar-link span{display:none}.sidebar.collapsed .sidebar-content{padding:1rem 0;margin:.25rem;display:flex;flex-direction:column;align-items:center}.sidebar-link:hover{background:hsl(var(--theme-heading) / .15);color:hsl(var(--theme-heading));transform:translate(4px)}.sidebar-link:hover .sidebar-icon{transform:scale(1.1)}.sidebar-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:hsl(var(--theme-heading));border-radius:0 4px 4px 0;transition:height .2s ease}.sidebar-link:hover:before{height:20px}.sidebar-link.active{background:hsl(var(--theme-heading));color:hsl(var(--primary-foreground))}.sidebar-link.active:before{height:20px}.sidebar-link.active .sidebar-icon{transform:scale(1.1)}.sidebar-link i{width:20px;text-align:center}.main-content{min-height:100vh;background:transparent;transition:margin-left .3s ease;position:relative}.sidebar.expanded~.main-content{margin-left:250px}.sidebar.collapsed~.main-content{margin-left:60px}.sidebar-overlay{display:none}@media (max-width: 768px){.sidebar-overlay{display:block;position:fixed;inset:0;background:hsl(var(--black) / .5);z-index:998;transition:opacity .3s ease;opacity:1}.sidebar{transform:translate(-100%);z-index:999;width:250px}.sidebar.expanded{transform:translate(0)}.sidebar.collapsed{transform:translate(-100%);width:250px}.sidebar.expanded~.main-content,.sidebar.collapsed~.main-content{margin-left:0}}.floating-notes-button{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background:hsl(var(--theme-accent));color:hsl(var(--white));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px hsl(var(--black) / .15);transition:all .3s ease;z-index:1000;pointer-events:auto}.floating-notes-button.fullscreen{bottom:140px;right:10px}.floating-notes-button:hover{transform:scale(1.1);box-shadow:0 6px 16px hsl(var(--black) / .2)}.floating-notes-button:active{transform:scale(.95)}@media (max-width: 768px){.floating-notes-button{width:50px;height:50px;bottom:1.5rem;right:1.5rem}}.floating-notes-sidebar{width:100%;height:100%;background:hsl(var(--background-light-dark));overflow-y:auto;overflow-x:hidden}.floating-notes-sidebar-content{padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.floating-notes-sidebar-section{display:flex;flex-direction:column;gap:.75rem}.floating-notes-sidebar-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--slate-400));margin:0;padding:0 .5rem}.floating-notes-sidebar-list{display:flex;flex-direction:column;gap:.5rem}.floating-notes-sidebar-item{padding:.75rem 1rem;background:transparent;border:none;border-radius:.75rem;color:hsl(var(--card-foreground));text-align:left;cursor:pointer;transition:all .2s ease;font-size:.9rem;display:flex;align-items:center;gap:.5rem;width:100%}.floating-notes-sidebar-item:hover{background:hsl(var(--slate-700));color:hsl(var(--primary));transform:translate(4px)}.floating-notes-sidebar-item.active{background:hsl(var(--primary) / .2);color:hsl(var(--primary));font-weight:500}.floating-notes-sidebar-item-text{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.floating-notes-subject-group{display:flex;flex-direction:column}.floating-notes-subject-item{font-weight:500}.floating-notes-arrow-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.floating-notes-arrow-icon-svg{transition:transform .3s ease;transform:rotate(0)}.floating-notes-arrow-icon-svg.expanded{transform:rotate(90deg)}.floating-notes-chapters-nested{display:flex;flex-direction:column;padding-left:1.5rem;margin-top:.25rem;margin-bottom:.5rem;gap:.25rem;overflow:hidden;animation:floatingNotesSlideDown .3s ease}@keyframes floatingNotesSlideDown{0%{opacity:0;max-height:0;transform:translateY(-10px);padding-top:0;padding-bottom:0}to{opacity:1;max-height:2000px;transform:translateY(0);padding-top:.25rem;padding-bottom:.5rem}}.pdf-viewer-container{display:flex;flex-direction:column;width:100%;height:100%;background:hsl(var(--bg-E6F2FF));border:1px solid hsl(var(--gray-E3E3E8));border-radius:.75rem;overflow:hidden}.pdf-viewer-container.fullscreen{position:fixed;inset:0;z-index:9999;border-radius:0}.pdf-viewer-title{padding:.75rem 1rem;background:hsl(var(--white));border-bottom:1px solid hsl(var(--gray-E3E3E8))}.pdf-viewer-title h2{margin:0;font-size:1.25rem;font-weight:600}.pdf-viewer-controls{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:hsl(var(--white));border-bottom:1px solid hsl(var(--gray-E3E3E8));gap:1rem;flex-wrap:wrap}.pdf-viewer-controls-left,.pdf-viewer-controls-right{display:flex;align-items:center;gap:.5rem}.pdf-viewer-control-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:hsl(var(--bg-F5F9FF));color:hsl(var(--text-3A3A4A));border-radius:.375rem;cursor:pointer;transition:all .2s ease}.pdf-viewer-control-btn:hover:not(:disabled){background:hsl(var(--theme-accent));color:hsl(var(--white));transform:scale(1.05)}.pdf-viewer-control-btn:disabled{opacity:.5;cursor:not-allowed}.pdf-viewer-favorite-btn{color:hsl(var(--text-7A7A8A))}.pdf-viewer-control-btn.pdf-viewer-favorite-btn:hover:not(:disabled){background:hsl(var(--destructive) / .1);color:hsl(var(--destructive));transform:scale(1.05)}.pdf-viewer-favorite-btn.active{color:hsl(var(--destructive))}.pdf-viewer-like-btn{color:hsl(var(--text-7A7A8A))}.pdf-viewer-control-btn.pdf-viewer-like-btn:hover:not(:disabled){background:hsl(var(--primary) / .1);color:hsl(var(--theme-accent));transform:scale(1.05)}.pdf-viewer-like-btn.active{color:hsl(var(--theme-accent))}.pdf-viewer-save-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:hsl(var(--theme-accent));color:hsl(var(--white));border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;white-space:nowrap;transition:all .2s ease}.pdf-viewer-save-btn:hover:not(:disabled){background:hsl(var(--primary) / .9);transform:scale(1.02)}.pdf-viewer-save-btn:active:not(:disabled){transform:scale(.98)}.pdf-viewer-save-btn:disabled{opacity:.6;cursor:not-allowed}.pdf-viewer-save-error{color:hsl(var(--destructive));font-size:.75rem;padding:.25rem .5rem;background:hsl(var(--destructive) / .1);border-radius:.375rem;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.pdf-viewer-success-popup{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:hsl(var(--green-10B981));color:hsl(var(--white));border-radius:.75rem;box-shadow:0 4px 6px -1px hsl(var(--black) / .1),0 2px 4px -1px hsl(var(--black) / .06);z-index:10000;animation:slideInRight .3s ease-out;font-size:.875rem;font-weight:500}.pdf-viewer-success-popup svg{flex-shrink:0}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.pdf-viewer-success-popup{top:10px;right:10px;left:10px;padding:.875rem 1.25rem;font-size:.8125rem}}.pdf-viewer-delete-btn{color:hsl(var(--destructive))}.pdf-viewer-control-btn.pdf-viewer-delete-btn:hover:not(:disabled){background:hsl(var(--destructive) / .1);color:hsl(var(--destructive));transform:scale(1.05)}.pdf-viewer-delete-modal-overlay{position:fixed;inset:0;background:hsl(var(--black) / .5);display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease-out}.pdf-viewer-delete-modal{background:hsl(var(--white));border-radius:.75rem;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 10px 25px hsl(var(--black) / .2);animation:slideUp .3s ease-out}.pdf-viewer-delete-modal h3{margin:0 0 .75rem;font-size:1.25rem;font-weight:600;color:hsl(var(--text-3A3A4A))}.pdf-viewer-delete-modal p{margin:0 0 1.5rem;color:hsl(var(--text-7A7A8A));font-size:.875rem;line-height:1.5}.pdf-viewer-delete-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.pdf-viewer-delete-cancel-btn,.pdf-viewer-delete-confirm-btn{padding:.625rem 1.25rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pdf-viewer-delete-cancel-btn{background:hsl(var(--bg-F5F9FF));color:hsl(var(--text-3A3A4A))}.pdf-viewer-delete-cancel-btn:hover:not(:disabled){background:hsl(var(--bg-E6F2FF))}.pdf-viewer-delete-confirm-btn{background:hsl(var(--destructive));color:hsl(var(--white))}.pdf-viewer-delete-confirm-btn:hover:not(:disabled){background:hsl(var(--destructive) / .9);transform:scale(1.02)}.pdf-viewer-delete-cancel-btn:disabled,.pdf-viewer-delete-confirm-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.pdf-viewer-publish-btn{padding:.625rem 1.5rem;background:hsl(var(--theme-accent));color:hsl(var(--white));border:none;border-radius:.75rem;cursor:pointer;font-size:.875rem;font-weight:500;white-space:nowrap;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pdf-viewer-publish-btn:hover{background:hsl(var(--primary) / .9);transform:scale(1.02)}.pdf-viewer-publish-btn:active{transform:scale(.98)}.pdf-viewer-publish-btn.published{background:hsl(var(--bg-F5F9FF));color:hsl(var(--text-7A7A8A))}.pdf-viewer-publish-btn.published:hover{background:hsl(var(--modal-header-bg) / .8)}.pdf-viewer-zoom-selector{display:flex;align-items:center}.pdf-viewer-zoom-select{padding:.5rem .75rem;border:1px solid hsl(var(--gray-E3E3E8));border-radius:.375rem;background:hsl(var(--bg-E6F2FF));color:hsl(var(--text-3A3A4A));font-size:.875rem;cursor:pointer;transition:all .2s ease}.pdf-viewer-zoom-select:hover{border-color:hsl(var(--theme-accent))}.pdf-viewer-zoom-select:focus{outline:none;border-color:hsl(var(--theme-accent));box-shadow:0 0 0 2px hsl(var(--primary) / .2)}.pdf-viewer-content{flex:1;position:relative;overflow:auto;background:hsl(var(--modal-header-bg) / .3);display:flex;align-items:center;justify-content:center;transition:transform .3s ease;min-height:0}.pdf-viewer-iframe{width:100%;height:100%;min-height:600px;border:none;background:hsl(var(--white));flex:1}.pdf-viewer-mobile-container{width:100%;height:100%;flex:1;display:flex;flex-direction:column}.pdf-viewer-mobile-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center;color:hsl(var(--text-7A7A8A))}.pdf-viewer-mobile-fallback p{margin:0;font-size:1rem}.pdf-viewer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:hsl(var(--text-7A7A8A))}.pdf-viewer-spinner{width:40px;height:40px;border:4px solid hsl(var(--bg-F5F9FF));border-top-color:hsl(var(--theme-accent));border-radius:50%;animation:spin 1s linear infinite}.pdf-viewer-loading p{margin:0;font-size:.9rem}.pdf-viewer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:hsl(var(--destructive));text-align:center}.pdf-viewer-error p{margin:0;font-size:.9rem}.pdf-viewer-retry-btn{padding:.5rem 1rem;background:hsl(var(--theme-accent));color:hsl(var(--white));border:none;border-radius:.75rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.pdf-viewer-retry-btn:hover{background:hsl(var(--primary) / .9);transform:scale(1.05)}@media (max-width: 768px){.pdf-viewer-controls{padding:.5rem;gap:.5rem}.pdf-viewer-control-btn{width:32px;height:32px}.pdf-viewer-zoom-select{padding:.375rem .5rem;font-size:.8rem}}.floating-notes-window-overlay{position:fixed;inset:0;background:transparent;z-index:2000;animation:floatingNotesFadeIn .2s ease;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}@keyframes floatingNotesFadeIn{0%{opacity:0}to{opacity:1}}.floating-notes-window{position:absolute;background:var(--figma-colors-slate-1, #fcfcfd);border-radius:var(--figma-radius-3, 6px);box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden;animation:floatingNotesSlideUp .3s ease;min-width:600px;min-height:400px;pointer-events:auto;touch-action:none;border:1px solid var(--figma-colors-slate-6, #d9d9e0);opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}:root[data-theme=dark] .floating-notes-window{background:var(--figma-colors-slate-1-dark, #111113);border-color:var(--figma-colors-slate-6-dark, #363a3f);box-shadow:0 20px 60px #0009;opacity:1!important}@media (max-width: 1440px){.floating-notes-window{min-width:500px;min-height:350px}}@media (max-width: 1024px){.floating-notes-window{min-width:400px;min-height:300px}}@keyframes floatingNotesSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.floating-notes-window-header{display:flex;align-items:center;justify-content:space-between;padding:var(--figma-spacing-3, 12px) var(--figma-spacing-4, 16px);background:var(--figma-colors-slate-1, #fcfcfd);border-bottom:1px solid var(--figma-colors-slate-4, #e8e8ec);cursor:move;-webkit-user-select:none;user-select:none;opacity:1!important}:root[data-theme=dark] .floating-notes-window-header{background:var(--figma-colors-slate-1-dark, #111113);border-bottom-color:var(--figma-colors-slate-4-dark, #272a2d);opacity:1!important}.floating-notes-window-title{margin:0;font-size:var(--figma-typography-font-size-5, 20px);font-weight:600;line-height:var(--figma-typography-line-height-5, 28px);letter-spacing:var(--figma-typography-letter-spacing-5, -.08px);color:var(--figma-colors-slate-12, #1c2024);font-family:var(--figma-typography-font-family-text, "SF Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .floating-notes-window-title{color:var(--figma-colors-slate-12-dark, #edeef0)}.floating-notes-window-close{width:32px;height:32px;border-radius:var(--figma-radius-2, 4px);border:none;background:transparent;color:var(--figma-colors-slate-11, #60646c);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;z-index:2}:root[data-theme=dark] .floating-notes-window-close{color:var(--figma-colors-slate-11-dark, #b0b4ba)}.floating-notes-window-close:hover{background:var(--figma-colors-slate-3, #f0f0f3);color:var(--figma-colors-red-9)}:root[data-theme=dark] .floating-notes-window-close:hover{background:var(--figma-colors-slate-3-dark, #212225);color:var(--figma-colors-red-9-dark)}.floating-notes-window-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.floating-notes-window-body{flex:1;display:flex;overflow:hidden;background:var(--figma-colors-slate-1, #fcfcfd);opacity:1!important}:root[data-theme=dark] .floating-notes-window-body{background:var(--figma-colors-slate-1-dark, #111113);opacity:1!important}.floating-notes-window-sidebar{width:280px;min-width:280px;flex-shrink:0;border-right:1px solid var(--figma-colors-slate-4, #e8e8ec);overflow:hidden;background:var(--figma-colors-slate-1, #fcfcfd);opacity:1!important}:root[data-theme=dark] .floating-notes-window-sidebar{border-right-color:var(--figma-colors-slate-4-dark, #272a2d);background:var(--figma-colors-slate-1-dark, #111113);opacity:1!important}.floating-notes-window-main{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--figma-spacing-4, 16px);background:var(--figma-colors-slate-1, #fcfcfd);opacity:1!important}:root[data-theme=dark] .floating-notes-window-main{background:var(--figma-colors-slate-1-dark, #111113);opacity:1!important}.floating-notes-window-main-full{width:100%}.floating-notes-select-chapter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--figma-spacing-4, 16px);padding-bottom:var(--figma-spacing-3, 12px);border-bottom:1px solid var(--figma-colors-slate-4, #e8e8ec)}:root[data-theme=dark] .floating-notes-select-chapter-header{border-bottom-color:var(--figma-colors-slate-4-dark, #272a2d)}.floating-notes-select-chapter-title{margin:0;font-size:var(--figma-typography-font-size-6, 24px);font-weight:600;line-height:var(--figma-typography-line-height-6, 30px);letter-spacing:var(--figma-typography-letter-spacing-6, -.1px);color:var(--figma-colors-slate-12, #1c2024);font-family:var(--figma-typography-font-family-text, "SF Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .floating-notes-select-chapter-title{color:var(--figma-colors-slate-12-dark, #edeef0)}.floating-notes-select-chapter-btn{padding:var(--figma-spacing-2, 8px) var(--figma-spacing-4, 16px);background:var(--figma-colors-product-solid-9);color:var(--figma-colors-base-white);border:none;border-radius:var(--figma-radius-2, 4px);font-size:var(--figma-typography-font-size-2, 14px);font-weight:500;line-height:var(--figma-typography-line-height-2, 20px);letter-spacing:var(--figma-typography-letter-spacing-2, 0px);cursor:pointer;transition:all .2s ease;height:var(--figma-tokens-space-button-height-2, 32px);font-family:var(--figma-typography-font-family-text, "SF Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .floating-notes-select-chapter-btn{background:var(--figma-colors-product-solid-9-dark)}.floating-notes-select-chapter-btn:hover{background:var(--figma-colors-product-solid-10);transform:translateY(-1px);box-shadow:0 4px 12px #126df64d}:root[data-theme=dark] .floating-notes-select-chapter-btn:hover{background:var(--figma-colors-product-solid-10-dark)}.floating-notes-select-chapter-btn:active{transform:translateY(0)}.floating-notes-select-chapter-prompt{display:flex;align-items:center;justify-content:center;height:100%;color:var(--figma-colors-slate-9, #8b8d98);font-size:var(--figma-typography-font-size-3, 16px);font-family:var(--figma-typography-font-family-text, "SF Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .floating-notes-select-chapter-prompt{color:var(--figma-colors-slate-9-dark, #696e77)}.floating-notes-pdf-viewer-container{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--figma-colors-slate-1, #fcfcfd);opacity:1!important}:root[data-theme=dark] .floating-notes-pdf-viewer-container{background:var(--figma-colors-slate-1-dark, #111113);opacity:1!important}.floating-notes-pdf-viewer-header{display:flex;align-items:center;gap:var(--figma-spacing-3, 12px);padding:var(--figma-spacing-3, 12px) var(--figma-spacing-4, 16px);background:var(--figma-colors-slate-1, #fcfcfd);border-bottom:1px solid var(--figma-colors-slate-4, #e8e8ec);opacity:1!important}:root[data-theme=dark] .floating-notes-pdf-viewer-header{background:var(--figma-colors-slate-1-dark, #111113);border-bottom-color:var(--figma-colors-slate-4-dark, #272a2d);opacity:1!important}.floating-notes-back-button{display:flex;align-items:center;gap:var(--figma-spacing-1, 4px);padding:var(--figma-spacing-1, 4px) var(--figma-spacing-3, 12px);background:transparent;border:1px solid var(--figma-colors-slate-6, #d9d9e0);border-radius:var(--figma-radius-2, 4px);color:var(--figma-colors-slate-12, #1c2024);cursor:pointer;transition:all .2s ease;font-size:var(--figma-typography-font-size-2, 14px);font-weight:500;line-height:var(--figma-typography-line-height-2, 20px);height:var(--figma-tokens-space-button-height-2, 32px);font-family:var(--figma-typography-font-family-text, "SF Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .floating-notes-back-button{border-color:var(--figma-colors-slate-6-dark, #363a3f);color:var(--figma-colors-slate-12-dark, #edeef0)}.floating-notes-back-button:hover{background:var(--figma-colors-slate-3, #f0f0f3);border-color:var(--figma-colors-product-solid-9);color:var(--figma-colors-product-solid-9)}:root[data-theme=dark] .floating-notes-back-button:hover{background:var(--figma-colors-slate-3-dark, #212225);border-color:var(--figma-colors-product-solid-9-dark);color:var(--figma-colors-product-solid-9-dark)}.floating-notes-pdf-title{margin:0;font-size:var(--figma-typography-font-size-3, 16px);font-weight:500;line-height:var(--figma-typography-line-height-3, 24px);letter-spacing:var(--figma-typography-letter-spacing-3, 0px);color:var(--figma-colors-slate-12, #1c2024);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--figma-typography-font-family-text, "SF Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .floating-notes-pdf-title{color:var(--figma-colors-slate-12-dark, #edeef0)}.floating-notes-pdf-viewer{flex:1;overflow:hidden;background:var(--figma-colors-slate-1, #fcfcfd);opacity:1!important}:root[data-theme=dark] .floating-notes-pdf-viewer{background:var(--figma-colors-slate-1-dark, #111113);opacity:1!important}.floating-notes-pdf-loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--figma-colors-slate-9, #8b8d98);font-family:var(--figma-typography-font-family-text, "SF Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .floating-notes-pdf-loading{color:var(--figma-colors-slate-9-dark, #696e77)}.floating-notes-window-resize-handle{position:absolute;bottom:0;right:0;width:32px;height:32px;cursor:nwse-resize;background:transparent;z-index:10000;-webkit-user-select:none;user-select:none;pointer-events:auto;touch-action:none}.floating-notes-window-resize-handle:after{content:"";position:absolute;bottom:2px;right:2px;width:0;height:0;border-style:solid;border-width:0 0 20px 20px;border-color:transparent transparent var(--figma-colors-product-solid-9) transparent;opacity:.8}:root[data-theme=dark] .floating-notes-window-resize-handle:after{border-color:transparent transparent var(--figma-colors-product-solid-9-dark) transparent}.floating-notes-window-resize-handle:hover:after{border-color:transparent transparent var(--figma-colors-product-solid-10) transparent;opacity:1}:root[data-theme=dark] .floating-notes-window-resize-handle:hover:after{border-color:transparent transparent var(--figma-colors-product-solid-10-dark) transparent}.floating-notes-window-resize-handle:active{cursor:nwse-resize}@media (max-width: 1024px){.floating-notes-window-sidebar{width:240px;min-width:240px}.floating-notes-window-header{padding:var(--figma-spacing-2, 8px) var(--figma-spacing-3, 12px)}.floating-notes-window-title{font-size:var(--figma-typography-font-size-4, 18px);line-height:var(--figma-typography-line-height-4, 26px)}.floating-notes-window-main{padding:var(--figma-spacing-3, 12px)}.floating-notes-select-chapter-title{font-size:var(--figma-typography-font-size-5, 20px);line-height:var(--figma-typography-line-height-5, 28px)}}@media (max-width: 768px){.floating-notes-window{min-width:300px;min-height:400px;max-width:calc(100vw - 20px);max-height:calc(100vh - 40px);font-size:.875rem;touch-action:none}.floating-notes-window-header{touch-action:none}.floating-notes-window-resize-handle{touch-action:none;width:40px;height:40px}.floating-notes-window-header{padding:var(--figma-spacing-1, 4px) var(--figma-spacing-2, 8px)}.floating-notes-window-title{font-size:var(--figma-typography-font-size-2, 14px);line-height:var(--figma-typography-line-height-2, 20px)}.floating-notes-window-close{width:28px;height:28px}.floating-notes-window-body{flex-direction:column}.floating-notes-window-main{padding:var(--figma-spacing-2, 8px);font-size:var(--figma-typography-font-size-2, 14px)}.floating-notes-select-chapter-header{margin-bottom:var(--figma-spacing-3, 12px);padding-bottom:var(--figma-spacing-2, 8px)}.floating-notes-select-chapter-title{font-size:var(--figma-typography-font-size-3, 16px);line-height:var(--figma-typography-line-height-3, 24px)}.floating-notes-select-chapter-btn{padding:var(--figma-spacing-1, 4px) var(--figma-spacing-3, 12px);font-size:var(--figma-typography-font-size-1, 12px);height:var(--figma-tokens-space-button-height-1, 24px)}.floating-notes-pdf-viewer-header{padding:var(--figma-spacing-2, 8px) var(--figma-spacing-3, 12px)}.floating-notes-pdf-title{font-size:var(--figma-typography-font-size-2, 14px);line-height:var(--figma-typography-line-height-2, 20px)}.floating-notes-back-button{padding:var(--figma-spacing-0, 0px) var(--figma-spacing-2, 8px);font-size:var(--figma-typography-font-size-1, 12px);height:var(--figma-tokens-space-button-height-1, 24px)}.floating-notes-window-sidebar{width:100%;min-width:100%;max-height:200px;border-right:none;border-bottom:1px solid var(--figma-colors-slate-4, #e8e8ec);opacity:1!important}:root[data-theme=dark] .floating-notes-window-sidebar{border-bottom-color:var(--figma-colors-slate-4-dark, #272a2d);opacity:1!important}}.past-quiz-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem 0rem;background:hsl(var(--white));border-radius:.75rem;color:hsl(var(--black));width:100%;max-width:1400px;margin:2.5rem auto;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-sizing:border-box;font-size:16px}.quiz-header{display:flex;justify-content:center;align-items:center;padding:2rem;width:100%}.quiz-header-title{font-size:1.8rem;font-weight:700;color:hsl(var(--black));margin:0;padding:0;text-align:left;flex:0 0 auto;align-self:flex-start}.quiz-meta{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:1rem;margin-bottom:1rem}.quiz-meta span{color:hsl(var(--black));font-size:1rem;font-weight:500}.continue-section{background:hsl(var(--white));border-radius:.75rem;padding:2rem;margin:1.5rem 0;border:1px solid hsl(var(--black) / .1);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.continue-content h3{margin:0 0 1rem;color:hsl(var(--black));font-size:1.5rem;font-weight:700}.continue-content p{margin:0 0 1.5rem;color:hsl(var(--black) / .8);font-size:1.1rem;line-height:1.6}.continue-video-btn,.start-quiz-btn{display:inline-block;background:var(--gradient-quiz-purple);color:hsl(var(--white));text-decoration:none;padding:1rem 2rem;border-radius:25px;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px -2px hsl(var(--black) / .3);border:none;cursor:pointer;position:relative;overflow:hidden}.continue-video-btn:hover,.start-quiz-btn:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px hsl(var(--black) / .4);background:linear-gradient(135deg,hsl(var(--theme-accent)),hsl(var(--violet)));color:hsl(var(--white));text-decoration:none}.continue-video-btn:active,.start-quiz-btn:active{transform:translateY(0)}.no-answers-section{background:hsl(var(--white));border-radius:.75rem;padding:2rem;margin:1.5rem 0;border:1px solid hsl(var(--black) / .1);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.no-answers-content h3{margin:0 0 1rem;color:hsl(var(--black));font-size:1.5rem;font-weight:700}.no-answers-content p{margin:0 0 1.5rem;color:hsl(var(--black) / .8);font-size:1.1rem;line-height:1.6}.current-question-time{padding:1rem 1.5rem;background:hsl(var(--white));border-radius:.75rem;margin-bottom:1.5rem;border:1px solid hsl(var(--black) / .1)}.current-question-time-text{color:hsl(var(--black));font-size:1rem;font-weight:600}.quiz-content{display:grid;grid-template-columns:1fr 21.875rem;gap:2rem;width:100%;padding:0 2rem;align-items:start}.question-display{background:hsl(var(--white));border-radius:.75rem;padding:1.75rem;border:1px solid hsl(var(--black) / .1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;width:100%;box-sizing:border-box}.question-display:hover{background:hsl(var(--white));border-color:hsl(var(--black) / .2);box-shadow:0 4px 12px -2px hsl(var(--black) / .3);transform:translateY(-2px)}.question-header{text-align:center;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.question-number{background:var(--gradient-quiz-accent);border:2px solid hsl(var(--past-quiz-accent));color:hsl(var(--white));padding:.375rem 1rem;border-radius:1.25rem;font-size:.9rem;font-weight:500}.question-status .status{padding:.375rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.status.correct{background:hsl(var(--success));color:hsl(var(--white))}.status.incorrect{background:linear-gradient(135deg,hsl(var(--destructive)),hsl(var(--destructive-light)));color:hsl(var(--white))}.status.unanswered{background:hsl(var(--black) / .1);color:hsl(var(--black))}.question-text{font-size:1.5rem;font-weight:600;color:hsl(var(--black));margin-bottom:2rem;line-height:1.6;position:relative;padding-left:1.25rem;width:100%;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}.question-text .markdown-content,.option-text .markdown-content{font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit}.markdown-content p{margin:.5rem 0}.markdown-content code{background:hsl(var(--black) / .1);padding:.2rem .4rem;border-radius:4px;font-size:.9em}.markdown-content pre{background:hsl(var(--black) / .1);padding:1rem;border-radius:8px;overflow-x:auto}.markdown-content pre code{background:transparent;padding:0}.markdown-content .katex{font-size:1.1em;color:inherit}.markdown-content .katex *,.markdown-content .katex .mord,.markdown-content .katex .mrel,.markdown-content .katex .mbin{color:inherit}.question-images{width:100%;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center;margin:0 0 2rem;padding:1rem;background:hsl(var(--black) / .05);border-radius:12px;border:1px solid hsl(var(--black) / .1)}.question-image{max-width:100%;max-height:400px;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px hsl(var(--black) / .2);display:block;background:hsl(var(--white));padding:.5rem;cursor:pointer;transition:transform .2s ease}.question-image:hover{transform:scale(1.02)}.question-text:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--gradient-quiz-accent);border-radius:2px}.options-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.option-item{display:flex;flex-direction:row;align-items:center;gap:.75rem;background:hsl(var(--white));border-radius:50px;padding:1rem 1.25rem;font-size:1.5rem;color:hsl(var(--black));transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px hsl(var(--black) / .1);margin:0;border:2px solid hsl(var(--black) / .2);cursor:pointer;position:relative;font-weight:500;line-height:1.4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.option-item:hover{background:hsl(var(--past-quiz-accent) / .1);color:hsl(var(--black));box-shadow:0 4px 16px hsl(var(--past-quiz-accent) / .2);border-color:hsl(var(--past-quiz-accent) / .6);transform:translateY(-1px)}.option-item.correct-answer,.option-item.correct-selected{border-color:hsl(var(--success));background-color:hsl(var(--success) / .33)}.option-item.incorrect-selected{border-color:hsl(var(--destructive));background-color:hsl(var(--destructive) / .33)}.option-index{font-size:1.5rem;font-weight:600;background:hsl(var(--white));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsl(var(--black) / .15);color:hsl(var(--black));border-radius:15px;width:2.5rem;height:1.875rem;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 32px hsl(var(--black) / .1),inset 0 1px hsl(var(--white) / .2),inset 0 -1px hsl(var(--black) / .1);overflow:hidden;flex-shrink:0}.option-index:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsl(var(--white) / .4) 0%,hsl(var(--white) / .1) 25%,transparent 50%,hsl(var(--black) / .05) 75%,hsl(var(--black) / .1) 100%);border-radius:15px;pointer-events:none}.option-text{font-size:inherit;color:inherit;font-weight:500;flex:1}.option-images{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.option-image{max-width:200px;max-height:200px;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 2px 6px hsl(var(--black) / .15);display:block;background:hsl(var(--white));padding:.25rem;cursor:pointer;transition:transform .2s ease}.option-image:hover{transform:scale(1.05)}.option-item.correct-answer .option-index,.option-item.correct-selected .option-index{background:hsl(var(--success));border-color:hsl(var(--success));color:hsl(var(--white))}.option-item.incorrect-selected .option-index{background:hsl(var(--destructive));border-color:hsl(var(--destructive));color:hsl(var(--white))}.explanation-section{margin-top:1.5rem;padding:1.25rem;background:hsl(var(--past-quiz-accent) / .1);border-radius:.75rem;border-left:4px solid hsl(var(--past-quiz-accent))}.explanation-title{margin:0 0 .75rem;color:hsl(var(--black));font-size:1.1rem;font-weight:600}.explanation-text{margin:0 0 1rem;color:hsl(var(--black) / .9);line-height:1.6;font-size:.95rem}.solution-images{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center;margin-top:1rem;padding:1rem;background:hsl(var(--black) / .05);border-radius:12px;border:1px solid hsl(var(--black) / .1)}.solution-image-wrapper{position:relative;flex:0 1 auto}.solution-image{max-width:100%;max-height:400px;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px hsl(var(--black) / .2);display:block;background:hsl(var(--white));padding:.5rem;cursor:pointer;transition:transform .2s ease}.solution-image:hover{transform:scale(1.02)}.question-palette-section{background:hsl(var(--quiz-background) / .95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:1.5rem;border:1px solid hsl(var(--white) / .1);position:sticky;top:1.5rem;box-shadow:var(--shadow-quiz)}.palette-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.palette-title{font-size:1.5rem;font-weight:700;color:hsl(var(--white));margin:0}.palette-progress-text{color:hsl(var(--white));font-weight:600;font-size:1.5rem;min-width:2.5rem;text-align:right}.palette-progress-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;gap:1rem}.palette-progress-bar{flex:1;height:6px;background:hsl(var(--white) / .3);border-radius:3px;overflow:hidden;position:relative}.palette-progress-fill{height:100%;background:var(--gradient-quiz-accent);border-radius:3px;transition:width .3s ease}.palette-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;max-width:100%;margin:0}.palette-item{width:3.125rem;height:3.125rem;background:hsl(var(--white) / .1);color:hsl(var(--white));border-radius:16px;font-weight:600;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;border:2px solid hsl(var(--white) / .2)}.palette-item:hover{background:hsl(var(--white) / .2);border-color:hsl(var(--white) / .3);transform:scale(1.05)}.palette-item.current{background:var(--gradient-quiz-accent);border:2px solid hsl(var(--past-quiz-accent));color:hsl(var(--white));box-shadow:0 4px 16px hsl(var(--past-quiz-accent) / .4);transform:scale(1.05)}.palette-item.correct{background:linear-gradient(135deg,hsl(var(--success) / .25),hsl(var(--success-light) / .25));border:2px solid hsl(var(--success));color:hsl(var(--white))}.palette-item.incorrect{background:linear-gradient(135deg,hsl(var(--destructive) / .25),hsl(var(--destructive-light) / .25));border:2px solid hsl(var(--destructive));color:hsl(var(--white))}.palette-item.visited{background:linear-gradient(135deg,hsl(var(--warning) / .25),hsl(var(--warning-light) / .25));border:2px solid hsl(var(--warning));color:hsl(var(--white))}.palette-item.not-visited{background:hsl(var(--white) / .1);border:2px solid hsl(var(--white) / .2);color:hsl(var(--white))}.palette-item.current.correct{background:linear-gradient(135deg,hsl(var(--success-dark) / .25),hsl(var(--success) / .25));border:2px solid hsl(var(--success-dark));box-shadow:0 4px 16px hsl(var(--success-dark) / .4);color:hsl(var(--white))}.palette-item.current.incorrect{background:linear-gradient(135deg,hsl(var(--destructive-dark) / .25),hsl(var(--destructive) / .25));border:2px solid hsl(var(--destructive-dark));box-shadow:0 4px 16px hsl(var(--destructive-dark) / .4);color:hsl(var(--white))}.palette-item.current.visited{background:linear-gradient(135deg,hsl(var(--warning-dark) / .25),hsl(var(--warning) / .25));border:2px solid hsl(var(--warning-dark));box-shadow:0 4px 16px hsl(var(--warning-dark) / .4);color:hsl(var(--white))}.palette-item.current.not-visited{background:linear-gradient(135deg,hsl(var(--past-quiz-accent) / .25),hsl(var(--violet) / .25));border:2px solid hsl(var(--past-quiz-accent));box-shadow:0 4px 16px hsl(var(--past-quiz-accent) / .4);color:hsl(var(--white))}.palette-item:disabled{opacity:.5;cursor:not-allowed}.palette-item:disabled:hover{transform:none;background:hsl(var(--white) / .1);border-color:hsl(var(--white) / .2)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:25rem;gap:1.5rem}.loading-spinner{width:3rem;height:3rem;border:4px solid hsl(var(--black) / .1);border-left:4px solid hsl(var(--past-quiz-accent));border-radius:50%;animation:spin 1s linear infinite}.loading-container p{color:hsl(var(--black));font-size:1.1rem;font-weight:600}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:25rem;gap:1rem;text-align:center}.error-container h2{color:hsl(var(--destructive));margin:0;font-size:1.8rem}.error-container p{color:hsl(var(--black) / .8);font-size:1.1rem;margin:0}@media (max-width: 1024px){.quiz-content{grid-template-columns:1fr;gap:1.5rem}.question-palette-section{position:static}.palette-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width: 768px){.past-quiz-container{padding:1.5rem;margin:1.25rem}.quiz-header h1{font-size:1.5rem}.quiz-meta{flex-direction:column;gap:1rem}.quiz-content{padding:0 1rem}.palette-grid{grid-template-columns:repeat(4,1fr)}.question-display{padding:1.25rem}.question-header{flex-direction:column;gap:1rem;align-items:flex-start}}@media (max-width: 480px){.past-quiz-container{padding:1.25rem;margin:1rem}.palette-grid{grid-template-columns:repeat(3,1fr)}.palette-item{width:2.8125rem;height:2.8125rem;font-size:1.2rem}.option-item{padding:.875rem 1rem}.continue-section,.no-answers-section{padding:1.5rem;margin:1.25rem 0}.continue-content h3,.no-answers-content h3{font-size:1.3rem}.continue-content p,.no-answers-content p{font-size:1rem}.continue-video-btn,.start-quiz-btn{padding:.875rem 1.75rem;font-size:1rem}}@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(/assets/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(/assets/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(/assets/KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(/assets/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(/assets/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(/assets/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(/assets/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(/assets/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(/assets/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(/assets/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(/assets/KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:700;src:url(/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:italic;font-weight:400;src:url(/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:400;src:url(/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(/assets/KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(/assets/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(/assets/KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(/assets/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),url(/assets/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(/assets/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(/assets/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")}.katex{font: 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.27"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.profile-container{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:2rem;background:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.profile-card{background:hsl(var(--card));border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:3rem 4rem;width:100%;max-width:500px;animation:slideUp .6s ease-out;position:relative}.avatar-container{position:relative;display:flex;justify-content:center;align-items:center;margin:0 auto 1rem;width:100px;height:100px}.avatar-circle{width:100px;height:100px;min-width:100px;min-height:100px;border-radius:50%;background:hsl(var(--primary));color:hsl(var(--primary-foreground));display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;box-shadow:var(--shadow-md);border:3px solid hsl(var(--border))}.avatar-image{width:100px;height:100px;min-width:100px;min-height:100px;max-width:100px;max-height:100px;border-radius:50%;object-fit:cover;object-position:center;box-shadow:var(--shadow-md);border:3px solid hsl(var(--border));background-color:hsl(var(--muted))}.avatar-actions{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);display:flex;gap:.5rem}.avatar-action-btn{width:32px;height:32px;border-radius:50%;border:2px solid hsl(var(--card));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.avatar-action-btn.upload-btn{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.avatar-action-btn.upload-btn:hover{background:hsl(var(--primary) / .8);transform:scale(1.1)}.avatar-action-btn.delete-btn{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.avatar-action-btn.delete-btn:hover{background:hsl(var(--destructive) / .8);transform:scale(1.1)}.avatar-action-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinning{animation:spin 1s linear infinite}.profile-header{text-align:center;margin-bottom:2rem}.profile-header h1{font-size:2rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:.25rem;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-header p{color:hsl(var(--muted-foreground));font-size:1rem;margin:0}.profile-header-actions{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.5rem}.settings-btn{display:flex;align-items:center;gap:.5rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:var(--radius);padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.settings-btn:hover{background:hsl(var(--primary) / .9);transform:translateY(-2px);box-shadow:var(--shadow-md)}.settings-btn svg{width:18px;height:18px}.profile-details{margin-bottom:2rem}.detail-row{display:flex;justify-content:space-between;margin-bottom:1rem}.detail-label{font-weight:600;color:hsl(var(--foreground))}.detail-value{color:hsl(var(--muted-foreground))}.referral-code-container{display:flex;align-items:center;gap:.5rem}.detail-value.referral-code{font-family:monospace;font-size:1.1em;font-weight:600;color:hsl(var(--primary));background:hsl(var(--accent) / .1);padding:.25rem .5rem;border-radius:var(--radius)}.copy-button{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:var(--radius);padding:.25rem .75rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.copy-button:hover{background:hsl(var(--primary) / .9)}.copy-button.success{background:hsl(var(--success))}.profile-actions{display:flex;gap:1rem;justify-content:center}.join-affiliate-btn{background:hsl(var(--accent));color:hsl(var(--accent-foreground));border:none;border-radius:var(--radius);padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.join-referral-btn:hover{background:hsl(var(--accent) / .9)}.logout-btn{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground));border:none;border-radius:var(--radius);padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:hsl(var(--destructive) / .9)}.profile-preferences{margin-top:2rem;margin-bottom:2rem;padding-top:2rem;border-top:1px solid hsl(var(--border))}.preferences-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.preferences-header-actions{display:flex;align-items:center;gap:.75rem}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:hsl(var(--accent) / .1);border:1px solid hsl(var(--border));border-radius:var(--radius);color:hsl(var(--foreground));cursor:pointer;transition:all .2s ease}.theme-toggle-btn:hover{background:hsl(var(--accent) / .2);border-color:hsl(var(--primary));transform:translateY(-1px);box-shadow:var(--shadow-sm)}.theme-toggle-btn:active{transform:translateY(0)}.preferences-title{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));margin:0}.change-preferences-btn{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:var(--radius);padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.change-preferences-btn:hover{background:hsl(var(--primary) / .9);transform:translateY(-2px);box-shadow:var(--shadow-md)}.preferences-content{display:flex;flex-direction:column;gap:.75rem}.preference-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem;background:hsl(var(--accent) / .05);border-radius:var(--radius);border:1px solid hsl(var(--border))}.preference-label{font-weight:600;color:hsl(var(--foreground));flex:0 0 40%}.preference-value{color:hsl(var(--muted-foreground));text-align:right;flex:1;word-break:break-word}.preferences-empty{text-align:center;padding:2rem 1rem;color:hsl(var(--muted-foreground))}.preferences-empty p{margin:.5rem 0}.preferences-loading{text-align:center;padding:2rem 1rem;color:hsl(var(--muted-foreground))}.theme-toggle-container{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:.5rem;background:hsl(var(--theme-card));border:1px solid hsl(var(--theme-accent) / .2)}.theme-toggle-label{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:hsl(var(--theme-text))}.theme-toggle-current{font-weight:600;color:hsl(var(--theme-heading))}.theme-toggle-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:hsl(var(--theme-accent) / .1);border:1px solid hsl(var(--theme-accent) / .3);border-radius:.5rem;color:hsl(var(--theme-text));cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;width:100%;justify-content:center}.theme-toggle-button:hover{background:hsl(var(--theme-accent) / .2);border-color:hsl(var(--theme-accent) / .5);transform:translateY(-1px)}.theme-toggle-button:active{transform:translateY(0)}.theme-toggle-icon{color:hsl(var(--theme-accent));transition:transform .2s ease}.theme-toggle-button:hover .theme-toggle-icon{transform:scale(1.1)}.theme-toggle-text{color:hsl(var(--theme-text))}.settings-container{min-height:calc(100vh - 80px);padding:2rem;background:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.settings-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:hsl(var(--muted-foreground));font-size:1.1rem}.settings-card{max-width:1200px;margin:0 auto;background:hsl(var(--card));border-radius:var(--radius);box-shadow:var(--shadow-lg);display:flex;min-height:600px;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.settings-sidebar{width:250px;padding:2rem;border-right:1px solid hsl(var(--border));background:hsl(var(--card))}.settings-sidebar-title{font-size:1.5rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:2rem;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-nav{display:flex;flex-direction:column;gap:.5rem}.settings-nav-item{padding:.875rem 1rem;background:transparent;border:none;border-radius:var(--radius);text-align:left;font-size:.95rem;font-weight:500;color:hsl(var(--muted-foreground));cursor:pointer;transition:all .2s ease}.settings-nav-item:hover{background:hsl(var(--muted) / .1);color:hsl(var(--card-foreground))}.settings-nav-item.active{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.settings-content{flex:1;padding:2rem 3rem;overflow-y:auto}.settings-section{width:100%}.settings-section-title{font-size:2rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:2rem;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-details{display:flex;flex-direction:column;gap:1.5rem}.settings-detail-row{display:flex;align-items:center;padding:1rem;border-bottom:1px solid hsl(var(--border));gap:1rem;position:relative}.settings-detail-row:last-child{border-bottom:none}.settings-detail-label{font-weight:600;color:hsl(var(--foreground));min-width:200px;flex-shrink:0}.settings-detail-value{color:hsl(var(--muted-foreground));text-align:right;flex:1;word-break:break-word;margin-right:120px}.settings-edit-btn{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:var(--radius);padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:absolute;right:1rem;flex-shrink:0}.settings-edit-btn:hover{background:hsl(var(--primary) / .9);transform:translateY(-2px);box-shadow:var(--shadow-md)}.settings-edit-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-md)}.settings-edit-title{font-size:1.5rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:1.5rem}.settings-edit-form{display:flex;flex-direction:column;gap:1.5rem}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-option{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - .25rem);cursor:pointer;transition:all .2s ease;background:transparent}.radio-option:hover{background:hsl(var(--muted) / .3);border-color:hsl(var(--primary) / .5)}.radio-option input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:hsl(var(--primary));flex-shrink:0}.radio-option input[type=radio]:checked{accent-color:hsl(var(--primary))}.radio-option span{font-size:.95rem;color:hsl(var(--foreground));flex:1}.radio-option:has(input[type=radio]:checked){background:hsl(var(--primary) / .1);border-color:hsl(var(--primary))}.radio-option:has(input[type=radio]:checked) span{color:hsl(var(--primary));font-weight:500}.settings-error{color:hsl(var(--destructive));font-size:.875rem;padding:.5rem;background:hsl(var(--destructive) / .1);border-radius:var(--radius)}.settings-edit-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.settings-cancel-btn{background:transparent;color:hsl(var(--foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.settings-cancel-btn:hover:not(:disabled){background:hsl(var(--muted) / .3);border-color:hsl(var(--foreground))}.settings-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.settings-save-btn{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:var(--radius);padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.settings-save-btn:hover:not(:disabled){background:hsl(var(--primary) / .9);transform:translateY(-2px);box-shadow:var(--shadow-md)}.settings-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.settings-text-input{width:100%;padding:.875rem 1rem;border:1px solid hsl(var(--border));border-radius:var(--radius);font-size:.95rem;font-family:inherit;color:hsl(var(--foreground));background:hsl(var(--card));resize:vertical;transition:all .2s ease}.settings-text-input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .1)}.settings-text-input:disabled{opacity:.6;cursor:not-allowed}.settings-section-divider{margin:2rem 0 1.5rem;padding-top:2rem;border-top:2px solid hsl(var(--border))}.settings-subsection-title{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));margin:0}.settings-empty-state{text-align:center;padding:3rem;color:hsl(var(--muted-foreground))}.settings-empty-state p{font-size:1.1rem}@media (max-width: 768px){.settings-container{padding:1rem}.settings-card{flex-direction:column;min-height:auto}.settings-sidebar{width:100%;border-right:none;border-bottom:1px solid hsl(var(--border));padding:1.5rem}.settings-nav{flex-direction:row;overflow-x:auto}.settings-nav-item{white-space:nowrap;min-width:fit-content}.settings-content{padding:1.5rem}.settings-detail-row{flex-direction:column;gap:.5rem}.settings-detail-label{min-width:auto}.settings-detail-value{text-align:left}}.affiliate-dashboard{padding:2rem;max-width:1200px;margin:0 auto}.dashboard-header{text-align:center;margin-bottom:2rem}.dashboard-header h1{font-size:2rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:.5rem;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-header p{color:hsl(var(--muted-foreground))}.referral-code-section{background:hsl(var(--card));border-radius:var(--radius);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.current-code h3,.update-code h3{color:hsl(var(--foreground));font-size:1rem;font-weight:600;margin-bottom:1rem}.code-display{display:flex;align-items:center;gap:1rem}.code{font-family:monospace;font-size:1.1em;font-weight:600;color:hsl(var(--primary));background:hsl(var(--accent) / .1);padding:.5rem 1rem;border-radius:var(--radius)}.code-actions{display:flex;gap:.5rem}.icon-btn{background:transparent;color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:hsl(var(--accent) / .1);color:hsl(var(--accent));border-color:hsl(var(--accent))}.modal-overlay{position:fixed;inset:0;background:hsl(var(--black) / .5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:hsl(var(--card));border-radius:var(--radius);padding:2rem;width:90%;max-width:500px;position:relative;box-shadow:var(--shadow-lg)}.close-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:hsl(var(--muted-foreground));cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:all .2s ease}.close-btn:hover{background:hsl(var(--accent) / .1);color:hsl(var(--accent))}.modal h2{color:hsl(var(--foreground));font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.modal-content{display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{color:hsl(var(--foreground));font-size:.875rem;font-weight:500}.code-input{padding:.75rem;border:1px solid hsl(var(--border));border-radius:var(--radius);font-size:.875rem;background:hsl(var(--background));color:hsl(var(--foreground));width:100%}.code-input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsl(var(--primary) / .1)}.modal-actions{display:flex;justify-content:flex-end;gap:1rem}.cancel-btn{background:transparent;color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background:hsl(var(--accent) / .1);border-color:hsl(var(--accent));color:hsl(var(--accent))}.update-btn{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:var(--radius);padding:.5rem 1.5rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.update-btn:hover:not(:disabled){background:hsl(var(--primary) / .9)}.update-btn:disabled,.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.success-message{color:hsl(var(--success));font-size:.875rem;margin-top:.5rem}.error-message{color:hsl(var(--destructive));font-size:.875rem;margin-top:.5rem}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:hsl(var(--card));border-radius:var(--radius);padding:1.5rem;text-align:center;box-shadow:var(--shadow-sm)}.stat-card h3{color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:500;margin-bottom:.5rem}.stat-value{color:hsl(var(--foreground));font-size:2rem;font-weight:700}.chart-container{background:hsl(var(--card));border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-header h2{color:hsl(var(--foreground));font-size:1.25rem;font-weight:600;margin:0}.time-filter{background:hsl(var(--background));border:1px solid hsl(var(--border));color:hsl(var(--foreground));padding:.5rem;border-radius:var(--radius);font-size:.875rem;cursor:pointer;transition:all .2s ease}.time-filter:hover{border-color:hsl(var(--primary))}.time-filter:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsl(var(--primary) / .1)}.chart{margin:0 -1rem;background:hsl(var(--card) / .5);padding:1rem;border-radius:var(--radius)}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:400px;color:hsl(var(--muted-foreground))}.error-message{text-align:center;color:hsl(var(--destructive));padding:.5rem;font-size:.875rem}.info-main-image{width:100%;max-width:90rem;margin:var(--figma-spacing-16, 64px) auto 0;border-radius:var(--figma-radius-6, 24px);box-shadow:0 20px 60px #00000026;display:block}:root[data-theme=dark] .info-main-image{box-shadow:0 20px 60px #0006}.features-section{padding:var(--figma-spacing-32, 128px) 0}.feature-card{background:var(--figma-colors-slate-1, #fcfcfd);border-radius:var(--figma-radius-8, 32px);padding:var(--figma-spacing-12, 48px) var(--figma-spacing-16, 64px);box-shadow:0 20px 60px #0000001a;border:1px solid var(--figma-colors-slate-4, #e8e8ec);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}:root[data-theme=dark] .feature-card{background:var(--figma-colors-slate-1-dark, #111113);border-color:var(--figma-colors-slate-4-dark, #272a2d);box-shadow:0 20px 60px #0000004d}.feature-card:hover{transform:translateY(-8px);box-shadow:0 32px 64px #00000026}:root[data-theme=dark] .feature-card:hover{box-shadow:0 32px 64px #00000080}.feature-card-large{max-width:80rem}.feature-card-medium{max-width:70rem}.info-feature-icon{width:var(--figma-spacing-16, 64px);height:var(--figma-spacing-16, 64px);background:var(--figma-colors-product-solid-9, #126df6);border-radius:var(--figma-radius-4, 16px);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #126df64d;transition:all .3s ease}:root[data-theme=dark] .info-feature-icon{background:var(--figma-colors-product-solid-9-dark, #3b82f6);box-shadow:0 4px 12px #3b82f666}.feature-card:hover .info-feature-icon{transform:scale(1.05);box-shadow:0 12px 24px #126df666}:root[data-theme=dark] .feature-card:hover .info-feature-icon{box-shadow:0 12px 24px #3b82f680}.feature-title{font-size:var(--figma-typography-font-size-7, 40px);font-weight:700;line-height:var(--figma-typography-line-height-7, 48px);letter-spacing:var(--figma-typography-letter-spacing-7, -.12px);color:var(--figma-colors-slate-12, #1c2024);font-family:var(--figma-typography-font-family-text, "SF Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);margin-bottom:0}:root[data-theme=dark] .feature-title{color:var(--figma-colors-slate-12-dark, #edeef0)}.feature-description{font-size:var(--figma-typography-font-size-4, 20px);line-height:var(--figma-typography-line-height-4, 32px);letter-spacing:var(--figma-typography-letter-spacing-4, -.04px);color:var(--figma-colors-slate-9, #8b8d98);font-family:var(--figma-typography-font-family-text, "SF Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);margin:var(--figma-spacing-8, 32px) 0}:root[data-theme=dark] .feature-description{color:var(--figma-colors-slate-9-dark, #696e77)}.feature-cta{background:#126df60d;border:1px solid rgba(18,109,246,.1);border-radius:var(--figma-radius-4, 16px);padding:var(--figma-spacing-6, 24px) var(--figma-spacing-8, 32px);transition:all .3s ease}:root[data-theme=dark] .feature-cta{background:#3b82f61a;border-color:#3b82f633}.feature-cta:hover{background:#126df61a;border-color:#126df633}:root[data-theme=dark] .feature-cta:hover{background:#3b82f626;border-color:#3b82f64d}.feature-cta-text{color:var(--figma-colors-product-solid-9, #126df6);font-weight:600;font-size:var(--figma-typography-font-size-4, 20px);line-height:var(--figma-typography-line-height-4, 32px);font-family:var(--figma-typography-font-family-text, "SF Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);margin:0}:root[data-theme=dark] .feature-cta-text{color:var(--figma-colors-product-solid-9-dark, #3b82f6)}.info-image-container{box-shadow:0 20px 60px #0000001a;border-radius:var(--figma-radius-4, 16px);border:1px solid var(--figma-colors-slate-4, #e8e8ec);overflow:hidden;transition:all .3s ease;position:relative}:root[data-theme=dark] .info-image-container{box-shadow:0 20px 60px #0000004d;border-color:var(--figma-colors-slate-4-dark, #272a2d)}.info-image-container:hover{transform:translateY(-4px);box-shadow:0 32px 64px #00000026}:root[data-theme=dark] .info-image-container:hover{box-shadow:0 32px 64px #00000080}.info-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.info-image-container:hover .info-image{transform:scale(1.02)}.regular-image-container{position:relative;overflow:hidden;border-radius:var(--figma-radius-6, 24px);transition:all .3s ease}.regular-image-container:hover{transform:translateY(-4px)}.regular-image{width:100%;height:20rem;object-fit:cover;transition:transform .7s cubic-bezier(.4,0,.2,1)}.regular-image-container:hover .regular-image{transform:scale(1.05)}.image-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.2) 0%,transparent 100%);pointer-events:none}.award-container{height:20rem;background:linear-gradient(135deg,var(--figma-colors-slate-2, #f9f9fb) 0%,var(--figma-colors-slate-4, #e8e8ec) 100%);border-radius:var(--figma-radius-6, 24px);display:flex;align-items:center;justify-content:center;border:2px dashed rgba(18,109,246,.3);transition:all .3s ease}:root[data-theme=dark] .award-container{background:linear-gradient(135deg,var(--figma-colors-slate-2-dark, #18191b) 0%,var(--figma-colors-slate-4-dark, #272a2d) 100%);border-color:#3b82f64d}.award-container:hover{border-color:#126df680;background:linear-gradient(135deg,var(--figma-colors-slate-1, #fcfcfd) 0%,var(--figma-colors-slate-4, #e8e8ec) 100%)}:root[data-theme=dark] .award-container:hover{border-color:#3b82f680;background:linear-gradient(135deg,var(--figma-colors-slate-1-dark, #111113) 0%,var(--figma-colors-slate-4-dark, #272a2d) 100%)}.award-icon{width:var(--figma-spacing-32, 128px);height:var(--figma-spacing-32, 128px);color:var(--figma-colors-product-solid-9, #126df6);transition:all .3s ease}:root[data-theme=dark] .award-icon{color:var(--figma-colors-product-solid-9-dark, #3b82f6)}.award-container:hover .award-icon{transform:scale(1.1);color:var(--figma-colors-product-solid-9, #126df6)}:root[data-theme=dark] .award-container:hover .award-icon{color:var(--figma-colors-product-solid-9-dark, #3b82f6)}.group.relative.bg-card{background:var(--figma-colors-slate-1, #fcfcfd)!important;border:1px solid var(--figma-colors-slate-4, #e8e8ec);border-radius:var(--figma-radius-6, 24px)!important}:root[data-theme=dark] .group.relative.bg-card{background:var(--figma-colors-slate-1-dark, #111113)!important;border-color:var(--figma-colors-slate-4-dark, #272a2d)}.group.relative.bg-card .bg-primary{background:var(--figma-colors-product-solid-9, #126df6)!important}:root[data-theme=dark] .group.relative.bg-card .bg-primary{background:var(--figma-colors-product-solid-9-dark, #3b82f6)!important}.group.relative.bg-card .text-primary-foreground{color:var(--figma-colors-base-white, #ffffff)!important}@media (max-width: 1024px){.feature-card{padding:var(--figma-spacing-8, 32px) var(--figma-spacing-10, 40px)}.feature-title{font-size:var(--figma-typography-font-size-6, 32px);line-height:var(--figma-typography-line-height-6, 40px)}.feature-description{font-size:var(--figma-typography-font-size-3, 18px);line-height:var(--figma-typography-line-height-3, 28px)}}@media (max-width: 768px){.feature-card{padding:var(--figma-spacing-6, 24px) var(--figma-spacing-8, 32px)}.feature-title{font-size:var(--figma-typography-font-size-5, 28px);line-height:var(--figma-typography-line-height-5, 36px)}.feature-description{font-size:var(--figma-typography-font-size-2, 16px);line-height:var(--figma-typography-line-height-2, 24px)}.info-feature-icon{width:var(--figma-spacing-12, 48px);height:var(--figma-spacing-12, 48px)}}.quiz-warning-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:transparent;padding:20px}.quiz-warning-content{background:hsl(var(--white));border-radius:16px;padding:40px;max-width:500px;width:100%;text-align:center;box-shadow:0 20px 40px hsl(var(--black) / .1);animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.warning-icon{font-size:4rem;margin-bottom:20px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.quiz-warning-content h1{color:hsl(var(--destructive-dark));font-size:2.5rem;font-weight:700;margin:0 0 20px}.warning-message{font-size:1.2rem;color:hsl(var(--gray-700));margin:0 0 15px;line-height:1.6}.warning-subtitle{font-size:1rem;color:hsl(var(--gray-500));margin:0 0 30px;font-weight:500}.warning-actions{display:flex;gap:15px;justify-content:center;margin-bottom:30px;flex-wrap:wrap}.return-btn,.continue-btn,.save-btn{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);min-width:140px}.save-btn{background-color:hsl(var(--success));color:hsl(var(--white))}.save-btn:hover{background-color:hsl(var(--success-dark));transform:translateY(-2px)}.return-btn{background-color:hsl(var(--success));color:hsl(var(--white))}.return-btn:hover{background-color:hsl(var(--success-dark));transform:translateY(-2px)}.continue-btn{background-color:hsl(var(--destructive-dark));color:hsl(var(--white))}.continue-btn:hover{background-color:hsl(var(--destructive-darker));transform:translateY(-2px)}.countdown{padding-top:20px;border-top:1px solid hsl(var(--gray-200))}.countdown p{color:hsl(var(--gray-500));font-size:.9rem;margin:0}@media (max-width: 600px){.quiz-warning-content{padding:30px 20px;margin:10px}.quiz-warning-content h1{font-size:2rem}.warning-message{font-size:1.1rem}.warning-actions{flex-direction:column;align-items:center}.return-btn,.continue-btn{width:100%;max-width:200px}}.feedback-container{min-height:100vh;background:transparent}.feedback-form{background:var(--gradient-card);border:1px solid hsl(var(--border));box-shadow:var(--shadow-lg);transition:var(--transition-smooth)}.feedback-form:hover{box-shadow:var(--shadow-hero)}.feedback-input{background:hsl(var(--card));border:1px solid hsl(var(--input));transition:var(--transition-smooth)}.feedback-input:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .2);outline:none}.feedback-textarea{background:hsl(var(--card));border:1px solid hsl(var(--input));transition:var(--transition-smooth);resize:none}.feedback-textarea:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .2);outline:none}.feedback-select{background:hsl(var(--card));border:1px solid hsl(var(--input));transition:var(--transition-smooth)}.feedback-select:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .2);outline:none}.feedback-button{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;transition:var(--transition-smooth);position:relative;overflow:hidden}.feedback-button:hover:not(:disabled){background:hsl(var(--primary-hover));transform:translateY(-1px);box-shadow:var(--shadow-lg)}.feedback-button:disabled{background:hsl(var(--muted));color:hsl(var(--muted-foreground));cursor:not-allowed;transform:none;box-shadow:none}.feedback-button:active:not(:disabled){transform:translateY(0)}.rating-stars-container{display:flex;gap:var(--figma-spacing-2, 8px);align-items:center;margin-bottom:var(--figma-spacing-2, 8px)}.rating-star-button{background:transparent;border:none;padding:var(--figma-spacing-1, 4px);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:var(--figma-radius-1, 4px)}.rating-star-button:hover{transform:scale(1.15);background:var(--figma-colors-slate-2, #f9f9fb)}:root[data-theme=dark] .rating-star-button:hover{background:var(--figma-colors-slate-2-dark, #18191b)}.rating-star-button:focus-visible{outline:2px solid var(--figma-colors-product-solid-9, #126df6);outline-offset:2px}:root[data-theme=dark] .rating-star-button:focus-visible{outline-color:var(--figma-colors-product-solid-9-dark, #3b82f6)}.rating-star-icon{width:var(--figma-spacing-8, 32px);height:var(--figma-spacing-8, 32px);transition:all .2s ease}.rating-star-filled .rating-star-icon,.rating-star-filled-icon{color:var(--figma-colors-amber-9, #ffc53d);fill:var(--figma-colors-amber-9, #ffc53d)}:root[data-theme=dark] .rating-star-filled .rating-star-icon,:root[data-theme=dark] .rating-star-filled-icon{color:var(--figma-colors-amber-9-dark, #ffc53d);fill:var(--figma-colors-amber-9-dark, #ffc53d)}.rating-star-empty .rating-star-icon{color:var(--figma-colors-slate-6, #d9d9e0);fill:none;stroke:var(--figma-colors-slate-6, #d9d9e0);stroke-width:2}:root[data-theme=dark] .rating-star-empty .rating-star-icon{color:var(--figma-colors-slate-6-dark, #363a3f);stroke:var(--figma-colors-slate-6-dark, #363a3f)}.rating-star-empty:hover .rating-star-icon{color:var(--figma-colors-amber-7, #e9c162);stroke:var(--figma-colors-amber-7, #e9c162)}:root[data-theme=dark] .rating-star-empty:hover .rating-star-icon{color:var(--figma-colors-amber-7-dark, #714f19);stroke:var(--figma-colors-amber-7-dark, #714f19)}.rating-feedback-text{font-size:var(--figma-typography-font-size-2, 14px);line-height:var(--figma-typography-line-height-2, 20px);color:var(--figma-colors-slate-9, #8b8d98);margin-top:var(--figma-spacing-1, 4px);font-family:var(--font-family, "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-weight:500}:root[data-theme=dark] .rating-feedback-text{color:var(--figma-colors-slate-9-dark, #696e77)}.feedback-success{background:hsl(var(--success) / .1);border:1px solid hsl(var(--success) / .2);color:hsl(var(--success))}.feedback-error{background:hsl(var(--destructive) / .1);border:1px solid hsl(var(--destructive) / .2);color:hsl(var(--destructive))}.feedback-loading{animation:spin 1s linear infinite}.feedback-input:invalid{border-color:hsl(var(--destructive))}.feedback-input:valid{border-color:hsl(var(--success))}@media (max-width: 768px){.feedback-container{padding:1rem}.feedback-form{padding:1.5rem}.feedback-grid{grid-template-columns:1fr;gap:1rem}}.feedback-input:focus-visible,.feedback-textarea:focus-visible,.feedback-select:focus-visible,.feedback-button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.feedback-checkbox{appearance:none;width:1rem;height:1rem;border:2px solid hsl(var(--input));border-radius:.25rem;background:hsl(var(--card));cursor:pointer;position:relative;transition:var(--transition-smooth)}.feedback-checkbox:checked{background:hsl(var(--primary));border-color:hsl(var(--primary))}.feedback-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:hsl(var(--primary-foreground));font-size:.75rem;font-weight:700}.feedback-checkbox:focus{outline:2px solid hsl(var(--ring));outline-offset:2px}.feedback-info-card{transition:var(--transition-smooth)}.feedback-info-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.feedback-char-counter{font-size:.875rem;color:hsl(var(--muted-foreground));text-align:right;margin-top:.25rem}.feedback-char-counter.warning{color:hsl(var(--warning))}.feedback-char-counter.error{color:hsl(var(--destructive))}.coming-soon-container{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;background:transparent;padding:2rem;position:relative;overflow:hidden}.coming-soon-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(18,109,246,.05) 0%,transparent 70%);animation:float 20s ease-in-out infinite;pointer-events:none}:root[data-theme=dark] .coming-soon-container:before{background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%)}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.coming-soon-content{text-align:center;max-width:800px;background:var(--figma-colors-slate-1, #fcfcfd);padding:var(--figma-spacing-12, 48px);border-radius:var(--figma-radius-4, 16px);box-shadow:0 20px 60px #0000001a;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--figma-colors-slate-4, #e8e8ec)}:root[data-theme=dark] .coming-soon-content{background:var(--figma-colors-slate-1-dark, #111113);border-color:var(--figma-colors-slate-4-dark, #272a2d);box-shadow:0 20px 60px #0000004d}.coming-soon-icon{display:flex;align-items:center;justify-content:center;margin-bottom:var(--figma-spacing-8, 32px);color:var(--figma-colors-product-solid-9, #126df6)}:root[data-theme=dark] .coming-soon-icon{color:var(--figma-colors-product-solid-9-dark, #3b82f6)}.coming-soon-message{margin-bottom:3rem}.coming-soon-title{font-size:var(--figma-typography-font-size-8, 56px);line-height:var(--figma-typography-line-height-8, 64px);letter-spacing:var(--figma-typography-letter-spacing-8, -.16px);font-weight:900;background:linear-gradient(135deg,var(--figma-colors-product-solid-9, #126df6) 0%,var(--figma-colors-product-solid-10, #1e5be3) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--figma-spacing-2, 8px);line-height:1.1;font-family:var(--font-family, "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .coming-soon-title{background:linear-gradient(135deg,var(--figma-colors-product-solid-9-dark, #3b82f6) 0%,var(--figma-colors-product-solid-10-dark, #60a5fa) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.coming-soon-subtitle{font-size:var(--figma-typography-font-size-7, 40px);line-height:var(--figma-typography-line-height-7, 48px);letter-spacing:var(--figma-typography-letter-spacing-7, -.12px);color:var(--figma-colors-slate-9, #8b8d98);margin-bottom:var(--figma-spacing-6, 24px);font-weight:600;font-family:var(--font-family, "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);animation:fadeInUp 1s ease-out .5s both}:root[data-theme=dark] .coming-soon-subtitle{color:var(--figma-colors-slate-9-dark, #696e77)}.coming-soon-description{font-size:var(--figma-typography-font-size-4, 20px);line-height:var(--figma-typography-line-height-4, 32px);letter-spacing:var(--figma-typography-letter-spacing-4, -.04px);color:var(--figma-colors-slate-9, #8b8d98);max-width:600px;margin:0 auto;font-family:var(--font-family, "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);animation:fadeInUp 1s ease-out .7s both}:root[data-theme=dark] .coming-soon-description{color:var(--figma-colors-slate-9-dark, #696e77)}.features-preview{margin-bottom:3rem;text-align:left;max-width:600px;margin-left:auto;margin-right:auto;animation:fadeInUp 1s ease-out .9s both}.features-preview h3{font-size:var(--figma-typography-font-size-6, 32px);line-height:var(--figma-typography-line-height-6, 40px);letter-spacing:var(--figma-typography-letter-spacing-6, -.1px);color:var(--figma-colors-slate-12, #1c2024);margin-bottom:var(--figma-spacing-6, 24px);text-align:center;font-weight:600;font-family:var(--font-family, "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .features-preview h3{color:var(--figma-colors-slate-12-dark, #edeef0)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.feature-item{display:flex;align-items:center;gap:var(--figma-spacing-4, 16px);padding:var(--figma-spacing-4, 16px);background:var(--figma-colors-slate-2, #f9f9fb);border-radius:var(--figma-radius-3, 8px);transition:all .3s ease;border:1px solid var(--figma-colors-slate-4, #e8e8ec)}:root[data-theme=dark] .feature-item{background:var(--figma-colors-slate-2-dark, #18191b);border-color:var(--figma-colors-slate-4-dark, #272a2d)}.feature-item:hover{background:var(--figma-colors-slate-3, #f0f0f3);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--figma-colors-product-solid-9, #126df6)}:root[data-theme=dark] .feature-item:hover{background:var(--figma-colors-slate-3-dark, #212225);box-shadow:0 4px 12px #0000004d;border-color:var(--figma-colors-product-solid-9-dark, #3b82f6)}.feature-icon{display:flex;align-items:center;justify-content:center;width:var(--figma-spacing-10, 40px);height:var(--figma-spacing-10, 40px);background:#126df61a;border-radius:var(--figma-radius-full, 9999px);color:var(--figma-colors-product-solid-9, #126df6);flex-shrink:0}:root[data-theme=dark] .feature-icon{background:#3b82f626;color:var(--figma-colors-product-solid-9-dark, #3b82f6)}.feature-item span{font-weight:500;color:var(--figma-colors-slate-12, #1c2024);font-size:var(--figma-typography-font-size-3, 16px);line-height:var(--figma-typography-line-height-3, 24px);font-family:var(--font-family, "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .feature-item span{color:var(--figma-colors-slate-12-dark, #edeef0)}.coming-soon-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap;animation:fadeInUp 1s ease-out 1.1s both}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:var(--radius);text-decoration:none;transition:var(--transition-smooth);cursor:pointer;border:none;font-family:inherit;min-width:140px;justify-content:center}.btn-primary{background:linear-gradient(135deg,var(--figma-colors-product-solid-9, #126df6) 0%,var(--figma-colors-product-solid-10, #1e5be3) 100%);color:#fff;box-shadow:0 4px 12px #126df64d;font-family:var(--font-family, "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .btn-primary{background:linear-gradient(135deg,var(--figma-colors-product-solid-9-dark, #3b82f6) 0%,var(--figma-colors-product-solid-10-dark, #60a5fa) 100%);box-shadow:0 4px 12px #3b82f666}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #126df666}:root[data-theme=dark] .btn-primary:hover{box-shadow:0 8px 24px #3b82f680}.btn-secondary{background:var(--figma-colors-slate-2, #f9f9fb);color:var(--figma-colors-product-solid-9, #126df6);border:1px solid var(--figma-colors-slate-6, #d9d9e0);font-family:var(--font-family, "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .btn-secondary{background:var(--figma-colors-slate-2-dark, #18191b);color:var(--figma-colors-product-solid-9-dark, #3b82f6);border-color:var(--figma-colors-slate-6-dark, #363a3f)}.btn-secondary:hover{background:var(--figma-colors-slate-3, #f0f0f3);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--figma-colors-product-solid-9, #126df6)}:root[data-theme=dark] .btn-secondary:hover{background:var(--figma-colors-slate-3-dark, #212225);box-shadow:0 4px 12px #0000004d;border-color:var(--figma-colors-product-solid-9-dark, #3b82f6)}.notification-signup{background:var(--figma-colors-slate-2, #f9f9fb);padding:var(--figma-spacing-8, 32px);border-radius:var(--figma-radius-4, 16px);border:1px solid var(--figma-colors-slate-4, #e8e8ec);animation:fadeInUp 1s ease-out 1.3s both}:root[data-theme=dark] .notification-signup{background:var(--figma-colors-slate-2-dark, #18191b);border-color:var(--figma-colors-slate-4-dark, #272a2d)}.notification-signup h3{font-size:var(--figma-typography-font-size-5, 24px);line-height:var(--figma-typography-line-height-5, 32px);letter-spacing:var(--figma-typography-letter-spacing-5, -.08px);color:var(--figma-colors-slate-12, #1c2024);margin-bottom:var(--figma-spacing-2, 8px);font-weight:600;font-family:var(--font-family, "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .notification-signup h3{color:var(--figma-colors-slate-12-dark, #edeef0)}.notification-signup p{color:var(--figma-colors-slate-9, #8b8d98);margin-bottom:var(--figma-spacing-6, 24px);font-size:var(--figma-typography-font-size-2, 14px);line-height:var(--figma-typography-line-height-2, 20px);font-family:var(--font-family, "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .notification-signup p{color:var(--figma-colors-slate-9-dark, #696e77)}.signup-form{display:flex;justify-content:center;max-width:400px;margin:0 auto}.email-input{flex:1;padding:.75rem 1rem;border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - .25rem);background:hsl(var(--background));color:hsl(var(--foreground));font-size:.95rem;min-width:200px;transition:var(--transition-smooth)}.email-input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsl(var(--primary) / .2)}.notify-btn{padding:var(--figma-spacing-3, 12px) var(--figma-spacing-6, 24px);background:linear-gradient(135deg,var(--figma-colors-product-solid-9, #126df6) 0%,var(--figma-colors-product-solid-10, #1e5be3) 100%);color:#fff;border:none;border-radius:var(--figma-radius-3, 8px);font-weight:600;font-size:var(--figma-typography-font-size-2, 14px);line-height:var(--figma-typography-line-height-2, 20px);font-family:var(--font-family, "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);cursor:pointer;transition:all .3s ease;white-space:nowrap}:root[data-theme=dark] .notify-btn{background:linear-gradient(135deg,var(--figma-colors-product-solid-9-dark, #3b82f6) 0%,var(--figma-colors-product-solid-10-dark, #60a5fa) 100%)}.notify-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #126df64d}:root[data-theme=dark] .notify-btn:hover{box-shadow:0 4px 12px #3b82f666}@media (max-width: 768px){.coming-soon-container{padding:1rem}.coming-soon-content{padding:2rem 1.5rem}.coming-soon-title{font-size:2.5rem}.coming-soon-subtitle{font-size:1.5rem}.coming-soon-description{font-size:1rem}.coming-soon-actions{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:280px}.features-grid{grid-template-columns:1fr}.signup-form{justify-content:center}}@media (max-width: 480px){.coming-soon-title{font-size:2rem}.coming-soon-subtitle{font-size:1.25rem}.coming-soon-content{padding:1.5rem 1rem}.coming-soon-icon svg{width:80px;height:80px}.notification-signup{padding:1.5rem}}.pricing-container{min-height:calc(100vh - 80px);padding:2rem;background:transparent;color:hsl(var(--slate-800))}.pricing-header{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.pricing-title{font-size:3rem;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;line-height:1.1}.pricing-subtitle{font-size:1.2rem;color:hsl(var(--slate-500));margin-bottom:2rem;line-height:1.6}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:4rem;max-width:1200px;margin-left:auto;margin-right:auto}.plan-card{background:hsl(var(--card));border:2px solid hsl(var(--slate-200));border-radius:12px;padding:2rem;position:relative;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:hsl(var(--theme-accent))}.plan-card.popular{border-color:hsl(var(--theme-accent));box-shadow:0 4px 12px hsl(var(--theme-accent) / .15);transform:scale(1.05)}.plan-card.popular:hover{transform:scale(1.05) translateY(-4px)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:hsl(var(--white));padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-md);border:2px solid hsl(var(--white));white-space:nowrap}.plan-header{text-align:center;margin-bottom:2rem}.plan-name{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:hsl(var(--slate-800))}.plan-credits{font-size:1.1rem;font-weight:600;color:hsl(var(--theme-accent));margin-bottom:.5rem}.plan-pricing{text-align:center;margin-bottom:2rem}.price{display:flex;flex-direction:column;align-items:center;margin-bottom:.5rem}.original-price{font-size:1.5rem;font-weight:600;color:hsl(var(--slate-400));text-decoration:line-through;margin-bottom:.25rem}.current-price{font-size:3rem;font-weight:900;color:hsl(var(--slate-800));line-height:1;display:flex;align-items:baseline;gap:.25rem}.price-period{font-size:1rem;font-weight:500;color:hsl(var(--slate-500))}.discount-badge{background:var(--gradient-success);color:hsl(var(--white));padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:.5rem;display:inline-block;box-shadow:0 2px 4px hsl(var(--success) / .3)}.monthly-equivalent{color:hsl(var(--slate-500));font-size:.9rem;margin-bottom:.5rem}.savings{color:hsl(var(--theme-accent));font-size:.875rem;font-weight:600;margin-bottom:.5rem}.credit-conversion{color:hsl(var(--slate-500));font-size:.875rem;font-style:italic}.plan-features{flex:1;margin-bottom:2rem}.plan-features ul{list-style:none;padding:0;margin:0}.plan-features li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:hsl(var(--slate-800));font-size:.95rem}.plan-features li svg{color:hsl(var(--theme-accent));flex-shrink:0}.plan-button{width:100%;padding:1rem 2rem;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);font-family:inherit;margin-top:auto}.plan-button.primary{background:var(--gradient-primary);color:hsl(var(--white));box-shadow:var(--shadow-primary)}.plan-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px hsl(var(--theme-accent) / .4)}.plan-button.secondary{background:transparent;color:hsl(var(--theme-accent));border:2px solid hsl(var(--theme-accent))}.plan-button.secondary:hover{background:hsl(var(--theme-accent));color:hsl(var(--white));transform:translateY(-2px);box-shadow:var(--shadow-primary)}.faq-section{margin-bottom:4rem}.faq-section h2{text-align:center;font-size:2rem;font-weight:700;margin-bottom:2rem;color:hsl(var(--slate-800))}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.faq-item{background:hsl(var(--card));border:1px solid hsl(var(--slate-200));border-radius:12px;padding:1.5rem;transition:var(--transition-fast)}.faq-item:hover{box-shadow:var(--shadow-md);border-color:hsl(var(--theme-accent))}.faq-item h4{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;color:hsl(var(--slate-800))}.faq-item p{color:hsl(var(--slate-500));line-height:1.6;margin:0}.pricing-cta{text-align:center;background:linear-gradient(135deg,hsl(var(--theme-accent) / .1) 0% 100%);border-radius:12px;padding:3rem;border:1px solid hsl(var(--theme-accent) / .2)}.pricing-cta h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:hsl(var(--slate-800))}.pricing-cta p{font-size:1.2rem;color:hsl(var(--slate-500));margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-primary,.cta-secondary{padding:1rem 2rem;border:none;border-radius:var(--radius);font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);font-family:inherit;min-width:160px}.cta-primary{background:var(--gradient-primary);color:hsl(var(--white));box-shadow:var(--shadow-primary)}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px hsl(var(--theme-accent) / .4)}.cta-secondary{background:transparent;color:hsl(var(--theme-accent));border:2px solid hsl(var(--theme-accent))}.cta-secondary:hover{background:hsl(var(--theme-accent));color:hsl(var(--white));transform:translateY(-2px)}@media (max-width: 768px){.pricing-container{padding:1rem}.pricing-title{font-size:2.5rem}.pricing-subtitle{font-size:1rem}.plans-grid{grid-template-columns:1fr;gap:1.5rem}.plan-card.popular{transform:none}.plan-card.popular:hover{transform:translateY(-4px)}.faq-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.cta-primary,.cta-secondary{width:100%;max-width:280px}.breadcrumb{padding:0 1rem;font-size:.8rem}.location-badge{flex-direction:column;text-align:center;gap:.5rem}.current-price{font-size:2.5rem}.original-price{font-size:1.25rem}}@media (max-width: 480px){.pricing-title{font-size:2rem}.plan-card{padding:1.5rem}.pricing-cta{padding:2rem 1.5rem}.pricing-cta h2{font-size:2rem}.pricing-cta p{font-size:1rem}.current-price{font-size:2rem}.original-price{font-size:1rem}.discount-badge{font-size:.75rem;padding:.2rem .5rem}}.weekly-goals-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.goals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px 0;border-bottom:2px solid hsl(var(--border))}.goals-title-section{display:flex;align-items:center;gap:15px}.goals-icon{color:hsl(var(--primary));flex-shrink:0}.goals-title-section h1{margin:0 0 10px;font-size:2rem;font-weight:600;color:hsl(var(--foreground))}.goals-title-section p{margin:0;font-size:1rem;color:hsl(var(--muted-foreground))}.set-goals-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--gradient-primary);color:hsl(var(--white));border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-primary)}.set-goals-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px hsl(var(--theme-accent) / .4)}.week-navigation{display:flex;align-items:center;justify-content:center;margin-bottom:30px}.week-selector{position:relative;width:100%;max-width:400px}.week-selector-btn{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:hsl(var(--white));border:2px solid hsl(var(--gray-200));border-radius:12px;cursor:pointer;transition:var(--transition-smooth);font-size:1rem;font-weight:600;color:hsl(var(--gray-800));box-shadow:var(--shadow-sm)}.week-selector-btn:hover{border-color:hsl(var(--theme-accent));box-shadow:0 4px 12px hsl(var(--theme-accent) / .15)}.week-selector-btn .chevron{margin-left:auto;transition:transform .2s ease}.week-selector-btn .chevron.open{transform:rotate(180deg)}.week-dropdown{position:absolute;top:100%;left:0;right:0;background:hsl(var(--white));border:2px solid hsl(var(--gray-200));border-radius:12px;box-shadow:var(--shadow-lg);z-index:1000;margin-top:4px;max-height:300px;overflow-y:auto}.week-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;background:hsl(var(--white));border:none;cursor:pointer;transition:var(--transition-smooth);text-align:left;border-bottom:1px solid hsl(var(--gray-100))}.week-option:last-child{border-bottom:none}.week-option:hover{background:hsl(var(--gray-50))}.week-option.active{background:hsl(var(--theme-accent));color:hsl(var(--theme-accent))}.week-option.has-goals{position:relative}.week-option-content{display:flex;flex-direction:column;gap:4px;flex:1}.week-label{font-weight:600;font-size:1rem}.week-dates{font-size:.875rem;color:hsl(var(--gray-500));font-weight:400}.week-option.active .week-dates{color:hsl(var(--theme-accent))}.goals-indicator{color:hsl(var(--success));font-size:1.5rem;font-weight:700;margin-left:12px}.set-goals-form{background:hsl(var(--white));border:none;border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:var(--shadow-md)}.set-goals-form h3{margin:0 0 10px;color:hsl(var(--gray-800));font-size:1.5rem;font-weight:700}.set-goals-form p{margin:0 0 20px;color:hsl(var(--gray-500));font-size:1rem}.goal-setting-item{display:flex;align-items:center;justify-content:space-between;padding:20px;background:hsl(var(--gray-50));border:2px solid hsl(var(--gray-200));border-radius:12px;margin-bottom:16px;transition:var(--transition-smooth)}.goal-setting-item:hover{border-color:hsl(var(--theme-accent));background:hsl(var(--theme-accent))}.goal-info{display:flex;align-items:center;gap:16px;flex:1}.goal-icon-small{width:48px;height:48px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:hsl(var(--white))}.goal-info h4{margin:0 0 4px;font-size:1.125rem;font-weight:600;color:hsl(var(--gray-800))}.goal-info p{margin:0;font-size:.875rem;color:hsl(var(--gray-500))}.goal-target-input{display:flex;align-items:center;gap:8px}.goal-target-input input{width:80px;padding:8px 12px;border:2px solid hsl(var(--gray-200));border-radius:8px;font-size:1rem;font-weight:600;text-align:center;background:hsl(var(--white));color:hsl(var(--gray-800))}.goal-target-input input:focus{outline:none;border-color:hsl(var(--theme-accent));box-shadow:0 0 0 3px hsl(var(--theme-accent) / .1)}.unit-label{font-size:.875rem;font-weight:500;color:hsl(var(--gray-500));min-width:60px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:hsl(var(--gray-700));font-size:.875rem}.form-group input,.form-group select{width:100%;padding:12px 16px;border:2px solid hsl(var(--gray-200));border-radius:8px;font-size:1rem;background:hsl(var(--white));color:hsl(var(--gray-800));transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:hsl(var(--theme-accent));box-shadow:0 0 0 3px hsl(var(--theme-accent) / .1)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.cancel-btn,.save-btn{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.cancel-btn{background:hsl(var(--gray-100));color:hsl(var(--gray-500));border:2px solid hsl(var(--gray-200))}.cancel-btn:hover{background:hsl(var(--gray-200));color:hsl(var(--gray-700))}.save-btn{background:var(--gradient-primary);color:hsl(var(--white))}.save-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-primary)}.goals-list{display:flex;flex-direction:column;gap:24px;margin-top:32px}.empty-state{text-align:center;padding:60px 20px;color:hsl(var(--muted-foreground))}.empty-state svg{margin-bottom:20px;opacity:.5}.empty-state h3{margin:0 0 10px;font-size:1.5rem;color:hsl(var(--foreground))}.empty-state p{margin:0;font-size:1rem}.goal-card{background:hsl(var(--white));border:none;border-radius:16px;padding:24px;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.goal-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.goal-card.completed{opacity:.8;background:linear-gradient(135deg,hsl(var(--sky-50)),hsl(var(--sky-100)))}.goal-main{display:flex;gap:15px;align-items:flex-start}.goal-icon{flex-shrink:0;margin-top:2px;color:hsl(var(--theme-accent));display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:hsl(var(--theme-accent));border-radius:12px;box-shadow:0 2px 8px hsl(var(--theme-accent) / .1)}.goal-card:nth-child(2) .goal-icon{color:hsl(var(--violet));background:hsl(var(--violet) / .1);box-shadow:0 2px 8px hsl(var(--violet) / .1)}.goal-content{flex:1}.goal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:15px}.goal-header h3{margin:0;font-size:1.5rem;font-weight:700;color:hsl(var(--gray-800));flex:1;line-height:1.2}.goal-header h3.completed-text{text-decoration:line-through;color:hsl(var(--gray-500))}.goal-progress-text{font-size:1rem;font-weight:600;color:hsl(var(--theme-accent));background:hsl(var(--theme-accent));padding:6px 12px;border-radius:20px;border:1px solid hsl(var(--theme-accent));white-space:nowrap}.goal-description{margin:0 0 20px;color:hsl(var(--gray-500));line-height:1.5;font-size:1rem}.goal-description.completed-text{text-decoration:line-through;color:hsl(var(--gray-400))}.progress-container{display:flex;align-items:center;gap:16px;margin-top:20px}.progress-bar{flex:1;height:12px;background:hsl(var(--gray-200));border-radius:6px;overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:6px;transition:width .3s ease}.progress-fill.completed{background:var(--gradient-success)}.progress-percentage{font-size:1rem;font-weight:700;color:hsl(var(--theme-accent));min-width:50px;text-align:right}.completion-badge{display:flex;align-items:center;gap:8px;margin-top:16px;padding:8px 16px;background:var(--gradient-success);color:hsl(var(--white));border:none;border-radius:24px;font-size:.875rem;font-weight:700;width:fit-content;box-shadow:0 2px 8px hsl(var(--success) / .3)}@media (max-width: 768px){.weekly-goals-container{padding:15px}.goals-header{flex-direction:column;align-items:stretch}.goals-title-section{flex-direction:column;align-items:flex-start;gap:10px}.goals-stats{justify-content:center}.stat-card{min-width:100px;padding:15px}.stat-number{font-size:1.5rem}.goal-header,.progress-container{flex-direction:column;align-items:stretch;gap:10px}.progress-percentage{text-align:left}}@media (max-width: 480px){.goals-title-section h1{font-size:1.5rem}.goals-stats{flex-direction:column;align-items:center}.add-goal-form{padding:20px}.goal-card{padding:15px}.goal-main{gap:10px}}.checkout-container{min-height:calc(100vh - 80px);padding:2rem;background:transparent;color:hsl(var(--slate-800))}.checkout-wrapper{max-width:1200px;margin:0 auto}.checkout-back-button{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:hsl(var(--theme-accent));font-size:1rem;font-weight:500;cursor:pointer;padding:.5rem 0;margin-bottom:2rem;transition:var(--transition-fast);font-family:inherit}.checkout-back-button:hover{color:hsl(var(--theme-accent));transform:translate(-4px)}.checkout-loading{text-align:center;padding:4rem;font-size:1.2rem;color:hsl(var(--slate-500))}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.checkout-section-title{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;color:hsl(var(--slate-800))}.checkout-summary{display:flex;flex-direction:column;gap:1.5rem}.checkout-plan-card{background:hsl(var(--card));border:2px solid hsl(var(--slate-200));border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm)}.plan-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.plan-name{font-size:1.5rem;font-weight:700;color:hsl(var(--slate-800))}.popular-tag{background:var(--gradient-primary);color:hsl(var(--white));padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600}.plan-credits-badge{display:inline-block;background:hsl(var(--theme-accent));color:hsl(var(--white));padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;margin-bottom:1rem}.plan-pricing-section{margin-bottom:1rem}.original-price-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.original-price-label{color:hsl(var(--slate-500));font-size:.9rem}.original-price-value{color:hsl(var(--slate-400));text-decoration:line-through;font-size:1rem;font-weight:600}.current-price-section{display:flex;justify-content:space-between;align-items:center}.price-label{color:hsl(var(--slate-800));font-size:1rem;font-weight:600}.price-value{font-size:1.5rem;font-weight:700;color:hsl(var(--slate-800))}.monthly-equivalent-info{font-size:.875rem;color:hsl(var(--slate-500));margin-top:.5rem;font-style:italic}.plan-description{color:hsl(var(--slate-500));font-size:.875rem;margin-bottom:1rem;font-style:italic}.plan-features-section{margin-top:1rem;padding-top:1rem;border-top:1px solid hsl(var(--slate-200))}.features-title{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:hsl(var(--slate-800))}.features-list{list-style:none;padding:0;margin:0}.features-list li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:hsl(var(--slate-800));font-size:.9rem}.features-list li svg{color:hsl(var(--theme-accent));flex-shrink:0}.checkout-price-breakdown{background:hsl(var(--card));border:2px solid hsl(var(--slate-200));border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm)}.breakdown-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:hsl(var(--slate-800))}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid hsl(var(--slate-200))}.breakdown-row:last-child{border-bottom:none}.total-row{border-top:2px solid hsl(var(--theme-accent));padding-top:1rem;margin-top:.5rem}.breakdown-label{font-size:1rem;color:hsl(var(--slate-500))}.breakdown-value{font-size:1rem;font-weight:600;color:hsl(var(--slate-800))}.total-value{font-size:1.5rem;font-weight:700;color:hsl(var(--theme-accent))}.checkout-form-section{display:flex;flex-direction:column;gap:1.5rem}.checkout-terms-section{background:hsl(var(--card));border:2px solid hsl(var(--slate-200));border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm)}.terms-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:hsl(var(--slate-800))}.terms-content,.terms-item{margin-bottom:1.5rem}.terms-item:last-child{margin-bottom:0}.terms-item h4{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:hsl(var(--slate-800))}.terms-item p{font-size:.9rem;color:hsl(var(--slate-500));line-height:1.6;margin:0}.terms-links{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid hsl(var(--slate-200))}.terms-link{color:hsl(var(--theme-accent));text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.terms-link:hover{color:hsl(var(--theme-accent));text-decoration:underline}.terms-link-inline{color:hsl(var(--theme-accent));text-decoration:none;font-weight:500;transition:color .2s ease}.terms-link-inline:hover{color:hsl(var(--theme-accent));text-decoration:underline}.terms-separator{color:hsl(var(--slate-400));font-size:.9rem}.terms-checkbox-container{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid hsl(var(--slate-200))}.terms-checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer}.terms-checkbox{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:hsl(var(--theme-accent))}.terms-checkbox-text{font-size:.9rem;color:hsl(var(--slate-800));line-height:1.5}.checkout-button{width:100%;padding:1rem 2rem;background:var(--gradient-primary);color:hsl(var(--white));border:none;border-radius:var(--radius);font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);font-family:inherit;box-shadow:var(--shadow-primary)}.checkout-button:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 8px 20px hsl(var(--theme-accent) / .4)}.checkout-button.disabled{background:hsl(var(--slate-400));cursor:not-allowed;box-shadow:none}.checkout-button.disabled:hover{transform:none}.security-notice{background:hsl(var(--sky-50));border:1px solid hsl(var(--theme-accent));border-radius:8px;padding:1rem;text-align:center}.security-notice p{font-size:.875rem;color:hsl(var(--sky-700));margin:0;line-height:1.5}@media (max-width: 968px){.checkout-grid{grid-template-columns:1fr}.checkout-container{padding:1rem}}@media (max-width: 768px){.checkout-section-title{font-size:1.5rem}.checkout-plan-card,.checkout-price-breakdown,.checkout-terms-section{padding:1rem}.plan-name,.price-value,.total-value{font-size:1.25rem}.terms-links{flex-direction:column;align-items:flex-start;gap:.5rem}.terms-separator{display:none}}@media (max-width: 480px){.checkout-back-button{font-size:.9rem}.checkout-section-title{font-size:1.25rem}.checkout-button{font-size:1rem;padding:.875rem 1.5rem}}.blog-card{background:hsl(var(--card));border-radius:1.5rem;overflow:hidden;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid hsl(var(--border));height:100%;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:hsl(var(--primary) / .2)}.blog-image-container{position:relative;width:100%;height:12rem;overflow:hidden}.blog-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-image{transform:scale(1.05)}.blog-placeholder{width:100%;height:100%;background:linear-gradient(135deg,hsl(var(--muted)),hsl(var(--border)));display:flex;align-items:center;justify-content:center;border-bottom:1px solid hsl(var(--border))}.blog-placeholder-icon{font-size:3rem;opacity:.5}.blog-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.blog-meta{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.blog-title{font-size:1.5rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:.75rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-excerpt{color:hsl(var(--muted-foreground));line-height:1.6;margin-bottom:1.5rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-read-more{display:inline-flex;align-items:center;gap:.5rem;color:hsl(var(--primary));font-weight:600;text-decoration:none;transition:all .2s ease;margin-top:auto}.blog-read-more:hover{color:hsl(var(--theme-accent));gap:.75rem}@media (max-width: 768px){.blog-card{border-radius:1rem}.blog-image-container{height:10rem}.blog-content{padding:1.25rem}.blog-title{font-size:1.25rem}.blog-meta{gap:.75rem}.blog-meta-item{font-size:.8rem}}@media (max-width: 640px){.blog-meta{flex-direction:column;gap:.5rem}}.blog-meta{display:flex;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.blog-meta-item{display:flex;align-items:center;gap:.5rem;color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:500}.blog-post-title{font-size:3rem;font-weight:800;color:hsl(var(--foreground));line-height:1.1;margin-bottom:1.5rem}.blog-post-subtitle{font-size:1.25rem;color:hsl(var(--muted-foreground));line-height:1.6;font-weight:400}.blog-featured-image-container{position:relative;width:100%;border-radius:1.5rem;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid hsl(var(--border))}.blog-featured-image{width:100%;height:auto;max-height:32rem;object-fit:cover;display:block}.blog-content{background:hsl(var(--card));border-radius:1.5rem;padding:3rem;box-shadow:var(--shadow-md);border:1px solid hsl(var(--border));margin-bottom:2rem}.blog-content .prose{color:hsl(var(--card-foreground));line-height:1.8}.blog-content .prose h1,.blog-content .prose h2,.blog-content .prose h3,.blog-content .prose h4,.blog-content .prose h5,.blog-content .prose h6{color:hsl(var(--foreground));font-weight:700;margin-top:2rem;margin-bottom:1rem}.blog-content .prose h1{font-size:2.5rem}.blog-content .prose h2{font-size:2rem}.blog-content .prose h3{font-size:1.5rem}.blog-content .prose p{margin-bottom:1.5rem}.blog-content .prose ul,.blog-content .prose ol{margin-bottom:1.5rem;padding-left:1.5rem}.blog-content .prose li{margin-bottom:.5rem}.blog-content .prose blockquote{border-left:4px solid hsl(var(--primary));padding-left:1.5rem;margin:2rem 0;font-style:italic;color:hsl(var(--muted-foreground));background:hsl(var(--primary) / .05);padding:1.5rem;border-radius:.5rem}.blog-content .prose code{background:hsl(var(--muted));padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem;color:hsl(var(--destructive))}.blog-content .prose pre{background:hsl(var(--foreground));color:hsl(var(--slate-200));padding:1.5rem;border-radius:.5rem;overflow-x:auto;margin:1.5rem 0}.blog-content .prose pre code{background:transparent;color:inherit;padding:0}.blog-content .prose img{border-radius:.5rem;margin:1.5rem 0;box-shadow:var(--shadow-sm)}.blog-content .prose a{color:hsl(var(--primary));text-decoration:none;font-weight:500}.blog-content .prose a:hover{color:hsl(var(--theme-accent));text-decoration:underline}.blog-content .prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;border:1px solid hsl(var(--border));border-radius:.5rem;overflow:hidden}.blog-content .prose thead{background:hsl(var(--muted))}.blog-content .prose th{padding:.75rem 1rem;text-align:left;font-weight:600;color:hsl(var(--foreground));border-bottom:2px solid hsl(var(--border))}.blog-content .prose td{padding:.75rem 1rem;border-bottom:1px solid hsl(var(--border))}.blog-content .prose tbody tr:hover{background:hsl(var(--muted))}.blog-content .prose tbody tr:last-child td{border-bottom:none}.blog-content .prose img{max-width:100%;height:auto;border-radius:.5rem;margin:1.5rem 0;box-shadow:var(--shadow-sm)}.blog-content .prose hr{border:none;border-top:2px solid hsl(var(--border));margin:2rem 0}.blog-content .prose strong{font-weight:700;color:hsl(var(--foreground))}.blog-content .prose em{font-style:italic}.blog-content .prose h4{font-size:1.25rem}.blog-content .prose h5{font-size:1.125rem}.blog-content .prose h6{font-size:1rem}.blog-gallery{background:hsl(var(--card));border-radius:1.5rem;padding:2rem;box-shadow:var(--shadow-md);border:1px solid hsl(var(--border))}.blog-gallery-item{border-radius:.75rem;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .3s ease}.blog-gallery-item:hover{transform:translateY(-2px)}.blog-gallery-image{width:100%;height:16rem;object-fit:cover;display:block}.blog-cta{margin-top:3rem}@media (max-width: 1024px){.blog-post-title{font-size:2.5rem}.blog-content{padding:2rem}}@media (max-width: 768px){.blog-post-title{font-size:2rem}.blog-post-subtitle{font-size:1.125rem}.blog-content{padding:1.5rem;border-radius:1rem}.blog-content .prose h1{font-size:2rem}.blog-content .prose h2{font-size:1.75rem}.blog-content .prose h3{font-size:1.25rem}.blog-gallery{padding:1.5rem;border-radius:1rem}.blog-gallery-image{height:12rem}.blog-meta{gap:1rem}}@media (max-width: 640px){.blog-post-title{font-size:1.75rem}.blog-content,.blog-gallery{padding:1.25rem}.blog-meta{flex-direction:column;gap:.75rem}}.search-results-container{max-width:1400px;background:hsl(var(--background-light-dark));border-radius:1rem;box-shadow:0 0 10px #0000001a;margin:0 auto;padding:2rem 1.5rem;min-height:calc(100vh - 200px)}.search-results-header{margin-bottom:2rem}.search-results-header h1{font-size:2rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:.5rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.loading-spinner{width:48px;height:48px;border:4px solid hsl(var(--muted));border-top-color:hsl(var(--primary));border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{color:hsl(var(--muted-foreground));font-size:1rem}.error-state{background:hsl(var(--destructive) / .1);border:1px solid hsl(var(--destructive));border-radius:var(--radius);padding:1.5rem;text-align:center;color:hsl(var(--destructive));margin:2rem 0}.empty-state{text-align:center;padding:4rem 2rem;color:hsl(var(--muted-foreground));font-size:1.125rem}.videos-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.video-card{display:flex;flex-direction:row;gap:1rem;padding:0;background:transparent;border:none;border-radius:0;transition:none;cursor:pointer}.video-card:hover{transform:none;box-shadow:none;border:none}.video-thumbnail-link{position:relative;display:block;flex-shrink:0;width:360px;height:202px;overflow:hidden;background:hsl(var(--muted));border-radius:var(--radius)}.video-thumbnail{position:relative;width:100%;height:100%;overflow:hidden}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.video-info{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:0;min-width:0}.video-title{text-decoration:none;color:hsl(var(--foreground))}.video-title h3{font-size:1.125rem;font-weight:500;line-height:1.3;margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease;color:hsl(var(--foreground))}.video-title:hover h3{color:hsl(var(--primary))}.video-meta{display:flex;flex-direction:row;align-items:center;gap:.5rem;font-size:.875rem;color:hsl(var(--muted-foreground));flex-wrap:wrap}.channel-link{color:hsl(var(--muted-foreground));text-decoration:none;transition:color .2s ease;display:flex;align-items:center;gap:.5rem}.channel-link:hover{color:hsl(var(--foreground))}.channel-thumbnail{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.meta-separator,.video-date{color:hsl(var(--muted-foreground))}.video-description{font-size:.875rem;color:hsl(var(--muted-foreground));line-height:1.4;margin:.5rem 0 0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.infinite-scroll-trigger{height:100px;display:flex;align-items:center;justify-content:center;margin:2rem 0}.loading-more{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.loading-spinner-small{width:32px;height:32px;border:3px solid hsl(var(--muted));border-top-color:hsl(var(--primary));border-radius:50%;animation:spin 1s linear infinite}.loading-more p{color:hsl(var(--muted-foreground));font-size:.875rem}@media (max-width: 768px){.search-results-container{padding:1.5rem 1rem}.search-results-header h1{font-size:1.5rem}.video-card{flex-direction:column}.video-thumbnail-link{width:100%;height:auto;aspect-ratio:16 / 9}.video-meta{flex-direction:column;align-items:flex-start;gap:.25rem}.meta-separator{display:none}.pagination{flex-direction:column;gap:1rem}}@media (max-width: 480px){.search-results-container{padding:1rem .75rem}.video-info{padding:.75rem}.pagination-btn{padding:.625rem 1.25rem;font-size:.875rem}}.watch-container{width:100%;min-height:calc(100vh - 160px);display:flex;justify-content:center;align-items:flex-start;padding:24px;background:transparent}.watch-content{max-width:1600px;width:100%;display:flex;flex-direction:column;gap:24px}.watch-layout{display:flex;gap:24px;align-items:flex-start}.watch-main{flex:1;min-width:0}.watch-sidebar{flex-shrink:0}.watch-loading,.watch-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:16px}.watch-loading p,.watch-error p{color:hsl(var(--muted-foreground));font-size:1.1rem}.watch-error h2{color:hsl(var(--destructive));margin:0;font-size:1.8rem}.video-wrapper{width:100%;position:relative;background:hsl(var(--muted));border-radius:8px;overflow:visible;box-shadow:0 2px 8px hsl(var(--black) / .1)}.video-wrapper:fullscreen{background:hsl(var(--black));border-radius:0;display:flex;align-items:center;justify-content:center}.video-wrapper:-webkit-full-screen{background:hsl(var(--black));border-radius:0;display:flex;align-items:center;justify-content:center}.video-wrapper:-moz-full-screen{background:hsl(var(--black));border-radius:0;display:flex;align-items:center;justify-content:center}.video-wrapper:-ms-fullscreen{background:hsl(var(--black));border-radius:0;display:flex;align-items:center;justify-content:center}.video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:visible}.video-wrapper:fullscreen .video-container,.video-wrapper:-webkit-full-screen .video-container,.video-wrapper:-moz-full-screen .video-container,.video-wrapper:-ms-fullscreen .video-container{width:100vw;height:100vh;padding-bottom:0;max-width:100vw;max-height:100vh}.youtube-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.youtube-iframe-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:var(--radius);z-index:1}.youtube-iframe-wrapper iframe{pointer-events:auto}.youtube-iframe-wrapper:after{content:"";position:absolute;bottom:0;right:0;width:48px;height:48px;background:transparent;z-index:10;pointer-events:none}.embedded-question-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.embedded-question-container>*{pointer-events:auto}body .video-wrapper .watch-custom-fullscreen-btn{position:absolute;bottom:80px;right:20px;z-index:1;background:hsl(var(--black) / .8);border:none;border-radius:4px;color:hsl(var(--white));width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease;pointer-events:auto;margin:0;padding:0}body .video-wrapper:fullscreen .watch-custom-fullscreen-btn,body .video-wrapper:-webkit-full-screen .watch-custom-fullscreen-btn,body .video-wrapper:-moz-full-screen .watch-custom-fullscreen-btn,body .video-wrapper:-ms-fullscreen .watch-custom-fullscreen-btn{position:fixed;bottom:2rem;right:2rem;z-index:2147483646}.watch-custom-fullscreen-btn:hover{background:hsl(var(--black) / .95)}.watch-custom-fullscreen-btn:focus{outline:2px solid hsl(var(--white));outline-offset:2px}.watch-custom-fullscreen-btn svg{width:20px;height:20px}.watch-palette-sidebar{flex-shrink:0;width:100%;max-width:400px;box-sizing:border-box;display:flex;justify-content:center;align-items:flex-start}@media (max-width: 1024px){.watch-palette-sidebar{max-width:100%;margin-top:24px;justify-content:center}}body .fullscreen-question-portal.fullscreen-question-portal{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:2147483647;display:block;visibility:visible}body .fullscreen-question-portal.fullscreen-question-portal>*{pointer-events:auto;display:block;visibility:visible}.watch-generate-quiz-container{border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:16px;min-width:300px;max-width:400px}.watch-generate-quiz-title{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));margin:0}.watch-generate-quiz-description{font-size:.95rem;color:hsl(var(--muted-foreground));line-height:1.5;margin:0}.watch-generate-quiz-status{padding:12px;background:hsl(var(--muted));border-radius:calc(var(--radius) - 2px);font-size:.9rem;color:hsl(var(--foreground));text-align:center}.watch-generate-quiz-button{background:var(--gradient-quiz-purple);color:hsl(var(--white));border:none;padding:.75rem 1.5rem;border-radius:20px;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;width:100%}.watch-generate-quiz-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsl(var(--theme-accent)),hsl(var(--violet)));border-radius:20px;opacity:0;transition:opacity .3s ease;z-index:-1}.watch-generate-quiz-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.watch-generate-quiz-button:hover:not(:disabled):before{opacity:1}.watch-generate-quiz-button:active:not(:disabled){transform:translateY(0)}body .watch-generate-quiz-button.watch-generate-quiz-button-loading{background:linear-gradient(135deg,hsl(var(--disabled)),hsl(var(--disabled) / .8));color:hsl(var(--slate-200));cursor:not-allowed;opacity:.7;position:relative;overflow:hidden}body .watch-generate-quiz-button.watch-generate-quiz-button-loading:hover{transform:none;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,hsl(var(--disabled)),hsl(var(--disabled) / .8))}body .watch-generate-quiz-button.watch-generate-quiz-button-loading:active{transform:none}.watch-generate-quiz-button-loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsl(var(--white) / .2),transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}.video-info{padding:20px;background:hsl(var(--card));border-radius:8px;border:1px solid hsl(var(--border));box-shadow:0 1px 3px hsl(var(--black) / .1)}.video-title{font-size:1.125rem;font-weight:600;color:hsl(var(--primary));margin:0 0 16px;line-height:1.5;word-break:break-word}.video-actions{display:flex;gap:12px;flex-wrap:wrap}.watch-on-youtube-btn{padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:600;font-size:.875rem;text-align:center;transition:all .2s ease;background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 1px 2px hsl(var(--primary) / .2);display:inline-flex;align-items:center;gap:8px}.watch-on-youtube-btn:hover{background:hsl(var(--primary-hover));transform:translateY(-1px);box-shadow:0 2px 4px hsl(var(--primary) / .3)}.loading-spinner{width:48px;height:48px;border:4px solid hsl(var(--primary) / .1);border-left:4px solid hsl(var(--primary));border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1024px){.watch-layout{flex-direction:column}.watch-sidebar{width:100%}}@media (max-width: 768px){.watch-container{padding:16px}.watch-layout{flex-direction:column}.video-info{padding:20px}.video-title{font-size:1.3rem}}@media (max-width: 480px){.watch-container{padding:12px}.video-info{padding:16px}.video-title{font-size:1.2rem}.watch-on-youtube-btn{width:100%;justify-content:center}}.web_question_display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;width:95%;max-width:1000px;max-height:80%;pointer-events:auto;display:block;visibility:visible;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}body .fullscreen-question-portal.fullscreen-question-portal .web_question_display{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:2147483647;display:block;visibility:visible;max-width:1000px;max-height:80vh;margin:0 auto;overflow-y:auto;overflow-x:hidden}.web_question_display::-webkit-scrollbar{width:10px}.web_question_display::-webkit-scrollbar-track{background:hsl(var(--white) / .1);border-radius:5px}.web_question_display::-webkit-scrollbar-thumb{background:hsl(var(--quiz-accent) / .5);border-radius:5px}.web_question_display::-webkit-scrollbar-thumb:hover{background:hsl(var(--quiz-accent) / .7)}.goqualify_video_question_container{display:flex;flex-direction:column;width:100%;position:relative;z-index:1000;background:hsl(var(--quiz-background) / .8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding:32px;margin:0 auto;box-sizing:border-box;box-shadow:var(--shadow-quiz);min-height:fit-content}.goqualify_video_question{display:flex;flex-direction:column;background:transparent;border-radius:0;padding:0;margin:0;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:var(--transition-smooth);position:relative;overflow:visible;animation:fadeInUp .6s ease-out;min-height:auto}.gqualify_video_question_header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:24px}.goqualify_video_question_index{font-size:1rem;font-weight:600;color:hsl(var(--quiz-foreground));letter-spacing:.5px;background-color:hsl(var(--indigo));border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.goqualify_timer_container{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:8px 16px;background:hsl(var(--quiz-background) / .8);border-radius:12px;border:2px solid hsl(var(--quiz-border) / .6);max-width:fit-content;box-shadow:0 4px 12px hsl(var(--black) / .3)}.goqualify_timer_icon{font-size:1rem;color:hsl(var(--quiz-foreground))}.goqualify_timer_text{font-size:1rem;font-weight:600;color:hsl(var(--quiz-foreground));font-family:Courier New,monospace;letter-spacing:.5px}.goqualify_video_question_text{font-size:1.5rem;font-weight:600;color:hsl(var(--quiz-foreground));margin-bottom:32px;line-height:1.6;position:relative;padding-left:20px;word-wrap:break-word;overflow-wrap:break-word}.question-images{width:100%;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center;margin:0 0 24px;padding:1rem;background:hsl(var(--quiz-background) / .5);border-radius:12px;border:1px solid hsl(var(--white) / .1)}.question-image-wrapper{position:relative;flex:0 1 auto}.question-image{max-width:100%;max-height:400px;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px hsl(var(--black) / .3);display:block;background:hsl(var(--quiz-background));padding:.5rem}.goqualify_video_question_text:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--gradient-quiz-purple);border-radius:2px}.goqualify_video_options_container{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:12px;width:100%}.goqualify_video_option{display:flex;flex-direction:row;align-items:flex-start;gap:12px;background:hsl(var(--quiz-background));border-radius:50px;padding:16px 20px;font-size:1rem;color:hsl(var(--quiz-foreground));transition:var(--transition-smooth);box-shadow:0 2px 8px hsl(var(--black) / .2);margin:0;border:2px solid hsl(var(--white) / .3);cursor:pointer;position:relative;font-weight:500;line-height:1.4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.goqualify_video_option_content{display:flex;flex-direction:column;gap:8px;flex:1}.option-images{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:8px}.option-image-wrapper{position:relative;flex:0 1 auto}.option-image{max-width:200px;max-height:200px;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 2px 6px hsl(var(--black) / .2);display:block;background:hsl(var(--quiz-background) / .5);padding:.25rem}.goqualify_video_option_index{font-size:1rem;font-weight:600;background:hsl(var(--white) / .1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsl(var(--white) / .2);color:hsl(var(--quiz-foreground));border-radius:15px;width:40px;height:30px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 32px hsl(var(--black) / .1),inset 0 1px hsl(var(--white) / .2),inset 0 -1px hsl(var(--black) / .1);overflow:hidden}.goqualify_video_option_index:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsl(var(--white) / .4) 0%,hsl(var(--white) / .1) 25%,transparent 50%,hsl(var(--black) / .05) 75%,hsl(var(--black) / .1) 100%);border-radius:15px;pointer-events:none}.goqualify_video_option:hover{background:hsl(var(--quiz-accent) / .2);color:hsl(var(--quiz-foreground));box-shadow:0 4px 16px hsl(var(--quiz-accent) / .3);border-color:hsl(var(--quiz-accent) / .6);transform:translateY(-1px)}.goqualify_video_option:active{transform:translateY(0)}.goqualify_video_option.selected:not(.goqualify_correct):not(.goqualify_incorrect){background:linear-gradient(135deg,hsl(var(--quiz-accent) / .1),hsl(var(--quiz-accent-light) / .15));border-color:hsl(var(--quiz-accent) / .5);color:hsl(var(--quiz-accent));font-weight:600}body .goqualify_video_options_container .goqualify_video_option.goqualify_correct{border-color:hsl(var(--quiz-correct));background-color:hsl(var(--quiz-correct) / .33);color:hsl(var(--quiz-foreground))}body .goqualify_video_options_container .goqualify_video_option.goqualify_incorrect{border-color:hsl(var(--quiz-incorrect));background-color:hsl(var(--quiz-incorrect) / .33);color:hsl(var(--quiz-foreground))}.goqualify_video_question_buttons{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin-top:3rem;width:100%;gap:16px}.goqualify_video_question_buttons>div{display:flex;gap:10px;align-items:center}.goqualify_video_question_buttons span{color:hsl(var(--white) / .6);font-size:.875rem}.goqualify_video_ok{background:transparent;border:2px solid hsl(var(--quiz-accent));color:hsl(var(--white));font-size:1rem;font-weight:900;padding:1rem 2rem;border-radius:50px;cursor:pointer;transition:var(--transition-smooth)}.goqualify_video_ok:hover{background:hsl(var(--quiz-accent) / .2);transform:translateY(-2px);box-shadow:0 6px 16px hsl(var(--quiz-accent) / .4)}.goqualify_video_skip{margin-left:auto;background:var(--gradient-quiz-accent);color:hsl(var(--quiz-foreground));border:none;padding:1rem 2rem;border-radius:50px;cursor:pointer;font-weight:600;font-size:1rem;transition:var(--transition-smooth)}.goqualify_video_skip:hover:not(:disabled){background:linear-gradient(135deg,hsl(var(--quiz-accent-hover)),hsl(var(--violet-dark)));transform:translateY(-2px);box-shadow:0 6px 16px hsl(var(--quiz-accent) / .4)}.goqualify_video_skip:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.web_question_display{width:96%;max-width:600px}.goqualify_video_question_container{padding:20px;border-radius:16px}.goqualify_video_question{padding:0;margin:0}.gqualify_video_question_header{margin-bottom:16px}.goqualify_video_question_index{width:40px;height:40px;font-size:.9rem}.goqualify_timer_container{padding:6px 12px}.goqualify_timer_text{font-size:.9rem}.goqualify_video_question_text{font-size:1.1rem;margin-bottom:20px;padding-left:16px}.goqualify_video_question_text:before{height:18px;width:3px}.goqualify_video_option{font-size:.9rem;padding:12px 14px;gap:10px;border-radius:30px}.goqualify_video_option_index{font-size:.85rem;width:32px;height:24px;border-radius:12px}.goqualify_video_question_buttons{margin-top:1.5rem;gap:12px}.goqualify_video_skip,.goqualify_video_ok{font-size:.9rem;padding:.7rem 1.2rem}}@media (max-width: 480px){.web_question_display{width:98%;max-width:100%}.goqualify_video_question_container{padding:14px;border-radius:12px}.gqualify_video_question_header{margin-bottom:12px}.goqualify_video_question_index{width:34px;height:34px;font-size:.8rem}.goqualify_timer_container{padding:5px 10px;border-radius:10px}.goqualify_timer_icon svg{width:14px;height:14px}.goqualify_timer_text{font-size:.8rem}.goqualify_video_question_text{font-size:.95rem;margin-bottom:14px;padding-left:12px;line-height:1.5}.goqualify_video_question_text:before{height:14px;width:3px}.goqualify_video_options_container{gap:8px}.goqualify_video_option{font-size:.8rem;padding:10px 12px;gap:8px;border-radius:25px}.goqualify_video_option_index{font-size:.75rem;width:28px;height:20px;border-radius:10px}.goqualify_video_question_buttons{margin-top:1rem;gap:8px}.goqualify_video_skip,.goqualify_video_ok{font-size:.8rem;padding:.6rem 1rem;border-radius:25px}}.question-palette{background:hsl(var(--card));border-radius:8px;padding:20px;box-shadow:0 1px 3px hsl(var(--black) / .1);border:1px solid hsl(var(--border));width:100%;max-width:380px;box-sizing:border-box;margin:0 auto}.palette-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.palette-title{font-size:1rem;font-weight:600;color:hsl(var(--foreground));margin:0}.palette-progress-text{color:hsl(var(--foreground));font-weight:600;font-size:.875rem;min-width:40px;text-align:right}.palette-progress-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}.palette-progress-bar{flex:1;height:8px;background:hsl(var(--muted));border-radius:4px;overflow:hidden;position:relative}.palette-progress-fill{height:100%;background:hsl(var(--primary));border-radius:4px;transition:width .3s ease}.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:10px;max-width:100%;margin:0}.palette-item{aspect-ratio:1;width:100%;min-width:48px;max-width:64px;background:hsl(var(--muted));color:hsl(var(--foreground));border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border:1px solid hsl(var(--border))}.question-palette-submit-quiz-button{width:100%;background:var(--gradient-quiz-accent);color:hsl(var(--quiz-foreground));border:none;border-radius:16px;padding:10px 20px;font-size:1.2rem;margin-top:20px;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;border:2px solid hsl(var(--white) / .2);box-shadow:0 4px 16px hsl(var(--quiz-accent) / .4);transform:scale(1.05)}.question-palette-view-report-button{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:6px;padding:10px 20px;font-size:.875rem;font-weight:600;margin:16px auto 0;cursor:pointer;transition:all .2s ease;display:block;box-shadow:0 1px 2px hsl(var(--primary) / .2);position:relative;overflow:hidden;width:100%}.question-palette-view-report-button:hover{background:hsl(var(--primary-hover));transform:translateY(-1px);box-shadow:0 2px 4px hsl(var(--primary) / .3)}.palette-item:hover{background:hsl(var(--muted-foreground) / .1);border-color:hsl(var(--primary) / .5);transform:translateY(-1px)}.palette-item.current{background:hsl(var(--primary));border:2px solid hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 2px 8px hsl(var(--primary) / .3)}.palette-item.current:focus{outline:none}.palette-item.correct{background:hsl(var(--success));border:2px solid hsl(var(--success));color:hsl(var(--success-foreground))}.palette-item.incorrect{background:hsl(var(--destructive));border:2px solid hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.palette-item.visited{background:hsl(var(--warning));border:2px solid hsl(var(--warning));color:hsl(var(--warning-foreground))}.palette-item.not-visited{background:hsl(var(--muted));border:1px solid hsl(var(--border));color:hsl(var(--foreground))}.palette-item.current.correct{background:hsl(var(--success));border:2px solid hsl(var(--success));color:hsl(var(--success-foreground));box-shadow:0 2px 8px hsl(var(--success) / .3)}.palette-item.current.incorrect{background:hsl(var(--destructive));border:2px solid hsl(var(--destructive));color:hsl(var(--destructive-foreground));box-shadow:0 2px 8px hsl(var(--destructive) / .3)}.palette-item.current.visited{background:hsl(var(--warning));border:2px solid hsl(var(--warning));color:hsl(var(--warning-foreground));box-shadow:0 2px 8px hsl(var(--warning) / .3)}.palette-item.current.not-visited{background:hsl(var(--primary));border:2px solid hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 2px 8px hsl(var(--primary) / .3)}@media (max-width: 768px){.question-palette{padding:22px;max-width:320px}.palette-title,.palette-progress-text{font-size:1.2rem}.palette-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:8px}.palette-item{min-width:44px;max-width:56px;border-radius:8px}}@media (max-width: 480px){.question-palette{padding:18px;max-width:290px}.palette-title,.palette-progress-text{font-size:1.1rem}.palette-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:8px}.palette-item{min-width:40px;max-width:52px;border-radius:8px}.question-palette-view-report-button{padding:12px 24px;font-size:.9rem}}.quiz-performance-overlay{position:fixed;inset:0;background:hsl(var(--black) / .5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease;overflow-y:auto;box-sizing:border-box;margin:0}.quiz-performance-modal{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:8px;width:95%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 24px hsl(var(--black) / .15);animation:slideUp .3s ease;position:relative;z-index:10001;display:flex;flex-direction:column;box-sizing:border-box;margin:auto}.quiz-performance-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px;border-bottom:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:8px 8px 0 0;flex-shrink:0}.quiz-performance-title-section{display:flex;align-items:flex-start;gap:1rem;flex:1}.quiz-performance-icon{color:hsl(var(--primary));margin-top:.25rem;flex-shrink:0}.quiz-performance-title{margin:0 0 4px;font-size:1.25rem;font-weight:600;color:hsl(var(--foreground))}.quiz-performance-subtitle{margin:0;font-size:.875rem;color:hsl(var(--muted-foreground));line-height:1.5}.quiz-performance-close{background:none;border:none;cursor:pointer;color:hsl(var(--muted-foreground));padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.quiz-performance-close:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.quiz-performance-content{padding:24px;flex:1;overflow-y:auto;min-height:0}.quiz-performance-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.quiz-performance-card{background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:8px;padding:16px;text-align:center;transition:all .2s ease}.quiz-performance-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px hsl(var(--black) / .08);border-color:hsl(var(--primary) / .3)}.quiz-performance-card-label{font-size:.8125rem;color:hsl(var(--muted-foreground));margin-bottom:8px;font-weight:500}.quiz-performance-card-value{font-size:1.5rem;font-weight:700;color:hsl(var(--foreground))}.quiz-performance-breakdown{margin-top:24px}.quiz-performance-breakdown-title{font-size:1rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 12px}.quiz-performance-breakdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quiz-performance-breakdown-item{display:flex;align-items:center;gap:12px;background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:8px;padding:12px;transition:all .2s ease}.quiz-performance-breakdown-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px hsl(var(--black) / .08)}.quiz-performance-breakdown-indicator{width:12px;height:12px;border-radius:3px;flex-shrink:0}.quiz-performance-breakdown-indicator.correct{background:hsl(var(--success));border:none}.quiz-performance-breakdown-indicator.incorrect{background:hsl(var(--destructive));border:none}.quiz-performance-breakdown-indicator.skipped,.quiz-performance-breakdown-indicator.saved{background:hsl(var(--warning));border:none}.quiz-performance-breakdown-indicator.unanswered{background:hsl(var(--muted-foreground) / .3);border:none}.quiz-performance-breakdown-content{flex:1}.quiz-performance-breakdown-label{font-size:.8125rem;color:hsl(var(--muted-foreground));margin-bottom:4px}.quiz-performance-breakdown-value{font-size:1.125rem;font-weight:700;color:hsl(var(--foreground))}@media (max-width: 640px){.quiz-performance-modal{width:95%;max-width:100%;max-height:95vh}.quiz-performance-header{padding:16px}.quiz-performance-title{font-size:1.125rem}.quiz-performance-content{padding:16px}.quiz-performance-summary{grid-template-columns:repeat(2,1fr);gap:10px}.quiz-performance-breakdown-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.quiz-performance-summary{grid-template-columns:repeat(3,1fr)}.quiz-performance-breakdown-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){.quiz-performance-summary{grid-template-columns:repeat(5,1fr)}.quiz-performance-breakdown-grid{grid-template-columns:repeat(4,1fr)}}.quiz-performance-submit-section{margin-top:24px;padding-top:20px;padding-bottom:20px;border-top:1px solid hsl(var(--border));display:flex;justify-content:center;flex-shrink:0}.quiz-performance-submit-button{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:6px;padding:12px 24px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px hsl(var(--primary) / .2);min-width:180px}.quiz-performance-submit-button:hover:not(:disabled){background:hsl(var(--primary-hover));transform:translateY(-1px);box-shadow:0 2px 4px hsl(var(--primary) / .3)}.quiz-performance-submit-button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px hsl(var(--primary) / .2)}.quiz-performance-submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.legend-menu-compact{position:relative;display:flex;justify-content:center;margin:12px 0 16px}.legend-trigger{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;background:hsl(var(--muted));border:1px solid hsl(var(--border));cursor:pointer;transition:all .2s ease}.legend-trigger:hover{background:hsl(var(--muted-foreground) / .1);border-color:hsl(var(--primary) / .5)}.legend-text{color:hsl(var(--foreground));font-weight:500;font-size:.875rem}.legend-question-mark{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:50%;font-size:.75rem;font-weight:600}@media (max-width: 768px){.legend-menu-compact{margin:10px 0 12px}.legend-trigger{padding:6px 10px;gap:5px}.legend-question-mark{width:16px;height:16px;font-size:.7rem}}@media (max-width: 480px){.legend-menu-compact{margin:8px 0 10px}.legend-trigger{padding:6px 8px;gap:4px}.legend-question-mark{width:16px;height:16px;font-size:.7rem}}.legend-tooltip{position:fixed;z-index:99999;color:hsl(var(--foreground));background:hsl(var(--card));border-radius:8px;box-shadow:0 4px 16px hsl(var(--black) / .15);padding:12px;min-width:180px;border:1px solid hsl(var(--border));pointer-events:auto}.legend-tooltip-item{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:.8125rem}.legend-label{color:hsl(var(--foreground));font-weight:500}.legend-color{display:inline-block;width:14px;height:14px;border-radius:3px;flex-shrink:0}.legend-color.correct{background:hsl(var(--success));border:none}.legend-color.incorrect{background:hsl(var(--destructive));border:none}.legend-color.visited{background:hsl(var(--warning));border:none}.legend-color.not-visited{background:hsl(var(--muted-foreground) / .3);border:none}.pdf-upload-box{width:100%}.pdf-upload-input{display:none}.pdf-upload-dropzone{border:2px dashed hsl(var(--theme-accent) / .5);border-radius:var(--goqualify-radius);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:hsl(var(--theme-bg));position:relative;overflow:hidden;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.pdf-upload-dropzone:before{content:"";position:absolute;inset:0;background:hsl(var(--primary) / .05);opacity:0;transition:opacity .3s ease}.pdf-upload-dropzone:hover:before{opacity:1}.pdf-upload-dropzone:hover{border-color:hsl(var(--theme-accent));background:hsl(var(--theme-card));border-width:2px;box-shadow:0 2px 8px hsl(var(--theme-accent) / .15)}.pdf-upload-dropzone.dragging{border-color:hsl(var(--theme-accent));background:hsl(var(--primary) / .1);transform:scale(1.01);box-shadow:0 4px 16px hsl(var(--primary) / .25);border-width:3px}.pdf-upload-dropzone.disabled{opacity:.6;cursor:not-allowed}.pdf-upload-icon{color:hsl(var(--theme-text));margin-bottom:1rem;transition:color .3s ease}.pdf-upload-dropzone:hover .pdf-upload-icon{color:hsl(var(--theme-accent))}.pdf-upload-text{display:flex;flex-direction:column;gap:.5rem}.pdf-upload-primary-text{font-size:1rem;color:hsl(var(--theme-text));margin:0}.pdf-upload-browse-link{color:hsl(var(--theme-accent));font-weight:500;text-decoration:underline;cursor:pointer}.pdf-upload-secondary-text{font-size:.875rem;color:hsl(var(--theme-muted));margin:0}.pdf-upload-file-preview{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:hsl(var(--theme-bg));border:1px solid hsl(var(--theme-accent) / .3);border-radius:var(--goqualify-radius);gap:1rem;box-shadow:0 1px 3px hsl(var(--theme-bg) / .3)}.pdf-upload-file-info{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.pdf-upload-file-icon{color:hsl(var(--theme-accent));flex-shrink:0}.pdf-upload-file-details{flex:1;min-width:0}.pdf-upload-file-name{font-size:.9rem;font-weight:500;color:hsl(var(--theme-text));margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-upload-file-size{font-size:.75rem;color:hsl(var(--theme-muted));margin:0}.pdf-upload-remove-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:hsl(var(--theme-card));color:hsl(var(--theme-text));border-radius:calc(var(--goqualify-radius) / 2);cursor:pointer;transition:all .2s ease;flex-shrink:0}.pdf-upload-remove-btn:hover:not(:disabled){background:hsl(var(--destructive));color:hsl(var(--white))}.pdf-upload-remove-btn:disabled{opacity:.5;cursor:not-allowed}.pdf-upload-error{margin-top:.75rem;padding:.75rem;background:hsl(var(--destructive) / .1);border:1px solid hsl(var(--destructive));border-radius:var(--goqualify-radius);color:hsl(var(--destructive))}.pdf-upload-error p{margin:0;font-size:.875rem}.pdf-upload-progress{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.pdf-upload-progress-bar{width:100%;height:8px;background:hsl(var(--theme-card));border-radius:4px;overflow:hidden}.pdf-upload-progress-fill{height:100%;background:hsl(var(--theme-accent));transition:width .3s ease;border-radius:4px}.pdf-upload-progress-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:hsl(var(--theme-muted))}.pdf-upload-spinner{animation:spin 1s linear infinite}.notes-page{min-height:100vh;padding:2rem;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.notes-container{position:relative;width:100%;max-width:100%;display:flex;gap:0;box-sizing:border-box}.notes-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;background:transparent;border-radius:var(--goqualify-radius);border:1px solid hsl(var(--theme-accent) / .3);flex-wrap:wrap}.notes-breadcrumb-item{background:none;border:none;color:hsl(var(--theme-text));font-size:.875rem;cursor:pointer;padding:.25rem .5rem;border-radius:var(--goqualify-radius);transition:all .2s ease;display:inline-flex;align-items:center}.notes-breadcrumb-item:hover{background:hsl(var(--theme-bg));color:hsl(var(--theme-accent))}.notes-breadcrumb-item-current{cursor:default;color:hsl(var(--theme-muted));font-weight:500}.notes-breadcrumb-item-current:hover{background:none;color:hsl(var(--theme-muted))}.notes-breadcrumb-separator{color:hsl(var(--theme-muted));flex-shrink:0}.notes-sidebar{width:280px;min-width:280px;flex-shrink:0;background:transparent;box-shadow:2px 0 8px -2px hsl(var(--theme-accent) / .1);overflow-y:auto;overflow-x:hidden;height:calc(100vh - 80px - 4rem);top:80px;align-self:flex-start}.notes-sidebar-content{padding:0 1rem;display:flex;flex-direction:column;gap:2rem}.notes-sidebar-section{display:flex;flex-direction:column;gap:.75rem}.notes-sidebar-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--theme-muted));margin:0;padding:0 .5rem}.notes-sidebar-list{display:flex;flex-direction:column;gap:.5rem}.notes-sidebar-item{padding:.75rem 1rem;background:transparent;border:none;border-radius:var(--goqualify-radius);color:hsl(var(--theme-text));text-align:left;cursor:pointer;transition:all .2s ease;font-size:.9rem;display:flex;align-items:center;gap:.5rem;width:100%}.notes-sidebar-item:hover{background:hsl(var(--theme-bg));color:hsl(var(--theme-accent));transform:translate(4px)}.notes-sidebar-item.active{background:hsl(var(--theme-accent) / .1);color:hsl(var(--theme-accent));font-weight:500}.notes-sidebar-item-text{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.notes-subject-group{display:flex;flex-direction:column}.notes-subject-item{font-weight:500}.notes-arrow-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.arrow-icon{transition:transform .3s ease;transform:rotate(0)}.arrow-icon.expanded{transform:rotate(90deg)}.notes-chapters-nested{display:flex;flex-direction:column;padding-left:1.5rem;margin-top:.25rem;margin-bottom:.5rem;gap:.25rem;overflow:hidden;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px);padding-top:0;padding-bottom:0}to{opacity:1;max-height:2000px;transform:translateY(0);padding-top:.25rem;padding-bottom:.5rem}}.notes-chapter-item{font-size:.85rem;padding:.625rem .875rem .625rem 2rem;font-weight:400;position:relative}.notes-chapter-item:before{content:"";position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:hsl(var(--theme-muted));opacity:.5;transition:all .2s ease}.notes-chapter-item:hover{padding-left:2.25rem}.notes-chapter-item:hover:before,.notes-chapter-item.active:before{background:hsl(var(--theme-accent));opacity:1;width:6px;height:6px}.notes-chapter-group{display:flex;flex-direction:column}.notes-notes-nested{display:flex;flex-direction:column;padding-left:1.5rem;margin-top:.25rem;margin-bottom:.5rem;gap:.25rem;overflow:hidden;animation:slideDown .3s ease}.notes-note-item{font-size:.8rem;padding:.5rem .75rem .5rem 2.5rem;font-weight:400;position:relative}.notes-note-item:before{content:"";position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);width:3px;height:3px;border-radius:50%;background:hsl(var(--theme-muted));opacity:.4;transition:all .2s ease}.notes-note-item:hover{padding-left:2.75rem}.notes-note-item:hover:before,.notes-note-item.active:before{background:hsl(var(--theme-accent));opacity:1;width:5px;height:5px}.notes-main-content{flex:1;min-width:0;max-width:100%;min-height:calc(100vh - 80px);padding-left:1rem;box-sizing:border-box;overflow-x:hidden}.notes-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:hsl(var(--theme-muted))}.notes-empty-state h2{font-size:1.5rem;margin-bottom:.5rem;color:hsl(var(--theme-text))}.notes-empty-state p{font-size:1rem}.notes-empty-state-centered{display:flex;align-items:center;justify-content:center;min-height:300px}.notes-upload-center-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:hsl(var(--theme-accent));color:hsl(var(--white));border:none;border-radius:.75rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px hsl(var(--primary) / .2)}.notes-upload-center-btn:hover{background:hsl(var(--theme-heading));transform:translateY(-2px);box-shadow:0 4px 12px hsl(var(--primary) / .3)}.notes-upload-center-btn:active{transform:translateY(0);box-shadow:0 2px 8px hsl(var(--primary) / .2)}.notes-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:hsl(var(--theme-muted))}.notes-list-container{background:hsl(var(--theme-card));border-radius:var(--goqualify-radius);padding:1.5rem;border:1px solid hsl(var(--theme-accent) / .3);max-height:calc(100vh - 120px);overflow-y:auto}.notes-section-title{font-size:1.25rem;font-weight:600;color:hsl(var(--theme-text))}.notes-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;align-items:start}@media (min-width: 600px){.notes-list-grid{grid-template-columns:repeat(auto-fill,minmax(300px,350px))}}.notes-list-item{padding:1rem;background:transparent;border:1px solid hsl(var(--theme-accent) / .3);border-radius:var(--goqualify-radius);cursor:pointer;transition:all .2s ease}.notes-list-item:hover{background:hsl(var(--theme-bg));border-color:hsl(var(--theme-accent) / .3);transform:translate(4px)}.notes-list-item.active{background:hsl(var(--theme-accent) / .1);border-color:hsl(var(--theme-accent))}.notes-list-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.notes-list-item-title{font-size:1rem;font-weight:500;color:hsl(var(--theme-text));margin:0}.notes-public-badge{font-size:.75rem;padding:.25rem .5rem;background:transparent;color:hsl(var(--theme-accent));border:1px solid hsl(var(--theme-accent));border-radius:.375rem;font-weight:500}.notes-list-item-meta{font-size:.875rem;color:hsl(var(--theme-muted));margin:0}.notes-viewer{background:hsl(var(--theme-card));border-radius:var(--goqualify-radius);border:1px solid hsl(var(--theme-accent) / .3);overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 120px)}.notes-viewer-header{padding:1.5rem;border-bottom:1px solid hsl(var(--theme-accent) / .3);background:transparent}.notes-viewer-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:hsl(var(--theme-text))}.notes-viewer-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.875rem;color:hsl(var(--theme-muted))}.notes-viewer-meta span{padding:.25rem .75rem;background:hsl(var(--theme-bg));border-radius:calc(var(--goqualify-radius) / 2)}.notes-viewer-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.notes-main-content-full{flex:1;min-width:0;max-width:100%;height:calc(100vh - 80px - 4rem);min-height:calc(100vh - 80px - 4rem);display:flex;flex-direction:column;padding-left:0;box-sizing:border-box;overflow-x:hidden}.notes-viewer-full{flex:1;display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden}.notes-viewer-full .notes-viewer-content{flex:1;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.notes-viewer-full .pdf-viewer-container{flex:1;min-height:0;height:100%;display:flex;flex-direction:column}.notes-pdf-viewer{width:100%;height:100%;min-height:600px;border:none}.notes-pdf-loading{display:flex;align-items:center;justify-content:center;min-height:600px;color:hsl(var(--theme-muted))}.notes-recent-section{width:100%}.notes-favorites-section{margin-bottom:2.5rem}.notes-favorites-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.notes-favorites-title{font-size:1.5rem;font-weight:600;color:hsl(var(--theme-text));margin:0}.notes-see-all-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid hsl(var(--theme-accent) / .3);border-radius:calc(var(--goqualify-radius) / 2);color:hsl(var(--white));font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.notes-see-all-btn:hover{background:hsl(var(--theme-accent) / .1);border-color:hsl(var(--theme-accent));color:hsl(var(--white))}.notes-see-all-btn span{display:inline-block}.notes-favorites-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;align-items:start}@media (min-width: 600px){.notes-favorites-list{grid-template-columns:repeat(auto-fill,minmax(300px,350px))}}.notes-recent-section-content{width:100%}.notes-recent-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:hsl(var(--theme-text))}.notes-recent-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;align-items:start}@media (min-width: 600px){.notes-recent-list{grid-template-columns:repeat(auto-fill,minmax(300px,350px))}}.notes-recent-item{padding:1rem;background:hsl(var(--theme-card));border:1px solid hsl(var(--theme-accent) / .3);border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:.75rem;height:100%;width:100%;max-width:100%;box-sizing:border-box}.notes-recent-item:hover{background:hsl(var(--theme-bg));border-color:hsl(var(--theme-accent) / .5);transform:translateY(-2px);box-shadow:0 2px 8px hsl(var(--theme-accent) / .2)}.notes-recent-item-preview{flex-shrink:0;width:100%;height:250px;position:relative;border-radius:10px;overflow:hidden;background:hsl(var(--white));border:1px solid hsl(var(--theme-accent) / .3);box-shadow:0 1px 3px hsl(var(--theme-accent) / .2);transition:all .2s ease;isolation:isolate}body .notes-recent-item-preview-wrapper{width:100%;height:100%;overflow:hidden;position:relative;background:hsl(var(--white));border-radius:calc(var(--goqualify-radius) / 2);mask-image:linear-gradient(to bottom,hsl(var(--black)),hsl(var(--black)));-webkit-mask-image:linear-gradient(to bottom,hsl(var(--black)),hsl(var(--black)))}body .notes-recent-item-preview-wrapper .notes-recent-item-preview-iframe{width:250%;height:250%;border:none;pointer-events:none;transform:scale(.4);transform-origin:top left;overflow:hidden;background:hsl(var(--white));scrollbar-width:none;-ms-overflow-style:none;position:absolute;top:0;left:0;margin:0;padding:0}body .notes-recent-item-preview-wrapper .notes-recent-item-preview-iframe::-webkit-scrollbar{width:0;height:0;display:none;background:transparent}body .notes-recent-item-preview-wrapper::-webkit-scrollbar,body .notes-recent-item-preview::-webkit-scrollbar{display:none;width:0;height:0}.notes-recent-item-preview-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:hsl(var(--white));z-index:1}.notes-recent-item-preview-spinner{width:20px;height:20px;border:2px solid hsl(var(--theme-bg));border-top-color:hsl(var(--theme-accent));border-radius:50%;animation:spin .8s linear infinite}.notes-recent-item-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent;color:hsl(var(--theme-muted));font-size:.7rem;text-align:center;padding:.5rem}.notes-recent-item-content{flex:1;min-width:0;display:flex;flex-direction:column;width:100%}.notes-recent-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.notes-recent-item-title{font-size:.9375rem;font-weight:500;color:hsl(var(--theme-text));margin:0;flex:1;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.notes-recent-item-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.8125rem;color:hsl(var(--theme-muted))}.notes-recent-item-subject{font-weight:500;color:hsl(var(--theme-accent))}.notes-recent-item-separator{opacity:.5}.notes-recent-item-chapter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-recent-item-footer{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:hsl(var(--theme-muted));gap:.5rem}.notes-recent-item-favorite{background:none;border:none;padding:.25rem;cursor:pointer;color:hsl(var(--text-7A7A8A));display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:.375rem;flex-shrink:0}.notes-recent-item-favorite:hover{color:hsl(var(--destructive));background:hsl(var(--destructive) / .1)}.notes-recent-item-favorite.active{color:hsl(var(--destructive))}.notes-recent-item-like{background:none;border:none;padding:.25rem;cursor:pointer;color:hsl(var(--text-7A7A8A));display:flex;align-items:center;justify-content:center;gap:.25rem;transition:all .2s ease;border-radius:.375rem;flex-shrink:0}.notes-recent-item-like:hover{color:hsl(var(--theme-accent));background:hsl(var(--primary) / .1)}.notes-recent-item-like.active{color:hsl(var(--theme-accent))}.notes-like-count{font-size:.75rem;font-weight:500}.notes-section{margin-bottom:3rem}.notes-explore-section{margin-top:1.5rem}.notes-recent-item-date{opacity:.7}.notes-upload-section{display:flex;align-items:center;justify-content:space-between}.notes-upload-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:hsl(var(--theme-accent));color:hsl(var(--white));border:none;border-radius:var(--goqualify-radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px hsl(var(--primary) / .2);position:relative;z-index:1}.notes-upload-btn span,.notes-upload-btn svg{color:hsl(var(--white))}.notes-upload-btn:hover{background:hsl(var(--theme-heading));transform:translateY(-2px);box-shadow:0 4px 12px hsl(var(--primary) / .4)}.notes-upload-btn:active{transform:translateY(0);box-shadow:0 2px 4px hsl(var(--primary) / .2)}.notes-upload-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--figma-spacing-4, 16px);animation:fadeIn .2s ease}:root[data-theme=dark] .notes-upload-modal-overlay{background:#000000b3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notes-upload-modal{background:var(--figma-colors-neutral-neutral-1);border:1px solid var(--figma-colors-neutral-neutral-6);border-radius:var(--figma-radius-3, 6px);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px #0000004d,0 0 0 1px var(--figma-colors-neutral-neutral-1);animation:slideUp .3s ease;position:relative;z-index:10000}:root[data-theme=dark] .notes-upload-modal{background:var(--figma-colors-neutral-neutral-1-dark);border-color:var(--figma-colors-neutral-neutral-6-dark);box-shadow:0 25px 80px #0009,0 0 0 1px var(--figma-colors-neutral-neutral-1-dark)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notes-upload-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--figma-spacing-4, 16px) var(--figma-spacing-5, 24px);border-bottom:1px solid var(--figma-colors-neutral-neutral-4);background:var(--figma-colors-neutral-neutral-1);border-radius:var(--figma-radius-3, 6px) var(--figma-radius-3, 6px) 0 0}:root[data-theme=dark] .notes-upload-modal-header{background:var(--figma-colors-neutral-neutral-1-dark);border-bottom-color:var(--figma-colors-neutral-neutral-4-dark)}.notes-upload-modal-header h2{margin:0;font-size:var(--figma-typography-font-size-6, 24px);font-weight:600;line-height:var(--figma-typography-line-height-6, 30px);letter-spacing:var(--figma-typography-letter-spacing-6, -.1px);color:var(--figma-colors-neutral-neutral-12);font-family:var(--figma-typography-font-family-text, "SF Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .notes-upload-modal-header h2{color:var(--figma-colors-neutral-neutral-12-dark)}.notes-upload-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--figma-colors-neutral-neutral-11);border-radius:var(--figma-radius-2, 4px);cursor:pointer;transition:all .2s ease}:root[data-theme=dark] .notes-upload-modal-close{color:var(--figma-colors-neutral-neutral-11-dark)}.notes-upload-modal-close:hover:not(:disabled){background:var(--figma-colors-neutral-neutral-3);color:var(--figma-colors-red-9)}:root[data-theme=dark] .notes-upload-modal-close:hover:not(:disabled){background:var(--figma-colors-neutral-neutral-3-dark);color:var(--figma-colors-red-9-dark)}.notes-upload-modal-close:disabled{opacity:.5;cursor:not-allowed}.notes-upload-modal-content{padding:var(--figma-spacing-5, 24px);background:var(--figma-colors-neutral-neutral-1)}:root[data-theme=dark] .notes-upload-modal-content{background:var(--figma-colors-neutral-neutral-1-dark)}.notes-upload-form-group{margin-bottom:var(--figma-spacing-5, 24px)}.notes-upload-form-group label{display:block;margin-bottom:var(--figma-spacing-2, 8px);font-size:var(--figma-typography-font-size-2, 14px);font-weight:500;line-height:var(--figma-typography-line-height-2, 20px);color:var(--figma-colors-neutral-neutral-12);font-family:var(--figma-typography-font-family-text, "SF Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .notes-upload-form-group label{color:var(--figma-colors-neutral-neutral-12-dark)}.notes-upload-preview{background:var(--figma-colors-neutral-neutral-2);border:1px solid var(--figma-colors-neutral-neutral-4);border-radius:var(--figma-radius-2, 4px);padding:var(--figma-spacing-4, 16px);margin-bottom:var(--figma-spacing-5, 24px)}:root[data-theme=dark] .notes-upload-preview{background:var(--figma-colors-neutral-neutral-2-dark);border-color:var(--figma-colors-neutral-neutral-4-dark)}.notes-upload-preview-item{display:flex;align-items:center;gap:var(--figma-spacing-2, 8px);margin-bottom:var(--figma-spacing-2, 8px)}.notes-upload-preview-item:last-child{margin-bottom:0}.notes-upload-preview-label{font-size:var(--figma-typography-font-size-2, 14px);font-weight:500;line-height:var(--figma-typography-line-height-2, 20px);color:var(--figma-colors-neutral-neutral-11);min-width:80px;font-family:var(--figma-typography-font-family-text, "SF Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .notes-upload-preview-label{color:var(--figma-colors-neutral-neutral-11-dark)}.notes-upload-preview-value{font-size:var(--figma-typography-font-size-2, 14px);color:var(--figma-colors-neutral-neutral-12);font-weight:500;line-height:var(--figma-typography-line-height-2, 20px);flex:1;font-family:var(--figma-typography-font-family-text, "SF Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .notes-upload-preview-value{color:var(--figma-colors-neutral-neutral-12-dark)}.notes-upload-error-message{padding:var(--figma-spacing-3, 12px);background:var(--figma-colors-red-3);border:1px solid var(--figma-colors-red-7);border-radius:var(--figma-radius-2, 4px);color:var(--figma-colors-red-11);font-size:var(--figma-typography-font-size-2, 14px);font-weight:500;line-height:var(--figma-typography-line-height-2, 20px);margin-bottom:var(--figma-spacing-5, 24px);font-family:var(--figma-typography-font-family-text, "SF Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .notes-upload-error-message{background:var(--figma-colors-red-3-dark);border-color:var(--figma-colors-red-7-dark);color:var(--figma-colors-red-11-dark)}.notes-upload-modal-actions{display:flex;gap:var(--figma-spacing-3, 12px);justify-content:flex-end;margin-top:var(--figma-spacing-5, 24px);padding-top:var(--figma-spacing-5, 24px);border-top:1px solid var(--figma-colors-neutral-neutral-4)}:root[data-theme=dark] .notes-upload-modal-actions{border-top-color:var(--figma-colors-neutral-neutral-4-dark)}.notes-upload-cancel-btn,.notes-upload-submit-btn{padding:var(--figma-spacing-2, 8px) var(--figma-spacing-4, 16px);border:none;border-radius:var(--figma-radius-2, 4px);font-size:var(--figma-typography-font-size-2, 14px);font-weight:500;line-height:var(--figma-typography-line-height-2, 20px);letter-spacing:var(--figma-typography-letter-spacing-2, 0px);cursor:pointer;transition:all .2s ease;min-width:120px;height:var(--figma-tokens-space-button-height-2, 32px);font-family:var(--figma-typography-font-family-text, "SF Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}.notes-upload-cancel-btn{background:var(--figma-colors-neutral-neutral-2);color:var(--figma-colors-neutral-neutral-12);border:1px solid var(--figma-colors-neutral-neutral-6)}:root[data-theme=dark] .notes-upload-cancel-btn{background:var(--figma-colors-neutral-neutral-2-dark);color:var(--figma-colors-neutral-neutral-12-dark);border-color:var(--figma-colors-neutral-neutral-6-dark)}.notes-upload-cancel-btn:hover:not(:disabled){background:var(--figma-colors-neutral-neutral-3);border-color:var(--figma-colors-neutral-neutral-7)}:root[data-theme=dark] .notes-upload-cancel-btn:hover:not(:disabled){background:var(--figma-colors-neutral-neutral-3-dark);border-color:var(--figma-colors-neutral-neutral-7-dark)}.notes-upload-submit-btn{background:var(--figma-colors-product-solid-9);color:var(--figma-colors-base-white)}:root[data-theme=dark] .notes-upload-submit-btn{background:var(--figma-colors-product-solid-9-dark)}.notes-upload-submit-btn:hover:not(:disabled){background:var(--figma-colors-product-solid-10);transform:translateY(-1px);box-shadow:0 4px 12px #126df64d}:root[data-theme=dark] .notes-upload-submit-btn:hover:not(:disabled){background:var(--figma-colors-product-solid-10-dark)}.notes-upload-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #126df633}.notes-upload-cancel-btn:disabled,.notes-upload-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 1200px){.notes-list-container{max-height:400px}}@media (max-width: 768px){.notes-container{flex-direction:column}.notes-sidebar{width:100%;min-width:100%;height:auto;max-height:300px;position:relative;top:0}.notes-main-content{padding-left:0;padding-top:1rem}.notes-page{padding:1rem;padding-top:80px}.notes-upload-modal{max-width:100%;margin:0}}.leaderboard-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.leaderboard-header{text-align:center;margin-bottom:30px;padding:20px 0;border-bottom:2px solid hsl(var(--border))}.leaderboard-header h1{margin:0 0 10px;font-size:2rem;font-weight:600;color:hsl(var(--foreground))}.leaderboard-header p{margin:0;font-size:1rem;color:hsl(var(--black))}.leaderboard-controls{display:flex;justify-content:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}.period-selector,.leaderboard-type-selector{display:flex;gap:10px;background:hsl(var(--muted));padding:5px;border-radius:8px}.period-btn,.type-btn{padding:10px 20px;border:none;background:transparent;color:hsl(var(--black));cursor:pointer;border-radius:6px;font-size:.95rem;font-weight:500;transition:all .2s ease}.period-btn:hover,.type-btn:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.period-btn.active,.type-btn.active{background:hsl(var(--primary));color:hsl(var(--white))}.leaderboard-info{display:flex;justify-content:center;gap:30px;margin-bottom:20px;padding:15px;background:hsl(var(--muted));border-radius:8px;flex-wrap:wrap}.info-item{display:flex;align-items:center;gap:8px;color:hsl(var(--black))}.info-item .info-label{font-size:.875rem;color:hsl(var(--black));font-weight:500}.info-item .info-value{font-size:.875rem;color:hsl(var(--black));font-weight:600}.leaderboard-container .leaderboard-info .info-item,.leaderboard-container .leaderboard-info .info-item span,.leaderboard-container .leaderboard-info .info-item .info-label,.leaderboard-container .leaderboard-info .info-item .info-value,.main-content .leaderboard-container .leaderboard-info .info-item,.main-content .leaderboard-container .leaderboard-info .info-item span,.main-content .leaderboard-container .leaderboard-info .info-item .info-label,.main-content .leaderboard-container .leaderboard-info .info-item .info-value{color:hsl(var(--black))}.user-rank-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;padding:20px;margin-bottom:30px;box-shadow:0 2px 8px hsl(var(--black) / .1)}.user-rank-card h3{margin:0 0 15px;font-size:1.25rem;color:hsl(var(--black))}.user-rank-stats{display:flex;gap:30px;flex-wrap:wrap}.rank-stat{display:flex;flex-direction:column;gap:5px}.stat-label{font-size:.875rem;color:hsl(var(--black));font-weight:500}.stat-value{font-size:1.5rem;font-weight:600;color:hsl(var(--primary))}.leaderboard-table-container{overflow-x:auto;margin-bottom:20px;background:hsl(var(--card));border-radius:12px;box-shadow:0 2px 8px hsl(var(--black) / .1)}.leaderboard-table{width:100%;border-collapse:collapse;min-width:600px}.leaderboard-table thead{background:hsl(var(--muted))}.leaderboard-table th{padding:15px;text-align:left;font-weight:600;color:hsl(var(--black));border-bottom:2px solid hsl(var(--border))}.leaderboard-table td{padding:15px;border-bottom:1px solid hsl(var(--border));background:hsl(var(--background-dark));color:hsl(var(--primary-foreground))}.leaderboard-table tbody tr:hover{background:hsl(var(--muted))}.leaderboard-table tbody tr.current-user{background:hsl(var(--background));font-weight:600}.leaderboard-table tbody tr.current-user td{background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:600}.rank-cell{font-weight:600;display:flex;align-items:center;gap:8px}.medal{font-size:1.2rem}.name-cell{font-weight:500}.value-cell{font-weight:600;color:hsl(var(--black));text-align:right}.percentile-cell{color:hsl(var(--black))}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px}.pagination-btn{padding:10px 20px;border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--black));cursor:pointer;border-radius:6px;font-size:.95rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.pagination-info{font-size:.95rem;color:hsl(var(--black));font-weight:500}.loading-state,.error-state,.empty-state{text-align:center;padding:40px 20px;color:hsl(var(--black));font-size:1.1rem}.error-state{color:hsl(var(--destructive))}@media (max-width: 768px){.leaderboard-container{padding:15px}.leaderboard-header h1{font-size:1.5rem}.leaderboard-controls{flex-direction:column;align-items:stretch}.period-selector,.leaderboard-type-selector{width:100%;justify-content:center}.user-rank-stats{justify-content:space-around}.leaderboard-table{font-size:.9rem}.leaderboard-table th,.leaderboard-table td{padding:10px}.pagination{flex-wrap:wrap}.leaderboard-info{flex-direction:column;gap:10px;padding:12px}.info-item{justify-content:space-between;width:100%}}footer{position:relative}@media (max-width: 768px){footer{z-index:2}}.challenges-page{padding:2rem;min-height:100vh}.challenges-content{margin-top:2rem}.challenges-content h1{font-size:2rem;margin-bottom:1rem;color:var(--text-primary)}.challenges-content p{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem}.challenges-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1.5rem;min-height:300px}.loading-spinner{position:relative;width:56px;height:56px}.loading-spinner:before,.loading-spinner:after{content:"";position:absolute;border-radius:50%;border:3px solid transparent;border-top-color:hsl(var(--primary));animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.loading-spinner:before{width:100%;height:100%;border-top-color:hsl(var(--primary));border-right-color:hsl(var(--primary) / .3)}.challenges-loading p{color:hsl(var(--foreground) / .7);font-size:1rem;font-weight:500;margin:0;animation:pulse 2s ease-in-out infinite}.skeleton-loader{background:linear-gradient(90deg,hsl(var(--muted)),hsl(var(--muted) / .5),hsl(var(--muted)));background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px}.ratings-skeleton{margin-top:2rem}.ratings-skeleton h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.ratings-skeleton-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.skeleton-rating-card{background:transparent;border:1px solid hsl(var(--border));border-radius:12px;padding:2rem;text-align:center}.skeleton-rating-mode{width:60%;height:20px;margin:0 auto 1rem}.skeleton-rating-value{width:80px;height:60px;margin:0 auto .5rem}.skeleton-rating-label{width:50%;height:16px;margin:0 auto}.history-skeleton{margin-top:3rem}.skeleton-history-header{width:200px;height:28px;margin-bottom:1.5rem}.skeleton-table{width:100%;border-collapse:collapse}.skeleton-table thead{border-bottom:2px solid hsl(var(--border))}.skeleton-table th{padding:1rem;text-align:left}.skeleton-table-row{border-bottom:1px solid hsl(var(--border))}.skeleton-table-cell{padding:1rem;height:60px}.skeleton-table-cell div{height:20px;width:80%}.challenges-error{padding:1rem;background-color:hsl(var(--destructive) / .1);border:1px solid hsl(var(--destructive) / .3);border-radius:8px;color:hsl(var(--destructive));margin:1rem 0}.ratings-container{margin-top:2rem}.ratings-container h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.ratings-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.rating-card{background:transparent;border:1px solid hsl(var(--border));border-radius:12px;padding:2rem;text-align:center;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.rating-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.rating-mode{font-size:1rem;color:var(--text-secondary);margin-bottom:1rem;font-weight:500}.rating-value{font-size:3rem;font-weight:700;color:hsl(var(--primary));margin-bottom:.5rem}.rating-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.challenges-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.header-actions{display:flex;gap:1rem;align-items:center}.custom-challenge-btn{white-space:nowrap}.invitations-container{margin-bottom:2rem;padding:1.5rem;background:hsl(var(--primary) / .05);border:1px solid hsl(var(--primary) / .2);border-radius:12px}.invitations-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.invitations-header h3{font-size:1.25rem;color:var(--text-primary);margin:0}.invitation-card{background:var(--background);border:1px solid hsl(var(--border));border-radius:8px;padding:1rem;margin-bottom:1rem;transition:all .2s}.invitation-card:last-child{margin-bottom:0}.invitation-card:hover{border-color:hsl(var(--primary));box-shadow:0 2px 8px #0000001a}.invitation-content{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.invitation-sender{flex:1;color:var(--text-primary);font-size:1rem}.invitation-actions{display:flex;gap:.75rem;align-items:center}.start-challenge-btn{background:hsl(var(--primary));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.start-challenge-btn:hover{background:hsl(var(--primary-hover));transform:translateY(-2px);box-shadow:0 4px 12px hsl(var(--primary) / .3)}.start-challenge-btn:active{transform:translateY(0)}.challenge-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.challenge-modal{background:hsl(var(--theme-card, 220 26% 12%));border-radius:16px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out;border:1px solid hsl(var(--border))}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.challenge-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid hsl(var(--border))}.challenge-modal-header h2{margin:0;font-size:1.5rem;color:var(--text-primary)}.challenge-modal-close{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--text-secondary);transition:all .2s}.challenge-modal-close:hover{background:hsl(var(--border));color:var(--text-primary)}.challenge-modal-content{padding:2rem;min-height:300px;width:100%;box-sizing:border-box}.challenge-option-card{background:transparent;border:2px solid hsl(var(--border));border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.75rem}.challenge-option-card:hover{border-color:hsl(var(--primary));transform:translateY(-4px);box-shadow:0 8px 24px #007bff26}.challenge-option-card:active{transform:translateY(-2px)}.challenge-option-icon{font-size:3rem;margin-bottom:.5rem}.challenge-option-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.challenge-option-details{font-size:1rem;font-weight:500;color:hsl(var(--primary))}.challenge-option-description{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem}.challenge-subject-selection{display:flex;flex-direction:column;gap:1.5rem}.selection-step-info{font-size:.875rem;color:var(--text-secondary);text-align:center;margin:0 0 1.5rem}.subject-selection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:100%;align-items:stretch;width:100%;box-sizing:border-box}@media (max-width: 768px){.subject-selection-grid{grid-template-columns:1fr;gap:1.5rem}}.subject-selection-card{background:transparent;border:2px solid hsl(var(--border));border-radius:16px;padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1.25rem;position:relative;min-height:280px;width:100%;box-sizing:border-box}.subject-selection-card:hover{border-color:hsl(var(--primary));transform:translateY(-4px);box-shadow:0 8px 24px #007bff26;background:#007bff0d}.subject-selection-card:active{transform:translateY(-2px)}.subject-icon{font-size:4rem;line-height:1;margin-bottom:.5rem;flex-shrink:0}.subject-name{font-size:1.375rem;font-weight:600;color:var(--text-primary);margin:.5rem 0;flex-shrink:0}.subject-arrow{font-size:1.75rem;color:var(--text-secondary);opacity:.5;transition:all .2s;margin-top:auto;flex-shrink:0}.subject-selection-card:hover .subject-arrow{opacity:1;transform:translate(4px);color:hsl(var(--primary))}.challenge-duration-selection{display:flex;flex-direction:column;gap:1.5rem}.back-button{align-self:flex-start;margin-bottom:.5rem}.duration-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;align-items:stretch}.duration-option-card{background:transparent;border:2px solid hsl(var(--border));border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;min-height:220px}.duration-option-card:hover{border-color:hsl(var(--primary));transform:translateY(-4px);box-shadow:0 8px 24px #007bff26;background:#007bff0d}.duration-option-card:active{transform:translateY(-2px)}.duration-icon{font-size:3rem;line-height:1}.duration-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.duration-details{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.875rem;color:var(--text-secondary);flex-wrap:wrap;min-height:1.5rem}.duration-time{font-weight:600;color:hsl(var(--primary))}.duration-separator{opacity:.5}.duration-questions{font-weight:500;white-space:nowrap}.duration-description{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem;line-height:1.4;text-align:center}.game-history-container{margin-top:3rem}.game-history-header{margin-bottom:1.5rem}.game-history-header h2{font-size:1.5rem;color:var(--text-primary);margin:0}.game-history-table-container{overflow-x:auto;background:transparent;border:none;border-radius:12px}.game-history-table{width:100%;border-collapse:collapse}.game-history-table thead{background:transparent;border-bottom:2px solid hsl(var(--border))}.game-history-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.game-history-table td{padding:1rem;border-bottom:1px solid hsl(var(--border));color:var(--text-primary);vertical-align:middle}.game-history-table tbody tr:hover{background:#ffffff0d}.game-history-table tbody tr:last-child td{border-bottom:none}.mode-cell{vertical-align:middle}.game-mode-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.players-cell{min-width:250px}.players-info{display:flex;flex-direction:column;gap:.5rem}.mode-icon{color:hsl(var(--primary))}.mode-text{font-weight:500}.player-row{display:flex;align-items:center;gap:.5rem}.player-name{font-weight:500;color:var(--text-primary)}.player-rating{font-size:.875rem;color:var(--text-secondary)}.result-cell{vertical-align:middle}.result-score-display{display:flex;align-items:center;gap:.5rem;justify-content:flex-start}.result-score-value{font-weight:600;font-size:1rem;color:var(--text-primary);min-width:24px;text-align:center}.result-score-value.score-win{color:#10b981}.result-score-value.score-loss{color:#ef4444}.result-score-value.score-draw{color:#f59e0b}.result-separator{color:var(--text-secondary);font-weight:500;font-size:.875rem}.result-indicator{display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-weight:700;font-size:.875rem;line-height:1;border-radius:4px;font-family:system-ui,-apple-system,sans-serif}.result-indicator.win{color:#10b981;background:#10b98126;border:1px solid rgba(16,185,129,.3)}.result-indicator.loss{color:#ef4444;background:#ef444426;border:1px solid rgba(239,68,68,.3)}.result-indicator.draw{color:#f59e0b;background:#f59e0b26;border:1px solid rgba(245,158,11,.3)}.result-icon{line-height:1}.questions-cell{font-weight:500;color:var(--text-primary)}.date-cell{color:var(--text-secondary);font-size:.875rem}.action-cell{text-align:right}.review-btn{background:hsl(var(--primary));color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.review-btn:hover{background:hsl(var(--primary-hover));transform:translateY(-1px);box-shadow:0 2px 8px #007bff4d}.review-btn:active{transform:translateY(0)}.no-history{padding:3rem;text-align:center;color:var(--text-secondary);background:transparent;border:1px solid hsl(var(--border));border-radius:12px}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}.pagination-btn{background:transparent;color:var(--text-primary);border:1px solid hsl(var(--border));padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#ffffff1a;border-color:hsl(var(--primary));color:var(--text-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--text-secondary);font-size:.875rem}@media (max-width: 768px){.challenges-header{flex-direction:column}.start-challenge-btn{width:100%}.challenge-modal-content{grid-template-columns:1fr}.game-history-table{font-size:.875rem}.game-history-table th,.game-history-table td{padding:.75rem .5rem}.players-cell{min-width:200px}.player-name{font-size:.875rem}.player-rating{font-size:.75rem}.result-score{font-size:.875rem}.review-btn{padding:.4rem .75rem;font-size:.75rem}}.challenge-invitation-toast{background:hsl(var(--theme-card))!important;border:1px solid hsl(var(--primary) / .3)!important;border-radius:12px!important;box-shadow:0 4px 16px #0006!important;padding:16px!important;min-width:480px!important;max-width:600px!important;width:auto!important}.challenge-invitation-toast [data-sonner-toast]{background:hsl(var(--theme-card))!important;border:1px solid hsl(var(--primary) / .3)!important;border-radius:12px!important}.challenge-invitation-toast [data-button]{border-radius:8px!important;font-weight:600!important;transition:all .2s ease!important;padding:8px 16px!important;font-size:14px!important}.challenge-invitation-toast [data-button]:hover{transform:translateY(-1px)!important;box-shadow:0 2px 8px #0003!important}.challenge-invitation-toast [data-button][data-action]{background:hsl(var(--primary))!important;color:hsl(var(--primary-foreground))!important}.challenge-invitation-toast [data-button][data-action]:hover{background:hsl(var(--primary-hover))!important}.challenge-invitation-toast [data-button][data-cancel]{background:transparent!important;border:1px solid hsl(var(--border))!important;color:hsl(var(--theme-text))!important}.challenge-invitation-toast [data-button][data-cancel]:hover{background:hsl(var(--theme-bg))!important;border-color:hsl(var(--destructive) / .5)!important;color:hsl(var(--destructive))!important}.challenge-invitation-toast [data-title]{color:hsl(var(--theme-heading))!important;font-weight:600!important;font-size:16px!important}.challenge-invitation-toast [data-description]{color:hsl(var(--theme-text))!important;font-size:14px!important;line-height:1.5!important;margin-top:4px!important}.challenge-invitation-toast [data-icon]{color:hsl(var(--primary))!important}.rating-card.clickable{cursor:pointer;transition:all .2s}.rating-card.clickable:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003}.rating-change{margin:.5rem 0;display:flex;align-items:center;justify-content:center;gap:.25rem}.rating-change-positive{color:#10b981;display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600}.rating-change-negative{color:#ef4444;display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600}.rating-mini-chart{margin-top:1rem;height:40px;width:100%}.rating-history-container{margin-top:3rem;padding:2rem;background:transparent;border:1px solid hsl(var(--border));border-radius:12px}.rating-history-container h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:1.5rem}.rating-history-graph{width:100%;height:300px}.analytics-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;overflow-y:auto}.analytics-modal{background:hsl(var(--theme-card, 220 26% 12%));border-radius:16px;width:100%;max-width:1000px;max-height:90vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 20px 60px #00000080;animation:modalSlideIn .3s ease-out;border:1px solid hsl(var(--border))}.analytics-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid hsl(var(--border));position:sticky;top:0;background:hsl(var(--theme-card, 220 26% 12%));z-index:10}.analytics-modal-header h2{margin:0;font-size:1.5rem;color:var(--text-primary)}.analytics-modal-close{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--text-secondary);transition:all .2s}.analytics-modal-close:hover{background:hsl(var(--border));color:var(--text-primary)}.analytics-modal-content{padding:2rem}.analytics-loading,.analytics-empty{padding:3rem;text-align:center;color:var(--text-secondary)}.analytics-rating-section{margin-bottom:2rem}.analytics-current-rating{text-align:center;padding:2rem;background:transparent;border:1px solid hsl(var(--border));border-radius:12px}.analytics-rating-value{font-size:4rem;font-weight:700;color:hsl(var(--primary));margin-bottom:.5rem}.analytics-rating-label{font-size:1rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.analytics-rating-change{font-size:.875rem;color:var(--text-secondary)}.analytics-rating-change-text.positive{color:#10b981}.analytics-rating-change-text.negative{color:#ef4444}.analytics-graph-section{margin-bottom:2rem}.analytics-graph-section h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:1rem}.analytics-stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.analytics-stat-card{padding:1.5rem;background:transparent;border:1px solid hsl(var(--border));border-radius:12px;text-align:center}.stat-icon{color:hsl(var(--primary));margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.stat-label{font-size:.875rem;color:var(--text-secondary)}.analytics-results-section{margin-bottom:2rem}.analytics-results-section h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:1rem}.results-breakdown{margin-top:1rem}.result-bar{display:flex;height:40px;border-radius:8px;overflow:hidden;background:hsl(var(--border))}.result-bar-segment{display:flex;align-items:center;justify-content:center;padding:0 .5rem;min-width:80px;position:relative}.result-bar-segment.win{background:#10b981;color:#fff}.result-bar-segment.draw{background:#f59e0b;color:#fff}.result-bar-segment.loss{background:#ef4444;color:#fff}.result-label{font-size:.75rem;font-weight:600;white-space:nowrap}.analytics-opponent-rating-section{margin-bottom:2rem}.analytics-opponent-rating-section h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:1rem}.opponent-rating-stats{display:flex;flex-direction:column;gap:1rem}.opponent-rating-stat{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:transparent;border:1px solid hsl(var(--border));border-radius:8px}.opponent-rating-label{font-size:.875rem;color:var(--text-secondary)}.opponent-rating-value{font-size:1.25rem;font-weight:600}.opponent-rating-value.positive{color:#10b981}.opponent-rating-value.neutral{color:#f59e0b}.opponent-rating-value.negative{color:#ef4444}.analytics-best-performance{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.best-performance-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:transparent;border:1px solid hsl(var(--border));border-radius:12px}.performance-icon{color:hsl(var(--primary));flex-shrink:0}.performance-content{flex:1}.performance-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.performance-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.performance-opponent{font-size:.875rem;color:var(--text-secondary);font-weight:400}@media (max-width: 768px){.analytics-modal{max-width:100%;margin:1rem}.analytics-rating-value{font-size:3rem}.analytics-stats-section,.analytics-best-performance{grid-template-columns:1fr}.result-label{font-size:.65rem}}.challenge-live-page{padding:2rem;min-height:100vh;display:flex;flex-direction:column}.challenge-live-content{margin-top:2rem;display:flex;justify-content:center;align-items:center;flex:1}.challenge-status{text-align:center;max-width:500px;width:100%;padding:var(--figma-spacing-12, 48px);background:var(--figma-colors-slate-1, #fcfcfd);border-radius:var(--figma-radius-5, 20px);box-shadow:0 20px 60px #0000001a;border:1px solid var(--figma-colors-slate-4, #e8e8ec)}:root[data-theme=dark] .challenge-status{background:var(--figma-colors-slate-1-dark, #111113);border-color:var(--figma-colors-slate-4-dark, #272a2d);box-shadow:0 20px 60px #0000004d}.connecting h2{margin-top:1.5rem;color:var(--text-primary);font-size:1.75rem;font-weight:600}.connecting p{color:var(--text-secondary);margin-top:.5rem;font-size:1rem;animation:fadeInOut 2s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}.status-spinner{position:relative;width:64px;height:64px;margin:0 auto}.status-spinner:before,.status-spinner:after{content:"";position:absolute;border-radius:50%;border:4px solid transparent;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.status-spinner:before{width:100%;height:100%;border-top-color:hsl(var(--primary));border-right-color:hsl(var(--primary) / .3);border-bottom-color:hsl(var(--primary) / .1)}.status-spinner:after{width:70%;height:70%;top:15%;left:15%;border-top-color:hsl(var(--primary) / .6);animation-direction:reverse;animation-duration:.8s}.waiting h2{margin-top:var(--figma-spacing-8, 32px);color:var(--figma-colors-slate-12, #1c2024);font-size:var(--figma-typography-font-size-7, 40px);line-height:var(--figma-typography-line-height-7, 48px);letter-spacing:var(--figma-typography-letter-spacing-7, -.12px);font-weight:600;font-family:var(--font-family, "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);animation:fadeInUp .6s ease-out}:root[data-theme=dark] .waiting h2{color:var(--figma-colors-slate-12-dark, #edeef0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.waiting-animation{display:flex;justify-content:center;align-items:center;gap:1rem;margin:2rem 0;height:80px}.pulse-circle{width:16px;height:16px;background:var(--figma-colors-product-solid-9, #126df6);border-radius:50%;animation:pulse 1.4s ease-in-out infinite;box-shadow:0 0 #126df6b3}:root[data-theme=dark] .pulse-circle{background:var(--figma-colors-product-solid-9-dark, #3b82f6);box-shadow:0 0 #3b82f6b3}.pulse-circle:nth-child(1){animation-delay:0s}.pulse-circle:nth-child(2){animation-delay:.2s}.pulse-circle:nth-child(3){animation-delay:.4s}@keyframes pulse{0%{transform:scale(1);opacity:1;box-shadow:0 0 #126df6b3}50%{transform:scale(1.3);opacity:.7;box-shadow:0 0 0 8px #126df600}to{transform:scale(1);opacity:1;box-shadow:0 0 #126df600}}:root[data-theme=dark] .pulse-circle{box-shadow:0 0 #3b82f6b3}.mode-info{color:var(--figma-colors-slate-9, #8b8d98);font-size:var(--figma-typography-font-size-3, 18px);line-height:var(--figma-typography-line-height-3, 28px);margin:var(--figma-spacing-4, 16px) 0;font-family:var(--font-family, "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .mode-info{color:var(--figma-colors-slate-9-dark, #696e77)}.waiting-time{margin:var(--figma-spacing-8, 32px) 0;padding:var(--figma-spacing-5, 20px) var(--figma-spacing-6, 24px);background:var(--figma-colors-slate-2, #f9f9fb);border:1px solid var(--figma-colors-slate-4, #e8e8ec);border-radius:var(--figma-radius-4, 16px);display:flex;justify-content:center;align-items:center;gap:var(--figma-spacing-3, 12px);transition:all .3s ease}:root[data-theme=dark] .waiting-time{background:var(--figma-colors-slate-2-dark, #18191b);border-color:var(--figma-colors-slate-4-dark, #272a2d)}.waiting-time:hover{background:var(--figma-colors-slate-3, #f0f0f3);border-color:var(--figma-colors-product-solid-9, #126df6)}:root[data-theme=dark] .waiting-time:hover{background:var(--figma-colors-slate-3-dark, #212225);border-color:var(--figma-colors-product-solid-9-dark, #3b82f6)}.time-label{color:var(--figma-colors-slate-9, #8b8d98);font-size:var(--figma-typography-font-size-2, 14px);line-height:var(--figma-typography-line-height-2, 20px);font-weight:500;font-family:var(--font-family, "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .time-label{color:var(--figma-colors-slate-9-dark, #696e77)}.time-value{color:var(--figma-colors-product-solid-9, #126df6);font-size:var(--figma-typography-font-size-6, 28px);line-height:var(--figma-typography-line-height-6, 36px);font-weight:600;font-family:var(--font-family, "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-variant-numeric:tabular-nums}:root[data-theme=dark] .time-value{color:var(--figma-colors-product-solid-9-dark, #3b82f6)}.leave-btn,.back-btn{margin-top:2rem;padding:.75rem 2rem;background:#dc3545;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.leave-btn:hover,.back-btn:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.matched h2{margin-top:1.5rem;color:#28a745;font-size:2rem}.match-success{width:80px;height:80px;background:#28a745;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.opponent-info{margin:2rem 0;padding:1.5rem;background:var(--background-secondary, #f5f5f5);border-radius:12px}.opponent-profile-pictures{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.matched-profile-picture{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--accent, #6e56cf);flex-shrink:0}.matched-profile-picture.own-picture{border-color:var(--accent, #6e56cf)}.matched-profile-picture.opponent-picture{border-color:#a78bfa}.opponent-name{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.challenge-mode{color:var(--text-secondary);font-size:1rem}.redirect-message{color:var(--text-secondary);font-style:italic;margin-top:1rem}.error h2{margin-top:1.5rem;color:#dc3545}.error-icon{width:80px;height:80px;background:#dc3545;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto}.error-message{color:var(--text-secondary);margin:1rem 0}.challenge-error{text-align:center;padding:3rem}.challenge-error h2{color:#dc3545;margin-bottom:1rem}.challenge-error p{color:var(--text-secondary);margin-bottom:2rem}@media (max-width: 768px){.challenge-live-page{padding:1rem}.challenge-status{padding:2rem 1.5rem}.waiting h2{font-size:1.5rem}}.challenge-question-palette{background:#1f2937;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000004d;width:100%;max-width:400px;margin:0 auto}.challenge-palette-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.challenge-palette-title{font-size:1.25rem;font-weight:700;color:#e5e7eb;margin:0}.challenge-palette-progress-text{color:#6e56cf;font-weight:600;font-size:1.25rem;min-width:50px;text-align:right}.challenge-palette-progress-container{margin-bottom:1.5rem}.challenge-palette-progress-bar{width:100%;height:6px;background:#374151;border-radius:3px;overflow:hidden}.challenge-palette-progress-fill{height:100%;background:linear-gradient(90deg,#6e56cf,#8b7dd8);border-radius:3px;transition:width .3s ease}.challenge-palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:.75rem;margin-bottom:1.5rem}.challenge-palette-item{aspect-ratio:1;width:100%;min-width:44px;max-width:56px;background:#374151;color:#e5e7eb;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border:2px solid #4b5563}.challenge-palette-item:hover:not(.disabled){background:#4b5563;transform:scale(1.05);border-color:#6e56cf}.challenge-palette-item.disabled{cursor:not-allowed;opacity:.7}.challenge-palette-item.disabled:hover{transform:none;background:inherit;border-color:inherit}.challenge-palette-item.current{background:#6e56cf4d;border-color:#6e56cf;color:#e5e7eb;box-shadow:0 0 0 2px #6e56cf33}.challenge-palette-item.current-answered{background:#6e56cf66;border-color:#8b7dd8;color:#e5e7eb;box-shadow:0 0 0 2px #6e56cf4d}.challenge-palette-item.answered-correct{background:#22c55e4d;border-color:#22c55e;color:#fff;font-weight:700}.challenge-palette-item.answered-incorrect{background:#ef44444d;border-color:#ef4444;color:#fff;font-weight:700}.challenge-palette-item.current-correct{background:#22c55e66;border-color:#22c55e;color:#fff;box-shadow:0 0 0 2px #22c55e4d;font-weight:700}.challenge-palette-item.current-incorrect{background:#ef444466;border-color:#ef4444;color:#fff;box-shadow:0 0 0 2px #ef44444d;font-weight:700}.challenge-palette-item.not-visited{background:#374151;border-color:#4b5563;color:#9ca3af}.challenge-palette-legend-container{position:relative;padding-top:1rem;border-top:1px solid #374151;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.challenge-palette-legend-button{background:transparent;border:none;border-radius:4px;color:#fff;font-size:.75rem;font-weight:400;padding:.25rem .5rem;cursor:pointer;transition:all .2s ease;text-align:center;opacity:.6}.challenge-palette-legend-button:hover{opacity:1;color:#fff;background:#6e56cf0d}.challenge-palette-resign-button{background:transparent;border:1px solid #ef4444;border-radius:4px;color:#ef4444;font-size:.75rem;font-weight:600;padding:.25rem .75rem;cursor:pointer;transition:all .2s ease;text-align:center;opacity:.8;white-space:nowrap}.challenge-palette-resign-button:hover:not(:disabled){opacity:1;color:#fff;background:#ef444433;border-color:#ef4444}.challenge-palette-resign-button:disabled{opacity:.4;cursor:not-allowed}.challenge-palette-legend{position:absolute;bottom:100%;left:0;right:0;margin-bottom:.5rem;display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#1f2937;border:1px solid #374151;border-radius:8px;box-shadow:0 4px 12px #00000080;z-index:10}.challenge-legend-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#9ca3af}.challenge-legend-color{width:20px;height:20px;border-radius:4px;border:2px solid}.challenge-legend-color.not-visited{background:#374151;border-color:#4b5563}.challenge-legend-color.answered-correct{background:#22c55e4d;border-color:#22c55e}.challenge-legend-color.answered-incorrect{background:#ef44444d;border-color:#ef4444}.challenge-legend-color.current{background:#6e56cf4d;border-color:#6e56cf}.challenge-palette-action-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;width:100%}.challenge-palette-rematch-btn{width:100%;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6e56cf,#8b5cf6);border:2px solid #6e56cf;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.challenge-palette-rematch-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#a78bfa);transform:translateY(-2px);box-shadow:0 4px 12px #6e56cf66}.challenge-palette-rematch-btn:active:not(:disabled){transform:translateY(0)}.challenge-palette-rematch-btn:disabled{opacity:.6;cursor:not-allowed}.challenge-palette-start-new-btn{width:100%;padding:.75rem 1.5rem;background:transparent;border:2px solid #ffffff;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.challenge-palette-start-new-btn:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.challenge-palette-start-new-btn:active{transform:translateY(0)}@media (max-width: 768px){.challenge-question-palette{padding:1.25rem;max-width:100%}.challenge-palette-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:.5rem}.challenge-palette-item{min-width:40px;max-width:48px;font-size:.9rem}}.challenge-game-page{padding:2rem;min-height:100vh;background:hsl(var(--theme-bg));color:hsl(var(--theme-text))}.challenge-game-loading,.challenge-game-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:1.5rem}.challenge-game-loading{padding:4rem 2rem}.loading-spinner{position:relative;width:64px;height:64px}.loading-spinner:before,.loading-spinner:after{content:"";position:absolute;border-radius:50%;border:4px solid transparent;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.loading-spinner:before{width:100%;height:100%;border-top-color:hsl(var(--primary));border-right-color:hsl(var(--primary) / .3);border-bottom-color:hsl(var(--primary) / .1)}.loading-spinner:after{width:70%;height:70%;top:15%;left:15%;border-top-color:hsl(var(--primary) / .6);animation-direction:reverse;animation-duration:.8s}.challenge-game-loading p{color:hsl(var(--theme-muted));font-size:1.1rem;font-weight:500;margin:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.challenge-game-skeleton{max-width:900px;margin:0 auto}.skeleton-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;background:hsl(var(--theme-card));border-radius:12px;gap:2rem;flex-wrap:wrap}.skeleton-header-left{flex:1;min-width:200px}.skeleton-title{width:200px;height:24px;background:linear-gradient(90deg,hsl(var(--muted)),hsl(var(--muted-foreground) / .3),hsl(var(--muted)));background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:6px;margin-bottom:.5rem}.skeleton-subtitle{width:150px;height:16px;background:linear-gradient(90deg,hsl(var(--muted)),hsl(var(--muted-foreground) / .3),hsl(var(--muted)));background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:6px}.skeleton-stats{display:flex;gap:1rem;flex-wrap:wrap}.skeleton-stat{width:120px;height:80px;background:linear-gradient(90deg,hsl(var(--muted)),hsl(var(--muted-foreground) / .3),hsl(var(--muted)));background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px}.skeleton-progress{width:100%;height:8px;background:hsl(var(--muted));border-radius:4px;margin-bottom:2rem;overflow:hidden}.skeleton-progress-bar{height:100%;width:30%;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--primary-hover)),hsl(var(--primary)));background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.skeleton-question{background:hsl(var(--theme-card));border-radius:12px;padding:2rem}.skeleton-question-text{width:100%;height:24px;background:linear-gradient(90deg,hsl(var(--muted)),hsl(var(--muted-foreground) / .3),hsl(var(--muted)));background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:6px;margin-bottom:1rem}.skeleton-question-text:nth-child(2){width:80%}.skeleton-question-text:nth-child(3){width:60%}.skeleton-options{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.skeleton-option{width:100%;height:60px;background:linear-gradient(90deg,hsl(var(--muted)),hsl(var(--muted-foreground) / .3),hsl(var(--muted)));background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.challenge-game-content{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.challenge-score-bar{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:hsl(var(--muted));border-radius:12px;margin-bottom:1.5rem}.score-bar-row{display:flex;width:100%}.score-bar-row-first{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.score-bar-row-second{justify-content:flex-start;align-items:flex-start;margin-top:.5rem}.score-bar-center{display:flex;align-items:center;justify-content:center;grid-column:2}.score-bar-left{display:flex;flex-direction:column;gap:1rem;grid-column:1;justify-self:start}.score-bar-left-content{display:flex;gap:1rem}.player-info{display:flex;align-items:center;gap:.75rem}.player-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid hsl(var(--primary));flex-shrink:0}.player-name{font-size:1rem;font-weight:600;color:hsl(var(--theme-text))}.player-rating{display:flex;background:var(--accent);align-items:center;gap:.5rem;padding:.5rem;border-radius:.5rem;box-shadow:0 0 .5rem hsl(var(--black) / .1)}.rating-icon{display:inline-flex;align-items:center;justify-content:center;color:hsl(var(--primary));flex-shrink:0;width:18px;height:18px}.rating-value-live{font-weight:700;font-size:1.5rem;color:hsl(var(--primary));line-height:1;display:inline-flex;align-items:center}.score-bar-right{display:flex;align-items:center;gap:1rem;grid-column:3;justify-self:end}.challenge-title-info{display:flex;flex-direction:column;gap:.25rem}.challenge-title-info h1{margin:0;font-size:1.2rem;font-weight:700;color:hsl(var(--primary))}.challenge-title-info p{margin:0;font-size:.875rem;color:hsl(var(--theme-muted))}.score-bar-timer{display:flex;align-items:center;gap:var(--figma-spacing-3, 12px);color:var(--figma-colors-slate-12, #1c2024);padding:var(--figma-spacing-2p5, 10px) var(--figma-spacing-4, 16px);background:var(--figma-colors-slate-1, #fcfcfd);border:1px solid var(--figma-colors-slate-4, #e8e8ec);border-radius:var(--figma-radius-3, 10px);box-shadow:0 2px 4px #0000001a}:root[data-theme=dark] .score-bar-timer{color:var(--figma-colors-slate-12-dark, #edeef0);background:var(--figma-colors-slate-1-dark, #111113);border-color:var(--figma-colors-slate-4-dark, #272a2d);box-shadow:0 2px 4px #0000004d}.score-bar-timer svg{color:var(--figma-colors-slate-11, #60646c);flex-shrink:0}:root[data-theme=dark] .score-bar-timer svg{color:var(--figma-colors-slate-11-dark, #b0b4ba)}.timer-pause-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:hsl(var(--black));border:none;cursor:pointer;padding:0;flex-shrink:0;transition:opacity .2s ease}.timer-pause-btn:hover{opacity:.8}.pause-icon{color:hsl(var(--white));font-size:1.125rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.timer-display-value{font-size:var(--figma-typography-font-size-5, 20px);line-height:var(--figma-typography-line-height-5, 28px);font-weight:700;font-variant-numeric:tabular-nums;color:var(--figma-colors-slate-12, #1c2024);letter-spacing:.5px;font-family:var(--font-family, "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .timer-display-value{color:var(--figma-colors-slate-12-dark, #edeef0)}.timer-display-value.timer-warning{color:var(--figma-colors-red-9, #e5484d);animation:pulse 1s ease-in-out infinite}:root[data-theme=dark] .timer-display-value.timer-warning{color:var(--figma-colors-red-9-dark, #e5484d)}.resign-button{padding:.625rem 1rem;font-size:.875rem;font-weight:600;border-radius:8px;transition:all .2s;cursor:pointer;white-space:nowrap}.resign-button:disabled{opacity:.6;cursor:not-allowed}.resign-confirm-modal{position:fixed;inset:0;background:hsl(var(--black) / .75);display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;cursor:pointer}.resign-confirm-content{background:hsl(var(--theme-card));border-radius:12px;padding:2rem;max-width:400px;width:100%;box-shadow:0 8px 32px #00000080;cursor:default}.resign-confirm-content h3{margin:0 0 1rem;font-size:1.5rem;font-weight:700;color:hsl(var(--destructive))}.resign-confirm-content p{margin:0 0 1.5rem;font-size:1rem;color:hsl(var(--theme-text));line-height:1.6}.resign-confirm-buttons{display:flex;gap:1rem;justify-content:flex-end}.challenge-stats{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.timer-display{display:flex;flex-direction:column;align-items:flex-end;padding:.75rem 1.25rem;background:hsl(var(--muted));border-radius:8px;min-width:120px}.timer-label{font-size:.625rem;color:hsl(var(--theme-muted));text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.timer-value{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums;color:hsl(var(--primary))}.timer-value.timer-warning{color:hsl(var(--destructive));animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.scores-display{display:flex;align-items:center;gap:1rem;padding:0;background:transparent;border-radius:0;width:100%;justify-content:center}.score-item{display:flex;flex-direction:column;align-items:center;min-width:100px;gap:.5rem}.score-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid hsl(var(--primary));flex-shrink:0}.score-label{font-size:.75rem;color:hsl(var(--theme-muted));margin-bottom:0;text-align:center;font-weight:500}.score-value{font-size:1.75rem;font-weight:700;color:hsl(var(--primary))}.my-score .score-value,.opponent-score .score-value{color:hsl(var(--primary))}.score-divider{font-size:.875rem;color:hsl(var(--theme-muted));font-weight:500;padding:0 .5rem}.question-counter{font-size:.875rem;font-weight:600;color:hsl(var(--theme-muted));padding:.5rem 1rem;background:hsl(var(--muted));border-radius:6px}.challenge-action-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;min-width:180px}.rematch-btn,.new-challenge-btn{width:100%;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;border-radius:8px;transition:all .2s;cursor:pointer}.rematch-btn{background:hsl(var(--primary));color:#fff;border:none}.rematch-btn:hover:not(:disabled){background:hsl(var(--primary-hover));transform:translateY(-2px);box-shadow:0 4px 12px hsl(var(--primary) / .3)}.rematch-btn:disabled{opacity:.6;cursor:not-allowed}.new-challenge-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px hsl(var(--success) / .4)}.progress-bar{width:100%;height:8px;background:hsl(var(--muted));border-radius:4px;overflow:hidden;margin-bottom:2rem}.progress-fill{height:100%;background:hsl(var(--primary));transition:width .3s ease}.question-container{background:hsl(var(--theme-card));border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000004d}.question-content{margin-bottom:2rem}.question-metadata{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;align-items:center}.metadata-badge{padding:.375rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500;display:inline-block}.metadata-badge{font-size:.75rem}.metadata-badge.chapter{background:hsl(var(--primary) / .2);color:hsl(var(--primary-hover));border:1px solid hsl(var(--primary) / .3)}.metadata-badge.topic{background:hsl(var(--success) / .2);color:hsl(var(--success-light));border:1px solid hsl(var(--success) / .3)}.metadata-badge.tag{background:hsl(var(--muted-foreground) / .2);color:hsl(var(--muted-foreground));border:1px solid hsl(var(--muted-foreground) / .3)}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.question-text{font-size:1.125rem;font-weight:600;color:hsl(var(--white));margin-bottom:1.5rem;line-height:1.7}.markdown-content{color:hsl(var(--white));text-align:left}.markdown-content p{margin:.5rem 0;text-align:left;color:hsl(var(--white))}.markdown-content span,.markdown-content div{color:hsl(var(--white))}.markdown-content p:first-child{margin-top:0}.markdown-content p:last-child{margin-bottom:0}.markdown-content code{background:#0006;padding:.2em .4em;border-radius:3px;font-size:.9em;color:hsl(var(--white))}.markdown-content pre{background:#0000004d;padding:1rem;border-radius:6px;overflow-x:auto;margin:1rem 0}.markdown-content pre code{background:none;padding:0}.markdown-content .katex{font-size:1.1em;color:hsl(var(--white))}.markdown-content .katex *,.markdown-content .katex .mathnormal,.markdown-content .katex .mord,.markdown-content .katex .mrel,.markdown-content .katex .mbin{color:hsl(var(--white))}.markdown-content .katex-display{margin:1.5rem 0;overflow-x:auto;overflow-y:hidden}.markdown-content .katex-display>.katex{display:inline-block;text-align:left;max-width:100%}.markdown-content .katex .mathnormal{font-style:normal}.image-zoom-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;cursor:pointer}.image-zoom-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.image-zoom-close{position:absolute;top:-2.5rem;right:0;background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10001}.image-zoom-close:hover{background:#ffffff4d;transform:scale(1.1)}.zoomed-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #00000080}.challenge-main-content{display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:flex-start}.challenge-questions-column{display:flex;flex-direction:column;gap:2rem;min-width:0}.challenge-palette-column{position:sticky;top:2rem;height:fit-content;max-height:calc(100vh - 4rem);overflow-y:auto}.challenge-palette-container{margin-bottom:2rem}.waiting-message-container{background:var(--figma-colors-slate-1, #fcfcfd);border-radius:var(--figma-radius-4, 16px);padding:var(--figma-spacing-12, 48px) var(--figma-spacing-8, 32px);box-shadow:0 20px 60px #0000001a;border:1px solid var(--figma-colors-slate-4, #e8e8ec);text-align:center;margin-bottom:var(--figma-spacing-8, 32px)}:root[data-theme=dark] .waiting-message-container{background:var(--figma-colors-slate-1-dark, #111113);border-color:var(--figma-colors-slate-4-dark, #272a2d);box-shadow:0 20px 60px #0000004d}.waiting-message{display:flex;flex-direction:column;align-items:center;gap:var(--figma-spacing-6, 24px)}.waiting-message h2{margin:0;font-size:var(--figma-typography-font-size-6, 32px);line-height:var(--figma-typography-line-height-6, 40px);letter-spacing:var(--figma-typography-letter-spacing-6, -.1px);color:var(--figma-colors-product-solid-9, #126df6);font-weight:600;font-family:var(--font-family, "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .waiting-message h2{color:var(--figma-colors-product-solid-9-dark, #3b82f6)}.waiting-message p{margin:0;font-size:var(--figma-typography-font-size-4, 20px);line-height:var(--figma-typography-line-height-4, 32px);letter-spacing:var(--figma-typography-letter-spacing-4, -.04px);color:var(--figma-colors-slate-9, #8b8d98);font-family:var(--font-family, "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .waiting-message p{color:var(--figma-colors-slate-9-dark, #696e77)}.waiting-stats{display:flex;flex-direction:column;gap:var(--figma-spacing-4, 16px);width:100%;max-width:400px;margin-top:var(--figma-spacing-4, 16px)}.waiting-score{display:flex;justify-content:space-around;padding:var(--figma-spacing-4, 16px);background:var(--figma-colors-slate-2, #f9f9fb);border-radius:var(--figma-radius-3, 8px);border:1px solid var(--figma-colors-slate-4, #e8e8ec);gap:var(--figma-spacing-4, 16px)}:root[data-theme=dark] .waiting-score{background:var(--figma-colors-slate-2-dark, #18191b);border-color:var(--figma-colors-slate-4-dark, #272a2d)}.waiting-score span{font-size:var(--figma-typography-font-size-3, 16px);line-height:var(--figma-typography-line-height-3, 24px);font-weight:600;color:var(--figma-colors-slate-12, #1c2024);font-family:var(--font-family, "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .waiting-score span{color:var(--figma-colors-slate-12-dark, #edeef0)}.waiting-timer{padding:var(--figma-spacing-4, 16px);background:var(--figma-colors-slate-2, #f9f9fb);border-radius:var(--figma-radius-3, 8px);border:1px solid var(--figma-colors-slate-4, #e8e8ec);font-size:var(--figma-typography-font-size-4, 20px);line-height:var(--figma-typography-line-height-4, 32px);font-weight:600;color:var(--figma-colors-product-solid-9, #126df6);font-variant-numeric:tabular-nums;font-family:var(--font-family, "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .waiting-timer{background:var(--figma-colors-slate-2-dark, #18191b);border-color:var(--figma-colors-slate-4-dark, #272a2d);color:var(--figma-colors-product-solid-9-dark, #3b82f6)}.question-images{width:100%;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center;margin:1rem 0 1.5rem;padding:1rem;background:#1f293780;border-radius:8px;border:1px solid hsl(var(--border))}.question-image-wrapper{position:relative;cursor:pointer;flex:0 1 auto}.question-image{max-width:100%;max-height:400px;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 2px 8px #0000004d;display:block;background:hsl(var(--theme-card));padding:.5rem}.options-container{display:flex;flex-direction:column;gap:var(--figma-spacing-4, 16px);margin-bottom:var(--figma-spacing-8, 32px)}.option-button{padding:var(--figma-spacing-4, 16px) var(--figma-spacing-6, 24px);background:var(--figma-colors-slate-1, #fcfcfd);border:2px solid var(--figma-colors-slate-6, #d9d9e0);border-radius:var(--figma-radius-3, 8px);text-align:left;cursor:pointer;transition:all .2s ease;width:100%;justify-content:flex-start;box-shadow:0 2px 4px #0000000d}:root[data-theme=dark] .option-button{background:var(--figma-colors-slate-1-dark, #111113);border-color:var(--figma-colors-slate-6-dark, #363a3f);box-shadow:0 2px 4px #0003}.option-button.rewision-button--custom-text-color .markdown-content,.option-button.rewision-button--custom-text-color .markdown-content *,.option-button.rewision-button--custom-text-color .katex,.option-button.rewision-button--custom-text-color .katex *{color:inherit}.option-button:hover:not(:disabled){border-color:var(--figma-colors-product-solid-9, #126df6);background:var(--figma-colors-slate-2, #f9f9fb);box-shadow:0 4px 12px #126df626;transform:translate(4px)}:root[data-theme=dark] .option-button:hover:not(:disabled){border-color:var(--figma-colors-product-solid-9-dark, #3b82f6);background:var(--figma-colors-slate-2-dark, #18191b);box-shadow:0 4px 12px #3b82f633}.option-button.selected{border-color:var(--figma-colors-product-solid-9, #126df6);background:#126df61a;box-shadow:0 4px 12px #126df633;border-width:2px}:root[data-theme=dark] .option-button.selected{border-color:var(--figma-colors-product-solid-9-dark, #3b82f6);background:#3b82f626;box-shadow:0 4px 12px #3b82f640}.option-button.correct{border-color:var(--figma-colors-green-9, #30a46c);background:#30a46c26;box-shadow:0 4px 12px #30a46c33;border-width:2px}:root[data-theme=dark] .option-button.correct{border-color:var(--figma-colors-green-9-dark, #30a46c);background:#30a46c33;box-shadow:0 4px 12px #30a46c40}.option-button.incorrect{border-color:var(--figma-colors-red-9, #e5484d);background:#e5484d26;box-shadow:0 4px 12px #e5484d33;border-width:2px}:root[data-theme=dark] .option-button.incorrect{border-color:var(--figma-colors-red-9-dark, #e5484d);background:#e5484d33;box-shadow:0 4px 12px #e5484d40}.option-button:disabled{cursor:not-allowed;opacity:.6}.option-content{display:flex;flex-direction:column;gap:.5rem;width:100%;text-align:left;align-items:flex-start;flex-wrap:wrap}.option-text{font-size:var(--figma-typography-font-size-3, 16px);line-height:var(--figma-typography-line-height-3, 24px);color:var(--figma-colors-slate-12, #1c2024);text-align:left;width:100%;font-weight:500;font-family:var(--font-family, "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}:root[data-theme=dark] .option-text{color:var(--figma-colors-slate-12-dark, #edeef0)}.option-text *{text-align:left;color:inherit}.option-text p{color:inherit;margin:.25rem 0}.option-text span,.option-text div,.option-button .option-text,.option-button .option-text *{color:inherit}.option-images{width:100%;max-width:100%;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center;margin-top:.5rem;padding:.5rem;background:#1f29374d;border-radius:6px;border:1px solid hsl(var(--border));order:2;flex-basis:100%}.option-image-wrapper{position:relative;cursor:pointer;flex:0 1 auto}.option-image{max-width:100%;max-height:150px;height:auto;object-fit:contain;border-radius:4px;display:block;background:hsl(var(--theme-card));padding:.25rem}.solution-container{margin-top:2rem;padding:1.5rem;background:hsl(var(--muted));border-radius:8px;border-left:4px solid hsl(var(--success))}.solution-container h3{margin:0 0 1rem;color:hsl(var(--success));font-size:.875rem}.solution-container p{margin:0 0 1rem;color:hsl(var(--theme-text));line-height:1.6;font-size:.875rem}.solution-text{color:hsl(var(--white));line-height:1.7;font-size:1rem;font-weight:500}.solution-text *,.solution-text p,.solution-text span,.solution-text div{color:hsl(var(--white))}.solution-images{width:100%;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center;margin-top:1rem;padding:1rem;background:#1f293780;border-radius:8px;border:1px solid hsl(var(--border))}.solution-image-wrapper{position:relative;cursor:pointer;flex:0 1 auto}.solution-image{max-width:100%;max-height:300px;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 2px 8px #0000004d;display:block;background:hsl(var(--theme-card));padding:.5rem}.action-buttons{display:flex;justify-content:flex-end;gap:1rem}.show-solution-btn,.next-btn,.back-btn{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.show-solution-btn{background:hsl(var(--primary));color:#fff}.show-solution-btn:hover{background:hsl(var(--primary-hover));transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.next-btn{background:hsl(var(--success));color:#fff}.next-btn:hover{background:hsl(var(--success-dark));transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.back-btn{background:hsl(var(--muted-foreground));color:#fff}.back-btn:hover{background:hsl(var(--muted-foreground) / .8)}@media (max-width: 1024px){.challenge-main-content{grid-template-columns:1fr;gap:2rem}.challenge-palette-column{position:static;max-height:none;order:-1}}@media (max-width: 768px){.challenge-game-page{padding:1rem}.challenge-game-content{max-width:100%;gap:1.5rem}.challenge-game-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.challenge-stats{width:100%;align-items:stretch}.timer-display{align-items:center}.scores-display{justify-content:space-around}.challenge-main-content{grid-template-columns:1fr;gap:1.5rem}.challenge-palette-column{position:static;max-height:none;order:-1}.challenge-questions-column{gap:1.5rem}.question-container{padding:1.5rem}.question-text{font-size:1.1rem}.challenge-palette-container{margin-bottom:1.5rem}.image-zoom-modal{padding:1rem}.image-zoom-close{top:-2rem;width:36px;height:36px;font-size:1.75rem}}.custom-challenge-page{padding:2rem;min-height:100vh}.custom-challenge-content{margin-top:2rem}.custom-challenge-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.custom-challenge-header h1{font-size:2rem;margin-bottom:.5rem;color:var(--text-primary)}.custom-challenge-header p{font-size:1rem;color:var(--text-secondary)}.custom-challenge-error{padding:1rem;background-color:hsl(var(--destructive) / .1);border:1px solid hsl(var(--destructive));border-radius:8px;color:hsl(var(--destructive));margin-bottom:1.5rem}.custom-challenge-success{padding:1rem;background-color:hsl(var(--success) / .1);border:1px solid hsl(var(--success));border-radius:8px;color:hsl(var(--success));margin-bottom:1.5rem}.custom-challenge-form{max-width:800px;margin:0 auto}.form-step{margin-bottom:3rem}.form-step h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.search-container{position:relative}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:var(--text-secondary);pointer-events:none}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;font-size:1rem;border:1px solid hsl(var(--border));border-radius:8px;background:var(--background);color:var(--text-primary);transition:border-color .2s}.search-input:focus{outline:none;border-color:hsl(var(--primary))}.search-input:disabled{background:var(--muted);cursor:not-allowed}.clear-search-btn{position:absolute;right:1rem;background:none;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:4px;transition:background-color .2s}.clear-search-btn:hover{background:var(--muted)}.search-loading{padding:1rem;text-align:center;color:var(--text-secondary)}.search-results{margin-top:.5rem;border:1px solid hsl(var(--border));border-radius:8px;background:var(--background);max-height:300px;overflow-y:auto}.search-result-item{display:flex;align-items:center;gap:1rem;padding:1rem;cursor:pointer;transition:background-color .2s;border-bottom:1px solid hsl(var(--border))}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--muted)}.user-icon{color:var(--text-secondary);flex-shrink:0}.user-info{flex:1}.custom-challenge-user-name{font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.user-email{font-size:.875rem;color:var(--text-secondary)}.search-no-results{padding:1rem;text-align:center;color:var(--text-secondary);margin-top:.5rem}.selected-user-card{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--muted);border:2px solid hsl(var(--primary));border-radius:8px;margin-top:1rem}.selected-user-info{display:flex;align-items:center;gap:1rem}.subject-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.subject-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px solid hsl(var(--border));border-radius:12px;cursor:pointer;transition:all .2s;background:var(--background)}.subject-card:hover{border-color:hsl(var(--primary));transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.subject-card.selected{border-color:hsl(var(--primary));background:hsl(var(--primary) / .1)}.subject-icon{font-size:3rem;margin-bottom:1rem}.subject-name{font-size:1.25rem;font-weight:500;color:var(--text-primary)}.duration-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.duration-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px solid hsl(var(--border));border-radius:12px;cursor:pointer;transition:all .2s;background:var(--background)}.duration-card:hover{border-color:hsl(var(--primary));transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.duration-card.selected{border-color:hsl(var(--primary));background:hsl(var(--primary) / .1)}.duration-icon{color:hsl(var(--primary));margin-bottom:1rem}.duration-title{font-size:1.25rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem;text-align:center}.duration-details{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.action-buttons{display:flex;gap:1rem;justify-content:center}.send-invitation-btn{min-width:200px}@media (max-width: 768px){.custom-challenge-page{padding:1rem}.custom-challenge-header{flex-direction:column;gap:1rem}.subject-selection-grid,.duration-selection-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.send-invitation-btn{width:100%}}.challenge-mode-toggle{display:flex;gap:1rem;margin-bottom:2rem;background:var(--muted);padding:.5rem;border-radius:8px;max-width:800px;margin-left:auto;margin-right:auto}.mode-toggle-btn{flex:1;padding:.75rem 1.5rem;border:none;background:transparent;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s}.mode-toggle-btn:hover{background:hsl(var(--primary) / .1);color:var(--text-primary)}.mode-toggle-btn.active{background:hsl(var(--primary));color:#fff}.open-challenge-share{padding:2rem;background:var(--muted);border-radius:12px;border:2px solid hsl(var(--primary))}.open-challenge-share h2{color:hsl(var(--primary));margin-bottom:.5rem}.open-challenge-share>p{color:var(--text-secondary);margin-bottom:1.5rem}.share-link-container{display:flex;flex-direction:column;gap:1.5rem}.share-link-input-wrapper{display:flex;gap:.5rem;align-items:center}.share-link-input{flex:1;padding:.75rem 1rem;font-size:.875rem;border:1px solid hsl(var(--border));border-radius:8px;background:var(--background);color:var(--text-primary);font-family:monospace}.copy-link-btn{flex-shrink:0}.share-buttons{display:flex;gap:1rem;flex-wrap:wrap}.timer-display{display:flex;align-items:center;gap:.5rem;padding:1rem;background:var(--background);border-radius:8px;font-weight:500;color:var(--text-primary)}.timer-display span{font-size:1.1rem}.waiting-message{text-align:center;padding:1rem;color:var(--text-secondary);font-style:italic}.invitation-waiting-room{min-height:100vh;padding:2rem;background:hsl(var(--theme-bg))}.waiting-room-content{max-width:600px;margin:0 auto;padding:2rem}.waiting-room-header{text-align:center;margin-bottom:2rem}.waiting-room-header h1{font-size:2rem;font-weight:600;margin-bottom:.5rem;color:hsl(var(--theme-heading))}.waiting-room-header p{font-size:1rem;color:hsl(var(--theme-muted))}.invitation-card{background:hsl(var(--theme-card));border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000004d;border:1px solid hsl(var(--border) / .2)}.invitation-sender-info{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid hsl(var(--border) / .2)}.sender-icon{color:hsl(var(--theme-heading));background:hsl(var(--theme-heading) / .15);padding:.75rem;border-radius:50%}.sender-details h2{font-size:1.25rem;font-weight:600;margin-bottom:.25rem;color:hsl(var(--theme-text))}.sender-email{font-size:.875rem;color:hsl(var(--theme-muted))}.invitation-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid hsl(var(--border) / .2)}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:hsl(var(--theme-bg));border-radius:8px;border:1px solid hsl(var(--border) / .1)}.detail-label{font-weight:500;color:hsl(var(--theme-muted))}.detail-value{font-weight:600;color:hsl(var(--theme-text))}.invitation-status{margin-bottom:2rem;padding:0rem;border-radius:8px;text-align:center}.status-pending{display:flex;align-items:center;justify-content:center;gap:.75rem;color:hsl(var(--warning));background:hsl(var(--warning) / .15);border:1px solid hsl(var(--warning) / .3);padding:.5rem;border-radius:8px}.countdown-timer{font-weight:600;opacity:.9}.status-accepted{display:flex;align-items:center;justify-content:center;gap:.75rem;color:hsl(var(--success));background:hsl(var(--success) / .15);border:1px solid hsl(var(--success) / .3);padding:1.5rem}.status-declined{display:flex;align-items:center;justify-content:center;gap:.75rem;color:hsl(var(--destructive));background:hsl(var(--destructive) / .15);border:1px solid hsl(var(--destructive) / .3);padding:1.5rem}.status-icon{flex-shrink:0}.spinner{animation:spin 1s linear infinite}.invitation-actions{display:flex;gap:1rem;justify-content:center;flex-direction:column;align-items:center}.redirect-message{color:hsl(var(--theme-muted));font-size:.875rem;text-align:center;margin:0}.invitation-info-message{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;margin-bottom:1.5rem;background:hsl(var(--primary) / .1);border:1px solid hsl(var(--primary) / .3);border-radius:8px;color:hsl(var(--theme-text))}.invitation-info-message .info-icon{flex-shrink:0;color:hsl(var(--primary));margin-top:.125rem}.invitation-info-message p{margin:0;font-size:.875rem;line-height:1.5;color:hsl(var(--theme-text))}.invitation-info-message strong{color:hsl(var(--theme-heading));font-weight:600}.accept-btn,.decline-btn{min-width:150px}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;text-align:center}.loading-state p,.error-state p{font-size:1.125rem;color:hsl(var(--theme-muted))}.error-icon{color:hsl(var(--destructive))}@media (max-width: 768px){.invitation-waiting-room,.waiting-room-content{padding:1rem}.invitation-card{padding:1.5rem}.invitation-actions{flex-direction:column}.accept-btn,.decline-btn{width:100%}}.join-open-challenge-page{padding:2rem;min-height:100vh}.join-challenge-content{max-width:600px;margin:2rem auto}.join-challenge-header{text-align:center;margin-bottom:2rem}.join-challenge-header h1{font-size:2rem;margin-bottom:.5rem;color:var(--text-primary)}.join-challenge-header p{font-size:1rem;color:var(--text-secondary)}.challenge-preview-card{background:var(--muted);border:2px solid hsl(var(--border));border-radius:12px;padding:2rem;margin-bottom:2rem}.challenge-creator{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid hsl(var(--border));color:var(--text-secondary);font-size:.875rem}.challenge-details{margin-bottom:1.5rem}.challenge-mode{display:flex;align-items:center;gap:1rem}.mode-icon{color:hsl(var(--primary));flex-shrink:0}.mode-info{flex:1}.mode-duration{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.mode-subject{font-size:1rem;color:var(--text-secondary)}.challenge-timer{display:flex;align-items:center;gap:.5rem;padding:1rem;background:var(--background);border-radius:8px;font-weight:500;color:var(--text-primary);margin-top:1rem}.challenge-expired{padding:1rem;background:hsl(var(--destructive) / .1);border:1px solid hsl(var(--destructive));border-radius:8px;color:hsl(var(--destructive));text-align:center;margin-top:1rem}.join-challenge-error-message{padding:1rem;background-color:hsl(var(--destructive) / .1);border:1px solid hsl(var(--destructive));border-radius:8px;color:hsl(var(--destructive));margin-bottom:1.5rem;text-align:center}.join-challenge-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}.join-btn{min-width:200px}.join-challenge-loading,.join-challenge-error{text-align:center;padding:3rem}.join-challenge-error h2{font-size:1.5rem;margin-bottom:1rem;color:hsl(var(--destructive))}.join-challenge-error p{color:var(--text-secondary);margin-bottom:1.5rem}@media (max-width: 768px){.join-open-challenge-page{padding:1rem}.challenge-preview-card{padding:1.5rem}.join-btn{width:100%}}.open-challenge-share-page{padding:2rem;min-height:100vh;display:flex;flex-direction:column}.open-challenge-share-content{max-width:700px;margin:0 auto;width:100%;flex:1;display:flex;flex-direction:column}.share-header{text-align:center;margin-bottom:2.5rem;position:relative;padding-top:.5rem}.share-header .back-btn{position:absolute;left:0;top:0;display:flex;align-items:center;gap:.5rem}.share-header h1{font-size:2.5rem;margin-bottom:.75rem;color:var(--text-primary);margin-top:0;font-weight:600}.share-header p{font-size:1.125rem;color:var(--text-secondary);margin:0}.share-link-section{background:var(--muted);border:2px solid hsl(var(--primary));border-radius:16px;padding:2.5rem;box-shadow:0 0 20px hsl(var(--primary) / .2);display:flex;flex-direction:column;gap:1.5rem}.share-link-container{width:100%}.share-link-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:1px}.share-link-input-wrapper{display:flex;gap:.75rem;align-items:stretch;width:100%}.share-link-input{flex:1;padding:.875rem 1rem;font-size:.875rem;border:1px solid hsl(var(--border));border-radius:8px;background:var(--background);color:var(--text-primary);font-family:monospace;word-break:break-all;min-width:0}.share-link-input:focus{outline:none;border-color:hsl(var(--primary))}.copy-link-btn{flex-shrink:0;min-width:48px;display:flex;align-items:center;justify-content:center;padding:.875rem}.share-buttons{display:flex;gap:1rem;justify-content:center;width:100%;flex-wrap:wrap}.share-btn{flex:1;min-width:180px;max-width:250px;display:flex;align-items:center;gap:.5rem;justify-content:center}.timer-display{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:var(--background);border-radius:12px;font-weight:600;color:var(--text-primary);font-size:1.125rem;border:2px solid hsl(var(--primary) / .3);width:100%}.timer-display svg{color:hsl(var(--primary));flex-shrink:0}.timer-display span{white-space:nowrap}.expired-message{padding:1.25rem;background:hsl(var(--destructive) / .1);border:2px solid hsl(var(--destructive));border-radius:12px;color:hsl(var(--destructive));text-align:center;font-weight:500;width:100%}.expired-message p{margin:0}.waiting-message{text-align:center;padding:1.25rem;color:var(--text-secondary);font-style:italic;font-size:1rem;background:var(--background);border-radius:12px;width:100%;margin-top:auto}.waiting-message p{margin:0}@media (max-width: 768px){.open-challenge-share-page{padding:1rem}.share-header{margin-bottom:2rem}.share-header .back-btn{position:static;margin-bottom:1rem;align-self:flex-start}.share-header h1{font-size:2rem}.share-header p{font-size:1rem}.share-link-section{padding:1.5rem;gap:1.25rem}.share-link-input-wrapper{flex-direction:column}.share-link-input{width:100%}.copy-link-btn{width:100%;min-width:auto}.share-buttons{flex-direction:column}.share-btn{width:100%;max-width:100%;min-width:auto}.timer-display{padding:.875rem 1rem;font-size:1rem}}.rematch-notification{position:fixed;bottom:20px;right:20px;z-index:10000;animation:slideInFromRight .3s ease-out;max-width:400px;min-width:320px}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.rematch-notification-content{background:linear-gradient(135deg,#1f2937,#111827);border:2px solid #6e56cf;border-radius:12px;padding:1.25rem;box-shadow:0 10px 40px #00000080,0 0 20px #6e56cf4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rematch-notification-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem;gap:1rem}.rematch-notification-sender{display:flex;align-items:center;gap:.75rem;flex:1}.rematch-sender-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #6e56cf;flex-shrink:0}.rematch-sender-info{flex:1}.rematch-notification-title{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 .25rem;background:linear-gradient(135deg,#6e56cf,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rematch-sender-name{font-size:.875rem;color:#d1d5db;margin:0}.rematch-notification-close{background:transparent;border:none;color:#9ca3af;font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0}.rematch-notification-close:hover:not(:disabled){color:#fff;background:#ffffff1a}.rematch-notification-close:disabled{opacity:.5;cursor:not-allowed}.rematch-notification-details{margin-bottom:1rem;padding:.75rem;background:#6e56cf1a;border-radius:8px;border:1px solid rgba(110,86,207,.2)}.rematch-challenge-mode{font-size:.875rem;color:#a78bfa;margin:0;font-weight:500}.rematch-notification-actions{display:flex;gap:.75rem}.rematch-accept-btn,.rematch-decline-btn{flex:1;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.rematch-accept-btn{background:linear-gradient(135deg,#6e56cf,#8b5cf6);color:#fff}.rematch-accept-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#a78bfa);transform:translateY(-2px);box-shadow:0 4px 12px #6e56cf66}.rematch-accept-btn:active:not(:disabled){transform:translateY(0)}.rematch-accept-btn:disabled{opacity:.6;cursor:not-allowed}.rematch-decline-btn{background:transparent;color:#9ca3af;border:2px solid #4b5563}.rematch-decline-btn:hover:not(:disabled){background:#ffffff0d;color:#fff;border-color:#6b7280}.rematch-decline-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.rematch-notification{bottom:10px;right:10px;left:10px;max-width:none;min-width:auto}}body{margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-size-4);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:hsl(var(--theme-bg));color:hsl(var(--theme-text));position:relative}.main-content h1,.main-content h2,.main-content h3,.main-content h4,.main-content h5,.main-content h6{color:hsl(var(--theme-heading))}.main-content p:not(.thankyou-container p):not(.onboarding-container p),.main-content span:not(.tab-icon):not(.tab-text):not(.notes-upload-btn span):not(.notes-upload-center-btn span):not(.notes-see-all-btn span):not(.info-label):not(.info-value):not(.thankyou-container span):not(.onboarding-container span):not(.timer-display-value),.main-content a:not(.view-results-btn):not(.watch-again-btn):not(.watch-on-youtube-btn):not(.thankyou-container a):not(.onboarding-container a),.main-content li:not(.thankyou-container li):not(.onboarding-container li),.main-content label:not(.thankyou-container label):not(.onboarding-container label){color:hsl(var(--theme-text))}.notes-upload-btn span,.notes-upload-center-btn span,.notes-see-all-btn span,.notes-public-badge{color:hsl(var(--white))!important}.main-content .text-foreground{color:hsl(var(--theme-text))!important}.main-content .text-muted-foreground{color:hsl(var(--theme-muted))!important}.main-content .text-primary{color:hsl(var(--theme-heading))!important}.main-content button.bg-white,.main-content button.bg-card,.main-content .bg-white button,.main-content .bg-card button,.main-content button[class*=bg-white],.main-content button[class*=bg-card]{background-color:hsl(var(--theme-button-light))!important;color:hsl(var(--theme-card))!important}.home-container{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;background:transparent;padding:2rem}.home-content{text-align:center;max-width:600px;background:hsl(var(--card));padding:3rem;border-radius:var(--radius);box-shadow:var(--shadow-lg)}.home-content h1{font-size:var(--font-size-2);font-weight:var(--font-bold);color:hsl(var(--foreground));margin-bottom:1rem;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-content p{font-size:var(--font-size-3);color:hsl(var(--muted-foreground));margin-bottom:2rem;line-height:var(--leading-relaxed)}.get-started-btn{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));color:hsl(var(--primary-foreground));border:none;padding:1rem 2rem;font-size:var(--font-size-4);font-weight:var(--font-semibold);border-radius:var(--radius);cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-hero)}.get-started-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.page-content{padding-top:2rem;min-height:calc(100vh - 80px)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px;width:100%}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid hsl(var(--muted));border-top:3px solid hsl(var(--primary));border-radius:50%;animation:spin 1s linear infinite;margin-right:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-content .bg-white,.main-content .bg-card{background-color:hsl(var(--theme-card))!important}.main-content [class*=background]:not(.sidebar):not([class*=sidebar]){background-color:hsl(var(--theme-card))}:root{--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-1: 3.6rem;--font-size-2: 2.225rem;--font-size-3: 1.375rem;--font-size-4: .85rem;--font-size-5: .526rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--white: 0 0% 100%;--black: 0 0% 0%;--disabled: 240 6% 52%;--primary: var(--figma-colors-product-solid-9-hsl, 216 93% 52%);--primary-foreground: 0 0% 100%;--primary-hover: var(--figma-colors-product-solid-10-hsl, 221 78% 50%);--secondary: var(--figma-colors-gray-1-hsl, 0 0% 99%);--secondary-foreground: var(--figma-colors-product-solid-9-hsl, 216 93% 52%);--accent: var(--figma-colors-product-solid-9-hsl, 216 93% 52%);--accent-foreground: 0 0% 100%;--background: var(--figma-colors-gray-1-hsl, 0 0% 99%);--background-dark: var(--figma-colors-gray-1-dark-hsl, 0 0% 7%);--background-light-dark: var(--figma-colors-gray-2-dark-hsl, 0 0% 10%);--card: var(--figma-colors-base-white-hsl, 0 0% 100%);--card-foreground: var(--figma-colors-base-black-hsl, 210 13% 13%);--muted: var(--figma-colors-gray-2-hsl, 0 0% 98%);--muted-foreground: var(--figma-colors-gray-9-hsl, 0 0% 55%);--theme-bg: var(--figma-colors-gray-1-hsl, 0 0% 99%);--theme-card: var(--figma-colors-base-white-hsl, 0 0% 100%);--theme-text: var(--figma-colors-base-black-hsl, 210 13% 13%);--theme-heading: var(--figma-colors-product-solid-9-hsl, 216 93% 52%);--theme-accent: var(--figma-colors-product-solid-9-hsl, 216 93% 52%);--theme-muted: var(--figma-colors-gray-9-hsl, 0 0% 55%);--theme-button-light: var(--figma-colors-gray-2-hsl, 0 0% 98%);--foreground: var(--figma-colors-base-black-hsl, 210 13% 13%);--success: 142 65% 45%;--success-dark: 161 94% 30%;--success-light: 145 55% 62%;--destructive: 0 84% 60%;--destructive-foreground: 0 0% 100%;--destructive-dark: 0 74% 51%;--destructive-light: 0 96% 74%;--warning: 38 92% 50%;--warning-dark: 27 79% 49%;--warning-light: 33 90% 65%;--border: var(--figma-colors-gray-6-hsl, 0 0% 85%);--input: var(--figma-colors-gray-6-hsl, 0 0% 85%);--ring: var(--figma-colors-product-solid-9-hsl, 216 93% 52%);--radius: .75rem;--violet: var(--figma-colors-violet-9-hsl, 252 56% 57%);--violet-dark: var(--figma-colors-violet-9-dark-hsl, 252 56% 57%);--purple: var(--figma-colors-purple-9-hsl, 272 51% 54%);--indigo: var(--figma-colors-indigo-9-hsl, 230 84% 65%);--slate-50: var(--figma-colors-slate-1-hsl, 210 40% 98%);--slate-100: var(--figma-colors-slate-2-hsl, 210 40% 96%);--slate-200: var(--figma-colors-slate-3-hsl, 214 32% 91%);--slate-300: var(--figma-colors-slate-4-hsl, 213 27% 84%);--slate-400: var(--figma-colors-slate-5-hsl, 215 20% 65%);--slate-500: var(--figma-colors-slate-6-hsl, 215 16% 47%);--slate-600: var(--figma-colors-slate-7-hsl, 215 19% 35%);--slate-700: var(--figma-colors-slate-8-hsl, 215 25% 27%);--slate-800: var(--figma-colors-slate-9-hsl, 217 33% 17%);--slate-900: var(--figma-colors-slate-12-hsl, 222 47% 11%);--gray-50: var(--figma-colors-gray-1-hsl, 0 0% 99%);--gray-100: var(--figma-colors-gray-2-hsl, 0 0% 98%);--gray-200: var(--figma-colors-gray-3-hsl, 0 0% 94%);--gray-300: var(--figma-colors-gray-4-hsl, 0 0% 91%);--gray-400: var(--figma-colors-gray-5-hsl, 0 0% 88%);--gray-500: var(--figma-colors-gray-6-hsl, 0 0% 85%);--gray-600: var(--figma-colors-gray-7-hsl, 0 0% 70%);--gray-700: var(--figma-colors-gray-8-hsl, 0 0% 60%);--gray-800: var(--figma-colors-gray-9-hsl, 0 0% 55%);--quiz-background: 240 30% 6%;--quiz-foreground: 0 0% 100%;--quiz-accent: 236 100% 71%;--quiz-accent-hover: 236 82% 65%;--quiz-accent-light: 258 90% 66%;--quiz-border: 259 26% 72%;--quiz-correct: 145 51% 51%;--quiz-correct-dark: 145 47% 44%;--quiz-correct-light: 145 55% 62%;--quiz-incorrect: 0 89% 68%;--quiz-incorrect-dark: 0 78% 57%;--quiz-incorrect-light: 0 95% 75%;--quiz-skipped: 28 83% 57%;--quiz-skipped-dark: 27 79% 49%;--quiz-skipped-light: 33 90% 65%;--report-correct: 142 71% 45%;--report-correct-dark: 142 76% 36%;--report-saved: 38 92% 50%;--report-saved-dark: 32 91% 44%;--report-unanswered: 215 16% 65%;--report-unanswered-dark: 215 16% 47%;--button-purple: 261 78% 65%;--button-blue: 217 91% 60%;--tooltip-bg: 222 47% 16%;--tooltip-border: 210 17% 93%;--legend-border: 214 32% 91%;--past-quiz-accent: 242 99% 66%;--past-quiz-accent-light: 240 100% 97%;--promo-purple: 231 77% 66%;--contrib-empty: 210 24% 93%;--contrib-level-1: 80 50% 75%;--contrib-level-2: 100 40% 65%;--contrib-level-3: 130 50% 40%;--contrib-level-4: 130 60% 25%;--notes-border: 220 9% 91%;--overlay-dark: 230 12% 26%;--modal-header-bg: 210 100% 98%;--green-10B981: 160 84% 39%;--red-DC2626: 0 72% 51%;--red-FEE2E2: 0 93% 94%;--gray-E3E3E8: 240 10% 90%;--gray-E4E5E8: 228 10% 90%;--gray-E4E5E7: 225 9% 90%;--gray-E9ECEF: 210 17% 93%;--text-3A3A4A: var(--figma-colors-base-black-hsl, 210 13% 13%);--text-3A3D4A: var(--figma-colors-base-black-hsl, 210 13% 13%);--text-3A3D47: var(--figma-colors-base-black-hsl, 210 13% 13%);--text-7A7A8A: 240 6% 51%;--text-7A7B85: 234 5% 50%;--bg-F5F9FF: var(--figma-colors-gray-1-hsl, 0 0% 99%);--bg-E6F2FF: var(--figma-colors-gray-1-hsl, 0 0% 99%);--bg-F0F7FF: var(--figma-colors-gray-1-hsl, 0 0% 99%);--bg-F8FBFF: var(--figma-colors-gray-1-hsl, 0 0% 99%);--bg-F8F9FA: var(--figma-colors-gray-1-hsl, 0 0% 99%);--bg-E8E8E8: var(--figma-colors-gray-3-hsl, 0 0% 94%);--bg-F5F5F5: var(--figma-colors-gray-2-hsl, 0 0% 98%);--sky-50: 204 100% 97%;--sky-100: 204 94% 94%;--sky-700: 201 90% 27%;--destructive-lighter: 0 93% 94%;--destructive-darker: 0 63% 31%;--success-foreground: 0 0% 100%;--input-focus: 210 100% 56%;--gradient-hero: linear-gradient(135deg, hsl(210 100% 97%) 0%, hsl(210 100% 94%) 100%);--gradient-card: linear-gradient(145deg, hsl(0 0% 100%) 0%, hsl(210 100% 98%) 100%);--gradient-subtle: linear-gradient(180deg, hsl(210 100% 97%) 0%, hsl(210 100% 94%) 100%);--gradient-primary: linear-gradient(135deg, hsl(217 91% 60%) 0%, hsl(224 76% 48%) 100%);--gradient-purple: linear-gradient(135deg, hsl(267 78% 65%) 0%, hsl(217 91% 60%) 100%);--gradient-success: linear-gradient(135deg, hsl(160 84% 39%) 0%, hsl(161 94% 30%) 100%);--gradient-quiz-accent: linear-gradient(135deg, hsl(236 100% 71%) 0%, hsl(258 90% 66%) 100%);--gradient-quiz-purple: linear-gradient(135deg, hsl(262 61% 59%) 0%, hsl(213 73% 41%) 100%);--promo-gradient: linear-gradient(135deg, hsl(231 77% 66%) 0%, hsl(271 39% 46%) 100%);--shadow-sm: 0 1px 2px 0 hsl(240 15% 25% / .05);--shadow-md: 0 4px 12px -2px hsl(240 15% 25% / .08);--shadow-lg: 0 20px 25px -5px hsl(240 15% 25% / .1);--shadow-xl: 0 8px 32px hsl(240 15% 25% / .15);--shadow-hero: 0 32px 64px -12px hsl(210 100% 56% / .2);--shadow-primary: 0 4px 12px hsl(210 100% 56% / .3);--shadow-quiz: 0 8px 32px hsl(0 0% 0% / .4);--transition-fast: all .2s ease;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .5s cubic-bezier(.175, .885, .32, 1.275)}.bg-primary{background-color:hsl(var(--primary))}.bg-primary-hover{background-color:hsl(var(--primary-hover))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-accent{background-color:hsl(var(--accent))}.bg-background{background-color:hsl(var(--background))}.bg-card{background-color:hsl(var(--card))}.bg-muted{background-color:hsl(var(--muted))}.bg-white{background-color:hsl(var(--white))}.bg-black{background-color:hsl(var(--black))}.bg-quiz{background-color:hsl(var(--quiz-background))}.bg-success{background-color:hsl(var(--success))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-warning{background-color:hsl(var(--warning))}.bg-theme{background-color:hsl(var(--theme-bg))}.bg-theme-card{background-color:hsl(var(--theme-card))}.bg-theme-button{background-color:hsl(var(--theme-button-light))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-white{color:hsl(var(--white))}.text-black{color:hsl(var(--black))}.text-success{color:hsl(var(--success))}.text-destructive{color:hsl(var(--destructive))}.text-warning{color:hsl(var(--warning))}.text-theme{color:hsl(var(--theme-text))}.text-theme-heading{color:hsl(var(--theme-heading))}.text-theme-accent{color:hsl(var(--theme-accent))}.text-theme-muted{color:hsl(var(--theme-muted))}.border-border{border-color:hsl(var(--border))}.border-input{border-color:hsl(var(--input))}.border-ring{border-color:hsl(var(--ring))}.border-primary{border-color:hsl(var(--primary))}.border-success{border-color:hsl(var(--success))}.border-destructive{border-color:hsl(var(--destructive))}.border-warning{border-color:hsl(var(--warning))}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-hero{box-shadow:var(--shadow-hero)}.shadow-primary{box-shadow:var(--shadow-primary)}.shadow-quiz{box-shadow:var(--shadow-quiz)}.gradient-hero{background:var(--gradient-hero)}.gradient-card{background:var(--gradient-card)}.gradient-subtle,.bg-gradient-subtle{background:var(--gradient-subtle)}.gradient-primary{background:var(--gradient-primary)}.gradient-purple{background:var(--gradient-purple)}.gradient-success{background:var(--gradient-success)}.gradient-quiz{background:var(--gradient-quiz-accent)}.gradient-promo{background:var(--promo-gradient)}.transition-fast{transition:var(--transition-fast)}.transition-smooth{transition:var(--transition-smooth)}.transition-bounce{transition:var(--transition-bounce)}@media (max-width: 768px){:root{--font-size-1: 2.5rem;--font-size-2: 1.75rem;--font-size-3: 1.125rem;--font-size-4: .85rem;--font-size-5: .526rem}}@media (max-width: 480px){:root{--font-size-1: 2rem;--font-size-2: 1.5rem;--font-size-3: 1rem;--font-size-4: .8rem;--font-size-5: .5rem}}[data-theme=dark]{--primary: var(--figma-colors-product-solid-9-dark-hsl, 226 70% 55%);--primary-hover: var(--figma-colors-product-solid-10-dark-hsl, 228 73% 61%);--accent: var(--figma-colors-product-solid-9-dark-hsl, 226 70% 55%);--background: var(--figma-colors-gray-1-dark-hsl, 0 0% 7%);--background-dark: var(--figma-colors-gray-2-dark-hsl, 0 0% 10%);--background-light-dark: var(--figma-colors-gray-3-dark-hsl, 0 0% 13%);--card: var(--figma-colors-gray-2-dark-hsl, 0 0% 10%);--card-foreground: var(--figma-colors-base-white-hsl, 0 0% 100%);--muted: var(--figma-colors-gray-2-dark-hsl, 0 0% 10%);--muted-foreground: var(--figma-colors-gray-9-dark-hsl, 0 0% 43%);--theme-bg: var(--figma-colors-gray-1-dark-hsl, 0 0% 7%);--theme-card: var(--figma-colors-gray-2-dark-hsl, 0 0% 10%);--theme-text: var(--figma-colors-base-white-hsl, 0 0% 100%);--theme-heading: var(--figma-colors-product-solid-9-dark-hsl, 226 70% 55%);--theme-accent: var(--figma-colors-product-solid-9-dark-hsl, 226 70% 55%);--theme-muted: var(--figma-colors-gray-9-dark-hsl, 0 0% 43%);--theme-button-light: var(--figma-colors-gray-3-dark-hsl, 0 0% 13%);--foreground: var(--figma-colors-base-white-hsl, 0 0% 100%);--border: var(--figma-colors-gray-6-dark-hsl, 0 0% 23%);--input: var(--figma-colors-gray-6-dark-hsl, 0 0% 23%);--ring: var(--figma-colors-product-solid-9-dark-hsl, 226 70% 55%);--gray-50: var(--figma-colors-gray-1-dark-hsl, 0 0% 7%);--gray-100: var(--figma-colors-gray-2-dark-hsl, 0 0% 10%);--gray-200: var(--figma-colors-gray-3-dark-hsl, 0 0% 13%);--gray-300: var(--figma-colors-gray-4-dark-hsl, 0 0% 16%);--gray-400: var(--figma-colors-gray-5-dark-hsl, 0 0% 19%);--gray-500: var(--figma-colors-gray-6-dark-hsl, 0 0% 23%);--gray-600: var(--figma-colors-gray-7-dark-hsl, 0 0% 30%);--gray-700: var(--figma-colors-gray-8-dark-hsl, 0 0% 40%);--gray-800: var(--figma-colors-gray-9-dark-hsl, 0 0% 43%);--text-3A3A4A: var(--figma-colors-base-white-hsl, 0 0% 100%);--text-3A3D4A: var(--figma-colors-base-white-hsl, 0 0% 100%);--text-3A3D47: var(--figma-colors-base-white-hsl, 0 0% 100%);--bg-F5F9FF: var(--figma-colors-gray-2-dark-hsl, 0 0% 10%);--bg-E6F2FF: var(--figma-colors-gray-2-dark-hsl, 0 0% 10%);--bg-F0F7FF: var(--figma-colors-gray-2-dark-hsl, 0 0% 10%);--bg-F8FBFF: var(--figma-colors-gray-2-dark-hsl, 0 0% 10%);--bg-F8F9FA: var(--figma-colors-gray-2-dark-hsl, 0 0% 10%);--bg-E8E8E8: var(--figma-colors-gray-4-dark-hsl, 0 0% 16%);--bg-F5F5F5: var(--figma-colors-gray-3-dark-hsl, 0 0% 13%);--contrib-empty: 215 28% 17%;--contrib-level-1: 130 70% 15%;--contrib-level-2: 130 100% 20%;--contrib-level-3: 130 60% 40%;--contrib-level-4: 130 70% 55%}:root{--figma-colors-tomato-1: #fffcfc;--figma-colors-tomato-1-hsl: 0 100% 99%;--figma-colors-tomato-1-dark: #181111;--figma-colors-tomato-1-dark-hsl: 0 17% 8%;--figma-colors-tomato-2: #fff8f7;--figma-colors-tomato-2-hsl: 7 100% 98%;--figma-colors-tomato-2-dark: #1f1513;--figma-colors-tomato-2-dark-hsl: 10 24% 10%;--figma-colors-tomato-3: #feebe7;--figma-colors-tomato-3-hsl: 10 92% 95%;--figma-colors-tomato-3-dark: #391714;--figma-colors-tomato-3-dark-hsl: 5 48% 15%;--figma-colors-tomato-4: #ffdcd3;--figma-colors-tomato-4-hsl: 12 100% 91%;--figma-colors-tomato-4-dark: #4e1511;--figma-colors-tomato-4-dark-hsl: 4 64% 19%;--figma-colors-tomato-5: #ffcdc2;--figma-colors-tomato-5-hsl: 11 100% 88%;--figma-colors-tomato-5-dark: #5e1c16;--figma-colors-tomato-5-dark-hsl: 5 62% 23%;--figma-colors-tomato-6: #fdbdaf;--figma-colors-tomato-6-hsl: 11 95% 84%;--figma-colors-tomato-6-dark: #6e2920;--figma-colors-tomato-6-dark-hsl: 7 55% 28%;--figma-colors-tomato-7: #f5a898;--figma-colors-tomato-7-hsl: 10 82% 78%;--figma-colors-tomato-7-dark: #853a2d;--figma-colors-tomato-7-dark-hsl: 9 49% 35%;--figma-colors-tomato-8: #ec8e7b;--figma-colors-tomato-8-hsl: 10 75% 70%;--figma-colors-tomato-8-dark: #ac4d39;--figma-colors-tomato-8-dark-hsl: 10 50% 45%;--figma-colors-tomato-9: #e54d2e;--figma-colors-tomato-9-hsl: 10 78% 54%;--figma-colors-tomato-9-dark: #e54d2e;--figma-colors-tomato-9-dark-hsl: 10 78% 54%;--figma-colors-tomato-10: #dd4425;--figma-colors-tomato-10-hsl: 10 73% 51%;--figma-colors-tomato-10-dark: #ec6142;--figma-colors-tomato-10-dark-hsl: 11 82% 59%;--figma-colors-tomato-11: #d13415;--figma-colors-tomato-11-hsl: 10 82% 45%;--figma-colors-tomato-11-dark: #ff977d;--figma-colors-tomato-11-dark-hsl: 12 100% 75%;--figma-colors-tomato-12: #5c271f;--figma-colors-tomato-12-hsl: 8 50% 24%;--figma-colors-tomato-12-dark: #fbd3cb;--figma-colors-tomato-12-dark-hsl: 10 86% 89%;--figma-colors-red-1: #fffcfc;--figma-colors-red-1-hsl: 0 100% 99%;--figma-colors-red-1-dark: #191111;--figma-colors-red-1-dark-hsl: 0 19% 8%;--figma-colors-red-2: #fff7f7;--figma-colors-red-2-hsl: 0 100% 98%;--figma-colors-red-2-dark: #201314;--figma-colors-red-2-dark-hsl: 355 25% 10%;--figma-colors-red-3: #feebec;--figma-colors-red-3-hsl: 357 90% 96%;--figma-colors-red-3-dark: #3b1219;--figma-colors-red-3-dark-hsl: 350 53% 15%;--figma-colors-red-4: #ffdbdc;--figma-colors-red-4-hsl: 358 100% 93%;--figma-colors-red-4-dark: #500f1c;--figma-colors-red-4-dark-hsl: 348 68% 19%;--figma-colors-red-5: #ffcdce;--figma-colors-red-5-hsl: 359 100% 90%;--figma-colors-red-5-dark: #611623;--figma-colors-red-5-dark-hsl: 350 63% 23%;--figma-colors-red-6: #fdbdbe;--figma-colors-red-6-hsl: 359 94% 87%;--figma-colors-red-6-dark: #72232d;--figma-colors-red-6-dark-hsl: 352 53% 29%;--figma-colors-red-7: #f4a9aa;--figma-colors-red-7-hsl: 359 77% 81%;--figma-colors-red-7-dark: #8c333a;--figma-colors-red-7-dark-hsl: 355 47% 37%;--figma-colors-red-8: #eb8e90;--figma-colors-red-8-hsl: 359 70% 74%;--figma-colors-red-8-dark: #b54548;--figma-colors-red-8-dark-hsl: 358 45% 49%;--figma-colors-red-9: #e5484d;--figma-colors-red-9-hsl: 358 75% 59%;--figma-colors-red-9-dark: #e5484d;--figma-colors-red-9-dark-hsl: 358 75% 59%;--figma-colors-red-10: #dc3e42;--figma-colors-red-10-hsl: 358 69% 55%;--figma-colors-red-10-dark: #ec5d5e;--figma-colors-red-10-dark-hsl: 360 79% 65%;--figma-colors-red-11: #ce2c31;--figma-colors-red-11-hsl: 358 65% 49%;--figma-colors-red-11-dark: #ff9592;--figma-colors-red-11-dark-hsl: 2 100% 79%;--figma-colors-red-12: #641723;--figma-colors-red-12-hsl: 351 63% 24%;--figma-colors-red-12-dark: #ffd1d9;--figma-colors-red-12-dark-hsl: 350 100% 91%;--figma-colors-crimson-1: #fffcfd;--figma-colors-crimson-1-hsl: 340 100% 99%;--figma-colors-crimson-1-dark: #191114;--figma-colors-crimson-1-dark-hsl: 338 19% 8%;--figma-colors-crimson-2: #fef7f9;--figma-colors-crimson-2-hsl: 343 78% 98%;--figma-colors-crimson-2-dark: #201318;--figma-colors-crimson-2-dark-hsl: 337 25% 10%;--figma-colors-crimson-3: #ffe9f0;--figma-colors-crimson-3-hsl: 341 100% 96%;--figma-colors-crimson-3-dark: #381525;--figma-colors-crimson-3-dark-hsl: 333 45% 15%;--figma-colors-crimson-4: #fedce7;--figma-colors-crimson-4-hsl: 341 94% 93%;--figma-colors-crimson-4-dark: #4d122f;--figma-colors-crimson-4-dark-hsl: 331 62% 19%;--figma-colors-crimson-5: #facedd;--figma-colors-crimson-5-hsl: 340 81% 89%;--figma-colors-crimson-5-dark: #5c1839;--figma-colors-crimson-5-dark-hsl: 331 59% 23%;--figma-colors-crimson-6: #f3bed1;--figma-colors-crimson-6-hsl: 338 69% 85%;--figma-colors-crimson-6-dark: #6d2545;--figma-colors-crimson-6-dark-hsl: 333 49% 29%;--figma-colors-crimson-7: #eaacc3;--figma-colors-crimson-7-hsl: 338 60% 80%;--figma-colors-crimson-7-dark: #873356;--figma-colors-crimson-7-dark-hsl: 335 45% 36%;--figma-colors-crimson-8: #e093b2;--figma-colors-crimson-8-hsl: 336 55% 73%;--figma-colors-crimson-8-dark: #b0436e;--figma-colors-crimson-8-dark-hsl: 336 45% 48%;--figma-colors-crimson-9: #e93d82;--figma-colors-crimson-9-hsl: 336 80% 58%;--figma-colors-crimson-9-dark: #e93d82;--figma-colors-crimson-9-dark-hsl: 336 80% 58%;--figma-colors-crimson-10: #df3478;--figma-colors-crimson-10-hsl: 336 73% 54%;--figma-colors-crimson-10-dark: #ee518a;--figma-colors-crimson-10-dark-hsl: 338 82% 63%;--figma-colors-crimson-11: #cb1d63;--figma-colors-crimson-11-hsl: 336 75% 45%;--figma-colors-crimson-11-dark: #ff92ad;--figma-colors-crimson-11-dark-hsl: 345 100% 79%;--figma-colors-crimson-12: #621639;--figma-colors-crimson-12-hsl: 332 63% 24%;--figma-colors-crimson-12-dark: #fdd3e8;--figma-colors-crimson-12-dark-hsl: 330 91% 91%;--figma-colors-pink-1: #fffcfe;--figma-colors-pink-1-hsl: 320 100% 99%;--figma-colors-pink-1-dark: #191117;--figma-colors-pink-1-dark-hsl: 315 19% 8%;--figma-colors-pink-2: #fef7fb;--figma-colors-pink-2-hsl: 326 78% 98%;--figma-colors-pink-2-dark: #21121d;--figma-colors-pink-2-dark-hsl: 316 29% 10%;--figma-colors-pink-3: #fee9f5;--figma-colors-pink-3-hsl: 326 91% 95%;--figma-colors-pink-3-dark: #37172f;--figma-colors-pink-3-dark-hsl: 315 41% 15%;--figma-colors-pink-4: #fbdcef;--figma-colors-pink-4-hsl: 323 79% 92%;--figma-colors-pink-4-dark: #4b143d;--figma-colors-pink-4-dark-hsl: 315 58% 19%;--figma-colors-pink-5: #f6cee7;--figma-colors-pink-5-hsl: 323 69% 89%;--figma-colors-pink-5-dark: #591c47;--figma-colors-pink-5-dark-hsl: 318 52% 23%;--figma-colors-pink-6: #efbfdd;--figma-colors-pink-6-hsl: 323 60% 84%;--figma-colors-pink-6-dark: #692955;--figma-colors-pink-6-dark-hsl: 319 44% 29%;--figma-colors-pink-7: #e7acd0;--figma-colors-pink-7-hsl: 323 55% 79%;--figma-colors-pink-7-dark: #833869;--figma-colors-pink-7-dark-hsl: 321 40% 37%;--figma-colors-pink-8: #dd93c2;--figma-colors-pink-8-hsl: 322 52% 72%;--figma-colors-pink-8-dark: #a84885;--figma-colors-pink-8-dark-hsl: 322 40% 47%;--figma-colors-pink-9: #d6409f;--figma-colors-pink-9-hsl: 322 65% 55%;--figma-colors-pink-9-dark: #d6409f;--figma-colors-pink-9-dark-hsl: 322 65% 55%;--figma-colors-pink-10: #cf3897;--figma-colors-pink-10-hsl: 322 61% 52%;--figma-colors-pink-10-dark: #de51a8;--figma-colors-pink-10-dark-hsl: 323 68% 59%;--figma-colors-pink-11: #c2298a;--figma-colors-pink-11-hsl: 322 65% 46%;--figma-colors-pink-11-dark: #ff8dcc;--figma-colors-pink-11-dark-hsl: 327 100% 78%;--figma-colors-pink-12: #651249;--figma-colors-pink-12-hsl: 320 70% 23%;--figma-colors-pink-12-dark: #fdd1ea;--figma-colors-pink-12-dark-hsl: 326 92% 91%;--figma-colors-plum-1: #fefcff;--figma-colors-plum-1-hsl: 280 100% 99%;--figma-colors-plum-1-dark: #181118;--figma-colors-plum-1-dark-hsl: 300 17% 8%;--figma-colors-plum-2: #fdf7fd;--figma-colors-plum-2-hsl: 300 60% 98%;--figma-colors-plum-2-dark: #201320;--figma-colors-plum-2-dark-hsl: 300 25% 10%;--figma-colors-plum-3: #fbebfb;--figma-colors-plum-3-hsl: 300 67% 95%;--figma-colors-plum-3-dark: #351a35;--figma-colors-plum-3-dark-hsl: 300 34% 15%;--figma-colors-plum-4: #f7def8;--figma-colors-plum-4-hsl: 298 65% 92%;--figma-colors-plum-4-dark: #451d47;--figma-colors-plum-4-dark-hsl: 297 42% 20%;--figma-colors-plum-5: #f2d1f3;--figma-colors-plum-5-hsl: 298 59% 89%;--figma-colors-plum-5-dark: #512454;--figma-colors-plum-5-dark-hsl: 296 40% 24%;--figma-colors-plum-6: #e9c2ec;--figma-colors-plum-6-hsl: 296 53% 84%;--figma-colors-plum-6-dark: #5e3061;--figma-colors-plum-6-dark-hsl: 296 34% 28%;--figma-colors-plum-7: #deade3;--figma-colors-plum-7-hsl: 294 49% 78%;--figma-colors-plum-7-dark: #734079;--figma-colors-plum-7-dark-hsl: 294 31% 36%;--figma-colors-plum-8: #cf91d8;--figma-colors-plum-8-hsl: 292 48% 71%;--figma-colors-plum-8-dark: #92549c;--figma-colors-plum-8-dark-hsl: 292 30% 47%;--figma-colors-plum-9: #ab4aba;--figma-colors-plum-9-hsl: 292 45% 51%;--figma-colors-plum-9-dark: #ab4aba;--figma-colors-plum-9-dark-hsl: 292 45% 51%;--figma-colors-plum-10: #a144af;--figma-colors-plum-10-hsl: 292 44% 48%;--figma-colors-plum-10-dark: #b658c4;--figma-colors-plum-10-dark-hsl: 292 48% 56%;--figma-colors-plum-11: #953ea3;--figma-colors-plum-11-hsl: 292 45% 44%;--figma-colors-plum-11-dark: #e796f3;--figma-colors-plum-11-dark-hsl: 292 79% 77%;--figma-colors-plum-12: #53195d;--figma-colors-plum-12-hsl: 291 58% 23%;--figma-colors-plum-12-dark: #f4d4f4;--figma-colors-plum-12-dark-hsl: 300 59% 89%;--figma-colors-purple-1: #fefcfe;--figma-colors-purple-1-hsl: 300 50% 99%;--figma-colors-purple-1-dark: #18111b;--figma-colors-purple-1-dark-hsl: 282 23% 9%;--figma-colors-purple-2: #fbf7fe;--figma-colors-purple-2-hsl: 274 78% 98%;--figma-colors-purple-2-dark: #1e1523;--figma-colors-purple-2-dark-hsl: 279 25% 11%;--figma-colors-purple-3: #f7edfe;--figma-colors-purple-3-hsl: 275 89% 96%;--figma-colors-purple-3-dark: #301c3b;--figma-colors-purple-3-dark-hsl: 279 36% 17%;--figma-colors-purple-4: #f2e2fc;--figma-colors-purple-4-hsl: 277 81% 94%;--figma-colors-purple-4-dark: #3d224e;--figma-colors-purple-4-dark-hsl: 277 39% 22%;--figma-colors-purple-5: #ead5f9;--figma-colors-purple-5-hsl: 275 75% 91%;--figma-colors-purple-5-dark: #48295c;--figma-colors-purple-5-dark-hsl: 276 38% 26%;--figma-colors-purple-6: #e0c4f4;--figma-colors-purple-6-hsl: 275 69% 86%;--figma-colors-purple-6-dark: #54346b;--figma-colors-purple-6-dark-hsl: 275 35% 31%;--figma-colors-purple-7: #d1afec;--figma-colors-purple-7-hsl: 273 62% 81%;--figma-colors-purple-7-dark: #664282;--figma-colors-purple-7-dark-hsl: 274 33% 38%;--figma-colors-purple-8: #be93e4;--figma-colors-purple-8-hsl: 272 60% 74%;--figma-colors-purple-8-dark: #8457aa;--figma-colors-purple-8-dark-hsl: 273 33% 50%;--figma-colors-purple-9: #8e4ec6;--figma-colors-purple-9-hsl: 272 51% 54%;--figma-colors-purple-9-dark: #8e4ec6;--figma-colors-purple-9-dark-hsl: 272 51% 54%;--figma-colors-purple-10: #8347b9;--figma-colors-purple-10-hsl: 272 45% 50%;--figma-colors-purple-10-dark: #9a5cd0;--figma-colors-purple-10-dark-hsl: 272 55% 59%;--figma-colors-purple-11: #8145b5;--figma-colors-purple-11-hsl: 272 45% 49%;--figma-colors-purple-11-dark: #d19dff;--figma-colors-purple-11-dark-hsl: 272 100% 81%;--figma-colors-purple-12: #402060;--figma-colors-purple-12-hsl: 270 50% 25%;--figma-colors-purple-12-dark: #ecd9fa;--figma-colors-purple-12-dark-hsl: 275 77% 92%;--figma-colors-violet-1: #fdfcfe;--figma-colors-violet-1-hsl: 270 50% 99%;--figma-colors-violet-1-dark: #14121f;--figma-colors-violet-1-dark-hsl: 249 27% 10%;--figma-colors-violet-2: #faf8ff;--figma-colors-violet-2-hsl: 257 100% 99%;--figma-colors-violet-2-dark: #1b1525;--figma-colors-violet-2-dark-hsl: 263 28% 11%;--figma-colors-violet-3: #f4f0fe;--figma-colors-violet-3-hsl: 257 88% 97%;--figma-colors-violet-3-dark: #291f43;--figma-colors-violet-3-dark-hsl: 257 37% 19%;--figma-colors-violet-4: #ebe4ff;--figma-colors-violet-4-hsl: 256 100% 95%;--figma-colors-violet-4-dark: #33255b;--figma-colors-violet-4-dark-hsl: 256 42% 25%;--figma-colors-violet-5: #e1d9ff;--figma-colors-violet-5-hsl: 253 100% 93%;--figma-colors-violet-5-dark: #3c2e69;--figma-colors-violet-5-dark-hsl: 254 39% 30%;--figma-colors-violet-6: #d4cafe;--figma-colors-violet-6-hsl: 252 96% 89%;--figma-colors-violet-6-dark: #473876;--figma-colors-violet-6-dark-hsl: 255 36% 34%;--figma-colors-violet-7: #c2b5f5;--figma-colors-violet-7-hsl: 252 76% 84%;--figma-colors-violet-7-dark: #56468b;--figma-colors-violet-7-dark-hsl: 254 33% 41%;--figma-colors-violet-8: #aa99ec;--figma-colors-violet-8-hsl: 252 69% 76%;--figma-colors-violet-8-dark: #6958ad;--figma-colors-violet-8-dark-hsl: 252 34% 51%;--figma-colors-violet-9: #6e56cf;--figma-colors-violet-9-hsl: 252 56% 57%;--figma-colors-violet-9-dark: #6e56cf;--figma-colors-violet-9-dark-hsl: 252 56% 57%;--figma-colors-violet-10: #654dc4;--figma-colors-violet-10-hsl: 252 50% 54%;--figma-colors-violet-10-dark: #7d66d9;--figma-colors-violet-10-dark-hsl: 252 60% 63%;--figma-colors-violet-11: #6550b9;--figma-colors-violet-11-hsl: 252 43% 52%;--figma-colors-violet-11-dark: #baa7ff;--figma-colors-violet-11-dark-hsl: 253 100% 83%;--figma-colors-violet-12: #2f265f;--figma-colors-violet-12-hsl: 249 43% 26%;--figma-colors-violet-12-dark: #e2ddfe;--figma-colors-violet-12-dark-hsl: 249 94% 93%;--figma-colors-product-solid-1: #e8f8ff;--figma-colors-product-solid-1-hsl: 198 100% 95%;--figma-colors-product-solid-1-dark: #11131f;--figma-colors-product-solid-1-dark-hsl: 231 29% 9%;--figma-colors-product-solid-2: #e2f2ff;--figma-colors-product-solid-2-hsl: 207 100% 94%;--figma-colors-product-solid-2-dark: #141726;--figma-colors-product-solid-2-dark-hsl: 230 31% 11%;--figma-colors-product-solid-3: #b9ddff;--figma-colors-product-solid-3-hsl: 209 100% 86%;--figma-colors-product-solid-3-dark: #182449;--figma-colors-product-solid-3-dark-hsl: 225 51% 19%;--figma-colors-product-solid-4: #89c8ff;--figma-colors-product-solid-4-hsl: 208 100% 77%;--figma-colors-product-solid-4-dark: #1d2e62;--figma-colors-product-solid-4-dark-hsl: 225 54% 25%;--figma-colors-product-solid-5: #51b2ff;--figma-colors-product-solid-5-hsl: 207 100% 66%;--figma-colors-product-solid-5-dark: #253974;--figma-colors-product-solid-5-dark-hsl: 225 52% 30%;--figma-colors-product-solid-6: #18a1ff;--figma-colors-product-solid-6-hsl: 204 100% 55%;--figma-colors-product-solid-6-dark: #304384;--figma-colors-product-solid-6-dark-hsl: 226 47% 35%;--figma-colors-product-solid-7: #008fff;--figma-colors-product-solid-7-hsl: 206 100% 50%;--figma-colors-product-solid-7-dark: #3a4f97;--figma-colors-product-solid-7-dark-hsl: 226 44% 41%;--figma-colors-product-solid-8: #0080ff;--figma-colors-product-solid-8-hsl: 210 100% 50%;--figma-colors-product-solid-8-dark: #435db1;--figma-colors-product-solid-8-dark-hsl: 226 45% 48%;--figma-colors-product-solid-9: #126df6;--figma-colors-product-solid-9-hsl: 216 93% 52%;--figma-colors-product-solid-9-dark: #3e63dd;--figma-colors-product-solid-9-dark-hsl: 226 70% 55%;--figma-colors-product-solid-10: #1e5be3;--figma-colors-product-solid-10-hsl: 221 78% 50%;--figma-colors-product-solid-10-dark: #5472e4;--figma-colors-product-solid-10-dark-hsl: 228 73% 61%;--figma-colors-product-solid-11: #2837c4;--figma-colors-product-solid-11-hsl: 234 66% 46%;--figma-colors-product-solid-11-dark: #9eb1ff;--figma-colors-product-solid-11-dark-hsl: 228 100% 81%;--figma-colors-product-solid-12: #151d66;--figma-colors-product-solid-12-hsl: 234 66% 24%;--figma-colors-product-solid-12-dark: #d6e1ff;--figma-colors-product-solid-12-dark-hsl: 224 100% 92%;--figma-colors-blue-1: #fbfdff;--figma-colors-blue-1-hsl: 210 100% 99%;--figma-colors-blue-1-dark: #0d1520;--figma-colors-blue-1-dark-hsl: 215 42% 9%;--figma-colors-blue-2: #f4faff;--figma-colors-blue-2-hsl: 207 100% 98%;--figma-colors-blue-2-dark: #111927;--figma-colors-blue-2-dark-hsl: 218 39% 11%;--figma-colors-blue-3: #e6f4fe;--figma-colors-blue-3-hsl: 205 92% 95%;--figma-colors-blue-3-dark: #0d2847;--figma-colors-blue-3-dark-hsl: 212 69% 16%;--figma-colors-blue-4: #d5efff;--figma-colors-blue-4-hsl: 203 100% 92%;--figma-colors-blue-4-dark: #003362;--figma-colors-blue-4-dark-hsl: 209 100% 19%;--figma-colors-blue-5: #c2e5ff;--figma-colors-blue-5-hsl: 206 100% 88%;--figma-colors-blue-5-dark: #004074;--figma-colors-blue-5-dark-hsl: 207 100% 23%;--figma-colors-blue-6: #acd8fc;--figma-colors-blue-6-hsl: 207 93% 83%;--figma-colors-blue-6-dark: #104d87;--figma-colors-blue-6-dark-hsl: 209 79% 30%;--figma-colors-blue-7: #8ec8f6;--figma-colors-blue-7-hsl: 207 85% 76%;--figma-colors-blue-7-dark: #205d9e;--figma-colors-blue-7-dark-hsl: 211 66% 37%;--figma-colors-blue-8: #5eb1ef;--figma-colors-blue-8-hsl: 206 82% 65%;--figma-colors-blue-8-dark: #2870bd;--figma-colors-blue-8-dark-hsl: 211 65% 45%;--figma-colors-blue-9: #0090ff;--figma-colors-blue-9-hsl: 206 100% 50%;--figma-colors-blue-9-dark: #0090ff;--figma-colors-blue-9-dark-hsl: 206 100% 50%;--figma-colors-blue-10: #0588f0;--figma-colors-blue-10-hsl: 207 96% 48%;--figma-colors-blue-10-dark: #3b9eff;--figma-colors-blue-10-dark-hsl: 210 100% 62%;--figma-colors-blue-11: #0d74ce;--figma-colors-blue-11-hsl: 208 88% 43%;--figma-colors-blue-11-dark: #70b8ff;--figma-colors-blue-11-dark-hsl: 210 100% 72%;--figma-colors-blue-12: #113264;--figma-colors-blue-12-hsl: 216 71% 23%;--figma-colors-blue-12-dark: #c2e6ff;--figma-colors-blue-12-dark-hsl: 205 100% 88%;--figma-colors-cyan-1: #fafdfe;--figma-colors-cyan-1-hsl: 195 67% 99%;--figma-colors-cyan-1-dark: #0b161a;--figma-colors-cyan-1-dark-hsl: 196 41% 7%;--figma-colors-cyan-2: #f2fafb;--figma-colors-cyan-2-hsl: 187 53% 97%;--figma-colors-cyan-2-dark: #101b20;--figma-colors-cyan-2-dark-hsl: 199 33% 9%;--figma-colors-cyan-3: #def7f9;--figma-colors-cyan-3-hsl: 184 69% 92%;--figma-colors-cyan-3-dark: #082c36;--figma-colors-cyan-3-dark-hsl: 193 74% 12%;--figma-colors-cyan-4: #caf1f6;--figma-colors-cyan-4-hsl: 187 71% 88%;--figma-colors-cyan-4-dark: #003848;--figma-colors-cyan-4-dark-hsl: 193 100% 14%;--figma-colors-cyan-5: #b5e9f0;--figma-colors-cyan-5-hsl: 187 66% 83%;--figma-colors-cyan-5-dark: #004558;--figma-colors-cyan-5-dark-hsl: 193 100% 17%;--figma-colors-cyan-6: #9ddde7;--figma-colors-cyan-6-hsl: 188 61% 76%;--figma-colors-cyan-6-dark: #045468;--figma-colors-cyan-6-dark-hsl: 192 93% 21%;--figma-colors-cyan-7: #7dcedc;--figma-colors-cyan-7-hsl: 189 58% 68%;--figma-colors-cyan-7-dark: #12677e;--figma-colors-cyan-7-dark-hsl: 193 75% 28%;--figma-colors-cyan-8: #3db9cf;--figma-colors-cyan-8-hsl: 189 60% 53%;--figma-colors-cyan-8-dark: #11809c;--figma-colors-cyan-8-dark-hsl: 192 80% 34%;--figma-colors-cyan-9: #00a2c7;--figma-colors-cyan-9-hsl: 191 100% 39%;--figma-colors-cyan-9-dark: #00a2c7;--figma-colors-cyan-9-dark-hsl: 191 100% 39%;--figma-colors-cyan-10: #0797b9;--figma-colors-cyan-10-hsl: 191 93% 38%;--figma-colors-cyan-10-dark: #23afd0;--figma-colors-cyan-10-dark-hsl: 191 71% 48%;--figma-colors-cyan-11: #107d98;--figma-colors-cyan-11-hsl: 192 81% 33%;--figma-colors-cyan-11-dark: #4ccce6;--figma-colors-cyan-11-dark-hsl: 190 75% 60%;--figma-colors-cyan-12: #0d3c48;--figma-colors-cyan-12-hsl: 192 69% 17%;--figma-colors-cyan-12-dark: #b6ecf7;--figma-colors-cyan-12-dark-hsl: 190 80% 84%;--figma-colors-teal-1: #fafefd;--figma-colors-teal-1-hsl: 165 67% 99%;--figma-colors-teal-1-dark: #0d1514;--figma-colors-teal-1-dark-hsl: 173 24% 7%;--figma-colors-teal-2: #f3fbf9;--figma-colors-teal-2-hsl: 165 50% 97%;--figma-colors-teal-2-dark: #111c1b;--figma-colors-teal-2-dark-hsl: 175 24% 9%;--figma-colors-teal-3: #e0f8f3;--figma-colors-teal-3-hsl: 167 63% 93%;--figma-colors-teal-3-dark: #0d2d2a;--figma-colors-teal-3-dark-hsl: 174 55% 11%;--figma-colors-teal-4: #ccf3ea;--figma-colors-teal-4-hsl: 166 62% 88%;--figma-colors-teal-4-dark: #023b37;--figma-colors-teal-4-dark-hsl: 176 93% 12%;--figma-colors-teal-5: #b8eae0;--figma-colors-teal-5-hsl: 168 54% 82%;--figma-colors-teal-5-dark: #084843;--figma-colors-teal-5-dark-hsl: 175 80% 16%;--figma-colors-teal-6: #a1ded2;--figma-colors-teal-6-hsl: 168 48% 75%;--figma-colors-teal-6-dark: #145750;--figma-colors-teal-6-dark-hsl: 174 63% 21%;--figma-colors-teal-7: #83cdc1;--figma-colors-teal-7-hsl: 170 43% 66%;--figma-colors-teal-7-dark: #1c6961;--figma-colors-teal-7-dark-hsl: 174 58% 26%;--figma-colors-teal-8: #53b9ab;--figma-colors-teal-8-hsl: 172 42% 53%;--figma-colors-teal-8-dark: #207e73;--figma-colors-teal-8-dark-hsl: 173 59% 31%;--figma-colors-teal-9: #12a594;--figma-colors-teal-9-hsl: 173 80% 36%;--figma-colors-teal-9-dark: #12a594;--figma-colors-teal-9-dark-hsl: 173 80% 36%;--figma-colors-teal-10: #0d9b8a;--figma-colors-teal-10-hsl: 173 85% 33%;--figma-colors-teal-10-dark: #0eb39e;--figma-colors-teal-10-dark-hsl: 172 85% 38%;--figma-colors-teal-11: #008573;--figma-colors-teal-11-hsl: 172 100% 26%;--figma-colors-teal-11-dark: #0bd8b6;--figma-colors-teal-11-dark-hsl: 170 90% 45%;--figma-colors-teal-12: #0d3d38;--figma-colors-teal-12-hsl: 174 65% 15%;--figma-colors-teal-12-dark: #adf0dd;--figma-colors-teal-12-dark-hsl: 163 69% 81%;--figma-colors-green-1: #fbfefc;--figma-colors-green-1-hsl: 140 60% 99%;--figma-colors-green-1-dark: #0e1512;--figma-colors-green-1-dark-hsl: 154 20% 7%;--figma-colors-green-2: #f4fbf6;--figma-colors-green-2-hsl: 137 47% 97%;--figma-colors-green-2-dark: #121b17;--figma-colors-green-2-dark-hsl: 153 20% 9%;--figma-colors-green-3: #e6f6eb;--figma-colors-green-3-hsl: 139 47% 93%;--figma-colors-green-3-dark: #132d21;--figma-colors-green-3-dark-hsl: 152 41% 13%;--figma-colors-green-4: #d6f1df;--figma-colors-green-4-hsl: 140 49% 89%;--figma-colors-green-4-dark: #113b29;--figma-colors-green-4-dark-hsl: 154 55% 15%;--figma-colors-green-5: #c4e8d1;--figma-colors-green-5-hsl: 142 44% 84%;--figma-colors-green-5-dark: #174933;--figma-colors-green-5-dark-hsl: 154 52% 19%;--figma-colors-green-6: #adddc0;--figma-colors-green-6-hsl: 144 41% 77%;--figma-colors-green-6-dark: #20573e;--figma-colors-green-6-dark-hsl: 153 46% 23%;--figma-colors-green-7: #8eceaa;--figma-colors-green-7-hsl: 146 40% 68%;--figma-colors-green-7-dark: #28684a;--figma-colors-green-7-dark-hsl: 152 44% 28%;--figma-colors-green-8: #5bb98b;--figma-colors-green-8-hsl: 151 40% 54%;--figma-colors-green-8-dark: #2f7c57;--figma-colors-green-8-dark-hsl: 151 45% 34%;--figma-colors-green-9: #30a46c;--figma-colors-green-9-hsl: 151 55% 42%;--figma-colors-green-9-dark: #30a46c;--figma-colors-green-9-dark-hsl: 151 55% 42%;--figma-colors-green-10: #2b9a66;--figma-colors-green-10-hsl: 152 56% 39%;--figma-colors-green-10-dark: #33b074;--figma-colors-green-10-dark-hsl: 151 55% 45%;--figma-colors-green-11: #218358;--figma-colors-green-11-hsl: 154 60% 32%;--figma-colors-green-11-dark: #3dd68c;--figma-colors-green-11-dark-hsl: 151 65% 54%;--figma-colors-green-12: #193b2d;--figma-colors-green-12-hsl: 155 40% 16%;--figma-colors-green-12-dark: #b1f1cb;--figma-colors-green-12-dark-hsl: 144 70% 82%;--figma-colors-grass-1: #fbfefb;--figma-colors-grass-1-hsl: 120 60% 99%;--figma-colors-grass-1-dark: #0e1511;--figma-colors-grass-1-dark-hsl: 146 20% 7%;--figma-colors-grass-2: #f5fbf5;--figma-colors-grass-2-hsl: 120 43% 97%;--figma-colors-grass-2-dark: #141a15;--figma-colors-grass-2-dark-hsl: 130 13% 9%;--figma-colors-grass-3: #e9f6e9;--figma-colors-grass-3-hsl: 120 42% 94%;--figma-colors-grass-3-dark: #1b2a1e;--figma-colors-grass-3-dark-hsl: 132 22% 14%;--figma-colors-grass-4: #daf1db;--figma-colors-grass-4-hsl: 123 45% 90%;--figma-colors-grass-4-dark: #1d3a24;--figma-colors-grass-4-dark-hsl: 134 33% 17%;--figma-colors-grass-5: #c9e8ca;--figma-colors-grass-5-hsl: 122 40% 85%;--figma-colors-grass-5-dark: #25482d;--figma-colors-grass-5-dark-hsl: 134 32% 21%;--figma-colors-grass-6: #b2ddb5;--figma-colors-grass-6-hsl: 124 39% 78%;--figma-colors-grass-6-dark: #2d5736;--figma-colors-grass-6-dark-hsl: 133 32% 26%;--figma-colors-grass-7: #94ce9a;--figma-colors-grass-7-hsl: 126 37% 69%;--figma-colors-grass-7-dark: #366740;--figma-colors-grass-7-dark-hsl: 132 31% 31%;--figma-colors-grass-8: #65ba74;--figma-colors-grass-8-hsl: 131 38% 56%;--figma-colors-grass-8-dark: #3e7949;--figma-colors-grass-8-dark-hsl: 131 32% 36%;--figma-colors-grass-9: #46a758;--figma-colors-grass-9-hsl: 131 41% 46%;--figma-colors-grass-9-dark: #46a758;--figma-colors-grass-9-dark-hsl: 131 41% 46%;--figma-colors-grass-10: #3e9b4f;--figma-colors-grass-10-hsl: 131 43% 43%;--figma-colors-grass-10-dark: #53b365;--figma-colors-grass-10-dark-hsl: 131 39% 51%;--figma-colors-grass-11: #2a7e3b;--figma-colors-grass-11-hsl: 132 50% 33%;--figma-colors-grass-11-dark: #71d083;--figma-colors-grass-11-dark-hsl: 131 50% 63%;--figma-colors-grass-12: #203c25;--figma-colors-grass-12-hsl: 131 30% 18%;--figma-colors-grass-12-dark: #c2f0c2;--figma-colors-grass-12-dark-hsl: 120 61% 85%;--figma-colors-orange-1: #fefcfb;--figma-colors-orange-1-hsl: 20 60% 99%;--figma-colors-orange-1-dark: #17120e;--figma-colors-orange-1-dark-hsl: 27 24% 7%;--figma-colors-orange-2: #fff7ed;--figma-colors-orange-2-hsl: 33 100% 96%;--figma-colors-orange-2-dark: #1e160f;--figma-colors-orange-2-dark-hsl: 28 33% 9%;--figma-colors-orange-3: #ffefd6;--figma-colors-orange-3-hsl: 37 100% 92%;--figma-colors-orange-3-dark: #331e0b;--figma-colors-orange-3-dark-hsl: 29 65% 12%;--figma-colors-orange-4: #ffdfb5;--figma-colors-orange-4-hsl: 34 100% 85%;--figma-colors-orange-4-dark: #462100;--figma-colors-orange-4-dark-hsl: 28 100% 14%;--figma-colors-orange-5: #ffd19a;--figma-colors-orange-5-hsl: 33 100% 80%;--figma-colors-orange-5-dark: #562800;--figma-colors-orange-5-dark-hsl: 28 100% 17%;--figma-colors-orange-6: #ffc182;--figma-colors-orange-6-hsl: 30 100% 75%;--figma-colors-orange-6-dark: #66350c;--figma-colors-orange-6-dark-hsl: 27 79% 22%;--figma-colors-orange-7: #f5ae73;--figma-colors-orange-7-hsl: 27 87% 71%;--figma-colors-orange-7-dark: #7e451d;--figma-colors-orange-7-dark-hsl: 25 63% 30%;--figma-colors-orange-8: #ec9455;--figma-colors-orange-8-hsl: 25 80% 63%;--figma-colors-orange-8-dark: #a35829;--figma-colors-orange-8-dark-hsl: 23 60% 40%;--figma-colors-orange-9: #f76b15;--figma-colors-orange-9-hsl: 23 93% 53%;--figma-colors-orange-9-dark: #f76b15;--figma-colors-orange-9-dark-hsl: 23 93% 53%;--figma-colors-orange-10: #ef5f00;--figma-colors-orange-10-hsl: 24 100% 47%;--figma-colors-orange-10-dark: #ff801f;--figma-colors-orange-10-dark-hsl: 26 100% 56%;--figma-colors-orange-11: #cc4e00;--figma-colors-orange-11-hsl: 23 100% 40%;--figma-colors-orange-11-dark: #ffa057;--figma-colors-orange-11-dark-hsl: 26 100% 67%;--figma-colors-orange-12: #582d1d;--figma-colors-orange-12-hsl: 16 50% 23%;--figma-colors-orange-12-dark: #ffe0c2;--figma-colors-orange-12-dark-hsl: 30 100% 88%;--figma-colors-brown-1: #fefdfc;--figma-colors-brown-1-hsl: 30 50% 99%;--figma-colors-brown-1-dark: #12110f;--figma-colors-brown-1-dark-hsl: 40 9% 6%;--figma-colors-brown-2: #fcf9f6;--figma-colors-brown-2-hsl: 30 50% 98%;--figma-colors-brown-2-dark: #1c1816;--figma-colors-brown-2-dark-hsl: 20 12% 10%;--figma-colors-brown-3: #f6eee7;--figma-colors-brown-3-hsl: 28 45% 94%;--figma-colors-brown-3-dark: #28211d;--figma-colors-brown-3-dark-hsl: 22 16% 14%;--figma-colors-brown-4: #f0e4d9;--figma-colors-brown-4-hsl: 29 43% 90%;--figma-colors-brown-4-dark: #322922;--figma-colors-brown-4-dark-hsl: 26 19% 16%;--figma-colors-brown-5: #ebdaca;--figma-colors-brown-5-hsl: 29 45% 86%;--figma-colors-brown-5-dark: #3e3128;--figma-colors-brown-5-dark-hsl: 25 22% 20%;--figma-colors-brown-6: #e4cdb7;--figma-colors-brown-6-hsl: 29 45% 81%;--figma-colors-brown-6-dark: #4d3c2f;--figma-colors-brown-6-dark-hsl: 26 24% 24%;--figma-colors-brown-7: #dcbc9f;--figma-colors-brown-7-hsl: 29 47% 74%;--figma-colors-brown-7-dark: #614a39;--figma-colors-brown-7-dark-hsl: 26 26% 30%;--figma-colors-brown-8: #cea37e;--figma-colors-brown-8-hsl: 28 45% 65%;--figma-colors-brown-8-dark: #7c5f46;--figma-colors-brown-8-dark-hsl: 28 28% 38%;--figma-colors-brown-9: #ad7f58;--figma-colors-brown-9-hsl: 28 34% 51%;--figma-colors-brown-9-dark: #ad7f58;--figma-colors-brown-9-dark-hsl: 28 34% 51%;--figma-colors-brown-10: #a07553;--figma-colors-brown-10-hsl: 26 32% 48%;--figma-colors-brown-10-dark: #b88c67;--figma-colors-brown-10-dark-hsl: 27 36% 56%;--figma-colors-brown-11: #815e46;--figma-colors-brown-11-hsl: 24 30% 39%;--figma-colors-brown-11-dark: #dbb594;--figma-colors-brown-11-dark-hsl: 28 50% 72%;--figma-colors-brown-12: #3e332e;--figma-colors-brown-12-hsl: 19 15% 21%;--figma-colors-brown-12-dark: #f2e1ca;--figma-colors-brown-12-dark-hsl: 35 61% 87%;--figma-colors-sky-1: #f9feff;--figma-colors-sky-1-hsl: 190 100% 99%;--figma-colors-sky-1-dark: #0d141f;--figma-colors-sky-1-dark-hsl: 217 41% 9%;--figma-colors-sky-2: #f1fafd;--figma-colors-sky-2-hsl: 195 75% 97%;--figma-colors-sky-2-dark: #111a27;--figma-colors-sky-2-dark-hsl: 215 39% 11%;--figma-colors-sky-3: #e1f6fd;--figma-colors-sky-3-hsl: 195 88% 94%;--figma-colors-sky-3-dark: #112840;--figma-colors-sky-3-dark-hsl: 211 58% 16%;--figma-colors-sky-4: #d1f0fa;--figma-colors-sky-4-hsl: 195 80% 90%;--figma-colors-sky-4-dark: #113555;--figma-colors-sky-4-dark-hsl: 208 67% 20%;--figma-colors-sky-5: #bee7f5;--figma-colors-sky-5-hsl: 195 73% 85%;--figma-colors-sky-5-dark: #154467;--figma-colors-sky-5-dark-hsl: 206 66% 24%;--figma-colors-sky-6: #a9daed;--figma-colors-sky-6-hsl: 197 65% 80%;--figma-colors-sky-6-dark: #1b537b;--figma-colors-sky-6-dark-hsl: 205 64% 29%;--figma-colors-sky-7: #8dcae3;--figma-colors-sky-7-hsl: 197 61% 72%;--figma-colors-sky-7-dark: #1f6692;--figma-colors-sky-7-dark-hsl: 203 65% 35%;--figma-colors-sky-8: #60b3d7;--figma-colors-sky-8-hsl: 198 60% 61%;--figma-colors-sky-8-dark: #197cae;--figma-colors-sky-8-dark-hsl: 200 75% 39%;--figma-colors-sky-9: #7ce2fe;--figma-colors-sky-9-hsl: 193 98% 74%;--figma-colors-sky-9-dark: #7ce2fe;--figma-colors-sky-9-dark-hsl: 193 98% 74%;--figma-colors-sky-10: #74daf8;--figma-colors-sky-10-hsl: 194 90% 71%;--figma-colors-sky-10-dark: #a8eeff;--figma-colors-sky-10-dark-hsl: 192 100% 83%;--figma-colors-sky-11: #00749e;--figma-colors-sky-11-hsl: 196 100% 31%;--figma-colors-sky-11-dark: #75c7f0;--figma-colors-sky-11-dark-hsl: 200 80% 70%;--figma-colors-sky-12: #1d3e56;--figma-colors-sky-12-hsl: 205 50% 23%;--figma-colors-sky-12-dark: #c2f3ff;--figma-colors-sky-12-dark-hsl: 192 100% 88%;--figma-colors-mint-1: #f9fefd;--figma-colors-mint-1-hsl: 168 71% 99%;--figma-colors-mint-1-dark: #0e1515;--figma-colors-mint-1-dark-hsl: 180 20% 7%;--figma-colors-mint-2: #f2fbf9;--figma-colors-mint-2-hsl: 167 53% 97%;--figma-colors-mint-2-dark: #0f1b1b;--figma-colors-mint-2-dark-hsl: 180 29% 8%;--figma-colors-mint-3: #ddf9f2;--figma-colors-mint-3-hsl: 165 70% 92%;--figma-colors-mint-3-dark: #092c2b;--figma-colors-mint-3-dark-hsl: 178 66% 10%;--figma-colors-mint-4: #c8f4e9;--figma-colors-mint-4-hsl: 165 67% 87%;--figma-colors-mint-4-dark: #003a38;--figma-colors-mint-4-dark-hsl: 178 100% 11%;--figma-colors-mint-5: #b3ecde;--figma-colors-mint-5-hsl: 165 60% 81%;--figma-colors-mint-5-dark: #004744;--figma-colors-mint-5-dark-hsl: 177 100% 14%;--figma-colors-mint-6: #9ce0d0;--figma-colors-mint-6-hsl: 166 52% 75%;--figma-colors-mint-6-dark: #105650;--figma-colors-mint-6-dark-hsl: 175 69% 20%;--figma-colors-mint-7: #7ecfbd;--figma-colors-mint-7-hsl: 167 46% 65%;--figma-colors-mint-7-dark: #1e685f;--figma-colors-mint-7-dark-hsl: 173 55% 26%;--figma-colors-mint-8: #4cbba5;--figma-colors-mint-8-hsl: 168 45% 52%;--figma-colors-mint-8-dark: #277f70;--figma-colors-mint-8-dark-hsl: 170 53% 33%;--figma-colors-mint-9: #86ead4;--figma-colors-mint-9-hsl: 167 70% 72%;--figma-colors-mint-9-dark: #86ead4;--figma-colors-mint-9-dark-hsl: 167 70% 72%;--figma-colors-mint-10: #7de0cb;--figma-colors-mint-10-hsl: 167 61% 68%;--figma-colors-mint-10-dark: #a8f5e5;--figma-colors-mint-10-dark-hsl: 168 79% 81%;--figma-colors-mint-11: #027864;--figma-colors-mint-11-hsl: 170 97% 24%;--figma-colors-mint-11-dark: #58d5ba;--figma-colors-mint-11-dark-hsl: 167 60% 59%;--figma-colors-mint-12: #16433c;--figma-colors-mint-12-hsl: 171 51% 17%;--figma-colors-mint-12-dark: #c4f5e1;--figma-colors-mint-12-dark-hsl: 156 71% 86%;--figma-colors-lime-1: #fcfdfa;--figma-colors-lime-1-hsl: 80 43% 99%;--figma-colors-lime-1-dark: #11130c;--figma-colors-lime-1-dark-hsl: 77 23% 6%;--figma-colors-lime-2: #f8faf3;--figma-colors-lime-2-hsl: 77 41% 97%;--figma-colors-lime-2-dark: #151a10;--figma-colors-lime-2-dark-hsl: 90 24% 8%;--figma-colors-lime-3: #eef6d6;--figma-colors-lime-3-hsl: 75 64% 90%;--figma-colors-lime-3-dark: #1f2917;--figma-colors-lime-3-dark-hsl: 93 28% 13%;--figma-colors-lime-4: #e2f0bd;--figma-colors-lime-4-hsl: 76 63% 84%;--figma-colors-lime-4-dark: #29371d;--figma-colors-lime-4-dark-hsl: 92 31% 16%;--figma-colors-lime-5: #d3e7a6;--figma-colors-lime-5-hsl: 78 58% 78%;--figma-colors-lime-5-dark: #334423;--figma-colors-lime-5-dark-hsl: 91 32% 20%;--figma-colors-lime-6: #c2da91;--figma-colors-lime-6-hsl: 80 50% 71%;--figma-colors-lime-6-dark: #3d522a;--figma-colors-lime-6-dark-hsl: 92 32% 24%;--figma-colors-lime-7: #abc978;--figma-colors-lime-7-hsl: 82 43% 63%;--figma-colors-lime-7-dark: #496231;--figma-colors-lime-7-dark-hsl: 91 33% 29%;--figma-colors-lime-8: #8db654;--figma-colors-lime-8-hsl: 85 40% 52%;--figma-colors-lime-8-dark: #577538;--figma-colors-lime-8-dark-hsl: 90 35% 34%;--figma-colors-lime-9: #bdee63;--figma-colors-lime-9-hsl: 81 80% 66%;--figma-colors-lime-9-dark: #bdee63;--figma-colors-lime-9-dark-hsl: 81 80% 66%;--figma-colors-lime-10: #b0e64c;--figma-colors-lime-10-hsl: 81 75% 60%;--figma-colors-lime-10-dark: #d4ff70;--figma-colors-lime-10-dark-hsl: 78 100% 72%;--figma-colors-lime-11: #5c7c2f;--figma-colors-lime-11-hsl: 85 45% 34%;--figma-colors-lime-11-dark: #bde56c;--figma-colors-lime-11-dark-hsl: 80 70% 66%;--figma-colors-lime-12: #37401c;--figma-colors-lime-12-hsl: 75 39% 18%;--figma-colors-lime-12-dark: #e3f7ba;--figma-colors-lime-12-dark-hsl: 80 79% 85%;--figma-colors-yellow-1: #fdfdf9;--figma-colors-yellow-1-hsl: 60 50% 98%;--figma-colors-yellow-1-dark: #14120b;--figma-colors-yellow-1-dark-hsl: 47 29% 6%;--figma-colors-yellow-2: #fefce9;--figma-colors-yellow-2-hsl: 54 91% 95%;--figma-colors-yellow-2-dark: #1b180f;--figma-colors-yellow-2-dark-hsl: 45 29% 8%;--figma-colors-yellow-3: #fffab8;--figma-colors-yellow-3-hsl: 56 100% 86%;--figma-colors-yellow-3-dark: #2d2305;--figma-colors-yellow-3-dark-hsl: 45 80% 10%;--figma-colors-yellow-4: #fff394;--figma-colors-yellow-4-hsl: 53 100% 79%;--figma-colors-yellow-4-dark: #362b00;--figma-colors-yellow-4-dark-hsl: 48 100% 11%;--figma-colors-yellow-5: #ffe770;--figma-colors-yellow-5-hsl: 50 100% 72%;--figma-colors-yellow-5-dark: #433500;--figma-colors-yellow-5-dark-hsl: 47 100% 13%;--figma-colors-yellow-6: #f3d768;--figma-colors-yellow-6-hsl: 48 85% 68%;--figma-colors-yellow-6-dark: #524202;--figma-colors-yellow-6-dark-hsl: 48 95% 16%;--figma-colors-yellow-7: #e4c767;--figma-colors-yellow-7-hsl: 46 70% 65%;--figma-colors-yellow-7-dark: #665417;--figma-colors-yellow-7-dark-hsl: 46 63% 25%;--figma-colors-yellow-8: #d5ae39;--figma-colors-yellow-8-hsl: 45 65% 53%;--figma-colors-yellow-8-dark: #836a21;--figma-colors-yellow-8-dark-hsl: 45 60% 32%;--figma-colors-yellow-9: #ffe629;--figma-colors-yellow-9-hsl: 53 100% 58%;--figma-colors-yellow-9-dark: #ffe629;--figma-colors-yellow-9-dark-hsl: 53 100% 58%;--figma-colors-yellow-10: #ffdc00;--figma-colors-yellow-10-hsl: 52 100% 50%;--figma-colors-yellow-10-dark: #ffff57;--figma-colors-yellow-10-dark-hsl: 60 100% 67%;--figma-colors-yellow-11: #9e6c00;--figma-colors-yellow-11-hsl: 41 100% 31%;--figma-colors-yellow-11-dark: #f5e147;--figma-colors-yellow-11-dark-hsl: 53 90% 62%;--figma-colors-yellow-12: #473b1f;--figma-colors-yellow-12-hsl: 42 39% 20%;--figma-colors-yellow-12-dark: #f6eeb4;--figma-colors-yellow-12-dark-hsl: 53 79% 84%;--figma-colors-amber-1: #fefdfb;--figma-colors-amber-1-hsl: 40 60% 99%;--figma-colors-amber-1-dark: #16120c;--figma-colors-amber-1-dark-hsl: 36 29% 7%;--figma-colors-amber-2: #fefbe9;--figma-colors-amber-2-hsl: 51 91% 95%;--figma-colors-amber-2-dark: #1d180f;--figma-colors-amber-2-dark-hsl: 39 32% 9%;--figma-colors-amber-3: #fff7c2;--figma-colors-amber-3-hsl: 52 100% 88%;--figma-colors-amber-3-dark: #302008;--figma-colors-amber-3-dark-hsl: 36 71% 11%;--figma-colors-amber-4: #ffee9c;--figma-colors-amber-4-hsl: 50 100% 81%;--figma-colors-amber-4-dark: #3f2700;--figma-colors-amber-4-dark-hsl: 37 100% 12%;--figma-colors-amber-5: #fbe577;--figma-colors-amber-5-hsl: 50 94% 73%;--figma-colors-amber-5-dark: #4d3000;--figma-colors-amber-5-dark-hsl: 37 100% 15%;--figma-colors-amber-6: #f3d673;--figma-colors-amber-6-hsl: 46 84% 70%;--figma-colors-amber-6-dark: #5c3d05;--figma-colors-amber-6-dark-hsl: 39 90% 19%;--figma-colors-amber-7: #e9c162;--figma-colors-amber-7-hsl: 42 75% 65%;--figma-colors-amber-7-dark: #714f19;--figma-colors-amber-7-dark-hsl: 37 64% 27%;--figma-colors-amber-8: #e2a336;--figma-colors-amber-8-hsl: 38 75% 55%;--figma-colors-amber-8-dark: #8f6424;--figma-colors-amber-8-dark-hsl: 36 60% 35%;--figma-colors-amber-9: #ffc53d;--figma-colors-amber-9-hsl: 42 100% 62%;--figma-colors-amber-9-dark: #ffc53d;--figma-colors-amber-9-dark-hsl: 42 100% 62%;--figma-colors-amber-10: #ffba18;--figma-colors-amber-10-hsl: 42 100% 55%;--figma-colors-amber-10-dark: #ffd60a;--figma-colors-amber-10-dark-hsl: 50 100% 52%;--figma-colors-amber-11: #ab6400;--figma-colors-amber-11-hsl: 35 100% 34%;--figma-colors-amber-11-dark: #ffca16;--figma-colors-amber-11-dark-hsl: 46 100% 54%;--figma-colors-amber-12: #4f3422;--figma-colors-amber-12-hsl: 24 40% 22%;--figma-colors-amber-12-dark: #ffe7b3;--figma-colors-amber-12-dark-hsl: 41 100% 85%;--figma-colors-gray-1: #fcfcfc;--figma-colors-gray-1-hsl: 0 0% 99%;--figma-colors-gray-1-dark: #111111;--figma-colors-gray-1-dark-hsl: 0 0% 7%;--figma-colors-gray-2: #f9f9f9;--figma-colors-gray-2-hsl: 0 0% 98%;--figma-colors-gray-2-dark: #191919;--figma-colors-gray-2-dark-hsl: 0 0% 10%;--figma-colors-gray-3: #f0f0f0;--figma-colors-gray-3-hsl: 0 0% 94%;--figma-colors-gray-3-dark: #222222;--figma-colors-gray-3-dark-hsl: 0 0% 13%;--figma-colors-gray-4: #e8e8e8;--figma-colors-gray-4-hsl: 0 0% 91%;--figma-colors-gray-4-dark: #2a2a2a;--figma-colors-gray-4-dark-hsl: 0 0% 16%;--figma-colors-gray-5: #e0e0e0;--figma-colors-gray-5-hsl: 0 0% 88%;--figma-colors-gray-5-dark: #313131;--figma-colors-gray-5-dark-hsl: 0 0% 19%;--figma-colors-gray-6: #d9d9d9;--figma-colors-gray-6-hsl: 0 0% 85%;--figma-colors-gray-6-dark: #3a3a3a;--figma-colors-gray-6-dark-hsl: 0 0% 23%;--figma-colors-gray-7: #cecece;--figma-colors-gray-7-hsl: 0 0% 81%;--figma-colors-gray-7-dark: #484848;--figma-colors-gray-7-dark-hsl: 0 0% 28%;--figma-colors-gray-8: #bbbbbb;--figma-colors-gray-8-hsl: 0 0% 73%;--figma-colors-gray-8-dark: #606060;--figma-colors-gray-8-dark-hsl: 0 0% 38%;--figma-colors-gray-9: #8d8d8d;--figma-colors-gray-9-hsl: 0 0% 55%;--figma-colors-gray-9-dark: #6e6e6e;--figma-colors-gray-9-dark-hsl: 0 0% 43%;--figma-colors-gray-10: #838383;--figma-colors-gray-10-hsl: 0 0% 51%;--figma-colors-gray-10-dark: #7b7b7b;--figma-colors-gray-10-dark-hsl: 0 0% 48%;--figma-colors-gray-11: #646464;--figma-colors-gray-11-hsl: 0 0% 39%;--figma-colors-gray-11-dark: #b4b4b4;--figma-colors-gray-11-dark-hsl: 0 0% 71%;--figma-colors-gray-12: #202020;--figma-colors-gray-12-hsl: 0 0% 13%;--figma-colors-gray-12-dark: #eeeeee;--figma-colors-gray-12-dark-hsl: 0 0% 93%;--figma-colors-mauve-1: #fdfcfd;--figma-colors-mauve-1-hsl: 300 20% 99%;--figma-colors-mauve-1-dark: #121113;--figma-colors-mauve-1-dark-hsl: 270 6% 7%;--figma-colors-mauve-2: #faf9fb;--figma-colors-mauve-2-hsl: 270 20% 98%;--figma-colors-mauve-2-dark: #1a191b;--figma-colors-mauve-2-dark-hsl: 270 4% 10%;--figma-colors-mauve-3: #f2eff3;--figma-colors-mauve-3-hsl: 285 14% 95%;--figma-colors-mauve-3-dark: #232225;--figma-colors-mauve-3-dark-hsl: 260 4% 14%;--figma-colors-mauve-4: #eae7ec;--figma-colors-mauve-4-hsl: 276 12% 92%;--figma-colors-mauve-4-dark: #2b292d;--figma-colors-mauve-4-dark-hsl: 270 5% 17%;--figma-colors-mauve-5: #e3dfe6;--figma-colors-mauve-5-hsl: 274 12% 89%;--figma-colors-mauve-5-dark: #323035;--figma-colors-mauve-5-dark-hsl: 264 5% 20%;--figma-colors-mauve-6: #dbd8e0;--figma-colors-mauve-6-hsl: 262 11% 86%;--figma-colors-mauve-6-dark: #3c393f;--figma-colors-mauve-6-dark-hsl: 270 5% 24%;--figma-colors-mauve-7: #d0cdd7;--figma-colors-mauve-7-hsl: 258 11% 82%;--figma-colors-mauve-7-dark: #49474e;--figma-colors-mauve-7-dark-hsl: 257 5% 29%;--figma-colors-mauve-8: #bcbac7;--figma-colors-mauve-8-hsl: 249 10% 75%;--figma-colors-mauve-8-dark: #625f69;--figma-colors-mauve-8-dark-hsl: 258 5% 39%;--figma-colors-mauve-9: #8e8c99;--figma-colors-mauve-9-hsl: 249 6% 57%;--figma-colors-mauve-9-dark: #6f6d78;--figma-colors-mauve-9-dark-hsl: 251 5% 45%;--figma-colors-mauve-10: #84828e;--figma-colors-mauve-10-hsl: 250 5% 53%;--figma-colors-mauve-10-dark: #7c7a85;--figma-colors-mauve-10-dark-hsl: 251 4% 50%;--figma-colors-mauve-11: #65636d;--figma-colors-mauve-11-hsl: 252 5% 41%;--figma-colors-mauve-11-dark: #b5b2bc;--figma-colors-mauve-11-dark-hsl: 258 7% 72%;--figma-colors-mauve-12: #211f26;--figma-colors-mauve-12-hsl: 257 10% 14%;--figma-colors-mauve-12-dark: #eeeef0;--figma-colors-mauve-12-dark-hsl: 240 6% 94%;--figma-colors-slate-1: #fcfcfd;--figma-colors-slate-1-hsl: 240 20% 99%;--figma-colors-slate-1-dark: #111113;--figma-colors-slate-1-dark-hsl: 240 6% 7%;--figma-colors-slate-2: #f9f9fb;--figma-colors-slate-2-hsl: 240 20% 98%;--figma-colors-slate-2-dark: #18191b;--figma-colors-slate-2-dark-hsl: 220 6% 10%;--figma-colors-slate-3: #f0f0f3;--figma-colors-slate-3-hsl: 240 11% 95%;--figma-colors-slate-3-dark: #212225;--figma-colors-slate-3-dark-hsl: 225 6% 14%;--figma-colors-slate-4: #e8e8ec;--figma-colors-slate-4-hsl: 240 10% 92%;--figma-colors-slate-4-dark: #272a2d;--figma-colors-slate-4-dark-hsl: 210 7% 16%;--figma-colors-slate-5: #e0e1e6;--figma-colors-slate-5-hsl: 230 11% 89%;--figma-colors-slate-5-dark: #2e3135;--figma-colors-slate-5-dark-hsl: 214 7% 19%;--figma-colors-slate-6: #d9d9e0;--figma-colors-slate-6-hsl: 240 10% 86%;--figma-colors-slate-6-dark: #363a3f;--figma-colors-slate-6-dark-hsl: 213 8% 23%;--figma-colors-slate-7: #cdced6;--figma-colors-slate-7-hsl: 233 10% 82%;--figma-colors-slate-7-dark: #43484e;--figma-colors-slate-7-dark-hsl: 213 8% 28%;--figma-colors-slate-8: #b9bbc6;--figma-colors-slate-8-hsl: 231 10% 75%;--figma-colors-slate-8-dark: #5a6169;--figma-colors-slate-8-dark-hsl: 212 8% 38%;--figma-colors-slate-9: #8b8d98;--figma-colors-slate-9-hsl: 231 6% 57%;--figma-colors-slate-9-dark: #696e77;--figma-colors-slate-9-dark-hsl: 219 6% 44%;--figma-colors-slate-10: #80838d;--figma-colors-slate-10-hsl: 226 5% 53%;--figma-colors-slate-10-dark: #777b84;--figma-colors-slate-10-dark-hsl: 222 5% 49%;--figma-colors-slate-11: #60646c;--figma-colors-slate-11-hsl: 220 6% 40%;--figma-colors-slate-11-dark: #b0b4ba;--figma-colors-slate-11-dark-hsl: 216 7% 71%;--figma-colors-slate-12: #1c2024;--figma-colors-slate-12-hsl: 210 13% 13%;--figma-colors-slate-12-dark: #edeef0;--figma-colors-slate-12-dark-hsl: 220 9% 94%;--figma-colors-sage-1: #fbfdfc;--figma-colors-sage-1-hsl: 150 33% 99%;--figma-colors-sage-1-dark: #101211;--figma-colors-sage-1-dark-hsl: 150 6% 7%;--figma-colors-sage-2: #f7f9f8;--figma-colors-sage-2-hsl: 150 14% 97%;--figma-colors-sage-2-dark: #171918;--figma-colors-sage-2-dark-hsl: 150 4% 9%;--figma-colors-sage-3: #eef1f0;--figma-colors-sage-3-hsl: 160 10% 94%;--figma-colors-sage-3-dark: #202221;--figma-colors-sage-3-dark-hsl: 150 3% 13%;--figma-colors-sage-4: #e6e9e8;--figma-colors-sage-4-hsl: 160 6% 91%;--figma-colors-sage-4-dark: #272a29;--figma-colors-sage-4-dark-hsl: 160 4% 16%;--figma-colors-sage-5: #dfe2e0;--figma-colors-sage-5-hsl: 140 5% 88%;--figma-colors-sage-5-dark: #2e3130;--figma-colors-sage-5-dark-hsl: 160 3% 19%;--figma-colors-sage-6: #d7dad9;--figma-colors-sage-6-hsl: 160 4% 85%;--figma-colors-sage-6-dark: #373b39;--figma-colors-sage-6-dark-hsl: 150 4% 22%;--figma-colors-sage-7: #cbcfcd;--figma-colors-sage-7-hsl: 150 4% 80%;--figma-colors-sage-7-dark: #444947;--figma-colors-sage-7-dark-hsl: 156 4% 28%;--figma-colors-sage-8: #b8bcba;--figma-colors-sage-8-hsl: 150 3% 73%;--figma-colors-sage-8-dark: #5b625f;--figma-colors-sage-8-dark-hsl: 154 4% 37%;--figma-colors-sage-9: #868e8b;--figma-colors-sage-9-hsl: 157 3% 54%;--figma-colors-sage-9-dark: #63706b;--figma-colors-sage-9-dark-hsl: 157 6% 41%;--figma-colors-sage-10: #7c8481;--figma-colors-sage-10-hsl: 157 3% 50%;--figma-colors-sage-10-dark: #717d79;--figma-colors-sage-10-dark-hsl: 160 5% 47%;--figma-colors-sage-11: #5f6563;--figma-colors-sage-11-hsl: 160 3% 38%;--figma-colors-sage-11-dark: #adb5b2;--figma-colors-sage-11-dark-hsl: 157 5% 69%;--figma-colors-sage-12: #1a211e;--figma-colors-sage-12-hsl: 154 12% 12%;--figma-colors-sage-12-dark: #eceeed;--figma-colors-sage-12-dark-hsl: 150 6% 93%;--figma-colors-olive-1: #fcfdfc;--figma-colors-olive-1-hsl: 120 20% 99%;--figma-colors-olive-1-dark: #111210;--figma-colors-olive-1-dark-hsl: 90 6% 7%;--figma-colors-olive-2: #f8faf8;--figma-colors-olive-2-hsl: 120 17% 98%;--figma-colors-olive-2-dark: #181917;--figma-colors-olive-2-dark-hsl: 90 4% 9%;--figma-colors-olive-3: #eff1ef;--figma-colors-olive-3-hsl: 120 7% 94%;--figma-colors-olive-3-dark: #212220;--figma-colors-olive-3-dark-hsl: 90 3% 13%;--figma-colors-olive-4: #e7e9e7;--figma-colors-olive-4-hsl: 120 4% 91%;--figma-colors-olive-4-dark: #282a27;--figma-colors-olive-4-dark-hsl: 100 4% 16%;--figma-colors-olive-5: #dfe2df;--figma-colors-olive-5-hsl: 120 5% 88%;--figma-colors-olive-5-dark: #2f312e;--figma-colors-olive-5-dark-hsl: 100 3% 19%;--figma-colors-olive-6: #d7dad7;--figma-colors-olive-6-hsl: 120 4% 85%;--figma-colors-olive-6-dark: #383a36;--figma-colors-olive-6-dark-hsl: 90 4% 22%;--figma-colors-olive-7: #cccfcc;--figma-colors-olive-7-hsl: 120 3% 81%;--figma-colors-olive-7-dark: #454843;--figma-colors-olive-7-dark-hsl: 96 4% 27%;--figma-colors-olive-8: #b9bcb8;--figma-colors-olive-8-hsl: 105 3% 73%;--figma-colors-olive-8-dark: #5c625b;--figma-colors-olive-8-dark-hsl: 111 4% 37%;--figma-colors-olive-9: #898e87;--figma-colors-olive-9-hsl: 103 3% 54%;--figma-colors-olive-9-dark: #687066;--figma-colors-olive-9-dark-hsl: 108 5% 42%;--figma-colors-olive-10: #7f847d;--figma-colors-olive-10-hsl: 103 3% 50%;--figma-colors-olive-10-dark: #767d74;--figma-colors-olive-10-dark-hsl: 107 4% 47%;--figma-colors-olive-11: #60655f;--figma-colors-olive-11-hsl: 110 3% 38%;--figma-colors-olive-11-dark: #afb5ad;--figma-colors-olive-11-dark-hsl: 105 5% 69%;--figma-colors-olive-12: #1d211c;--figma-colors-olive-12-hsl: 108 8% 12%;--figma-colors-olive-12-dark: #eceeec;--figma-colors-olive-12-dark-hsl: 120 6% 93%;--figma-colors-sand-1: #fdfdfc;--figma-colors-sand-1-hsl: 60 20% 99%;--figma-colors-sand-1-dark: #111110;--figma-colors-sand-1-dark-hsl: 60 3% 6%;--figma-colors-sand-2: #f9f9f8;--figma-colors-sand-2-hsl: 60 8% 97%;--figma-colors-sand-2-dark: #191918;--figma-colors-sand-2-dark-hsl: 60 2% 10%;--figma-colors-sand-3: #f1f0ef;--figma-colors-sand-3-hsl: 30 7% 94%;--figma-colors-sand-3-dark: #222221;--figma-colors-sand-3-dark-hsl: 60 1% 13%;--figma-colors-sand-4: #e9e8e6;--figma-colors-sand-4-hsl: 40 6% 91%;--figma-colors-sand-4-dark: #2a2a28;--figma-colors-sand-4-dark-hsl: 60 2% 16%;--figma-colors-sand-5: #e2e1de;--figma-colors-sand-5-hsl: 45 6% 88%;--figma-colors-sand-5-dark: #31312e;--figma-colors-sand-5-dark-hsl: 60 3% 19%;--figma-colors-sand-6: #dad9d6;--figma-colors-sand-6-hsl: 45 5% 85%;--figma-colors-sand-6-dark: #3b3a37;--figma-colors-sand-6-dark-hsl: 45 4% 22%;--figma-colors-sand-7: #cfceca;--figma-colors-sand-7-hsl: 48 5% 80%;--figma-colors-sand-7-dark: #494844;--figma-colors-sand-7-dark-hsl: 48 4% 28%;--figma-colors-sand-8: #bcbbb5;--figma-colors-sand-8-hsl: 51 5% 72%;--figma-colors-sand-8-dark: #62605b;--figma-colors-sand-8-dark-hsl: 43 4% 37%;--figma-colors-sand-9: #8d8d86;--figma-colors-sand-9-hsl: 60 3% 54%;--figma-colors-sand-9-dark: #6f6d66;--figma-colors-sand-9-dark-hsl: 47 4% 42%;--figma-colors-sand-10: #82827c;--figma-colors-sand-10-hsl: 60 2% 50%;--figma-colors-sand-10-dark: #7c7b74;--figma-colors-sand-10-dark-hsl: 53 3% 47%;--figma-colors-sand-11: #63635e;--figma-colors-sand-11-hsl: 60 3% 38%;--figma-colors-sand-11-dark: #b5b3ad;--figma-colors-sand-11-dark-hsl: 45 5% 69%;--figma-colors-sand-12: #21201c;--figma-colors-sand-12-hsl: 48 8% 12%;--figma-colors-sand-12-dark: #eeeeec;--figma-colors-sand-12-dark-hsl: 60 6% 93%;--figma-colors-bronze-1: #fdfcfc;--figma-colors-bronze-1-hsl: 0 20% 99%;--figma-colors-bronze-1-dark: #141110;--figma-colors-bronze-1-dark-hsl: 15 11% 7%;--figma-colors-bronze-2: #fdf7f5;--figma-colors-bronze-2-hsl: 15 67% 98%;--figma-colors-bronze-2-dark: #1c1917;--figma-colors-bronze-2-dark-hsl: 24 10% 10%;--figma-colors-bronze-3: #f6edea;--figma-colors-bronze-3-hsl: 15 40% 94%;--figma-colors-bronze-3-dark: #262220;--figma-colors-bronze-3-dark-hsl: 20 9% 14%;--figma-colors-bronze-4: #efe4df;--figma-colors-bronze-4-hsl: 19 33% 91%;--figma-colors-bronze-4-dark: #302a27;--figma-colors-bronze-4-dark-hsl: 20 10% 17%;--figma-colors-bronze-5: #e7d9d3;--figma-colors-bronze-5-hsl: 18 29% 87%;--figma-colors-bronze-5-dark: #3b3330;--figma-colors-bronze-5-dark-hsl: 16 10% 21%;--figma-colors-bronze-6: #dfcdc5;--figma-colors-bronze-6-hsl: 18 29% 82%;--figma-colors-bronze-6-dark: #493e3a;--figma-colors-bronze-6-dark-hsl: 16 11% 26%;--figma-colors-bronze-7: #d3bcb3;--figma-colors-bronze-7-hsl: 17 27% 76%;--figma-colors-bronze-7-dark: #5a4c47;--figma-colors-bronze-7-dark-hsl: 16 12% 32%;--figma-colors-bronze-8: #c2a499;--figma-colors-bronze-8-hsl: 16 25% 68%;--figma-colors-bronze-8-dark: #6f5f58;--figma-colors-bronze-8-dark-hsl: 18 12% 39%;--figma-colors-bronze-9: #a18072;--figma-colors-bronze-9-hsl: 18 20% 54%;--figma-colors-bronze-9-dark: #a18072;--figma-colors-bronze-9-dark-hsl: 18 20% 54%;--figma-colors-bronze-10: #957468;--figma-colors-bronze-10-hsl: 16 18% 50%;--figma-colors-bronze-10-dark: #ae8c7e;--figma-colors-bronze-10-dark-hsl: 18 23% 59%;--figma-colors-bronze-11: #7d5e54;--figma-colors-bronze-11-hsl: 15 20% 41%;--figma-colors-bronze-11-dark: #d4b3a5;--figma-colors-bronze-11-dark-hsl: 18 35% 74%;--figma-colors-bronze-12: #43302b;--figma-colors-bronze-12-hsl: 12 22% 22%;--figma-colors-bronze-12-dark: #ede0d9;--figma-colors-bronze-12-dark-hsl: 21 36% 89%;--figma-colors-gold-1: #fdfdfc;--figma-colors-gold-1-hsl: 60 20% 99%;--figma-colors-gold-1-dark: #121211;--figma-colors-gold-1-dark-hsl: 60 3% 7%;--figma-colors-gold-2: #faf9f2;--figma-colors-gold-2-hsl: 53 44% 96%;--figma-colors-gold-2-dark: #1b1a17;--figma-colors-gold-2-dark-hsl: 45 8% 10%;--figma-colors-gold-3: #f2f0e7;--figma-colors-gold-3-hsl: 49 30% 93%;--figma-colors-gold-3-dark: #24231f;--figma-colors-gold-3-dark-hsl: 48 7% 13%;--figma-colors-gold-4: #eae6db;--figma-colors-gold-4-hsl: 44 26% 89%;--figma-colors-gold-4-dark: #2d2b26;--figma-colors-gold-4-dark-hsl: 43 8% 16%;--figma-colors-gold-5: #e1dccf;--figma-colors-gold-5-hsl: 43 23% 85%;--figma-colors-gold-5-dark: #38352e;--figma-colors-gold-5-dark-hsl: 42 10% 20%;--figma-colors-gold-6: #d8d0bf;--figma-colors-gold-6-hsl: 41 24% 80%;--figma-colors-gold-6-dark: #444039;--figma-colors-gold-6-dark-hsl: 38 9% 25%;--figma-colors-gold-7: #cbc0aa;--figma-colors-gold-7-hsl: 40 24% 73%;--figma-colors-gold-7-dark: #544f46;--figma-colors-gold-7-dark-hsl: 39 9% 30%;--figma-colors-gold-8: #b9a88d;--figma-colors-gold-8-hsl: 37 24% 64%;--figma-colors-gold-8-dark: #696256;--figma-colors-gold-8-dark-hsl: 38 10% 37%;--figma-colors-gold-9: #978365;--figma-colors-gold-9-hsl: 36 20% 49%;--figma-colors-gold-9-dark: #978365;--figma-colors-gold-9-dark-hsl: 36 20% 49%;--figma-colors-gold-10: #8c7a5e;--figma-colors-gold-10-hsl: 37 20% 46%;--figma-colors-gold-10-dark: #a39073;--figma-colors-gold-10-dark-hsl: 36 21% 55%;--figma-colors-gold-11: #71624b;--figma-colors-gold-11-hsl: 36 20% 37%;--figma-colors-gold-11-dark: #cbb99f;--figma-colors-gold-11-dark-hsl: 35 30% 71%;--figma-colors-gold-12: #3b352b;--figma-colors-gold-12-hsl: 38 16% 20%;--figma-colors-gold-12-dark: #e8e2d9;--figma-colors-gold-12-dark-hsl: 36 25% 88%;--figma-overlays-black-alpha-1: rgba(0, 0, 0, .05000000074505806);--figma-overlays-black-alpha-1-dark: rgba(0, 0, 0, .05000000074505806);--figma-overlays-black-alpha-2: rgba(0, 0, 0, .10000000149011612);--figma-overlays-black-alpha-2-dark: rgba(0, 0, 0, .10000000149011612);--figma-overlays-black-alpha-3: rgba(0, 0, 0, .15000000596046448);--figma-overlays-black-alpha-3-dark: rgba(0, 0, 0, .15000000596046448);--figma-overlays-black-alpha-4: rgba(0, 0, 0, .20000000298023224);--figma-overlays-black-alpha-4-dark: rgba(0, 0, 0, .20000000298023224);--figma-overlays-black-alpha-5: rgba(0, 0, 0, .30000001192092896);--figma-overlays-black-alpha-5-dark: rgba(0, 0, 0, .30000001192092896);--figma-overlays-black-alpha-6: rgba(0, 0, 0, .4000000059604645);--figma-overlays-black-alpha-6-dark: rgba(0, 0, 0, .4000000059604645);--figma-overlays-black-alpha-7: rgba(0, 0, 0, .5);--figma-overlays-black-alpha-7-dark: rgba(0, 0, 0, .5);--figma-overlays-black-alpha-8: rgba(0, 0, 0, .6000000238418579);--figma-overlays-black-alpha-8-dark: rgba(0, 0, 0, .6000000238418579);--figma-overlays-black-alpha-9: rgba(0, 0, 0, .699999988079071);--figma-overlays-black-alpha-9-dark: rgba(0, 0, 0, .699999988079071);--figma-overlays-black-alpha-10: rgba(0, 0, 0, .800000011920929);--figma-overlays-black-alpha-10-dark: rgba(0, 0, 0, .800000011920929);--figma-overlays-black-alpha-11: rgba(0, 0, 0, .8999999761581421);--figma-overlays-black-alpha-11-dark: rgba(0, 0, 0, .8999999761581421);--figma-overlays-black-alpha-12: rgba(0, 0, 0, .949999988079071);--figma-overlays-black-alpha-12-dark: rgba(0, 0, 0, .949999988079071);--figma-colors-tomato-alpha-1: rgba(255, 0, 0, .0117647061124444);--figma-colors-tomato-alpha-1-dark: rgba(241, 18, 18, .0313725508749485);--figma-colors-tomato-alpha-2: rgba(255, 32, 0, .0313725508749485);--figma-colors-tomato-alpha-2-dark: rgba(255, 85, 51, .05882352963089943);--figma-colors-tomato-alpha-3: rgba(245, 43, 0, .0941176488995552);--figma-colors-tomato-alpha-3-dark: rgba(255, 53, 35, .16862745583057404);--figma-colors-tomato-alpha-4: rgba(255, 53, 0, .1725490242242813);--figma-colors-tomato-alpha-4-dark: rgba(253, 32, 17, .25882354378700256);--figma-colors-tomato-alpha-5: rgba(255, 46, 0, .239215686917305);--figma-colors-tomato-alpha-5-dark: rgba(254, 51, 33, .32549020648002625);--figma-colors-tomato-alpha-6: rgba(249, 45, 0, .3137255012989044);--figma-colors-tomato-alpha-6-dark: rgba(255, 79, 56, .3921568691730499);--figma-colors-tomato-alpha-7: rgba(231, 40, 0, .40392157435417175);--figma-colors-tomato-alpha-7-dark: rgba(253, 100, 74, .4901960790157318);--figma-colors-tomato-alpha-8: rgba(219, 37, 0, .5176470875740051);--figma-colors-tomato-alpha-8-dark: rgba(254, 109, 78, .6549019813537598);--figma-colors-tomato-alpha-9: rgba(223, 38, 0, .8196078538894653);--figma-colors-tomato-alpha-9-dark: rgba(254, 84, 49, .8941176533699036);--figma-colors-tomato-alpha-10: rgba(215, 36, 0, .8549019694328308);--figma-colors-tomato-alpha-10-dark: rgba(255, 104, 71, .9215686321258545);--figma-colors-tomato-alpha-11: rgba(205, 34, 0, .9176470637321472);--figma-colors-tomato-alpha-11-dark: #ff977d;--figma-colors-tomato-alpha-11-dark-hsl: 12 100% 75%;--figma-colors-tomato-alpha-12: rgba(70, 9, 0, .8784313797950745);--figma-colors-tomato-alpha-12-dark: rgba(255, 214, 206, .9843137264251709);--figma-colors-purple-alpha-1: rgba(170, 0, 170, .0117647061124444);--figma-colors-purple-alpha-1-dark: rgba(180, 18, 249, .04313725605607033);--figma-colors-purple-alpha-2: rgba(128, 0, 224, .0313725508749485);--figma-colors-purple-alpha-2-dark: rgba(183, 68, 247, .0784313753247261);--figma-colors-purple-alpha-3: rgba(142, 0, 241, .07058823853731155);--figma-colors-purple-alpha-3-dark: rgba(193, 80, 255, .1764705926179886);--figma-colors-purple-alpha-4: rgba(141, 0, 229, .11372549086809158);--figma-colors-purple-alpha-4-dark: rgba(187, 83, 253, .25882354378700256);--figma-colors-purple-alpha-5: rgba(128, 0, 219, .16470588743686676);--figma-colors-purple-alpha-5-dark: rgba(190, 92, 253, .3176470696926117);--figma-colors-purple-alpha-6: rgba(122, 1, 208, .23137255012989044);--figma-colors-purple-alpha-6-dark: rgba(193, 109, 253, .3803921639919281);--figma-colors-purple-alpha-7: rgba(109, 0, 195, .3137255012989044);--figma-colors-purple-alpha-7-dark: rgba(195, 120, 253, .47843137383461);--figma-colors-purple-alpha-8: rgba(102, 0, 192, .42352941632270813);--figma-colors-purple-alpha-8-dark: rgba(196, 126, 255, .6431372761726379);--figma-colors-purple-alpha-9: rgba(92, 0, 173, .6941176652908325);--figma-colors-purple-alpha-9-dark: rgba(182, 97, 255, .7607843279838562);--figma-colors-purple-alpha-10: rgba(83, 0, 158, .7215686440467834);--figma-colors-purple-alpha-10-dark: rgba(188, 111, 255, .8039215803146362);--figma-colors-purple-alpha-11: rgba(82, 0, 154, .729411780834198);--figma-colors-purple-alpha-11-dark: #d19dff;--figma-colors-purple-alpha-11-dark-hsl: 272 100% 81%;--figma-colors-purple-alpha-12: rgba(37, 0, 73, .8745098114013672);--figma-colors-purple-alpha-12-dark: rgba(241, 221, 255, .9803921580314636);--figma-colors-violet-alpha-1: rgba(85, 0, 170, .0117647061124444);--figma-colors-violet-alpha-1-dark: rgba(68, 34, 255, .05882352963089943);--figma-colors-violet-alpha-2: rgba(73, 0, 255, .027450980618596077);--figma-colors-violet-alpha-2-dark: rgba(133, 63, 249, .08627451211214066);--figma-colors-violet-alpha-3: rgba(68, 0, 238, .05882352963089943);--figma-colors-violet-alpha-3-dark: rgba(131, 84, 254, .21176470816135406);--figma-colors-violet-alpha-4: rgba(67, 0, 255, .10588235408067703);--figma-colors-violet-alpha-4-dark: rgba(125, 81, 253, .3137255012989044);--figma-colors-violet-alpha-5: rgba(54, 0, 255, .14901961386203766);--figma-colors-violet-alpha-5-dark: rgba(132, 95, 253, .37254902720451355);--figma-colors-violet-alpha-6: rgba(49, 0, 251, .2078431397676468);--figma-colors-violet-alpha-6-dark: rgba(143, 108, 253, .4274509847164154);--figma-colors-violet-alpha-7: rgba(45, 1, 221, .29019609093666077);--figma-colors-violet-alpha-7-dark: rgba(152, 121, 255, .5137255191802979);--figma-colors-violet-alpha-8: rgba(43, 0, 208, .4000000059604645);--figma-colors-violet-alpha-8-dark: rgba(151, 125, 254, .658823549747467);--figma-colors-violet-alpha-9: rgba(36, 0, 183, .6627451181411743);--figma-colors-violet-alpha-9-dark: rgba(134, 104, 255, .800000011920929);--figma-colors-violet-alpha-10: rgba(35, 0, 171, .6980392336845398);--figma-colors-violet-alpha-10-dark: rgba(145, 118, 254, .843137264251709);--figma-colors-violet-alpha-11: rgba(31, 0, 153, .686274528503418);--figma-colors-violet-alpha-11-dark: #baa7ff;--figma-colors-violet-alpha-11-dark-hsl: 253 100% 83%;--figma-colors-violet-alpha-12: rgba(11, 0, 67, .8509804010391235);--figma-colors-violet-alpha-12-dark: rgba(227, 222, 255, .9960784316062927);--figma-colors-product-translucent-1: rgba(0, 0, 128, .007843137718737125);--figma-colors-product-translucent-1-dark: rgba(17, 51, 255, .05882352963089943);--figma-colors-product-translucent-2: rgba(0, 64, 255, .0313725508749485);--figma-colors-product-translucent-2-dark: rgba(51, 84, 250, .09019608050584793);--figma-colors-product-translucent-3: rgba(0, 71, 241, .07058823853731155);--figma-colors-product-translucent-3-dark: rgba(47, 98, 255, .23529411852359772);--figma-colors-product-translucent-4: rgba(0, 68, 255, .11764705926179886);--figma-colors-product-translucent-4-dark: rgba(53, 102, 255, .34117648005485535);--figma-colors-product-translucent-5: rgba(0, 68, 255, .1764705926179886);--figma-colors-product-translucent-5-dark: rgba(65, 113, 253, .41960784792900085);--figma-colors-product-translucent-6: rgba(0, 62, 255, .24313725531101227);--figma-colors-product-translucent-6-dark: rgba(81, 120, 253, .48627451062202454);--figma-colors-product-translucent-7: rgba(0, 55, 237, .3294117748737335);--figma-colors-product-translucent-7-dark: rgba(90, 127, 255, .5647059082984924);--figma-colors-product-translucent-8: rgba(0, 52, 220, .4470588266849518);--figma-colors-product-translucent-8-dark: rgba(91, 129, 254, .6745098233222961);--figma-colors-product-translucent-9: rgba(0, 49, 210, .7568627595901489);--figma-colors-product-translucent-9-dark: rgba(70, 113, 255, .8588235378265381);--figma-colors-product-translucent-10: rgba(0, 46, 201, .800000011920929);--figma-colors-product-translucent-10-dark: rgba(92, 126, 254, .8901960849761963);--figma-colors-product-translucent-11: rgba(0, 43, 183, .772549033164978);--figma-colors-product-translucent-11-dark: #9eb1ff;--figma-colors-product-translucent-11-dark-hsl: 228 100% 81%;--figma-colors-product-translucent-12: rgba(0, 16, 70, .8784313797950745);--figma-colors-product-translucent-12-dark: #d6e1ff;--figma-colors-product-translucent-12-dark-hsl: 224 100% 92%;--figma-colors-blue-alpha-1: rgba(0, 128, 255, .01568627543747425);--figma-colors-blue-alpha-1-dark: rgba(0, 77, 242, .06666667014360428);--figma-colors-blue-alpha-2: rgba(0, 140, 255, .04313725605607033);--figma-colors-blue-alpha-2-dark: rgba(17, 102, 251, .0941176488995552);--figma-colors-blue-alpha-3: rgba(0, 143, 245, .09803921729326248);--figma-colors-blue-alpha-3-dark: rgba(0, 119, 255, .22745098173618317);--figma-colors-blue-alpha-4: rgba(0, 158, 255, .16470588743686676);--figma-colors-blue-alpha-4-dark: rgba(0, 117, 255, .34117648005485535);--figma-colors-blue-alpha-5: rgba(0, 147, 255, .239215686917305);--figma-colors-blue-alpha-5-dark: rgba(0, 129, 253, .41960784792900085);--figma-colors-blue-alpha-6: rgba(0, 136, 246, .32549020648002625);--figma-colors-blue-alpha-6-dark: rgba(15, 137, 253, .49803921580314636);--figma-colors-blue-alpha-7: rgba(0, 131, 235, .4431372582912445);--figma-colors-blue-alpha-7-dark: rgba(42, 145, 254, .5960784554481506);--figma-colors-blue-alpha-8: rgba(0, 132, 230, .6313725709915161);--figma-colors-blue-alpha-8-dark: rgba(48, 148, 254, .7254902124404907);--figma-colors-blue-alpha-9: #0090ff;--figma-colors-blue-alpha-9-hsl: 206 100% 50%;--figma-colors-blue-alpha-9-dark: #0090ff;--figma-colors-blue-alpha-9-dark-hsl: 206 100% 50%;--figma-colors-blue-alpha-10: rgba(0, 134, 240, .9803921580314636);--figma-colors-blue-alpha-10-dark: #3b9eff;--figma-colors-blue-alpha-10-dark-hsl: 210 100% 62%;--figma-colors-blue-alpha-11: rgba(0, 109, 203, .9490196108818054);--figma-colors-blue-alpha-11-dark: #70b8ff;--figma-colors-blue-alpha-11-dark-hsl: 210 100% 72%;--figma-colors-blue-alpha-12: rgba(91, 92, 93, .9333333373069763);--figma-colors-blue-alpha-12-dark: #c2e6ff;--figma-colors-blue-alpha-12-dark-hsl: 205 100% 88%;--figma-colors-cyan-alpha-1: rgba(0, 153, 204, .019607843831181526);--figma-colors-cyan-alpha-1-dark: rgba(0, 145, 247, .03921568766236305);--figma-colors-cyan-alpha-2: rgba(0, 157, 177, .05098039284348488);--figma-colors-cyan-alpha-2-dark: rgba(2, 167, 242, .06666667014360428);--figma-colors-cyan-alpha-3: rgba(0, 194, 209, .12941177189350128);--figma-colors-cyan-alpha-3-dark: rgba(0, 190, 253, .1568627506494522);--figma-colors-cyan-alpha-4: rgba(0, 188, 212, .2078431397676468);--figma-colors-cyan-alpha-4-dark: rgba(0, 186, 255, .23137255012989044);--figma-colors-cyan-alpha-5: rgba(1, 180, 204, .29019609093666077);--figma-colors-cyan-alpha-5-dark: rgba(0, 190, 253, .3019607961177826);--figma-colors-cyan-alpha-6: rgba(0, 167, 193, .3843137323856354);--figma-colors-cyan-alpha-6-dark: rgba(0, 199, 253, .3686274588108063);--figma-colors-cyan-alpha-7: rgba(0, 159, 187, .5098039507865906);--figma-colors-cyan-alpha-7-dark: rgba(20, 205, 255, .4588235318660736);--figma-colors-cyan-alpha-8: rgba(0, 163, 192, .7607843279838562);--figma-colors-cyan-alpha-8-dark: rgba(17, 207, 255, .5843137502670288);--figma-colors-cyan-alpha-9: #00a2c7;--figma-colors-cyan-alpha-9-hsl: 191 100% 39%;--figma-colors-cyan-alpha-9-dark: rgba(0, 207, 255, .7647058963775635);--figma-colors-cyan-alpha-10: rgba(0, 148, 183, .9725490212440491);--figma-colors-cyan-alpha-10-dark: rgba(40, 214, 255, .8039215803146362);--figma-colors-cyan-alpha-11: rgba(0, 116, 145, .9372549057006836);--figma-colors-cyan-alpha-11-dark: rgba(82, 225, 254, .8980392217636108);--figma-colors-cyan-alpha-12: rgba(0, 50, 62, .9490196108818054);--figma-colors-cyan-alpha-12-dark: rgba(187, 243, 254, .9686274528503418);--figma-colors-teal-alpha-1: rgba(0, 204, 153, .019607843831181526);--figma-colors-teal-alpha-1-dark: rgba(0, 222, 171, .019607843831181526);--figma-colors-teal-alpha-2: rgba(0, 170, 128, .0470588244497776);--figma-colors-teal-alpha-2-dark: rgba(18, 251, 230, .0470588244497776);--figma-colors-teal-alpha-3: rgba(0, 198, 157, .12156862765550613);--figma-colors-teal-alpha-3-dark: rgba(0, 255, 230, .11764705926179886);--figma-colors-teal-alpha-4: rgba(0, 195, 150, .20000000298023224);--figma-colors-teal-alpha-4-dark: rgba(0, 255, 233, .1764705926179886);--figma-colors-teal-alpha-5: rgba(0, 180, 144, .27843138575553894);--figma-colors-teal-alpha-5-dark: rgba(0, 255, 234, .23137255012989044);--figma-colors-teal-alpha-6: rgba(0, 166, 133, .3686274588108063);--figma-colors-teal-alpha-6-dark: rgba(28, 255, 232, .29411765933036804);--figma-colors-teal-alpha-7: rgba(0, 153, 128, .48627451062202454);--figma-colors-teal-alpha-7-dark: rgba(46, 253, 232, .37254902720451355);--figma-colors-teal-alpha-8: rgba(0, 151, 131, .6745098233222961);--figma-colors-teal-alpha-8-dark: rgba(50, 255, 231, .4588235318660736);--figma-colors-teal-alpha-9: rgba(0, 158, 140, .929411768913269);--figma-colors-teal-alpha-9-dark: rgba(19, 255, 228, .6235294342041016);--figma-colors-teal-alpha-10: rgba(0, 150, 132, .9490196108818054);--figma-colors-teal-alpha-10-dark: rgba(13, 255, 224, .6823529601097107);--figma-colors-teal-alpha-11: #008573;--figma-colors-teal-alpha-11-hsl: 172 100% 26%;--figma-colors-teal-alpha-11-dark: rgba(10, 254, 213, .8392156958580017);--figma-colors-teal-alpha-12: rgba(0, 51, 45, .9490196108818054);--figma-colors-teal-alpha-12-dark: rgba(184, 255, 235, .9372549057006836);--figma-colors-green-alpha-1: rgba(0, 192, 64, .01568627543747425);--figma-colors-green-alpha-1-dark: rgba(0, 222, 69, .019607843831181526);--figma-colors-green-alpha-2: rgba(0, 163, 47, .04313725605607033);--figma-colors-green-alpha-2-dark: rgba(41, 249, 157, .04313725605607033);--figma-colors-green-alpha-3: rgba(0, 164, 51, .09803921729326248);--figma-colors-green-alpha-3-dark: rgba(34, 255, 153, .11764705926179886);--figma-colors-green-alpha-4: rgba(0, 168, 56, .16078431904315948);--figma-colors-green-alpha-4-dark: rgba(17, 255, 153, .1764705926179886);--figma-colors-green-alpha-5: rgba(1, 156, 57, .23137255012989044);--figma-colors-green-alpha-5-dark: rgba(43, 255, 162, .23529411852359772);--figma-colors-green-alpha-6: rgba(0, 150, 60, .32156863808631897);--figma-colors-green-alpha-6-dark: rgba(68, 255, 170, .29411765933036804);--figma-colors-green-alpha-7: rgba(0, 145, 64, .4431372582912445);--figma-colors-green-alpha-7-dark: rgba(80, 253, 172, .3686274588108063);--figma-colors-green-alpha-8: rgba(0, 146, 75, .6431372761726379);--figma-colors-green-alpha-8-dark: rgba(84, 255, 173, .45098039507865906);--figma-colors-green-alpha-9: rgba(0, 143, 74, .8117647171020508);--figma-colors-green-alpha-9-dark: rgba(68, 255, 164, .6196078658103943);--figma-colors-green-alpha-10: rgba(0, 134, 71, .8313725590705872);--figma-colors-green-alpha-10-dark: rgba(67, 254, 164, .6705882549285889);--figma-colors-green-alpha-11: rgba(0, 113, 63, .8705882430076599);--figma-colors-green-alpha-11-dark: rgba(70, 254, 165, .8313725590705872);--figma-colors-green-alpha-12: rgba(0, 38, 22, .9019607901573181);--figma-colors-green-alpha-12-dark: rgba(187, 255, 215, .9411764740943909);--figma-colors-grass-alpha-1: rgba(0, 192, 0, .01568627543747425);--figma-colors-grass-alpha-1-dark: rgba(0, 222, 18, .019607843831181526);--figma-colors-grass-alpha-2: rgba(0, 153, 0, .03921568766236305);--figma-colors-grass-alpha-2-dark: rgba(94, 247, 120, .03921568766236305);--figma-colors-grass-alpha-3: rgba(0, 151, 0, .08627451211214066);--figma-colors-grass-alpha-3-dark: rgba(112, 254, 140, .10588235408067703);--figma-colors-grass-alpha-4: rgba(0, 159, 7, .14509804546833038);--figma-colors-grass-alpha-4-dark: rgba(87, 255, 128, .1725490242242813);--figma-colors-grass-alpha-5: rgba(0, 147, 5, .21176470816135406);--figma-colors-grass-alpha-5-dark: rgba(104, 255, 139, .23137255012989044);--figma-colors-grass-alpha-6: rgba(0, 143, 10, .3019607961177826);--figma-colors-grass-alpha-6-dark: rgba(113, 255, 143, .29411765933036804);--figma-colors-grass-alpha-7: rgba(1, 139, 15, .41960784792900085);--figma-colors-grass-alpha-7-dark: rgba(119, 253, 146, .364705890417099);--figma-colors-grass-alpha-8: rgba(0, 141, 25, .6039215922355652);--figma-colors-grass-alpha-8-dark: rgba(119, 253, 144, .43921568989753723);--figma-colors-grass-alpha-9: rgba(0, 134, 25, .7254902124404907);--figma-colors-grass-alpha-9-dark: rgba(101, 255, 130, .6313725709915161);--figma-colors-grass-alpha-10: rgba(0, 123, 23, .7568627595901489);--figma-colors-grass-alpha-10-dark: rgba(114, 255, 141, .6823529601097107);--figma-colors-grass-alpha-11: rgba(0, 101, 20, .8352941274642944);--figma-colors-grass-alpha-11-dark: rgba(137, 255, 159, .8039215803146362);--figma-colors-grass-alpha-12: rgba(0, 32, 6, .8745098114013672);--figma-colors-grass-alpha-12-dark: rgba(206, 255, 206, .9372549057006836);--figma-colors-orange-alpha-1: rgba(192, 64, 0, .01568627543747425);--figma-colors-orange-alpha-1-dark: rgba(236, 54, 0, .027450980618596077);--figma-colors-orange-alpha-2: rgba(255, 142, 0, .07058823853731155);--figma-colors-orange-alpha-2-dark: rgba(254, 109, 0, .054901961237192154);--figma-colors-orange-alpha-3: rgba(255, 156, 0, .16078431904315948);--figma-colors-orange-alpha-3-dark: rgba(251, 106, 0, .14509804546833038);--figma-colors-orange-alpha-4: rgba(255, 145, 1, .29019609093666077);--figma-colors-orange-alpha-4-dark: rgba(255, 89, 0, .2235294133424759);--figma-colors-orange-alpha-5: rgba(255, 139, 0, .3960784375667572);--figma-colors-orange-alpha-5-dark: rgba(255, 97, 0, .29019609093666077);--figma-colors-orange-alpha-6: rgba(255, 129, 0, .4901960790157318);--figma-colors-orange-alpha-6-dark: rgba(253, 117, 4, .3607843220233917);--figma-colors-orange-alpha-7: rgba(237, 108, 0, .5490196347236633);--figma-colors-orange-alpha-7-dark: rgba(255, 131, 44, .4588235318660736);--figma-colors-orange-alpha-8: rgba(227, 95, 0, .6666666865348816);--figma-colors-orange-alpha-8-dark: rgba(254, 132, 56, .615686297416687);--figma-colors-orange-alpha-9: rgba(246, 94, 0, .9176470637321472);--figma-colors-orange-alpha-9-dark: rgba(254, 109, 21, .9686274528503418);--figma-colors-orange-alpha-10: #ef5f00;--figma-colors-orange-alpha-10-hsl: 24 100% 47%;--figma-colors-orange-alpha-10-dark: #ff801f;--figma-colors-orange-alpha-10-dark-hsl: 26 100% 56%;--figma-colors-orange-alpha-11: rgba(204, 78, 0, .7730000019073486);--figma-colors-orange-alpha-11-dark: #ffa057;--figma-colors-orange-alpha-11-dark-hsl: 26 100% 67%;--figma-colors-orange-alpha-12: rgba(67, 18, 0, .886274516582489);--figma-colors-orange-alpha-12-dark: #ffe0c2;--figma-colors-orange-alpha-12-dark-hsl: 30 100% 88%;--figma-colors-brown-alpha-1: rgba(170, 85, 0, .0117647061124444);--figma-colors-brown-alpha-1-dark: rgba(145, 17, 0, .007843137718737125);--figma-colors-brown-alpha-2: rgba(170, 85, 0, .03529411926865578);--figma-colors-brown-alpha-2-dark: rgba(251, 166, 124, .0470588244497776);--figma-colors-brown-alpha-3: rgba(160, 75, 0, .0941176488995552);--figma-colors-brown-alpha-3-dark: rgba(252, 181, 140, .09803921729326248);--figma-colors-brown-alpha-4: rgba(155, 74, 0, .14901961386203766);--figma-colors-brown-alpha-4-dark: rgba(251, 187, 138, .1411764770746231);--figma-colors-brown-alpha-5: rgba(159, 77, 0, .2078431397676468);--figma-colors-brown-alpha-5-dark: rgba(252, 184, 137, .1921568661928177);--figma-colors-brown-alpha-6: rgba(160, 78, 0, .2823529541492462);--figma-colors-brown-alpha-6-dark: rgba(253, 186, 135, .2549019753932953);--figma-colors-brown-alpha-7: rgba(163, 78, 0, .3764705955982208);--figma-colors-brown-alpha-7-dark: rgba(255, 187, 136, .33725491166114807);--figma-colors-brown-alpha-8: rgba(159, 74, 0, .5058823823928833);--figma-colors-brown-alpha-8-dark: rgba(255, 190, 135, .45098039507865906);--figma-colors-brown-alpha-9: rgba(130, 60, 0, .6549019813537598);--figma-colors-brown-alpha-9-dark: rgba(254, 184, 125, .658823549747467);--figma-colors-brown-alpha-10: rgba(114, 51, 0, .6745098233222961);--figma-colors-brown-alpha-10-dark: rgba(255, 193, 140, .7019608020782471);--figma-colors-brown-alpha-11: rgba(82, 33, 0, .7254902124404907);--figma-colors-brown-alpha-11-dark: rgba(254, 209, 170, .8509804010391235);--figma-colors-brown-alpha-12: rgba(20, 6, 0, .8196078538894653);--figma-colors-brown-alpha-12-dark: rgba(254, 236, 212, .9490196108818054);--figma-colors-red-alpha-1: rgba(255, 0, 0, .0117647061124444);--figma-colors-red-alpha-1-dark: rgba(244, 18, 18, .03529411926865578);--figma-colors-red-alpha-2: rgba(255, 0, 0, .0313725508749485);--figma-colors-red-alpha-2-dark: rgba(242, 47, 62, .06666667014360428);--figma-colors-red-alpha-3: rgba(243, 0, 13, .0784313753247261);--figma-colors-red-alpha-3-dark: rgba(255, 23, 63, .1764705926179886);--figma-colors-red-alpha-4: rgba(255, 0, 8, .1411764770746231);--figma-colors-red-alpha-4-dark: rgba(254, 10, 59, .2666666805744171);--figma-colors-red-alpha-5: rgba(255, 0, 6, .19607843458652496);--figma-colors-red-alpha-5-dark: rgba(255, 32, 71, .33725491166114807);--figma-colors-red-alpha-6: rgba(248, 0, 4, .25882354378700256);--figma-colors-red-alpha-6-dark: rgba(255, 62, 86, .40784314274787903);--figma-colors-red-alpha-7: rgba(223, 0, 3, .33725491166114807);--figma-colors-red-alpha-7-dark: rgba(255, 83, 97, .5176470875740051);--figma-colors-red-alpha-8: rgba(210, 0, 5, .4431372582912445);--figma-colors-red-alpha-8-dark: rgba(255, 93, 97, .6901960968971252);--figma-colors-red-alpha-9: rgba(219, 0, 7, .7176470756530762);--figma-colors-red-alpha-9-dark: rgba(254, 78, 84, .8941176533699036);--figma-colors-red-alpha-10: rgba(209, 0, 5, .7568627595901489);--figma-colors-red-alpha-10-dark: rgba(255, 100, 101, .9215686321258545);--figma-colors-red-alpha-11: rgba(196, 0, 6, .8274509906768799);--figma-colors-red-alpha-11-dark: #ff9592;--figma-colors-red-alpha-11-dark-hsl: 2 100% 79%;--figma-colors-red-alpha-12: rgba(85, 0, 13, .9098039269447327);--figma-colors-red-alpha-12-dark: #ffd1d9;--figma-colors-red-alpha-12-dark-hsl: 350 100% 91%;--figma-colors-crimson-alpha-1: rgba(255, 0, 85, .0117647061124444);--figma-colors-crimson-alpha-1-dark: rgba(244, 18, 103, .03529411926865578);--figma-colors-crimson-alpha-2: rgba(224, 0, 64, .0313725508749485);--figma-colors-crimson-alpha-2-dark: rgba(242, 47, 122, .06666667014360428);--figma-colors-crimson-alpha-3: rgba(255, 0, 82, .08627451211214066);--figma-colors-crimson-alpha-3-dark: rgba(254, 42, 139, .16470588743686676);--figma-colors-crimson-alpha-4: rgba(248, 0, 81, .13725490868091583);--figma-colors-crimson-alpha-4-dark: rgba(253, 21, 135, .2549019753932953);--figma-colors-crimson-alpha-5: rgba(229, 0, 79, .1921568661928177);--figma-colors-crimson-alpha-5-dark: rgba(253, 39, 143, .3176470696926117);--figma-colors-crimson-alpha-6: rgba(208, 0, 75, .2549019753932953);--figma-colors-crimson-alpha-6-dark: rgba(254, 69, 151, .38823530077934265);--figma-colors-crimson-alpha-7: rgba(191, 0, 71, .32549020648002625);--figma-colors-crimson-alpha-7-dark: rgba(253, 85, 155, .49803921580314636);--figma-colors-crimson-alpha-8: rgba(182, 0, 74, .42352941632270813);--figma-colors-crimson-alpha-8-dark: rgba(254, 91, 155, .6705882549285889);--figma-colors-crimson-alpha-9: rgba(226, 0, 91, .7607843279838562);--figma-colors-crimson-alpha-9-dark: rgba(254, 65, 141, .9098039269447327);--figma-colors-crimson-alpha-10: rgba(215, 0, 86, .7960784435272217);--figma-colors-crimson-alpha-10-dark: rgba(255, 86, 147, .929411768913269);--figma-colors-crimson-alpha-11: rgba(196, 0, 79, .886274516582489);--figma-colors-crimson-alpha-11-dark: #ff92ad;--figma-colors-crimson-alpha-11-dark-hsl: 345 100% 79%;--figma-colors-crimson-alpha-12: rgba(83, 0, 38, .9137254953384399);--figma-colors-crimson-alpha-12-dark: rgba(255, 213, 234, .9921568632125854);--figma-colors-pink-alpha-1: rgba(255, 0, 170, .0117647061124444);--figma-colors-pink-alpha-1-dark: rgba(244, 18, 188, .03529411926865578);--figma-colors-pink-alpha-2: rgba(224, 0, 128, .0313725508749485);--figma-colors-pink-alpha-2-dark: rgba(244, 32, 187, .07058823853731155);--figma-colors-pink-alpha-3: rgba(244, 0, 140, .08627451211214066);--figma-colors-pink-alpha-3-dark: rgba(254, 55, 204, .16078431904315948);--figma-colors-pink-alpha-4: rgba(226, 0, 139, .13725490868091583);--figma-colors-pink-alpha-4-dark: rgba(252, 30, 196, .24705882370471954);--figma-colors-pink-alpha-5: rgba(209, 0, 131, .1921568661928177);--figma-colors-pink-alpha-5-dark: rgba(253, 53, 194, .30588236451148987);--figma-colors-pink-alpha-6: rgba(192, 0, 120, .250980406999588);--figma-colors-pink-alpha-6-dark: rgba(253, 81, 199, .37254902720451355);--figma-colors-pink-alpha-7: rgba(182, 0, 111, .32549020648002625);--figma-colors-pink-alpha-7-dark: rgba(253, 98, 200, .48235294222831726);--figma-colors-pink-alpha-8: rgba(175, 0, 111, .42352941632270813);--figma-colors-pink-alpha-8-dark: rgba(255, 104, 200, .6352941393852234);--figma-colors-pink-alpha-9: rgba(200, 0, 127, .7490196228027344);--figma-colors-pink-alpha-9-dark: rgba(254, 73, 188, .8313725590705872);--figma-colors-pink-alpha-10: rgba(194, 0, 122, .7803921699523926);--figma-colors-pink-alpha-10-dark: rgba(255, 92, 192, .8627451062202454);--figma-colors-pink-alpha-11: rgba(182, 0, 116, .8392156958580017);--figma-colors-pink-alpha-11-dark: #ff8dcc;--figma-colors-pink-alpha-11-dark-hsl: 327 100% 78%;--figma-colors-pink-alpha-12: rgba(89, 0, 59, .929411768913269);--figma-colors-pink-alpha-12-dark: rgba(255, 211, 236, .9921568632125854);--figma-colors-plum-alpha-1: rgba(170, 0, 255, .0117647061124444);--figma-colors-plum-alpha-1-dark: rgba(241, 18, 241, .0313725508749485);--figma-colors-plum-alpha-2: rgba(192, 0, 192, .0313725508749485);--figma-colors-plum-alpha-2-dark: rgba(242, 47, 242, .06666667014360428);--figma-colors-plum-alpha-3: rgba(204, 0, 204, .0784313753247261);--figma-colors-plum-alpha-3-dark: rgba(253, 76, 253, .15294118225574493);--figma-colors-plum-alpha-4: rgba(194, 0, 201, .12941177189350128);--figma-colors-plum-alpha-4-dark: rgba(246, 70, 255, .22745098173618317);--figma-colors-plum-alpha-5: rgba(183, 0, 189, .18039216101169586);--figma-colors-plum-alpha-5-dark: rgba(244, 85, 255, .2823529541492462);--figma-colors-plum-alpha-6: rgba(164, 0, 176, .239215686917305);--figma-colors-plum-alpha-6-dark: rgba(246, 109, 255, .33725491166114807);--figma-colors-plum-alpha-7: rgba(153, 0, 168, .32156863808631897);--figma-colors-plum-alpha-7-dark: rgba(240, 124, 253, .43921568989753723);--figma-colors-plum-alpha-8: rgba(144, 0, 165, .4313725531101227);--figma-colors-plum-alpha-8-dark: rgba(238, 132, 255, .5843137502670288);--figma-colors-plum-alpha-9: rgba(137, 0, 158, .7098039388656616);--figma-colors-plum-alpha-9-dark: rgba(233, 97, 254, .7137255072593689);--figma-colors-plum-alpha-10: rgba(127, 0, 146, .7333333492279053);--figma-colors-plum-alpha-10-dark: rgba(237, 112, 255, .7529411911964417);--figma-colors-plum-alpha-11: rgba(115, 0, 134, .7568627595901489);--figma-colors-plum-alpha-11-dark: rgba(241, 156, 254, .9529411792755127);--figma-colors-plum-alpha-12: rgba(64, 0, 75, .9019607901573181);--figma-colors-plum-alpha-12-dark: rgba(254, 221, 254, .95686274766922);--figma-colors-sky-alpha-1: rgba(0, 213, 255, .0235294122248888);--figma-colors-sky-alpha-1-dark: rgba(0, 68, 255, .05882352963089943);--figma-colors-sky-alpha-2: rgba(0, 164, 219, .054901961237192154);--figma-colors-sky-alpha-2-dark: rgba(17, 113, 251, .0941176488995552);--figma-colors-sky-alpha-3: rgba(0, 179, 238, .11764705926179886);--figma-colors-sky-alpha-3-dark: rgba(17, 132, 252, .20000000298023224);--figma-colors-sky-alpha-4: rgba(0, 172, 228, .18039216101169586);--figma-colors-sky-alpha-4-dark: rgba(18, 143, 255, .2862745225429535);--figma-colors-sky-alpha-5: rgba(0, 161, 216, .2549019753932953);--figma-colors-sky-alpha-5-dark: rgba(28, 157, 253, .364705890417099);--figma-colors-sky-alpha-6: rgba(0, 146, 202, .33725491166114807);--figma-colors-sky-alpha-6-dark: rgba(40, 165, 255, .4470588266849518);--figma-colors-sky-alpha-7: rgba(0, 137, 193, .4470588266849518);--figma-colors-sky-alpha-7-dark: rgba(43, 173, 254, .545098066329956);--figma-colors-sky-alpha-8: rgba(0, 133, 191, .6235294342041016);--figma-colors-sky-alpha-8-dark: rgba(29, 178, 254, .6627451181411743);--figma-colors-sky-alpha-9: rgba(0, 199, 254, .5137255191802979);--figma-colors-sky-alpha-9-dark: rgba(124, 227, 255, .9960784316062927);--figma-colors-sky-alpha-10: rgba(0, 188, 243, .545098066329956);--figma-colors-sky-alpha-10-dark: #a8eeff;--figma-colors-sky-alpha-10-dark-hsl: 192 100% 83%;--figma-colors-sky-alpha-11: #00749e;--figma-colors-sky-alpha-11-hsl: 196 100% 31%;--figma-colors-sky-alpha-11-dark: rgba(124, 211, 255, .9372549057006836);--figma-colors-sky-alpha-12: rgba(0, 37, 64, .886274516582489);--figma-colors-sky-alpha-12-dark: #c2f3ff;--figma-colors-sky-alpha-12-dark-hsl: 192 100% 88%;--figma-colors-mint-alpha-1: rgba(0, 213, 170, .0235294122248888);--figma-colors-mint-alpha-1-dark: rgba(0, 222, 222, .019607843831181526);--figma-colors-mint-alpha-2: rgba(0, 177, 138, .05098039284348488);--figma-colors-mint-alpha-2-dark: rgba(0, 249, 249, .04313725605607033);--figma-colors-mint-alpha-3: rgba(0, 210, 158, .13333334028720856);--figma-colors-mint-alpha-3-dark: rgba(0, 255, 246, .11372549086809158);--figma-colors-mint-alpha-4: rgba(0, 204, 153, .21568627655506134);--figma-colors-mint-alpha-4-dark: rgba(0, 255, 244, .1725490242242813);--figma-colors-mint-alpha-5: rgba(0, 192, 145, .2980392277240753);--figma-colors-mint-alpha-5-dark: rgba(0, 255, 242, .22745098173618317);--figma-colors-mint-alpha-6: rgba(0, 176, 134, .38823530077934265);--figma-colors-mint-alpha-6-dark: rgba(14, 255, 235, .29019609093666077);--figma-colors-mint-alpha-7: rgba(0, 161, 125, .5058823823928833);--figma-colors-mint-alpha-7-dark: rgba(52, 253, 229, .3686274588108063);--figma-colors-mint-alpha-8: rgba(0, 158, 127, .7019608020782471);--figma-colors-mint-alpha-8-dark: rgba(65, 255, 223, .4627451002597809);--figma-colors-mint-alpha-9: rgba(0, 211, 165, .4745098054409027);--figma-colors-mint-alpha-9-dark: rgba(146, 255, 231, .9137254953384399);--figma-colors-mint-alpha-10: rgba(0, 195, 153, .5098039507865906);--figma-colors-mint-alpha-10-dark: rgba(174, 254, 237, .9607843160629272);--figma-colors-mint-alpha-11: rgba(0, 119, 99, .9921568632125854);--figma-colors-mint-alpha-11-dark: rgba(103, 255, 222, .8235294222831726);--figma-colors-mint-alpha-12: rgba(0, 49, 42, .9137254953384399);--figma-colors-mint-alpha-12-dark: rgba(203, 254, 233, .9607843160629272);--figma-colors-lime-alpha-1: rgba(102, 153, 0, .019607843831181526);--figma-colors-lime-alpha-1-dark: rgba(17, 187, 0, .0117647061124444);--figma-colors-lime-alpha-2: rgba(107, 149, 0, .0470588244497776);--figma-colors-lime-alpha-2-dark: rgba(120, 247, 0, .03921568766236305);--figma-colors-lime-alpha-3: rgba(150, 200, 0, .16078431904315948);--figma-colors-lime-alpha-3-dark: rgba(155, 253, 76, .10196078568696976);--figma-colors-lime-alpha-4: rgba(143, 198, 0, .25882354378700256);--figma-colors-lime-alpha-4-dark: rgba(167, 254, 92, .16078431904315948);--figma-colors-lime-alpha-5: rgba(129, 187, 0, .3490196168422699);--figma-colors-lime-alpha-5-dark: rgba(175, 254, 101, .21568627655506134);--figma-colors-lime-alpha-6: rgba(114, 170, 0, .4313725531101227);--figma-colors-lime-alpha-6-dark: rgba(178, 254, 109, .27450981736183167);--figma-colors-lime-alpha-7: rgba(97, 153, 0, .529411792755127);--figma-colors-lime-alpha-7-dark: rgba(182, 255, 111, .34117648005485535);--figma-colors-lime-alpha-8: rgba(85, 146, 0, .6705882549285889);--figma-colors-lime-alpha-8-dark: rgba(182, 253, 109, .42352941632270813);--figma-colors-lime-alpha-9: rgba(147, 228, 0, .6117647290229797);--figma-colors-lime-alpha-9-dark: rgba(202, 255, 105, .929411768913269);--figma-colors-lime-alpha-10: rgba(143, 220, 0, .7019608020782471);--figma-colors-lime-alpha-10-dark: #d4ff70;--figma-colors-lime-alpha-10-dark-hsl: 78 100% 72%;--figma-colors-lime-alpha-11: rgba(55, 95, 0, .8156862854957581);--figma-colors-lime-alpha-11-dark: rgba(209, 254, 119, .8941176533699036);--figma-colors-lime-alpha-12: rgba(30, 41, 0, .8901960849761963);--figma-colors-lime-alpha-12-dark: rgba(233, 254, 191, .9686274528503418);--figma-colors-yellow-alpha-1: rgba(170, 170, 0, .0235294122248888);--figma-colors-yellow-alpha-1-dark: rgba(209, 81, 0, .01568627543747425);--figma-colors-yellow-alpha-2: rgba(244, 221, 0, .08627451211214066);--figma-colors-yellow-alpha-2-dark: rgba(249, 180, 0, .04313725605607033);--figma-colors-yellow-alpha-3: rgba(255, 238, 0, .27843138575553894);--figma-colors-yellow-alpha-3-dark: rgba(255, 170, 0, .11764705926179886);--figma-colors-yellow-alpha-4: rgba(255, 227, 1, .41960784792900085);--figma-colors-yellow-alpha-4-dark: rgba(253, 183, 0, .1568627506494522);--figma-colors-yellow-alpha-5: rgba(255, 213, 0, .5607843399047852);--figma-colors-yellow-alpha-5-dark: rgba(254, 187, 0, .21176470816135406);--figma-colors-yellow-alpha-6: rgba(235, 188, 0, .5921568870544434);--figma-colors-yellow-alpha-6-dark: rgba(254, 196, 0, .27450981736183167);--figma-colors-yellow-alpha-7: rgba(210, 161, 0, .5960784554481506);--figma-colors-yellow-alpha-7-dark: rgba(253, 203, 34, .3607843220233917);--figma-colors-yellow-alpha-8: rgba(201, 151, 0, .7764706015586853);--figma-colors-yellow-alpha-8-dark: rgba(253, 202, 50, .48235294222831726);--figma-colors-yellow-alpha-9: rgba(255, 225, 0, .8392156958580017);--figma-colors-yellow-alpha-9-dark: #ffe629;--figma-colors-yellow-alpha-9-dark-hsl: 53 100% 58%;--figma-colors-yellow-alpha-10: #ffdc00;--figma-colors-yellow-alpha-10-hsl: 52 100% 50%;--figma-colors-yellow-alpha-10-dark: #ffff57;--figma-colors-yellow-alpha-10-dark-hsl: 60 100% 67%;--figma-colors-yellow-alpha-11: #9e6c00;--figma-colors-yellow-alpha-11-hsl: 41 100% 31%;--figma-colors-yellow-alpha-11-dark: rgba(254, 233, 73, .9607843160629272);--figma-colors-yellow-alpha-12: rgba(46, 32, 0, .8784313797950745);--figma-colors-yellow-alpha-12-dark: rgba(254, 246, 186, .9647058844566345);--figma-colors-amber-alpha-1: rgba(192, 128, 0, .01568627543747425);--figma-colors-amber-alpha-1-dark: rgba(230, 60, 0, .0235294122248888);--figma-colors-amber-alpha-2: rgba(244, 209, 0, .08627451211214066);--figma-colors-amber-alpha-2-dark: rgba(253, 155, 0, .05098039284348488);--figma-colors-amber-alpha-3: rgba(255, 222, 0, .239215686917305);--figma-colors-amber-alpha-3-dark: rgba(250, 130, 0, .13333334028720856);--figma-colors-amber-alpha-4: rgba(255, 212, 0, .38823530077934265);--figma-colors-amber-alpha-4-dark: rgba(252, 130, 0, .19607843458652496);--figma-colors-amber-alpha-5: rgba(248, 207, 0, .5333333611488342);--figma-colors-amber-alpha-5-dark: rgba(253, 139, 0, .2549019753932953);--figma-colors-amber-alpha-6: rgba(234, 181, 0, .5490196347236633);--figma-colors-amber-alpha-6-dark: rgba(253, 155, 0, .3176470696926117);--figma-colors-amber-alpha-7: rgba(220, 155, 0, .615686297416687);--figma-colors-amber-alpha-7-dark: rgba(255, 171, 37, .40392157435417175);--figma-colors-amber-alpha-8: rgba(218, 138, 0, .7882353067398071);--figma-colors-amber-alpha-8-dark: rgba(255, 174, 53, .529411792755127);--figma-colors-amber-alpha-9: rgba(255, 179, 0, .7607843279838562);--figma-colors-amber-alpha-9-dark: #ffc53d;--figma-colors-amber-alpha-9-dark-hsl: 42 100% 62%;--figma-colors-amber-alpha-10: rgba(255, 179, 0, .9058823585510254);--figma-colors-amber-alpha-10-dark: #ffd60a;--figma-colors-amber-alpha-10-dark-hsl: 50 100% 52%;--figma-colors-amber-alpha-11: #ab6400;--figma-colors-amber-alpha-11-hsl: 35 100% 34%;--figma-colors-amber-alpha-11-dark: #ffca16;--figma-colors-amber-alpha-11-dark-hsl: 46 100% 54%;--figma-colors-amber-alpha-12: rgba(52, 21, 0, .8666666746139526);--figma-colors-amber-alpha-12-dark: #ffe7b3;--figma-colors-amber-alpha-12-dark-hsl: 41 100% 85%;--figma-colors-gray-alpha-1: rgba(0, 0, 0, .0117647061124444);--figma-colors-gray-alpha-1-dark: rgba(0, 0, 0, 0);--figma-colors-gray-alpha-2: rgba(0, 0, 0, .0235294122248888);--figma-colors-gray-alpha-2-dark: rgba(255, 255, 255, .03529411926865578);--figma-colors-gray-alpha-3: rgba(0, 0, 0, .05882352963089943);--figma-colors-gray-alpha-3-dark: rgba(255, 255, 255, .07058823853731155);--figma-colors-gray-alpha-4: rgba(0, 0, 0, .09019608050584793);--figma-colors-gray-alpha-4-dark: rgba(255, 255, 255, .10588235408067703);--figma-colors-gray-alpha-5: rgba(0, 0, 0, .12156862765550613);--figma-colors-gray-alpha-5-dark: rgba(255, 255, 255, .13333334028720856);--figma-colors-gray-alpha-6: rgba(0, 0, 0, .14901961386203766);--figma-colors-gray-alpha-6-dark: rgba(255, 255, 255, .1725490242242813);--figma-colors-gray-alpha-7: rgba(0, 0, 0, .1921568661928177);--figma-colors-gray-alpha-7-dark: rgba(255, 255, 255, .23137255012989044);--figma-colors-gray-alpha-8: rgba(0, 0, 0, .2666666805744171);--figma-colors-gray-alpha-8-dark: rgba(255, 255, 255, .3333333432674408);--figma-colors-gray-alpha-9: rgba(0, 0, 0, .4470588266849518);--figma-colors-gray-alpha-9-dark: rgba(255, 255, 255, .3921568691730499);--figma-colors-gray-alpha-10: rgba(0, 0, 0, .48627451062202454);--figma-colors-gray-alpha-10-dark: rgba(255, 255, 255, .4470588266849518);--figma-colors-gray-alpha-11: rgba(0, 0, 0, .6078431606292725);--figma-colors-gray-alpha-11-dark: rgba(255, 255, 255, .686274528503418);--figma-colors-gray-alpha-12: rgba(0, 0, 0, .8745098114013672);--figma-colors-gray-alpha-12-dark: rgba(255, 255, 255, .929411768913269);--figma-colors-mauve-alpha-1: rgba(85, 0, 85, .0117647061124444);--figma-colors-mauve-alpha-1-dark: rgba(0, 0, 0, 0);--figma-colors-mauve-alpha-2: rgba(43, 0, 85, .0235294122248888);--figma-colors-mauve-alpha-2-dark: rgba(245, 244, 246, .03529411926865578);--figma-colors-mauve-alpha-3: rgba(48, 0, 64, .062745101749897);--figma-colors-mauve-alpha-3-dark: rgba(235, 234, 248, .0784313753247261);--figma-colors-mauve-alpha-4: rgba(32, 0, 54, .0941176488995552);--figma-colors-mauve-alpha-4-dark: rgba(238, 229, 248, .11372549086809158);--figma-colors-mauve-alpha-5: rgba(32, 0, 56, .125490203499794);--figma-colors-mauve-alpha-5-dark: rgba(239, 230, 254, .14509804546833038);--figma-colors-mauve-alpha-6: rgba(20, 0, 53, .15294118225574493);--figma-colors-mauve-alpha-6-dark: rgba(241, 230, 253, .1882352977991104);--figma-colors-mauve-alpha-7: rgba(16, 0, 51, .19607843458652496);--figma-colors-mauve-alpha-7-dark: rgba(238, 233, 255, .250980406999588);--figma-colors-mauve-alpha-8: rgba(8, 0, 49, .2705882489681244);--figma-colors-mauve-alpha-8-dark: rgba(238, 231, 255, .364705890417099);--figma-colors-mauve-alpha-9: rgba(5, 0, 29, .45098039507865906);--figma-colors-mauve-alpha-9-dark: rgba(234, 230, 253, .4313725531101227);--figma-colors-mauve-alpha-10: rgba(5, 0, 25, .4901960790157318);--figma-colors-mauve-alpha-10-dark: rgba(236, 233, 253, .48627451062202454);--figma-colors-mauve-alpha-11: rgba(4, 0, 17, .6117647290229797);--figma-colors-mauve-alpha-11-dark: rgba(245, 241, 255, .7176470756530762);--figma-colors-mauve-alpha-12: rgba(2, 0, 8, .8784313797950745);--figma-colors-mauve-alpha-12-dark: rgba(253, 253, 255, .9372549057006836);--figma-colors-slate-alpha-1: rgba(0, 0, 85, .0117647061124444);--figma-colors-slate-alpha-1-dark: rgba(0, 0, 0, 0);--figma-colors-slate-alpha-2: rgba(0, 0, 85, .0235294122248888);--figma-colors-slate-alpha-2-dark: rgba(216, 244, 246, .03529411926865578);--figma-colors-slate-alpha-3: rgba(0, 0, 51, .05882352963089943);--figma-colors-slate-alpha-3-dark: rgba(221, 234, 248, .0784313753247261);--figma-colors-slate-alpha-4: rgba(0, 0, 45, .09019608050584793);--figma-colors-slate-alpha-4-dark: rgba(211, 237, 248, .11372549086809158);--figma-colors-slate-alpha-5: rgba(0, 9, 50, .12156862765550613);--figma-colors-slate-alpha-5-dark: rgba(217, 237, 254, .14509804546833038);--figma-colors-slate-alpha-6: rgba(0, 0, 47, .14901961386203766);--figma-colors-slate-alpha-6-dark: rgba(214, 235, 253, .1882352977991104);--figma-colors-slate-alpha-7: rgba(0, 6, 46, .19607843458652496);--figma-colors-slate-alpha-7-dark: rgba(217, 237, 255, .250980406999588);--figma-colors-slate-alpha-8: rgba(0, 8, 48, .27450981736183167);--figma-colors-slate-alpha-8-dark: rgba(217, 237, 255, .364705890417099);--figma-colors-slate-alpha-9: rgba(0, 5, 29, .45490196347236633);--figma-colors-slate-alpha-9-dark: rgba(223, 235, 253, .4274509847164154);--figma-colors-slate-alpha-10: rgba(0, 7, 27, .49803921580314636);--figma-colors-slate-alpha-10-dark: rgba(229, 237, 253, .48235294222831726);--figma-colors-slate-alpha-11: rgba(0, 7, 20, .6235294342041016);--figma-colors-slate-alpha-11-dark: rgba(241, 247, 254, .7098039388656616);--figma-colors-slate-alpha-12: rgba(0, 5, 9, .8901960849761963);--figma-colors-slate-alpha-12-dark: rgba(252, 253, 255, .9372549057006836);--figma-colors-sage-alpha-1: rgba(0, 128, 64, .01568627543747425);--figma-colors-sage-alpha-1-dark: rgba(0, 0, 0, 0);--figma-colors-sage-alpha-2: rgba(0, 64, 32, .0313725508749485);--figma-colors-sage-alpha-2-dark: rgba(240, 242, 241, .0313725508749485);--figma-colors-sage-alpha-3: rgba(0, 45, 30, .06666667014360428);--figma-colors-sage-alpha-3-dark: rgba(243, 245, 244, .07058823853731155);--figma-colors-sage-alpha-4: rgba(0, 31, 21, .09803921729326248);--figma-colors-sage-alpha-4-dark: rgba(242, 254, 253, .10196078568696976);--figma-colors-sage-alpha-5: rgba(0, 24, 8, .125490203499794);--figma-colors-sage-alpha-5-dark: rgba(241, 251, 250, .13333334028720856);--figma-colors-sage-alpha-6: rgba(0, 20, 13, .1568627506494522);--figma-colors-sage-alpha-6-dark: rgba(237, 251, 244, .1764705926179886);--figma-colors-sage-alpha-7: rgba(0, 20, 10, .20392157137393951);--figma-colors-sage-alpha-7-dark: rgba(237, 252, 247, .23529411852359772);--figma-colors-sage-alpha-8: rgba(0, 15, 8, .27843138575553894);--figma-colors-sage-alpha-8-dark: rgba(235, 253, 246, .34117648005485535);--figma-colors-sage-alpha-9: rgba(0, 17, 11, .4745098054409027);--figma-colors-sage-alpha-9-dark: rgba(223, 253, 242, .4000000059604645);--figma-colors-sage-alpha-10: rgba(0, 16, 10, .5137255191802979);--figma-colors-sage-alpha-10-dark: rgba(229, 253, 246, .45490196347236633);--figma-colors-sage-alpha-11: rgba(0, 10, 7, .6274510025978088);--figma-colors-sage-alpha-11-dark: rgba(244, 254, 251, .6901960968971252);--figma-colors-sage-alpha-12: rgba(0, 8, 5, .8980392217636108);--figma-colors-sage-alpha-12-dark: rgba(253, 255, 254, .929411768913269);--figma-colors-olive-alpha-1: rgba(0, 85, 0, .0117647061124444);--figma-colors-olive-alpha-1-dark: rgba(0, 0, 0, 0);--figma-colors-olive-alpha-2: rgba(0, 73, 0, .027450980618596077);--figma-colors-olive-alpha-2-dark: rgba(241, 242, 240, .0313725508749485);--figma-colors-olive-alpha-3: rgba(0, 32, 0, .062745101749897);--figma-colors-olive-alpha-3-dark: rgba(244, 245, 243, .07058823853731155);--figma-colors-olive-alpha-4: rgba(0, 22, 0, .0941176488995552);--figma-colors-olive-alpha-4-dark: rgba(243, 254, 242, .10196078568696976);--figma-colors-olive-alpha-5: rgba(0, 24, 0, .125490203499794);--figma-colors-olive-alpha-5-dark: rgba(242, 251, 241, .13333334028720856);--figma-colors-olive-alpha-6: rgba(0, 20, 0, .1568627506494522);--figma-colors-olive-alpha-6-dark: rgba(244, 250, 237, .1725490242242813);--figma-colors-olive-alpha-7: rgba(0, 15, 0, .20000000298023224);--figma-colors-olive-alpha-7-dark: rgba(242, 252, 237, .23137255012989044);--figma-colors-olive-alpha-8: rgba(4, 15, 0, .27843138575553894);--figma-colors-olive-alpha-8-dark: rgba(237, 253, 235, .34117648005485535);--figma-colors-olive-alpha-9: rgba(5, 15, 0, .47058823704719543);--figma-colors-olive-alpha-9-dark: rgba(235, 253, 231, .4000000059604645);--figma-colors-olive-alpha-10: rgba(4, 14, 0, .5098039507865906);--figma-colors-olive-alpha-10-dark: rgba(240, 253, 236, .45490196347236633);--figma-colors-olive-alpha-11: rgba(2, 10, 0, .6274510025978088);--figma-colors-olive-alpha-11-dark: rgba(246, 254, 244, .6901960968971252);--figma-colors-olive-alpha-12: rgba(1, 6, 0, .8901960849761963);--figma-colors-olive-alpha-12-dark: rgba(253, 255, 253, .929411768913269);--figma-colors-sand-alpha-1: rgba(85, 85, 0, .0117647061124444);--figma-colors-sand-alpha-1-dark: rgba(0, 0, 0, 0);--figma-colors-sand-alpha-2: rgba(37, 37, 0, .027450980618596077);--figma-colors-sand-alpha-2-dark: rgba(244, 244, 243, .03529411926865578);--figma-colors-sand-alpha-3: rgba(32, 16, 0, .062745101749897);--figma-colors-sand-alpha-3-dark: rgba(246, 246, 245, .07450980693101883);--figma-colors-sand-alpha-4: rgba(31, 21, 0, .09803921729326248);--figma-colors-sand-alpha-4-dark: rgba(254, 254, 243, .10588235408067703);--figma-colors-sand-alpha-5: rgba(31, 24, 0, .12941177189350128);--figma-colors-sand-alpha-5-dark: rgba(251, 251, 235, .13725490868091583);--figma-colors-sand-alpha-6: rgba(25, 19, 0, .16078431904315948);--figma-colors-sand-alpha-6-dark: rgba(255, 250, 237, .1764705926179886);--figma-colors-sand-alpha-7: rgba(25, 20, 0, .2078431397676468);--figma-colors-sand-alpha-7-dark: rgba(255, 251, 237, .23529411852359772);--figma-colors-sand-alpha-8: rgba(25, 21, 1, .29019609093666077);--figma-colors-sand-alpha-8-dark: rgba(255, 249, 235, .34117648005485535);--figma-colors-sand-alpha-9: rgba(15, 15, 0, .4745098054409027);--figma-colors-sand-alpha-9-dark: rgba(255, 250, 233, .3960784375667572);--figma-colors-sand-alpha-10: rgba(12, 12, 0, .5137255191802979);--figma-colors-sand-alpha-10-dark: rgba(255, 253, 238, .45098039507865906);--figma-colors-sand-alpha-11: rgba(8, 8, 0, .6313725709915161);--figma-colors-sand-alpha-11-dark: rgba(255, 252, 244, .6901960968971252);--figma-colors-sand-alpha-12: rgba(6, 5, 0, .8901960849761963);--figma-colors-sand-alpha-12-dark: rgba(255, 255, 253, .929411768913269);--figma-colors-bronze-alpha-1: rgba(85, 0, 0, .0117647061124444);--figma-colors-bronze-alpha-1-dark: rgba(209, 17, 0, .01568627543747425);--figma-colors-bronze-alpha-2: rgba(204, 51, 0, .03921568766236305);--figma-colors-bronze-alpha-2-dark: rgba(251, 188, 145, .0470588244497776);--figma-colors-bronze-alpha-3: rgba(146, 37, 0, .08235294371843338);--figma-colors-bronze-alpha-3-dark: rgba(250, 206, 184, .09019608050584793);--figma-colors-bronze-alpha-4: rgba(128, 40, 0, .125490203499794);--figma-colors-bronze-alpha-4-dark: rgba(250, 205, 182, .13333334028720856);--figma-colors-bronze-alpha-5: rgba(116, 35, 0, .1725490242242813);--figma-colors-bronze-alpha-5-dark: rgba(255, 210, 193, .1764705926179886);--figma-colors-bronze-alpha-6: rgba(115, 36, 0, .22745098173618317);--figma-colors-bronze-alpha-6-dark: rgba(255, 209, 192, .23529411852359772);--figma-colors-bronze-alpha-7: rgba(108, 31, 0, .2980392277240753);--figma-colors-bronze-alpha-7-dark: rgba(253, 208, 192, .30980393290519714);--figma-colors-bronze-alpha-8: rgba(103, 28, 0, .4000000059604645);--figma-colors-bronze-alpha-8-dark: rgba(255, 214, 197, .3960784375667572);--figma-colors-bronze-alpha-9: rgba(85, 26, 0, .5529412031173706);--figma-colors-bronze-alpha-9-dark: rgba(254, 199, 176, .6078431606292725);--figma-colors-bronze-alpha-10: rgba(76, 21, 0, .5921568870544434);--figma-colors-bronze-alpha-10-dark: rgba(254, 202, 181, .6627451181411743);--figma-colors-bronze-alpha-11: rgba(61, 15, 0, .6705882549285889);--figma-colors-bronze-alpha-11-dark: rgba(255, 215, 198, .8196078538894653);--figma-colors-bronze-alpha-12: rgba(29, 6, 0, .8313725590705872);--figma-colors-bronze-alpha-12-dark: rgba(255, 241, 233, .9254902005195618);--figma-colors-gold-alpha-1: rgba(85, 85, 0, .0117647061124444);--figma-colors-gold-alpha-1-dark: rgba(145, 145, 17, .007843137718737125);--figma-colors-gold-alpha-2: rgba(157, 138, 0, .05098039284348488);--figma-colors-gold-alpha-2-dark: rgba(249, 226, 157, .04313725605607033);--figma-colors-gold-alpha-3: rgba(117, 96, 0, .0941176488995552);--figma-colors-gold-alpha-3-dark: rgba(248, 236, 187, .08235294371843338);--figma-colors-gold-alpha-4: rgba(107, 78, 0, .1411764770746231);--figma-colors-gold-alpha-4-dark: rgba(255, 238, 196, .11764705926179886);--figma-colors-gold-alpha-5: rgba(96, 70, 0, .1882352977991104);--figma-colors-gold-alpha-5-dark: rgba(254, 236, 194, .16470588743686676);--figma-colors-gold-alpha-6: rgba(100, 68, 0, .250980406999588);--figma-colors-gold-alpha-6-dark: rgba(254, 235, 203, .21568627655506134);--figma-colors-gold-alpha-7: rgba(99, 66, 0, .3333333432674408);--figma-colors-gold-alpha-7-dark: rgba(255, 237, 205, .2823529541492462);--figma-colors-gold-alpha-8: rgba(99, 61, 0, .4470588266849518);--figma-colors-gold-alpha-8-dark: rgba(253, 234, 202, .37254902720451355);--figma-colors-gold-alpha-9: rgba(83, 50, 0, .6039215922355652);--figma-colors-gold-alpha-9-dark: rgba(255, 219, 166, .5647059082984924);--figma-colors-gold-alpha-10: rgba(73, 45, 0, .6313725709915161);--figma-colors-gold-alpha-10-dark: rgba(254, 223, 176, .615686297416687);--figma-colors-gold-alpha-11: rgba(54, 33, 0, .7058823704719543);--figma-colors-gold-alpha-11-dark: rgba(254, 231, 198, .7843137383460999);--figma-colors-gold-alpha-12: rgba(19, 12, 0, .8313725590705872);--figma-colors-gold-alpha-12-dark: rgba(254, 247, 237, .9058823585510254);--figma-overlays-white-alpha-1: rgba(255, 255, 255, .05000000074505806);--figma-overlays-white-alpha-1-dark: rgba(255, 255, 255, .05000000074505806);--figma-overlays-white-alpha-2: rgba(255, 255, 255, .10000000149011612);--figma-overlays-white-alpha-2-dark: rgba(255, 255, 255, .10000000149011612);--figma-overlays-white-alpha-3: rgba(255, 255, 255, .15000000596046448);--figma-overlays-white-alpha-3-dark: rgba(255, 255, 255, .15000000596046448);--figma-overlays-white-alpha-4: rgba(255, 255, 255, .20000000298023224);--figma-overlays-white-alpha-4-dark: rgba(255, 255, 255, .20000000298023224);--figma-overlays-white-alpha-5: rgba(255, 255, 255, .30000001192092896);--figma-overlays-white-alpha-5-dark: rgba(255, 255, 255, .30000001192092896);--figma-overlays-white-alpha-6: rgba(255, 255, 255, .4000000059604645);--figma-overlays-white-alpha-6-dark: rgba(255, 255, 255, .4000000059604645);--figma-overlays-white-alpha-7: rgba(255, 255, 255, .5);--figma-overlays-white-alpha-7-dark: rgba(255, 255, 255, .5);--figma-overlays-white-alpha-8: rgba(255, 255, 255, .6000000238418579);--figma-overlays-white-alpha-8-dark: rgba(255, 255, 255, .6000000238418579);--figma-overlays-white-alpha-9: rgba(255, 255, 255, .699999988079071);--figma-overlays-white-alpha-9-dark: rgba(255, 255, 255, .699999988079071);--figma-overlays-white-alpha-10: rgba(255, 255, 255, .800000011920929);--figma-overlays-white-alpha-10-dark: rgba(255, 255, 255, .800000011920929);--figma-overlays-white-alpha-11: rgba(255, 255, 255, .8999999761581421);--figma-overlays-white-alpha-11-dark: rgba(255, 255, 255, .8999999761581421);--figma-overlays-white-alpha-12: rgba(255, 255, 255, .949999988079071);--figma-overlays-white-alpha-12-dark: rgba(255, 255, 255, .949999988079071);--figma-variables-misc-backdrop-dark: rgba(0, 0, 0, .75);--figma-variables-effects-translucent: rgba(255, 255, 255, .800000011920929);--figma-variables-effects-translucent-dark: rgba(29, 29, 33, .699999988079071);--figma-variables-misc-white-to-dark-2: rgba(255, 255, 255, .8999999761581421);--figma-variables-misc-white-to-dark-2-dark: rgba(0, 0, 0, .25);--figma-colors-ruby-1: #fffcfd;--figma-colors-ruby-1-hsl: 340 100% 99%;--figma-colors-ruby-1-dark: #191113;--figma-colors-ruby-1-dark-hsl: 345 19% 8%;--figma-colors-ruby-2: #fff7f9;--figma-colors-ruby-2-hsl: 345 100% 98%;--figma-colors-ruby-2-dark: #1e1517;--figma-colors-ruby-2-dark-hsl: 347 18% 10%;--figma-colors-ruby-3: #feeff3;--figma-colors-ruby-3-hsl: 344 88% 97%;--figma-colors-ruby-3-dark: #3a141e;--figma-colors-ruby-3-dark-hsl: 344 49% 15%;--figma-colors-ruby-4: #ffdce1;--figma-colors-ruby-4-hsl: 351 100% 93%;--figma-colors-ruby-4-dark: #4e1325;--figma-colors-ruby-4-dark-hsl: 342 61% 19%;--figma-colors-ruby-5: #ffced6;--figma-colors-ruby-5-hsl: 350 100% 90%;--figma-colors-ruby-5-dark: #5e1a2e;--figma-colors-ruby-5-dark-hsl: 342 57% 24%;--figma-colors-ruby-6: #f8bfc8;--figma-colors-ruby-6-hsl: 351 80% 86%;--figma-colors-ruby-6-dark: #6f2539;--figma-colors-ruby-6-dark-hsl: 344 50% 29%;--figma-colors-ruby-7: #efacb8;--figma-colors-ruby-7-hsl: 349 68% 81%;--figma-colors-ruby-7-dark: #883447;--figma-colors-ruby-7-dark-hsl: 346 45% 37%;--figma-colors-ruby-8: #e592a3;--figma-colors-ruby-8-hsl: 348 61% 74%;--figma-colors-ruby-8-dark: #b3445a;--figma-colors-ruby-8-dark-hsl: 348 45% 48%;--figma-colors-ruby-9: #e54666;--figma-colors-ruby-9-hsl: 348 75% 59%;--figma-colors-ruby-9-dark: #e54666;--figma-colors-ruby-9-dark-hsl: 348 75% 59%;--figma-colors-ruby-10: #dc3b5d;--figma-colors-ruby-10-hsl: 347 70% 55%;--figma-colors-ruby-10-dark: #ec5a72;--figma-colors-ruby-10-dark-hsl: 350 79% 64%;--figma-colors-ruby-11: #ca244d;--figma-colors-ruby-11-hsl: 345 70% 47%;--figma-colors-ruby-11-dark: #ff949d;--figma-colors-ruby-11-dark-hsl: 355 100% 79%;--figma-colors-ruby-12: #64172b;--figma-colors-ruby-12-hsl: 344 63% 24%;--figma-colors-ruby-12-dark: #fed2e1;--figma-colors-ruby-12-dark-hsl: 340 96% 91%;--figma-colors-ruby-alpha-1: rgba(255, 0, 85, .0117647061124444);--figma-colors-ruby-alpha-1-dark: rgba(244, 18, 74, .03529411926865578);--figma-colors-ruby-alpha-2: rgba(255, 0, 32, .0313725508749485);--figma-colors-ruby-alpha-2-dark: rgba(254, 90, 127, .054901961237192154);--figma-colors-ruby-alpha-3: rgba(243, 0, 37, .08235294371843338);--figma-colors-ruby-alpha-3-dark: rgba(255, 35, 93, .1725490242242813);--figma-colors-ruby-alpha-4: rgba(255, 0, 37, .13725490868091583);--figma-colors-ruby-alpha-4-dark: rgba(253, 25, 94, .25882354378700256);--figma-colors-ruby-alpha-5: rgba(255, 0, 42, .1921568661928177);--figma-colors-ruby-alpha-5-dark: rgba(254, 45, 107, .32549020648002625);--figma-colors-ruby-alpha-6: rgba(228, 0, 36, .250980406999588);--figma-colors-ruby-alpha-6-dark: rgba(255, 68, 118, .3960784375667572);--figma-colors-ruby-alpha-7: rgba(206, 0, 37, .32549020648002625);--figma-colors-ruby-alpha-7-dark: rgba(255, 87, 125, .501960813999176);--figma-colors-ruby-alpha-8: rgba(195, 0, 40, .4274509847164154);--figma-colors-ruby-alpha-8-dark: rgba(255, 92, 124, .6823529601097107);--figma-colors-ruby-alpha-9: rgba(219, 0, 44, .7254902124404907);--figma-colors-ruby-alpha-9-dark: rgba(254, 76, 112, .8941176533699036);--figma-colors-ruby-alpha-10: rgba(210, 0, 44, .7686274647712708);--figma-colors-ruby-alpha-10-dark: rgba(255, 97, 123, .9215686321258545);--figma-colors-ruby-alpha-11: rgba(193, 0, 48, .8588235378265381);--figma-colors-ruby-alpha-11-dark: #ff949d;--figma-colors-ruby-alpha-11-dark-hsl: 355 100% 79%;--figma-colors-ruby-alpha-12: rgba(85, 0, 22, .9098039269447327);--figma-colors-ruby-alpha-12-dark: rgba(255, 211, 226, .9960784316062927);--figma-colors-iris-alpha-1: rgba(0, 0, 255, .007843137718737125);--figma-colors-iris-alpha-1-dark: rgba(54, 54, 254, .054901961237192154);--figma-colors-iris-alpha-2: rgba(0, 0, 255, .027450980618596077);--figma-colors-iris-alpha-2-dark: rgba(86, 75, 249, .08627451211214066);--figma-colors-iris-alpha-3: rgba(0, 17, 238, .05882352963089943);--figma-colors-iris-alpha-3-dark: rgba(82, 91, 255, .23137255012989044);--figma-colors-iris-alpha-4: rgba(0, 11, 255, .09803921729326248);--figma-colors-iris-alpha-4-dark: rgba(77, 88, 255, .3529411852359772);--figma-colors-iris-alpha-5: rgba(0, 14, 255, .14509804546833038);--figma-colors-iris-alpha-5-dark: rgba(91, 98, 253, .41960784792900085);--figma-colors-iris-alpha-6: rgba(0, 10, 255, .20392157137393951);--figma-colors-iris-alpha-6-dark: rgba(109, 111, 253, .47843137383461);--figma-colors-iris-alpha-7: rgba(0, 8, 230, .27843138575553894);--figma-colors-iris-alpha-7-dark: rgba(119, 119, 254, .5568627715110779);--figma-colors-iris-alpha-8: rgba(0, 8, 217, .3921568691730499);--figma-colors-iris-alpha-8-dark: rgba(123, 122, 254, .6745098233222961);--figma-colors-iris-alpha-9: rgba(0, 0, 192, .6431372761726379);--figma-colors-iris-alpha-9-dark: rgba(106, 106, 254, .8313725590705872);--figma-colors-iris-alpha-10: rgba(0, 0, 182, .6823529601097107);--figma-colors-iris-alpha-10-dark: rgba(125, 121, 255, .8627451062202454);--figma-colors-iris-alpha-11: rgba(6, 0, 171, .6745098233222961);--figma-colors-iris-alpha-11-dark: #b1a9ff;--figma-colors-iris-alpha-11-dark-hsl: 246 100% 83%;--figma-colors-iris-alpha-12: rgba(0, 2, 70, .8470588326454163);--figma-colors-iris-alpha-12-dark: rgba(225, 224, 255, .9960784316062927);--figma-colors-iris-1: #fdfdff;--figma-colors-iris-1-hsl: 240 100% 100%;--figma-colors-iris-1-dark: #13131e;--figma-colors-iris-1-dark-hsl: 240 22% 10%;--figma-colors-iris-2: #f8f8ff;--figma-colors-iris-2-hsl: 240 100% 99%;--figma-colors-iris-2-dark: #171625;--figma-colors-iris-2-dark-hsl: 244 25% 12%;--figma-colors-iris-3: #f0f1fe;--figma-colors-iris-3-hsl: 236 88% 97%;--figma-colors-iris-3-dark: #202248;--figma-colors-iris-3-dark-hsl: 237 38% 20%;--figma-colors-iris-4: #e6e7ff;--figma-colors-iris-4-hsl: 238 100% 95%;--figma-colors-iris-4-dark: #262a65;--figma-colors-iris-4-dark-hsl: 236 45% 27%;--figma-colors-iris-5: #dadcff;--figma-colors-iris-5-hsl: 237 100% 93%;--figma-colors-iris-5-dark: #303374;--figma-colors-iris-5-dark-hsl: 237 41% 32%;--figma-colors-iris-6: #cbcdff;--figma-colors-iris-6-hsl: 238 100% 90%;--figma-colors-iris-6-dark: #3d3e82;--figma-colors-iris-6-dark-hsl: 239 36% 37%;--figma-colors-iris-7: #b8baf8;--figma-colors-iris-7-hsl: 238 82% 85%;--figma-colors-iris-7-dark: #4a4a95;--figma-colors-iris-7-dark-hsl: 240 34% 44%;--figma-colors-iris-8: #9b9ef0;--figma-colors-iris-8-hsl: 238 74% 77%;--figma-colors-iris-8-dark: #5958b1;--figma-colors-iris-8-dark-hsl: 241 36% 52%;--figma-colors-iris-9: #5b5bd6;--figma-colors-iris-9-hsl: 240 60% 60%;--figma-colors-iris-9-dark: #5b5bd6;--figma-colors-iris-9-dark-hsl: 240 60% 60%;--figma-colors-iris-10: #5151cd;--figma-colors-iris-10-hsl: 240 55% 56%;--figma-colors-iris-10-dark: #6e6ade;--figma-colors-iris-10-dark-hsl: 242 64% 64%;--figma-colors-iris-11: #5753c6;--figma-colors-iris-11-hsl: 242 50% 55%;--figma-colors-iris-11-dark: #b1a9ff;--figma-colors-iris-11-dark-hsl: 246 100% 83%;--figma-colors-iris-12: #272962;--figma-colors-iris-12-hsl: 238 43% 27%;--figma-colors-iris-12-dark: #e0dffe;--figma-colors-iris-12-dark-hsl: 242 94% 94%;--figma-colors-jade-1: #fbfefd;--figma-colors-jade-1-hsl: 160 60% 99%;--figma-colors-jade-1-dark: #0d1512;--figma-colors-jade-1-dark-hsl: 158 24% 7%;--figma-colors-jade-2: #f4fbf7;--figma-colors-jade-2-hsl: 146 47% 97%;--figma-colors-jade-2-dark: #121c18;--figma-colors-jade-2-dark-hsl: 156 22% 9%;--figma-colors-jade-3: #e6f7ed;--figma-colors-jade-3-hsl: 145 52% 94%;--figma-colors-jade-3-dark: #0f2e22;--figma-colors-jade-3-dark-hsl: 157 51% 12%;--figma-colors-jade-4: #d6f1e3;--figma-colors-jade-4-hsl: 149 49% 89%;--figma-colors-jade-4-dark: #0b3b2c;--figma-colors-jade-4-dark-hsl: 161 69% 14%;--figma-colors-jade-5: #c3e9d7;--figma-colors-jade-5-hsl: 152 46% 84%;--figma-colors-jade-5-dark: #114837;--figma-colors-jade-5-dark-hsl: 161 62% 17%;--figma-colors-jade-6: #acdec8;--figma-colors-jade-6-hsl: 154 43% 77%;--figma-colors-jade-6-dark: #1b5745;--figma-colors-jade-6-dark-hsl: 162 53% 22%;--figma-colors-jade-7: #8bceb6;--figma-colors-jade-7-hsl: 159 41% 68%;--figma-colors-jade-7-dark: #246854;--figma-colors-jade-7-dark-hsl: 162 49% 27%;--figma-colors-jade-8: #56ba9f;--figma-colors-jade-8-hsl: 164 42% 53%;--figma-colors-jade-8-dark: #2a7e68;--figma-colors-jade-8-dark-hsl: 164 50% 33%;--figma-colors-jade-9: #29a383;--figma-colors-jade-9-hsl: 164 60% 40%;--figma-colors-jade-9-dark: #29a383;--figma-colors-jade-9-dark-hsl: 164 60% 40%;--figma-colors-jade-10: #26997b;--figma-colors-jade-10-hsl: 164 60% 37%;--figma-colors-jade-10-dark: #27b08b;--figma-colors-jade-10-dark-hsl: 164 64% 42%;--figma-colors-jade-11: #208368;--figma-colors-jade-11-hsl: 164 61% 32%;--figma-colors-jade-11-dark: #1fd8a4;--figma-colors-jade-11-dark-hsl: 163 75% 48%;--figma-colors-jade-12: #1d3b31;--figma-colors-jade-12-hsl: 160 34% 17%;--figma-colors-jade-12-dark: #adf0d4;--figma-colors-jade-12-dark-hsl: 155 69% 81%;--figma-colors-jade-alpha-1: rgba(0, 192, 128, .01568627543747425);--figma-colors-jade-alpha-1-dark: rgba(0, 222, 69, .019607843831181526);--figma-colors-jade-alpha-2: rgba(0, 163, 70, .04313725605607033);--figma-colors-jade-alpha-2-dark: rgba(39, 251, 166, .0470588244497776);--figma-colors-jade-alpha-3: rgba(0, 174, 72, .09803921729326248);--figma-colors-jade-alpha-3-dark: rgba(2, 249, 153, .125490203499794);--figma-colors-jade-alpha-4: rgba(0, 168, 81, .16078431904315948);--figma-colors-jade-alpha-4-dark: rgba(0, 255, 170, .1764705926179886);--figma-colors-jade-alpha-5: rgba(0, 162, 85, .23529411852359772);--figma-colors-jade-alpha-5-dark: rgba(17, 255, 182, .23137255012989044);--figma-colors-jade-alpha-6: rgba(0, 154, 87, .32549020648002625);--figma-colors-jade-alpha-6-dark: rgba(52, 255, 194, .29411765933036804);--figma-colors-jade-alpha-7: rgba(0, 148, 95, .45490196347236633);--figma-colors-jade-alpha-7-dark: rgba(69, 253, 199, .3686274588108063);--figma-colors-jade-alpha-8: rgba(0, 151, 110, .6627451181411743);--figma-colors-jade-alpha-8-dark: rgba(72, 255, 207, .4588235318660736);--figma-colors-jade-alpha-9: rgba(0, 145, 107, .8392156958580017);--figma-colors-jade-alpha-9-dark: rgba(56, 254, 202, .615686297416687);--figma-colors-jade-alpha-10: rgba(0, 135, 100, .8509804010391235);--figma-colors-jade-alpha-10-dark: rgba(49, 254, 199, .6705882549285889);--figma-colors-jade-alpha-11: rgba(0, 113, 82, .8745098114013672);--figma-colors-jade-alpha-11-dark: rgba(33, 254, 192, .8392156958580017);--figma-colors-jade-alpha-12: rgba(0, 34, 23, .886274516582489);--figma-colors-jade-alpha-12-dark: rgba(184, 255, 225, .9372549057006836);--figma-colors-custom-1: #fcfcfc;--figma-colors-custom-1-hsl: 0 0% 99%;--figma-colors-custom-1-dark: #111113;--figma-colors-custom-1-dark-hsl: 240 6% 7%;--figma-colors-custom-2: #f9f9f9;--figma-colors-custom-2-hsl: 0 0% 98%;--figma-colors-custom-2-dark: #19191b;--figma-colors-custom-2-dark-hsl: 240 4% 10%;--figma-colors-custom-3: #f0f0f0;--figma-colors-custom-3-hsl: 0 0% 94%;--figma-colors-custom-3-dark: #222325;--figma-colors-custom-3-dark-hsl: 220 4% 14%;--figma-colors-custom-4: #e8e8e8;--figma-colors-custom-4-hsl: 0 0% 91%;--figma-colors-custom-4-dark: #292a2e;--figma-colors-custom-4-dark-hsl: 228 6% 17%;--figma-colors-custom-5: #e1e1e1;--figma-colors-custom-5-hsl: 0 0% 88%;--figma-colors-custom-5-dark: #303136;--figma-colors-custom-5-dark-hsl: 230 6% 20%;--figma-colors-custom-6: #d9d9d9;--figma-colors-custom-6-hsl: 0 0% 85%;--figma-colors-custom-6-dark: #393a40;--figma-colors-custom-6-dark-hsl: 231 6% 24%;--figma-colors-custom-7: #cecece;--figma-colors-custom-7-hsl: 0 0% 81%;--figma-colors-custom-7-dark: #46484f;--figma-colors-custom-7-dark-hsl: 227 6% 29%;--figma-colors-custom-8: #bbbbbb;--figma-colors-custom-8-hsl: 0 0% 73%;--figma-colors-custom-8-dark: #5f606a;--figma-colors-custom-8-dark-hsl: 235 5% 39%;--figma-colors-custom-9: #000000;--figma-colors-custom-9-hsl: 0 0% 0%;--figma-colors-custom-9-dark: #6c6e79;--figma-colors-custom-9-dark-hsl: 231 6% 45%;--figma-colors-custom-10: #2e2e2e;--figma-colors-custom-10-hsl: 0 0% 18%;--figma-colors-custom-10-dark: #5f616b;--figma-colors-custom-10-dark-hsl: 230 6% 40%;--figma-colors-custom-11: #646464;--figma-colors-custom-11-hsl: 0 0% 39%;--figma-colors-custom-11-dark: #b2b3bd;--figma-colors-custom-11-dark-hsl: 235 8% 72%;--figma-colors-custom-12: #202020;--figma-colors-custom-12-hsl: 0 0% 13%;--figma-colors-custom-12-dark: #eeeef0;--figma-colors-custom-12-dark-hsl: 240 6% 94%;--figma-colors-custom-alpha-1: rgba(0, 0, 0, .0117647061124444);--figma-colors-custom-alpha-1-dark: rgba(17, 17, 187, .0117647061124444);--figma-colors-custom-alpha-2: rgba(0, 0, 0, .0235294122248888);--figma-colors-custom-alpha-2-dark: rgba(203, 203, 249, .04313725605607033);--figma-colors-custom-alpha-3: rgba(0, 0, 0, .05882352963089943);--figma-colors-custom-alpha-3-dark: rgba(214, 226, 249, .08627451211214066);--figma-colors-custom-alpha-4: rgba(0, 0, 0, .09019608050584793);--figma-colors-custom-alpha-4-dark: rgba(209, 217, 249, .125490203499794);--figma-colors-custom-alpha-5: rgba(0, 0, 0, .11764705926179886);--figma-colors-custom-alpha-5-dark: rgba(215, 221, 253, .1568627506494522);--figma-colors-custom-alpha-6: rgba(0, 0, 0, .14901961386203766);--figma-colors-custom-alpha-6-dark: rgba(217, 222, 252, .20000000298023224);--figma-colors-custom-alpha-7: rgba(0, 0, 0, .1921568661928177);--figma-colors-custom-alpha-7-dark: rgba(218, 226, 253, .26274511218070984);--figma-colors-custom-alpha-8: rgba(0, 0, 0, .2666666805744171);--figma-colors-custom-alpha-8-dark: rgba(224, 227, 253, .3764705955982208);--figma-colors-custom-alpha-9: #000000;--figma-colors-custom-alpha-9-hsl: 0 0% 0%;--figma-colors-custom-alpha-9-dark: rgba(224, 228, 253, .43921568989753723);--figma-colors-custom-alpha-10: rgba(0, 0, 0, .8196078538894653);--figma-colors-custom-alpha-10-dark: rgba(222, 227, 253, .3803921639919281);--figma-colors-custom-alpha-11: rgba(0, 0, 0, .6078431606292725);--figma-colors-custom-alpha-11-dark: rgba(239, 240, 254, .7254902124404907);--figma-colors-custom-alpha-12: rgba(0, 0, 0, .8745098114013672);--figma-colors-custom-alpha-12-dark: rgba(253, 253, 255, .9372549057006836);--figma-colors-indigo-1: #fdfdfe;--figma-colors-indigo-1-hsl: 240 33% 99%;--figma-colors-indigo-1-dark: #11131f;--figma-colors-indigo-1-dark-hsl: 231 29% 9%;--figma-colors-indigo-2: #f7f9ff;--figma-colors-indigo-2-hsl: 225 100% 98%;--figma-colors-indigo-2-dark: #141726;--figma-colors-indigo-2-dark-hsl: 230 31% 11%;--figma-colors-indigo-3: #edf2fe;--figma-colors-indigo-3-hsl: 222 89% 96%;--figma-colors-indigo-3-dark: #182449;--figma-colors-indigo-3-dark-hsl: 225 51% 19%;--figma-colors-indigo-4: #e1e9ff;--figma-colors-indigo-4-hsl: 224 100% 94%;--figma-colors-indigo-4-dark: #1d2e62;--figma-colors-indigo-4-dark-hsl: 225 54% 25%;--figma-colors-indigo-5: #d2deff;--figma-colors-indigo-5-hsl: 224 100% 91%;--figma-colors-indigo-5-dark: #253974;--figma-colors-indigo-5-dark-hsl: 225 52% 30%;--figma-colors-indigo-6: #c1d0ff;--figma-colors-indigo-6-hsl: 225 100% 88%;--figma-colors-indigo-6-dark: #304384;--figma-colors-indigo-6-dark-hsl: 226 47% 35%;--figma-colors-indigo-7: #abbdf9;--figma-colors-indigo-7-hsl: 226 87% 82%;--figma-colors-indigo-7-dark: #3a4f97;--figma-colors-indigo-7-dark-hsl: 226 44% 41%;--figma-colors-indigo-8: #8da4ef;--figma-colors-indigo-8-hsl: 226 75% 75%;--figma-colors-indigo-8-dark: #435db1;--figma-colors-indigo-8-dark-hsl: 226 45% 48%;--figma-colors-indigo-9: #3e63dd;--figma-colors-indigo-9-hsl: 226 70% 55%;--figma-colors-indigo-9-dark: #3e63dd;--figma-colors-indigo-9-dark-hsl: 226 70% 55%;--figma-colors-indigo-10: #3358d4;--figma-colors-indigo-10-hsl: 226 65% 52%;--figma-colors-indigo-10-dark: #5472e4;--figma-colors-indigo-10-dark-hsl: 228 73% 61%;--figma-colors-indigo-11: #3a5bc7;--figma-colors-indigo-11-hsl: 226 56% 50%;--figma-colors-indigo-11-dark: #9eb1ff;--figma-colors-indigo-11-dark-hsl: 228 100% 81%;--figma-colors-indigo-12: #1f2d5c;--figma-colors-indigo-12-hsl: 226 50% 24%;--figma-colors-indigo-12-dark: #d6e1ff;--figma-colors-indigo-12-dark-hsl: 224 100% 92%;--figma-colors-indigo-alpha-1: rgba(0, 0, 128, .007843137718737125);--figma-colors-indigo-alpha-1-dark: rgba(17, 51, 255, .05882352963089943);--figma-colors-indigo-alpha-2: rgba(0, 64, 255, .0313725508749485);--figma-colors-indigo-alpha-2-dark: rgba(51, 84, 250, .09019608050584793);--figma-colors-indigo-alpha-3: rgba(0, 71, 241, .07058823853731155);--figma-colors-indigo-alpha-3-dark: rgba(47, 98, 255, .23529411852359772);--figma-colors-indigo-alpha-4: rgba(0, 68, 255, .11764705926179886);--figma-colors-indigo-alpha-4-dark: rgba(53, 102, 255, .34117648005485535);--figma-colors-indigo-alpha-5: rgba(0, 68, 255, .1764705926179886);--figma-colors-indigo-alpha-5-dark: rgba(65, 113, 253, .41960784792900085);--figma-colors-indigo-alpha-6: rgba(0, 62, 255, .24313725531101227);--figma-colors-indigo-alpha-6-dark: rgba(81, 120, 253, .48627451062202454);--figma-colors-indigo-alpha-7: rgba(0, 55, 237, .3294117748737335);--figma-colors-indigo-alpha-7-dark: rgba(90, 127, 255, .5647059082984924);--figma-colors-indigo-alpha-8: rgba(0, 52, 220, .4470588266849518);--figma-colors-indigo-alpha-8-dark: rgba(91, 129, 254, .6745098233222961);--figma-colors-indigo-alpha-9: rgba(0, 49, 210, .7568627595901489);--figma-colors-indigo-alpha-9-dark: rgba(70, 113, 255, .8588235378265381);--figma-colors-indigo-alpha-10: rgba(0, 46, 201, .800000011920929);--figma-colors-indigo-alpha-10-dark: rgba(92, 126, 254, .8901960849761963);--figma-colors-indigo-alpha-11: rgba(0, 43, 183, .772549033164978);--figma-colors-indigo-alpha-11-dark: #9eb1ff;--figma-colors-indigo-alpha-11-dark-hsl: 228 100% 81%;--figma-colors-indigo-alpha-12: rgba(0, 16, 70, .8784313797950745);--figma-colors-indigo-alpha-12-dark: #d6e1ff;--figma-colors-indigo-alpha-12-dark-hsl: 224 100% 92%;--figma-90pct-1: 3.5999999046325684;--figma-90pct-2: 7.199999809265137;--figma-90pct-3: 10.800000190734863;--figma-90pct-4: 14.399999618530273;--figma-90pct-5: 21.600000381469727;--figma-90pct-6: 28.799999237060547;--figma-90pct-7: 36;--figma-90pct-8: 43.20000076293945;--figma-90pct-9: 57.599998474121094;--figma-95pct-1: 3.799999952316284;--figma-95pct-2: 7.599999904632568;--figma-95pct-3: 11.399999618530273;--figma-95pct-4: 15.199999809265137;--figma-95pct-5: 22.799999237060547;--figma-95pct-6: 30.399999618530273;--figma-95pct-7: 38;--figma-95pct-8: 45.599998474121094;--figma-95pct-09: 60.79999923706055;--figma-100pct-1: 4;--figma-100pct-2: 8;--figma-100pct-3: 12;--figma-100pct-4: 16;--figma-100pct-5: 24;--figma-100pct-6: 32;--figma-100pct-7: 40;--figma-100pct-8: 48;--figma-100pct-9: 64;--figma-105pct-1: 4.199999809265137;--figma-105pct-2: 8.399999618530273;--figma-105pct-3: 13.800000190734863;--figma-105pct-4: 18.399999618530273;--figma-105pct-5: 25.200000762939453;--figma-105pct-6: 33.599998474121094;--figma-105pct-7: 42;--figma-105pct-8: 50.400001525878906;--figma-105pct-9: 67.19999694824219;--figma-110pct-1: 4.400000095367432;--figma-110pct-2: 8.800000190734863;--figma-110pct-3: 13.199999809265137;--figma-110pct-4: 17.600000381469727;--figma-110pct-5: 26.399999618530273;--figma-110pct-6: 35.20000076293945;--figma-110pct-7: 44;--figma-110pct-8: 52.79999923706055;--figma-110pct-9: 70.4000015258789}:root{--figma-colors-base-white: #ffffff;--figma-colors-base-white-hsl: 0 0% 100%;--figma-colors-base-black: #1c2024;--figma-colors-base-black-hsl: 210 13% 13%;--figma-spacing-0: 0px;--figma-spacing-4p5: 20px;--figma-radius-0: 0px;--figma-radius-full: 9999px;--figma-tokens-space-table-cell-min-height-1: 36px;--figma-tokens-space-table-cell-min-height-2: 44px}:root{--figma-none-1: 0;--figma-none-2: 0;--figma-none-3: 0;--figma-none-4: 0;--figma-none-5: 0;--figma-none-6: 0;--figma-small-1: 1.5;--figma-small-2: 2;--figma-small-3: 3;--figma-small-4: 4;--figma-small-5: 6;--figma-small-6: 8;--figma-medium-1: 3;--figma-medium-2: 4;--figma-medium-3: 6;--figma-medium-4: 8;--figma-medium-5: 12;--figma-medium-6: 16;--figma-large-1: 4.5;--figma-large-2: 6;--figma-large-3: 9;--figma-large-4: 12;--figma-large-5: 18;--figma-large-6: 24;--figma-full-1: 6;--figma-full-2: 8;--figma-full-3: 12;--figma-full-4: 16;--figma-full-5: 24;--figma-full-6: 32;--figma-none-1-max: 0;--figma-none-2-max: 0;--figma-none-3-max: 0;--figma-none-4-max: 0;--figma-none-5-max: 0;--figma-none-6-max: 0;--figma-small-1-max: 1.5;--figma-small-2-max: 2;--figma-small-3-max: 3;--figma-small-4-max: 4;--figma-small-5-max: 6;--figma-small-6-max: 8;--figma-medium-1-max: 3;--figma-medium-2-max: 4;--figma-medium-3-max: 6;--figma-medium-4-max: 8;--figma-medium-5-max: 12;--figma-medium-6-max: 16;--figma-large-1-max: 4.5;--figma-large-2-max: 6;--figma-large-3-max: 9;--figma-large-4-max: 12;--figma-large-5-max: 18;--figma-large-6-max: 24;--figma-full-1-max: 9999;--figma-full-2-max: 9999;--figma-full-3-max: 9999;--figma-full-4-max: 9999;--figma-full-5-max: 9999;--figma-full-6-max: 9999}:root{--figma-typography-font-size-1: 12px;--figma-typography-font-size-2: 14px;--figma-typography-font-size-3: 16px;--figma-typography-font-size-4: 18px;--figma-typography-font-size-5: 20px;--figma-typography-font-size-6: 24px;--figma-typography-font-size-7: 28px;--figma-typography-font-size-8: 32px;--figma-typography-font-size-9: 36px;--figma-typography-font-size-10: 40px;--figma-typography-font-size-11: 64px;--figma-typography-font-size-12: 72px;--figma-typography-font-size-m1: 10px;--figma-typography-letter-spacing-1: .03999999910593033px;--figma-typography-letter-spacing-2: 0px;--figma-typography-letter-spacing-3: 0px;--figma-typography-letter-spacing-4: -.03999999910593033px;--figma-typography-letter-spacing-5: -.07999999821186066px;--figma-typography-letter-spacing-6: -.10000000149011612px;--figma-typography-letter-spacing-7: -.11999999731779099px;--figma-typography-letter-spacing-8: -.1599999964237213px;--figma-typography-letter-spacing-9: -.4000000059604645px;--figma-typography-letter-spacing-m1: .03999999910593033px;--figma-typography-line-height-1: 16px;--figma-typography-line-height-2: 20px;--figma-typography-line-height-3: 24px;--figma-typography-line-height-4: 26px;--figma-typography-line-height-5: 28px;--figma-typography-line-height-6: 30px;--figma-typography-line-height-7: 36px;--figma-typography-line-height-8: 40px;--figma-typography-line-height-9: 60px;--figma-typography-line-height-m1: 14px;--figma-typography-font-weight-light: Light;--figma-typography-font-weight-regular: Regular;--figma-typography-font-weight-medium: Medium;--figma-typography-font-weight-bold: Bold;--figma-typography-font-family-text: SF Pro;--figma-typography-font-family-code: Menlo;--figma-typography-font-family-emphasis: Times New Roman;--figma-typography-font-family-quote: Times New Roman}