@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-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-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)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.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-14{height:calc(var(--spacing)*14)}.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)}.cursor-not-allowed{cursor:not-allowed}.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-2{border-style:var(--tw-border-style);border-width:2px}.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}.border-t-transparent{border-top-color:#0000}.bg-white{background-color:var(--color-white)}.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))}.fill-current{fill:currentColor}.p-1{padding:calc(var(--spacing)*1)}.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)}.px-12{padding-inline:calc(var(--spacing)*12)}.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-6{padding-block:calc(var(--spacing)*6)}.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)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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-200{--tw-duration:.2s;transition-duration:.2s}.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)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-2:focus,.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@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))}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}}@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-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:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));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{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:hsl(var(--border))}.divider span{background:hsl(var(--card));padding:0 1rem;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:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));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(--primary-foreground));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}}.past-quizzes-container{max-width:1200px;margin:0 auto;padding:32px 24px;background:hsl(var(--card))}.past-quizzes-header{text-align:center;margin-bottom:40px}.past-quizzes-header h1{font-size:2.5rem;font-weight:900;color:hsl(var(--primary));margin:0 0 16px;text-shadow:0 2px 4px hsl(var(--primary) / .2)}.past-quizzes-sort-buttons{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:24px}.sort-button{background:hsl(var(--gray-100));color:hsl(var(--primary));border-radius:var(--radius);border:1px solid hsl(var(--primary) / .4);box-shadow:var(--shadow-sm);padding:12px 24px;font-size:1.1rem;font-weight:600;transition:var(--transition-smooth);letter-spacing:.5px;text-decoration:none;display:inline-block;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent}.sort-button:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);background:hsl(var(--primary));color:hsl(var(--gray-100))}.sort-button.active{border:1px solid 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(350px,1fr));gap:24px}.quiz-card{background:hsl(var(--card));border-radius:var(--radius);border:1px solid hsl(var(--primary) / .4);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);overflow:hidden}.quiz-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:hsl(var(--primary))}.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:24px 24px 16px;border-bottom:1px solid hsl(var(--primary) / .08)}.quiz-title-link{text-decoration:none;color:inherit}.quiz-title{font-size:1.3rem;font-weight:700;color:hsl(var(--foreground));margin:0 0 8px;line-height:1.4;word-break:break-word}.quiz-title:hover{color:hsl(var(--primary))}.quiz-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.quiz-date{font-size:.9rem;color:hsl(var(--foreground));font-weight:500;opacity:.7}.quiz-duration{font-size:.9rem;color:hsl(var(--foreground));font-weight:600;background:hsl(var(--past-quiz-accent-light));padding:4px 8px;border-radius:4px;border:1px solid hsl(var(--past-quiz-accent))}.quiz-card-content{padding:16px 24px 24px}.quiz-score{margin-bottom:20px}.score-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.score-label{font-size:.9rem;color:hsl(var(--foreground));font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.7}.score-percentage{font-size:1.2rem;font-weight:900;color:hsl(var(--primary))}.progress-bar-container{width:100%;height:12px;background:hsl(var(--gray-100));border-radius:6px;overflow:hidden;box-shadow:inset 0 1px 3px hsl(var(--primary) / .1)}.progress-bar{height:100%;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));border-radius:6px;transition:width .6s ease-in-out;position:relative;box-shadow:0 1px 3px hsl(var(--primary) / .3)}.progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,hsl(var(--primary-foreground) / .2) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.quiz-actions{display:flex;gap:12px}.view-results-btn,.watch-again-btn{flex:1;padding:12px 16px;border-radius:var(--radius);text-decoration:none;font-weight:600;font-size:.9rem;text-align:center;transition:var(--transition-smooth);border:none;cursor:pointer}.view-results-btn{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));color:hsl(var(--primary-foreground));box-shadow:var(--shadow-sm)}.view-results-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.watch-again-btn{background:var(--gradient-subtle);color:hsl(var(--foreground));border:1px solid hsl(var(--primary) / .1)}.watch-again-btn:hover{background:var(--gradient-card);color:hsl(var(--foreground));border-color:hsl(var(--primary) / .2)}.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:10px}.score-percentage{font-size:1.1rem}.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}}.not-found-container{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;background:var(--gradient-hero);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}.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(--gray-800));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:not(.color-red):not(.color-cream):not(.color-green){background-color:hsl(var(--success-light));color:hsl(var(--gray-800))}@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:24px;background:hsl(var(--card));border-radius:var(--radius);border:1px solid hsl(var(--border));box-shadow:var(--shadow-sm)}.chart-header{margin-bottom:24px}.chart-header h3{margin:0 0 8px;font-size:1.5rem;font-weight:700;color:hsl(var(--foreground))}.chart-header p{margin:0;color:hsl(var(--muted-foreground));font-size:.9rem}.contribution-chart-wrapper{position:relative;margin-bottom:16px;overflow-x:auto;padding:8px}.month-labels{position:relative;height:24px;margin-bottom:8px;font-size:.9rem;color:hsl(var(--muted-foreground))}.month-label{position:absolute;font-weight:600;text-align:left;top:0}.contribution-chart{display:flex;gap:8px}.day-labels{display:flex;flex-direction:column;gap:3px;font-size:.85rem;color:hsl(var(--muted-foreground));font-weight:600;width:24px;flex-shrink:0}.day-label{height:16px;display:flex;align-items:center;justify-content:center}.contribution-grid{display:flex;gap:3px;min-width:max-content}.week-column{display:flex;flex-direction:column;gap:3px;width:16px;flex-shrink:0}.contribution-day{width:16px;height:16px;border-radius:3px;cursor:pointer;transition:var(--transition-fast);position:relative}.contribution-day:hover{transform:scale(1.2);z-index:10;box-shadow:0 0 0 2px hsl(var(--primary) / .3)}.contribution-day.selected{transform:scale(1.2);z-index:10;box-shadow:0 0 0 2px hsl(var(--primary))}.level-0{background-color:hsl(var(--contrib-empty));border:1px solid hsl(var(--contrib-empty-border))}.level-1{background-color:hsl(var(--contrib-level-1));border:1px solid hsl(var(--contrib-level-1-border))}.level-2{background-color:hsl(var(--contrib-level-2));border:1px solid hsl(var(--contrib-level-2-border))}.level-3{background-color:hsl(var(--contrib-level-3));border:1px solid hsl(var(--contrib-level-3-border))}.level-4{background-color:hsl(var(--contrib-level-4));border:1px solid hsl(var(--contrib-level-4-border))}.chart-legend{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:16px;font-size:.75rem;color:hsl(var(--muted-foreground))}.legend-squares{display:flex;gap:3px}.legend-square{width:16px;height:16px;border-radius:3px;border:1px solid transparent}.legend-square.level-0{background-color:hsl(var(--contrib-empty));border-color:hsl(var(--contrib-empty-border))}.legend-square.level-1{background-color:hsl(var(--contrib-level-1));border-color:hsl(var(--contrib-level-1-border))}.legend-square.level-2{background-color:hsl(var(--contrib-level-2));border-color:hsl(var(--contrib-level-2-border))}.legend-square.level-3{background-color:hsl(var(--contrib-level-3));border-color:hsl(var(--contrib-level-3-border))}.legend-square.level-4{background-color:hsl(var(--contrib-level-4));border-color:hsl(var(--contrib-level-4-border))}.day-details{background:hsl(var(--muted) / .3);border-radius:var(--radius);padding:16px;border:1px solid hsl(var(--border))}.day-details h4{margin:0 0 12px;font-size:1rem;font-weight:600;color:hsl(var(--foreground))}.day-stats{display:flex;gap:24px}.stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{font-size:1.25rem;font-weight:700;color:hsl(var(--primary))}.stat-label{font-size:.75rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.contribution-chart-container{padding:16px;margin-top:24px}.chart-header h3{font-size:1.25rem}.contribution-chart{gap:6px}.contribution-day,.legend-square{width:14px;height:14px}.day-stats{gap:16px}.stat-value{font-size:1.1rem}}@media (max-width: 480px){.contribution-chart{gap:4px}.contribution-day,.legend-square{width:12px;height:12px}.month-label,.day-label{font-size:.8rem}}.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(--foreground))}.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(--muted));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(--muted));border-right:1px solid hsl(var(--border));text-align:center;min-height:60px;display:flex;flex-direction:column;justify-content:center;gap:5px}.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}.time-column{background:hsl(var(--muted));border-right:1px solid hsl(var(--border))}.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(--muted-foreground));position:relative;overflow:visible}.time-column .time-slot{justify-content:center;background:hsl(var(--muted))}.day-column{border-right:1px solid hsl(var(--border));position:relative}.day-column:last-child{border-right:none}.day-column.today{background:hsl(var(--background))}.day-header{padding:2rem 1rem;background:hsl(var(--muted));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))}.calendar-event.quiz{background:hsl(var(--success))}.calendar-event.practice{background:hsl(var(--warning))}.calendar-event.reading{background:hsl(var(--accent))}.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(--muted-foreground));flex:1;justify-content:center;position:relative}.tab-button:hover{background:hsl(var(--primary) / .08);color:hsl(var(--foreground))}.tab-button.active{background:hsl(var(--card) / .9);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}.tab-button.active .tab-icon{color:hsl(var(--primary))}.tab-text{font-weight:500;transition:color .2s ease}.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(--text-3A3D4A));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(--text-3A3D4A));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(--goqualify-foreground));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:hsl(var(--goqualify-muted));color:hsl(var(--goqualify-primary))}.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(--text-3A3D4A));cursor:pointer;padding:.5rem;border-radius:var(--radius);transition:all .2s ease}.mobile-menu-toggle:hover{background:hsl(var(--bg-E8E8E8));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(--text-3A3D4A));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) / .1);color:hsl(var(--primary));transform:translateY(-2px)}.navbar-link.active{background-color:hsl(var(--primary) / .15);color:hsl(var(--primary));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(--bg-E8E8E8));color:hsl(var(--text-3A3D4A));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(--bg-E8E8E8));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(--bg-F5F5F5));border:1px solid hsl(var(--gray-E4E5E8));border-radius:.75rem;padding:.5rem;cursor:pointer;color:hsl(var(--text-3A3D4A));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(--bg-E8E8E8))}.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(--gray-E4E5E8));border-radius:.75rem;background:hsl(var(--white));overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:auto}.navbar-search:focus-within{border-color:hsl(var(--gray-E4E5E8));box-shadow:none}.navbar-search .search-input{flex:1;padding:.5rem 1rem;border:none;background:transparent;color:hsl(var(--text-3A3D4A));font-size:.9375rem;outline:none;position:relative;z-index:1;pointer-events:auto}.navbar-search .search-input::placeholder{color:hsl(var(--text-7A7B85))}.navbar-search .search-button{display:flex;align-items:center;justify-content:center;align-self:stretch;padding:0 1.25rem;border:none;background:hsl(var(--bg-F5F5F5));color:hsl(var(--text-3A3D4A));cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-left:1px solid hsl(var(--gray-E4E5E8));flex-shrink:0;position:relative;z-index:10;pointer-events:auto}.navbar-search .search-button:hover{background:hsl(var(--bg-E8E8E8))}.navbar-search .search-button:active{background:hsl(var(--muted) / .8)}.navbar-search-wrapper .search-suggestions{position:absolute;top:calc(100% + .25rem);left:0;right:0;background:hsl(var(--white));border:1px solid hsl(var(--gray-E4E5E8));border-radius:.75rem;box-shadow:0 4px 12px hsl(var(--foreground) / .1);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(--text-3A3D4A));border-bottom:1px solid hsl(var(--notes-border) / .5)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.suggestion-selected{background:hsl(var(--bg-F5F5F5))}.suggestion-item .suggestion-icon{color:hsl(var(--text-7A7B85));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(--text-7A7B85))}.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}.user-name{font-weight:500;color:hsl(var(--text-7A7B85));text-decoration:none;transition:var(--transition-smooth)}.user-name:hover{color:hsl(var(--primary))}.navbar-leaderboard-rank{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius);background:hsl(var(--bg-E8E8E8));color:hsl(var(--text-3A3D4A));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(--white));padding:.75rem;box-shadow:0 2px 8px hsl(var(--black) / .1)}.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(--text-3A3D4A));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(--text-7A7B85));background:hsl(var(--bg-F5F5F5))}.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(--slate-50));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(--white));position:fixed;left:0;top:0;padding-top:60px;box-shadow:4px 0 8px -2px hsl(var(--notes-border) / .2);border-right:1px solid hsl(var(--gray-E4E5E7));z-index:3;transition:all .3s ease;box-sizing:border-box;overflow:hidden;border-top:1px solid hsl(var(--notes-border) / .5);border-bottom:1px solid hsl(var(--notes-border) / .5);background:linear-gradient(to right,hsl(var(--white)),hsl(var(--white) / .98));box-shadow:4px 0 8px -2px hsl(var(--notes-border) / .2),inset -1px 0 hsl(var(--primary) / .1)}.sidebar.expanded{width:250px}.sidebar.collapsed{width:60px}.sidebar-content{padding:1rem 0rem;box-shadow:inset 0 2px 4px hsl(var(--notes-border) / .05);border-radius:.75rem;margin:.25rem;background:hsl(var(--white) / .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(--notes-border) / .3)}.sidebar-link{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;color:hsl(var(--text-3A3D47));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(--bg-F5F9FF));color:hsl(var(--blue-0088FF));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(--blue-0088FF));border-radius:0 4px 4px 0;transition:height .2s ease}.sidebar-link:hover:before{height:20px}.sidebar-link.active{background:hsl(var(--blue-0088FF));color:hsl(var(--white))}.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:hsl(var(--bg-E8F2FF));transition:margin-left .3s ease;position:relative;border-left:1px solid hsl(var(--gray-E4E5E7));box-shadow:inset 2px 0 4px -2px hsl(var(--notes-border) / .1)}.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(--blue-1C90FF));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(--white));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(--text-7A7A8A));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(--text-3A3A4A));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(--bg-F8FBFF));color:hsl(var(--blue-1C90FF));transform:translate(4px)}.floating-notes-sidebar-item.active{background:hsl(var(--primary) / .1);color:hsl(var(--blue-1C90FF));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(--blue-1C90FF));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(--blue-1C90FF));transform:scale(1.05)}.pdf-viewer-like-btn.active{color:hsl(var(--blue-1C90FF))}.pdf-viewer-save-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:hsl(var(--blue-1C90FF));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(--blue-1C90FF));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(--blue-1C90FF))}.pdf-viewer-zoom-select:focus{outline:none;border-color:hsl(var(--blue-1C90FF));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(--blue-1C90FF));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(--blue-1C90FF));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:hsl(var(--bg-F0F7FF));border-radius:.75rem;box-shadow:0 20px 60px hsl(var(--black) / .3);display:flex;flex-direction:column;overflow:hidden;animation:floatingNotesSlideUp .3s ease;min-width:600px;min-height:400px;pointer-events:auto;touch-action:none}@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:1rem 1.5rem;background:hsl(var(--white));border-bottom:1px solid hsl(var(--gray-E3E3E8));cursor:move;-webkit-user-select:none;user-select:none}.floating-notes-window-title{margin:0;font-size:1.25rem;font-weight:600;color:hsl(var(--text-3A3A4A))}.floating-notes-window-close{width:32px;height:32px;border-radius:.75rem;border:none;background:transparent;color:hsl(var(--red-DC2626));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;z-index:2}.floating-notes-window-close:hover{background:hsl(var(--red-FEE2E2));color:hsl(var(--red-DC2626))}.floating-notes-window-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.floating-notes-window-body{flex:1;display:flex;overflow:hidden}.floating-notes-window-sidebar{width:280px;min-width:280px;flex-shrink:0;border-right:1px solid hsl(var(--gray-E3E3E8));overflow:hidden}.floating-notes-window-main{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem}.floating-notes-window-main-full{width:100%}.floating-notes-select-chapter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid hsl(var(--gray-E3E3E8))}.floating-notes-select-chapter-title{margin:0;font-size:1.5rem;font-weight:600;color:hsl(var(--text-3A3A4A))}.floating-notes-select-chapter-btn{padding:.75rem 1.5rem;background:hsl(var(--blue-1C90FF));color:hsl(var(--white));border:none;border-radius:.75rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.floating-notes-select-chapter-btn:hover{background:hsl(var(--blue-0D7AE6));transform:translateY(-1px);box-shadow:0 4px 12px hsl(var(--primary) / .3)}.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:hsl(var(--text-7A7A8A));font-size:1rem}.floating-notes-pdf-viewer-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.floating-notes-pdf-viewer-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:hsl(var(--white));border-bottom:1px solid hsl(var(--gray-E3E3E8))}.floating-notes-back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid hsl(var(--gray-E3E3E8));border-radius:.75rem;color:hsl(var(--text-3A3A4A));cursor:pointer;transition:all .2s ease;font-size:.875rem}.floating-notes-back-button:hover{background:hsl(var(--bg-F8FBFF));border-color:hsl(var(--blue-1C90FF));color:hsl(var(--blue-1C90FF))}.floating-notes-pdf-title{margin:0;font-size:1rem;font-weight:500;color:hsl(var(--text-3A3A4A));flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floating-notes-pdf-viewer{flex:1;overflow:hidden;background:hsl(var(--bg-F0F7FF))}.floating-notes-pdf-loading{flex:1;display:flex;align-items:center;justify-content:center;color:hsl(var(--text-7A7A8A))}.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 hsl(var(--blue-1C90FF)) transparent;opacity:.8}.floating-notes-window-resize-handle:hover:after{border-color:transparent transparent hsl(var(--blue-0D7AE6)) transparent;opacity:1}.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:.75rem 1rem}.floating-notes-window-title{font-size:1.125rem}.floating-notes-window-main{padding:1rem}.floating-notes-select-chapter-title{font-size:1.25rem}}@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:.5rem .75rem}.floating-notes-window-title{font-size:.875rem}.floating-notes-window-close{width:28px;height:28px}.floating-notes-window-body{flex-direction:column}.floating-notes-window-main{padding:.75rem;font-size:.875rem}.floating-notes-select-chapter-header{margin-bottom:1rem;padding-bottom:.75rem}.floating-notes-select-chapter-title{font-size:1rem}.floating-notes-select-chapter-btn{padding:.5rem 1rem;font-size:.75rem}.floating-notes-pdf-viewer-header{padding:.75rem 1rem}.floating-notes-pdf-title{font-size:.875rem}.floating-notes-back-button{padding:.375rem .75rem;font-size:.75rem}.floating-notes-window-sidebar{width:100%;min-width:100%;max-height:200px;border-right:none;border-bottom:1px solid hsl(var(--gray-E3E3E8))}}.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(--blue-500)),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: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-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))}.remarks-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))}.remarks-title{margin:0 0 .75rem;color:hsl(var(--black));font-size:1.1rem;font-weight:600}.remarks-text{margin:0;color:hsl(var(--black) / .9);line-height:1.6;font-size:.95rem}.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-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}}.join-affiliate-overlay{position:fixed;inset:0;background:hsl(var(--black) / .5);display:flex;align-items:center;justify-content:center;z-index:1000}.join-affiliate-modal{background:hsl(var(--card));border-radius:var(--radius);padding:2rem;width:90%;max-width:500px;position:relative;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto}.close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:hsl(var(--muted-foreground));padding:.25rem .5rem;border-radius:var(--radius);transition:all .2s ease}.close-button:hover{background:hsl(var(--accent) / .1);color:hsl(var(--accent))}.join-affiliate-modal h2{margin:0 0 .5rem;color:hsl(var(--foreground));font-size:1.5rem;font-weight:600}.join-affiliate-modal p{color:hsl(var(--muted-foreground));margin-bottom:1.5rem}.join-affiliate-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:hsl(var(--foreground));font-weight:500;font-size:.875rem}.form-group input,.form-group textarea{padding:.5rem;border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--background));color:hsl(var(--foreground));font-size:.875rem;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsl(var(--primary) / .1)}.form-group textarea{resize:vertical;min-height:80px}.submit-button{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:var(--radius);padding:.75rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:1rem}.submit-button:hover:not(:disabled){background:hsl(var(--primary) / .9)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.profile-container{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));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-circle{width:80px;height:80px;border-radius:50%;background:hsl(var(--primary));color:hsl(var(--primary-foreground));display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto 1rem;box-shadow:var(--shadow-md)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.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-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)}.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:4rem auto 0;border-radius:1.5rem;box-shadow:var(--shadow-lg);display:block}.features-section{padding:8rem 0}.feature-card{background:var(--gradient-card);border-radius:2rem;padding:3rem 4rem;box-shadow:var(--shadow-lg);border:1px solid hsl(var(--border));transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.feature-card-large{max-width:80rem}.feature-card-medium{max-width:70rem}.info-feature-icon{width:4rem;height:4rem;background:hsl(var(--primary));border-radius:1rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-primary);transition:all .3s ease}.feature-card:hover .info-feature-icon{transform:scale(1.05);box-shadow:0 12px 24px hsl(var(--primary) / .4)}.feature-title{font-size:2.5rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:0}.feature-description{font-size:1.25rem;line-height:1.8;color:hsl(var(--muted-foreground));margin:2rem 0}.feature-cta{background:hsl(var(--primary) / .05);border:1px solid hsl(var(--primary) / .1);border-radius:1rem;padding:1.5rem 2rem;transition:all .3s ease}.feature-cta:hover{background:hsl(var(--primary) / .1);border-color:hsl(var(--primary) / .2)}.feature-cta-text{color:hsl(var(--primary));font-weight:600;font-size:1.125rem;margin:0}.info-image-container{box-shadow:var(--shadow-lg);border-radius:1rem;border:1px solid hsl(var(--border));overflow:hidden;transition:all .3s ease;position:relative}.info-image-container:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.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:1.5rem;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,hsl(var(--black) / .2) 0%,transparent 100%);pointer-events:none}.award-container{height:20rem;background:linear-gradient(135deg,hsl(var(--muted)),hsl(var(--border)));border-radius:1.5rem;display:flex;align-items:center;justify-content:center;border:2px dashed hsl(var(--primary) / .3);transition:all .3s ease}.award-container:hover{border-color:hsl(var(--primary) / .5);background:linear-gradient(135deg,hsl(var(--slate-100)),hsl(var(--border)))}.award-icon{width:8rem;height:8rem;color:hsl(var(--primary));transition:all .3s ease}.award-container:hover .award-icon{transform:scale(1.1);color:hsl(var(--blue-700))}@media (max-width: 1024px){.feature-card{padding:2rem 2.5rem}.feature-title{font-size:2rem}.feature-description{font-size:1.125rem}}@media (max-width: 768px){.feature-card{padding:1.5rem 2rem}.feature-title{font-size:1.75rem}.feature-description{font-size:1rem}.info-feature-icon{width:3rem;height:3rem}}.quiz-warning-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--promo-gradient);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:var(--gradient-subtle)}.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-star{transition:var(--transition-smooth);cursor:pointer}.rating-star:hover{transform:scale(1.1)}.rating-star.filled{color:hsl(var(--warning))}.rating-star.empty{color:hsl(var(--muted-foreground))}.rating-star.empty:hover{color:hsl(var(--warning) / .7)}.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:var(--gradient-hero);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,hsl(var(--primary) / .05) 0%,transparent 70%);animation:float 20s ease-in-out infinite;pointer-events:none}@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: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))}.coming-soon-icon{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;color:hsl(var(--primary))}.coming-soon-message{margin-bottom:3rem}.coming-soon-title{font-size:3.5rem;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;margin-bottom:.5rem;line-height:1.1}.coming-soon-subtitle{font-size:2rem;color:hsl(var(--muted-foreground));margin-bottom:1.5rem;font-weight:600;animation:fadeInUp 1s ease-out .5s both}.coming-soon-description{font-size:1.2rem;color:hsl(var(--muted-foreground));line-height:1.6;max-width:600px;margin:0 auto;animation:fadeInUp 1s ease-out .7s both}.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:1.5rem;color:hsl(var(--foreground));margin-bottom:1.5rem;text-align:center;font-weight:600}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.feature-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:hsl(var(--muted) / .5);border-radius:calc(var(--radius) - .25rem);transition:var(--transition-smooth);border:1px solid transparent}.feature-item:hover{background:hsl(var(--secondary));transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:hsl(var(--border))}.feature-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:hsl(var(--primary) / .1);border-radius:50%;color:hsl(var(--primary));flex-shrink:0}.feature-item span{font-weight:500;color:hsl(var(--foreground))}.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,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)}.notification-signup{background:hsl(var(--muted) / .3);padding:2rem;border-radius:var(--radius);border:1px solid hsl(var(--border));animation:fadeInUp 1s ease-out 1.3s both}.notification-signup h3{font-size:1.3rem;color:hsl(var(--foreground));margin-bottom:.5rem;font-weight:600}.notification-signup p{color:hsl(var(--muted-foreground));margin-bottom:1.5rem;font-size:.95rem}.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:.75rem 1.5rem;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));color:hsl(var(--primary-foreground));border:none;border-radius:calc(var(--radius) - .25rem);font-weight:600;cursor:pointer;transition:var(--transition-smooth);white-space:nowrap}.notify-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}@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}}@media (prefers-color-scheme: dark){.coming-soon-content{background:hsl(var(--card));border-color:hsl(var(--border))}.feature-item{background:hsl(var(--muted) / .5)}.feature-item:hover{background:hsl(var(--secondary))}.notification-signup{background:hsl(var(--muted) / .3);border-color:hsl(var(--border))}}.pricing-container{min-height:calc(100vh - 80px);padding:2rem;background:hsl(var(--slate-50));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(--blue-500))}.plan-card.popular{border-color:hsl(var(--blue-500));box-shadow:0 4px 12px hsl(var(--blue-500) / .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(--blue-500));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(--blue-500));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(--blue-500));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(--blue-500) / .4)}.plan-button.secondary{background:transparent;color:hsl(var(--blue-500));border:2px solid hsl(var(--blue-500))}.plan-button.secondary:hover{background:hsl(var(--blue-500));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(--blue-500))}.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(--blue-500) / .1),hsl(var(--blue-700) / .1));border-radius:12px;padding:3rem;border:1px solid hsl(var(--blue-500) / .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(--blue-500) / .4)}.cta-secondary{background:transparent;color:hsl(var(--blue-500));border:2px solid hsl(var(--blue-500))}.cta-secondary:hover{background:hsl(var(--blue-500));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}.main-content{background:hsl(var(--white))}.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(--blue-500) / .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(--blue-500));box-shadow:0 4px 12px hsl(var(--blue-500) / .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(--blue-50));color:hsl(var(--blue-500))}.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(--blue-500))}.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(--blue-500));background:hsl(var(--blue-50))}.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(--blue-500));box-shadow:0 0 0 3px hsl(var(--blue-500) / .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(--blue-500));box-shadow:0 0 0 3px hsl(var(--blue-500) / .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(--blue-500));display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:hsl(var(--blue-50));border-radius:12px;box-shadow:0 2px 8px hsl(var(--blue-500) / .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(--blue-500));background:hsl(var(--blue-50));padding:6px 12px;border-radius:20px;border:1px solid hsl(var(--blue-100));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(--blue-500));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:hsl(var(--slate-50));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(--blue-500));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(--blue-700));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(--blue-500));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(--blue-500));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(--blue-500));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(--blue-500))}.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(--blue-500));text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.terms-link:hover{color:hsl(var(--blue-700));text-decoration:underline}.terms-link-inline{color:hsl(var(--blue-500));text-decoration:none;font-weight:500;transition:color .2s ease}.terms-link-inline:hover{color:hsl(var(--blue-700));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(--blue-500))}.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(--blue-500) / .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(--blue-200));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(--blue-700));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(--blue-700));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;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:hsl(var(--background))}.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:var(--radius);overflow:visible;box-shadow:var(--shadow-md)}.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}@media (max-width: 1024px){.watch-palette-sidebar{max-width:100%;margin-top:24px}}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{background:hsl(var(--card));border:1px solid hsl(var(--border));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(--blue-500)),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:24px;background:var(--gradient-card);border-radius:var(--radius);border:1px solid hsl(var(--primary) / .1);box-shadow:var(--shadow-sm)}.video-title{font-size:1.5rem;font-weight:700;color:hsl(var(--foreground));margin:0 0 16px;line-height:1.4;word-break:break-word}.video-actions{display:flex;gap:12px;flex-wrap:wrap}.watch-on-youtube-btn{padding:12px 24px;border-radius:var(--radius);text-decoration:none;font-weight:600;font-size:.9rem;text-align:center;transition:var(--transition-smooth);background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));color:hsl(var(--primary-foreground));box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;gap:8px}.watch-on-youtube-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.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}.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:center;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_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){.goqualify_video_question{padding:20px;margin:8px}.goqualify_timer_text{font-size:1.5rem}.goqualify_video_question_text{font-size:1.8rem;margin-bottom:16px}.goqualify_video_option{font-size:1.5rem;padding:14px 16px}.goqualify_video_option_index{font-size:1.8rem}}@media (max-width: 480px){.goqualify_video_question_container{padding:12px;margin:4px}.goqualify_video_question{padding:16px;margin:6px}.goqualify_video_question_text{font-size:1.5rem;padding-left:16px}.goqualify_video_option{font-size:1.2rem;padding:12px 14px}.goqualify_video_option_index{font-size:1.5rem;width:35px;height:25px}.goqualify_video_skip,.goqualify_video_ok{font-size:1.5rem;padding:.8rem 1.5rem}}.question-palette{background:hsl(var(--quiz-background) / .95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:24px;box-shadow:var(--shadow-quiz);width:100%;max-width:23rem;box-sizing:border-box}.palette-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.palette-title{font-size:1.5rem;font-weight:700;color:hsl(var(--quiz-foreground));margin:0}.palette-progress-text{color:hsl(var(--quiz-foreground));font-weight:600;font-size:1.5rem;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: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:12px;max-width:100%;margin:0}.palette-item{width:50px;height:50px;background:hsl(var(--white) / .1);color:hsl(var(--quiz-foreground));border-radius:16px;font-weight:600;font-size:1.5rem;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;border:2px solid hsl(var(--white) / .2)}.question-palette-submit-quiz-button,.question-palette-view-report-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:hover{transform:scale(1.08);box-shadow:0 6px 20px hsl(var(--quiz-accent) / .5)}.palette-item:hover{background:hsl(var(--white) / .2);transform:scale(1.05)}.palette-item.current{background:var(--gradient-quiz-accent);border:2px solid hsl(var(--quiz-accent));color:hsl(var(--quiz-foreground));box-shadow:0 4px 16px hsl(var(--quiz-accent) / .4);transform:scale(1.05)}.palette-item.current:focus{outline:none}.palette-item.correct{background:linear-gradient(135deg,hsl(var(--quiz-correct) / .25),hsl(var(--success-light) / .25));border:2px solid hsl(var(--quiz-correct));color:hsl(var(--white))}.palette-item.incorrect{background:linear-gradient(135deg,hsl(var(--quiz-incorrect) / .25),hsl(var(--destructive-light) / .25));border:2px solid hsl(var(--quiz-incorrect));color:hsl(var(--white))}.palette-item.visited{background:linear-gradient(135deg,hsl(var(--quiz-skipped) / .25),hsl(var(--warning-light) / .25));border:2px solid hsl(var(--quiz-skipped));color:hsl(var(--white))}.palette-item.not-visited{background:hsl(var(--white) / .1);border:2px solid hsl(var(--white) / .2);color:hsl(var(--quiz-foreground))}.palette-item.current.correct{background:linear-gradient(135deg,hsl(var(--quiz-correct-dark) / .25),hsl(var(--success-light) / .25));border:2px solid hsl(var(--quiz-correct-dark));box-shadow:0 4px 16px hsl(var(--quiz-correct-dark) / .4)}.palette-item.current.incorrect{background:linear-gradient(135deg,hsl(var(--quiz-incorrect-dark) / .25),hsl(var(--quiz-incorrect) / .25));border:2px solid hsl(var(--quiz-incorrect-dark));box-shadow:0 4px 16px hsl(var(--quiz-incorrect-dark) / .4)}.palette-item.current.visited{background:linear-gradient(135deg,hsl(var(--quiz-skipped-dark) / .25),hsl(var(--quiz-skipped) / .25));border:2px solid hsl(var(--quiz-skipped-dark));box-shadow:0 4px 16px hsl(var(--quiz-skipped-dark) / .4)}.palette-item.current.not-visited{background:linear-gradient(135deg,hsl(var(--quiz-accent) / .25),hsl(var(--quiz-accent-light) / .25));border:2px solid hsl(var(--quiz-accent));box-shadow:0 4px 16px hsl(var(--quiz-accent) / .4)}@media (max-width: 768px){.question-palette{padding:20px}.palette-title,.palette-progress-text{font-size:1.2rem}.palette-item{width:45px;height:45px;font-size:1.2rem}}@media (max-width: 480px){.question-palette{padding:16px}.palette-grid{grid-template-columns:repeat(4,1fr);gap:8px}.palette-item{width:40px;height:40px;font-size:1rem}}.quiz-performance-overlay{position:fixed;inset:0;background:hsl(var(--foreground) / .7);-webkit-backdrop-filter:blur(4px);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(--white));border:2px solid hsl(var(--gray-E4E5E8));border-radius:1rem;width:95%;max-width:1200px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px hsl(var(--foreground) / .5),0 0 0 1px hsl(var(--white)),0 0 0 2px hsl(var(--gray-E4E5E8));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:1.75rem;border-bottom:2px solid hsl(var(--gray-E4E5E8));background:hsl(var(--bg-F5F9FF));border-radius:1rem 1rem 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(--blue-0099FF));margin-top:.25rem;flex-shrink:0}.quiz-performance-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:hsl(var(--text-3A3A4A))}.quiz-performance-subtitle{margin:0;font-size:.875rem;color:hsl(var(--text-7A7A8A));line-height:1.5}.quiz-performance-close{background:none;border:none;cursor:pointer;color:hsl(var(--text-7A7A8A));padding:.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.quiz-performance-close:hover{background:hsl(var(--black) / .05);color:hsl(var(--text-3A3A4A))}.quiz-performance-content{padding:1.75rem;flex:1;overflow-y:auto;min-height:0}.quiz-performance-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:2rem}.quiz-performance-card{background:hsl(var(--bg-F8F9FA));border:1px solid hsl(var(--gray-E4E5E8));border-radius:.75rem;padding:1.25rem;text-align:center;transition:all .2s ease}.quiz-performance-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px hsl(var(--black) / .1)}.quiz-performance-card-label{font-size:.875rem;color:hsl(var(--text-7A7A8A));margin-bottom:.5rem;font-weight:500}.quiz-performance-card-value{font-size:1.75rem;font-weight:700;color:hsl(var(--text-3A3A4A))}.quiz-performance-breakdown{margin-top:1.5rem}.quiz-performance-breakdown-title{font-size:1.125rem;font-weight:600;color:hsl(var(--text-3A3A4A));margin:0 0 1rem}.quiz-performance-breakdown-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.quiz-performance-breakdown-item{display:flex;align-items:center;gap:.75rem;background:hsl(var(--bg-F8F9FA));border:1px solid hsl(var(--gray-E4E5E8));border-radius:.75rem;padding:1rem;transition:all .2s ease}.quiz-performance-breakdown-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px hsl(var(--black) / .1)}.quiz-performance-breakdown-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.quiz-performance-breakdown-indicator.correct{background:hsl(var(--green-10B981))}.quiz-performance-breakdown-indicator.incorrect{background:hsl(var(--destructive))}.quiz-performance-breakdown-indicator.skipped{background:hsl(var(--info))}.quiz-performance-breakdown-indicator.saved{background:hsl(var(--warning))}.quiz-performance-breakdown-indicator.unanswered{background:hsl(var(--gray-400))}.quiz-performance-breakdown-content{flex:1}.quiz-performance-breakdown-label{font-size:.875rem;color:hsl(var(--text-7A7A8A));margin-bottom:.25rem}.quiz-performance-breakdown-value{font-size:1.25rem;font-weight:700;color:hsl(var(--text-3A3A4A))}@media (max-width: 640px){.quiz-performance-modal{width:95%;max-width:100%;max-height:95vh}.quiz-performance-header{padding:1.25rem}.quiz-performance-title{font-size:1.25rem}.quiz-performance-content{padding:1.25rem}.quiz-performance-summary{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (max-width: 1024px){.quiz-performance-summary{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1025px){.quiz-performance-summary,.quiz-performance-breakdown-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width: 1024px){.quiz-performance-breakdown-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1025px){.quiz-performance-breakdown-grid{grid-template-columns:repeat(5,1fr)}}.quiz-performance-submit-section{margin-top:2rem;padding-top:1.5rem;padding-bottom:1.5rem;border-top:2px solid hsl(var(--gray-E4E5E8));display:flex;justify-content:center;flex-shrink:0}.quiz-performance-submit-button{background:hsl(var(--blue-0099FF));color:hsl(var(--white));border:none;border-radius:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px hsl(var(--primary) / .3);min-width:200px}.quiz-performance-submit-button:hover:not(:disabled){background:hsl(var(--blue-0088E6));transform:translateY(-2px);box-shadow:0 6px 16px hsl(var(--primary) / .4)}.quiz-performance-submit-button:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px hsl(var(--primary) / .3)}.quiz-performance-submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.pdf-upload-box{width:100%}.pdf-upload-input{display:none}.pdf-upload-dropzone{border:2px dashed hsl(var(--gray-E4E5E8));border-radius:var(--goqualify-radius);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:hsl(var(--white));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(--blue-0099FF));background:hsl(var(--bg-F5F9FF));border-width:2px;box-shadow:0 2px 8px hsl(var(--primary) / .15)}.pdf-upload-dropzone.dragging{border-color:hsl(var(--blue-0099FF));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(--text-7A7D8A));margin-bottom:1rem;transition:color .3s ease}.pdf-upload-dropzone:hover .pdf-upload-icon{color:hsl(var(--blue-0099FF))}.pdf-upload-text{display:flex;flex-direction:column;gap:.5rem}.pdf-upload-primary-text{font-size:1rem;color:hsl(var(--text-3A3D4A));margin:0}.pdf-upload-browse-link{color:hsl(var(--blue-0099FF));font-weight:500;text-decoration:underline;cursor:pointer}.pdf-upload-secondary-text{font-size:.875rem;color:hsl(var(--text-7A7D8A));margin:0}.pdf-upload-file-preview{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:hsl(var(--white));border:1px solid hsl(var(--gray-E4E5E8));border-radius:var(--goqualify-radius);gap:1rem;box-shadow:0 1px 3px hsl(var(--notes-border) / .3)}.pdf-upload-file-info{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.pdf-upload-file-icon{color:hsl(var(--blue-0099FF));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(--text-3A3D4A));margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-upload-file-size{font-size:.75rem;color:hsl(var(--text-7A7D8A));margin:0}.pdf-upload-remove-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:hsl(var(--bg-F5F9FF));color:hsl(var(--text-3A3D4A));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(--bg-F5F9FF));border-radius:4px;overflow:hidden}.pdf-upload-progress-fill{height:100%;background:hsl(var(--blue-0099FF));transition:width .3s ease;border-radius:4px}.pdf-upload-progress-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:hsl(var(--text-7A7D8A))}.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:hsl(var(--goqualify-card));border-radius:var(--goqualify-radius);border:1px solid hsl(var(--goqualify-border));flex-wrap:wrap}.notes-breadcrumb-item{background:none;border:none;color:hsl(var(--goqualify-foreground));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(--goqualify-muted));color:hsl(var(--goqualify-primary))}.notes-breadcrumb-item-current{cursor:default;color:hsl(var(--goqualify-muted-foreground));font-weight:500}.notes-breadcrumb-item-current:hover{background:none;color:hsl(var(--goqualify-muted-foreground))}.notes-breadcrumb-separator{color:hsl(var(--goqualify-muted-foreground));flex-shrink:0}.notes-sidebar{width:280px;min-width:280px;flex-shrink:0;background:hsl(var(--goqualify-card));border-right:1px solid hsl(var(--goqualify-border));box-shadow:2px 0 8px -2px hsl(var(--goqualify-border) / .2);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(--goqualify-muted-foreground));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(--goqualify-foreground));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(--goqualify-muted));color:hsl(var(--goqualify-primary));transform:translate(4px)}.notes-sidebar-item.active{background:hsl(var(--goqualify-primary) / .1);color:hsl(var(--goqualify-primary));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(--goqualify-muted-foreground));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(--goqualify-primary));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(--goqualify-muted-foreground));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(--goqualify-primary));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(--goqualify-muted-foreground))}.notes-empty-state h2{font-size:1.5rem;margin-bottom:.5rem;color:hsl(var(--goqualify-foreground))}.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(--blue-1C90FF));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(--primary-hover));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(--goqualify-muted-foreground))}.notes-list-container{background:hsl(var(--goqualify-card));border-radius:var(--goqualify-radius);padding:1.5rem;border:1px solid hsl(var(--goqualify-border));max-height:calc(100vh - 120px);overflow-y:auto}.notes-section-title{font-size:1.25rem;font-weight:600;color:hsl(var(--goqualify-foreground))}.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:hsl(var(--goqualify-muted) / .3);border:1px solid hsl(var(--goqualify-border));border-radius:var(--goqualify-radius);cursor:pointer;transition:all .2s ease}.notes-list-item:hover{background:hsl(var(--goqualify-muted));border-color:hsl(var(--goqualify-primary) / .3);transform:translate(4px)}.notes-list-item.active{background:hsl(var(--goqualify-primary) / .1);border-color:hsl(var(--goqualify-primary))}.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(--goqualify-foreground));margin:0}.notes-public-badge{font-size:.75rem;padding:.25rem .5rem;background:hsl(var(--blue-1C90FF));color:hsl(var(--white));border-radius:.375rem;font-weight:500}.notes-list-item-meta{font-size:.875rem;color:hsl(var(--goqualify-muted-foreground));margin:0}.notes-viewer{background:hsl(var(--goqualify-card));border-radius:var(--goqualify-radius);border:1px solid hsl(var(--goqualify-border));overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 120px)}.notes-viewer-header{padding:1.5rem;border-bottom:1px solid hsl(var(--goqualify-border));background:hsl(var(--goqualify-muted) / .3)}.notes-viewer-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:hsl(var(--goqualify-foreground))}.notes-viewer-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.875rem;color:hsl(var(--goqualify-muted-foreground))}.notes-viewer-meta span{padding:.25rem .75rem;background:hsl(var(--goqualify-muted));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(--goqualify-muted-foreground))}.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(--goqualify-foreground));margin:0}.notes-see-all-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid hsl(var(--goqualify-border));border-radius:calc(var(--goqualify-radius) / 2);color:hsl(var(--goqualify-foreground));font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.notes-see-all-btn:hover{background:hsl(var(--goqualify-primary) / .1);border-color:hsl(var(--goqualify-primary));color:hsl(var(--goqualify-primary))}.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(--goqualify-foreground))}.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(--notes-card-bg));border:1px solid hsl(var(--gray-E3E3E8));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(--notes-card-hover));border-color:hsl(var(--notes-border-hover));transform:translateY(-2px);box-shadow:0 2px 8px hsl(var(--notes-shadow))}.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(--gray-E3E3E8));box-shadow:0 1px 3px hsl(var(--gray-E3E3E8));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(--goqualify-muted));border-top-color:hsl(var(--goqualify-primary));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:hsl(var(--goqualify-muted) / .2);color:hsl(var(--goqualify-muted-foreground));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(--goqualify-foreground));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(--goqualify-muted-foreground))}.notes-recent-item-subject{font-weight:500;color:hsl(var(--goqualify-primary))}.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(--goqualify-muted-foreground));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(--blue-1C90FF));background:hsl(var(--primary) / .1)}.notes-recent-item-like.active{color:hsl(var(--blue-1C90FF))}.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(--blue-1C90FF));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:hover{background:hsl(var(--primary-hover));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:hsl(var(--overlay-dark) / .7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notes-upload-modal{background:hsl(var(--white));border:2px solid hsl(var(--gray-E3E3E8));border-radius:calc(var(--goqualify-radius) + 2px);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px hsl(var(--overlay-dark) / .5),0 0 0 1px hsl(var(--white)),0 0 0 2px hsl(var(--gray-E3E3E8));animation:slideUp .3s ease;position:relative;z-index:10000;background-color:hsl(var(--white))}@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:1.75rem;border-bottom:2px solid hsl(var(--gray-E3E3E8));background:hsl(var(--modal-header-bg));border-radius:var(--goqualify-radius) var(--goqualify-radius) 0 0;box-shadow:0 2px 4px hsl(var(--notes-border) / .3)}.notes-upload-modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:hsl(var(--text-3A3A4A))}.notes-upload-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:hsl(var(--text-3A3A4A));border-radius:calc(var(--goqualify-radius) / 2);cursor:pointer;transition:all .2s ease}.notes-upload-modal-close:hover:not(:disabled){background:hsl(var(--modal-header-bg));color:hsl(var(--destructive));transform:scale(1.1)}.notes-upload-modal-close:disabled{opacity:.5;cursor:not-allowed}.notes-upload-modal-content{padding:1.75rem;background:hsl(var(--white));background-color:hsl(var(--white))}.notes-upload-form-group{margin-bottom:1.5rem}.notes-upload-form-group label{display:block;margin-bottom:.75rem;font-size:.95rem;font-weight:600;color:hsl(var(--text-3A3A4A))}.notes-upload-preview{background:hsl(var(--modal-header-bg));border:1px solid hsl(var(--gray-E3E3E8));border-radius:var(--goqualify-radius);padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 1px 3px hsl(var(--notes-border) / .3)}.notes-upload-preview-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.notes-upload-preview-item:last-child{margin-bottom:0}.notes-upload-preview-label{font-size:.875rem;font-weight:500;color:hsl(var(--text-7A7A8A));min-width:80px}.notes-upload-preview-value{font-size:.9rem;color:hsl(var(--text-3A3A4A));font-weight:500;flex:1}.notes-upload-error-message{padding:1rem;background:hsl(var(--destructive) / .15);border:1px solid hsl(var(--destructive));border-radius:var(--goqualify-radius);color:hsl(var(--destructive));font-size:.9rem;font-weight:500;margin-bottom:1.5rem;box-shadow:0 1px 3px hsl(var(--destructive) / .2)}.notes-upload-modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid hsl(var(--gray-E3E3E8))}.notes-upload-cancel-btn,.notes-upload-submit-btn{padding:.875rem 1.75rem;border:none;border-radius:var(--goqualify-radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.notes-upload-cancel-btn{background:hsl(var(--modal-header-bg));color:hsl(var(--text-3A3A4A));border:1px solid hsl(var(--gray-E3E3E8))}.notes-upload-cancel-btn:hover:not(:disabled){background:hsl(var(--secondary));border-color:hsl(var(--slate-300))}.notes-upload-submit-btn{background:hsl(var(--blue-1C90FF));color:hsl(var(--white));box-shadow:0 2px 4px hsl(var(--primary) / .2)}.notes-upload-submit-btn:hover:not(:disabled){background:hsl(var(--primary-hover));transform:translateY(-2px);box-shadow:0 4px 12px hsl(var(--primary) / .4)}.notes-upload-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px hsl(var(--primary) / .2)}.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(--muted-foreground))}.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(--muted-foreground));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(--primary-foreground))}.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}.info-label{font-size:.875rem;color:hsl(var(--muted-foreground));font-weight:500}.info-value{font-size:.875rem;color:hsl(var(--foreground));font-weight:600}.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(--foreground))}.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(--muted-foreground));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(--foreground));border-bottom:2px solid hsl(var(--border))}.leaderboard-table td{padding:15px;border-bottom:1px solid hsl(var(--border));color:hsl(var(--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{color:hsl(var(--foreground))}.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(--foreground));text-align:right}.percentile-cell{color:hsl(var(--muted-foreground))}.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(--foreground));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-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.95rem;color:hsl(var(--muted-foreground));font-weight:500}.loading-state,.error-state,.empty-state{text-align:center;padding:40px 20px;color:hsl(var(--muted-foreground));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}}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.home-container{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;background:var(--gradient-hero);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:2.5rem;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:1.2rem;color:hsl(var(--muted-foreground));margin-bottom:2rem;line-height:1.6}.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:1.1rem;font-weight:600;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)}}:root{--white: 0 0% 100%;--black: 0 0% 0%;--disabled: 240 6% 52%;--primary: 210 100% 56%;--primary-foreground: 0 0% 100%;--primary-hover: 210 100% 46%;--secondary: 210 100% 96%;--secondary-foreground: 210 100% 56%;--tertiary: 210 100% 98%;--tertiary-foreground: 210 100% 56%;--accent: 210 100% 56%;--accent-foreground: 0 0% 100%;--background: 210 100% 96%;--card: 0 0% 100%;--card-foreground: 240 15% 25%;--popover: 0 0% 100%;--popover-foreground: 240 15% 25%;--muted: 210 100% 98%;--muted-foreground: 240 8% 50%;--light: 0 0% 98%;--light-foreground: 240 15% 25%;--foreground: 240 15% 25%;--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: 240 6% 90%;--input: 240 6% 90%;--ring: 210 100% 56%;--radius: .75rem;--blue-50: 214 100% 97%;--blue-100: 214 95% 93%;--blue-500: 217 91% 60%;--blue-700: 224 76% 48%;--violet: 258 90% 66%;--violet-dark: 261 76% 60%;--violet-light: 270 68% 70%;--purple: 267 78% 65%;--purple-dark: 262 61% 59%;--indigo: 230 84% 65%;--slate-50: 210 40% 98%;--slate-100: 210 40% 96%;--slate-200: 214 32% 91%;--slate-300: 213 27% 84%;--slate-400: 215 20% 65%;--slate-500: 215 16% 47%;--slate-600: 215 19% 35%;--slate-700: 215 25% 27%;--slate-800: 217 33% 17%;--slate-900: 222 47% 11%;--gray-50: 210 20% 98%;--gray-100: 220 14% 96%;--gray-200: 220 13% 91%;--gray-300: 216 12% 84%;--gray-400: 218 11% 65%;--gray-500: 220 9% 46%;--gray-600: 220 13% 33%;--gray-700: 220 14% 27%;--gray-800: 220 14% 17%;--sidebar-background: 0 0% 98%;--sidebar-foreground: 240 5.3% 26.1%;--sidebar-primary: 240 5.9% 10%;--sidebar-primary-foreground: 0 0% 98%;--sidebar-accent: 240 4.8% 95.9%;--sidebar-accent-foreground: 240 5.9% 10%;--sidebar-border: 220 13% 91%;--sidebar-ring: 217.2 91.2% 59.8%;--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 58% 51%;--quiz-correct-dark: 145 52% 43%;--quiz-incorrect: 0 89% 68%;--quiz-incorrect-dark: 0 74% 57%;--quiz-skipped: 28 85% 57%;--quiz-skipped-dark: 27 79% 49%;--past-quiz-accent: 242 99% 66%;--past-quiz-accent-light: 240 100% 97%;--promo-purple: 231 77% 66%;--promo-purple-dark: 271 39% 46%;--contrib-empty: 210 25% 98%;--contrib-empty-border: 210 22% 87%;--contrib-level-1: 87 60% 72%;--contrib-level-1-border: 129 62% 76%;--contrib-level-2: 112 47% 61%;--contrib-level-2-border: 136 54% 51%;--contrib-level-3: 135 63% 37%;--contrib-level-3-border: 138 55% 41%;--contrib-level-4: 138 57% 24%;--contrib-level-4-border: 141 54% 28%;--notes-card-bg: 200 100% 98%;--notes-card-hover: 204 100% 95%;--notes-border: 220 9% 91%;--notes-border-hover: 206 48% 86%;--notes-shadow: 206 48% 86%;--overlay-dark: 230 12% 26%;--modal-header-bg: 210 100% 98%;--blue-1C90FF: 209 100% 55%;--blue-0099FF: 204 100% 50%;--blue-0088FF: 208 100% 50%;--blue-0077CC: 204 100% 40%;--blue-0D7AE6: 210 89% 48%;--blue-0088E6: 206 89% 45%;--green-10B981: 160 84% 39%;--red-DC2626: 0 72% 51%;--red-FEE2E2: 0 93% 94%;--red-EF4444: 0 84% 60%;--gray-E3E3E8: 240 10% 90%;--gray-E4E5E8: 228 10% 90%;--gray-E4E5E7: 225 9% 90%;--gray-E9ECEF: 210 17% 93%;--text-3A3A4A: 240 12% 26%;--text-3A3D4A: 230 12% 26%;--text-3A3D47: 228 12% 25%;--text-7A7A8A: 240 6% 51%;--text-7A7B85: 234 5% 50%;--text-7A7D8A: 231 6% 51%;--bg-F5F9FF: 216 100% 98%;--bg-E6F2FF: 211 100% 95%;--bg-F0F7FF: 212 100% 97%;--bg-F8FBFF: 214 100% 99%;--bg-F8F9FA: 210 17% 98%;--bg-E8F2FF: 212 100% 95%;--bg-E8E8E8: 0 0% 91%;--bg-DDDDDD: 0 0% 87%;--bg-F5F5F5: 0 0% 96%;--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-tertiary{background-color:hsl(var(--tertiary))}.bg-accent{background-color:hsl(var(--accent))}.bg-background{background-color:hsl(var(--background))}.bg-card{background-color:hsl(var(--card))}.bg-popover{background-color:hsl(var(--popover))}.bg-muted{background-color:hsl(var(--muted))}.bg-light{background-color:hsl(var(--light))}.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))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-tertiary-foreground{color:hsl(var(--tertiary-foreground))}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-light-foreground{color:hsl(var(--light-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))}.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{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)}