/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-teal-700:oklch(51.1% .096 186.391);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-pink-700:oklch(52.5% .223 3.958);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-lg:.5rem;--radius-xl:.75rem;--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{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-2{top:calc(var(--spacing)*2)}.top-3{top:calc(var(--spacing)*3)}.top-8{top:calc(var(--spacing)*8)}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.z-10{z-index:10}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.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-1{margin-inline:calc(var(--spacing)*1)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.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)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.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-12{height:calc(var(--spacing)*12)}.h-32{height:calc(var(--spacing)*32)}.h-64{height:calc(var(--spacing)*64)}.h-full{height:100%}.max-h-32{max-height:calc(var(--spacing)*32)}.max-h-\[90vh\]{max-height:90vh}.min-h-48{min-height:calc(var(--spacing)*48)}.min-h-\[44px\]{min-height:44px}.min-h-\[60px\]{min-height:60px}.min-h-\[70px\]{min-height:70px}.min-h-\[80px\]{min-height:80px}.min-h-\[120px\]{min-height:120px}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing)*3)}.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-12{width:calc(var(--spacing)*12)}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-96{min-width:calc(var(--spacing)*96)}.min-w-\[2\.5rem\]{min-width:2.5rem}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-180{rotate:180deg}.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-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.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)}: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-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing)*3)}.gap-y-1{row-gap:calc(var(--spacing)*1)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.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{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-solid{--tw-border-style:solid;border-style:solid}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-600{border-color:var(--color-blue-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-indigo-600{border-color:var(--color-indigo-600)}.border-pink-600{border-color:var(--color-pink-600)}.border-white{border-color:var(--color-white)}.border-yellow-200{border-color:var(--color-yellow-200)}.bg-black{background-color:var(--color-black)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-pink-50{background-color:var(--color-pink-50)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-green-50{--tw-gradient-from:var(--color-green-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-50{--tw-gradient-from:var(--color-purple-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-red-50{--tw-gradient-from:var(--color-red-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-teal-50{--tw-gradient-from:var(--color-teal-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-yellow-50{--tw-gradient-from:var(--color-yellow-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-blue-100{--tw-gradient-to:var(--color-blue-100);--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-green-100{--tw-gradient-to:var(--color-green-100);--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-purple-100{--tw-gradient-to:var(--color-purple-100);--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-red-100{--tw-gradient-to:var(--color-red-100);--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-teal-100{--tw-gradient-to:var(--color-teal-100);--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-yellow-100{--tw-gradient-to:var(--color-yellow-100);--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}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.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-8{padding-block:calc(var(--spacing)*8)}.pr-8{padding-right:calc(var(--spacing)*8)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom: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-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.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)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-pink-600{color:var(--color-pink-600)}.text-pink-700{color:var(--color-pink-700)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-teal-500{color:var(--color-teal-500)}.text-teal-600{color:var(--color-teal-600)}.text-teal-700{color:var(--color-teal-700)}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.accent-blue-600{accent-color:var(--color-blue-600)}.accent-indigo-600{accent-color:var(--color-indigo-600)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-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-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.invert{--tw-invert:invert(100%);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,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:border-blue-400:hover{border-color:var(--color-blue-400)}.hover\:border-indigo-400:hover{border-color:var(--color-indigo-400)}.hover\:border-pink-400:hover{border-color:var(--color-pink-400)}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\:bg-purple-100:hover{background-color:var(--color-purple-100)}.hover\:bg-purple-700:hover{background-color:var(--color-purple-700)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-200:hover{background-color:var(--color-red-200)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\:text-red-600:hover{color:var(--color-red-600)}.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-sm:hover{--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)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-indigo-500:focus{border-color:var(--color-indigo-500)}.focus\:border-purple-500:focus{border-color:var(--color-purple-500)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-indigo-500:focus{--tw-ring-color:var(--color-indigo-500)}.focus\:ring-pink-500:focus{--tw-ring-color:var(--color-pink-500)}.focus\:ring-purple-500:focus{--tw-ring-color:var(--color-purple-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:bg-gray-100:disabled{background-color:var(--color-gray-100)}@media (min-width:40rem){.sm\:mt-4{margin-top:calc(var(--spacing)*4)}.sm\:mt-6{margin-top:calc(var(--spacing)*6)}.sm\:mb-3{margin-bottom:calc(var(--spacing)*3)}.sm\:mb-4{margin-bottom:calc(var(--spacing)*4)}.sm\:mb-6{margin-bottom:calc(var(--spacing)*6)}.sm\:mb-8{margin-bottom:calc(var(--spacing)*8)}.sm\:block{display:block}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:h-3{height:calc(var(--spacing)*3)}.sm\:h-4{height:calc(var(--spacing)*4)}.sm\:h-5{height:calc(var(--spacing)*5)}.sm\:h-6{height:calc(var(--spacing)*6)}.sm\:h-7{height:calc(var(--spacing)*7)}.sm\:h-8{height:calc(var(--spacing)*8)}.sm\:h-10{height:calc(var(--spacing)*10)}.sm\:h-16{height:calc(var(--spacing)*16)}.sm\:min-h-64{min-height:calc(var(--spacing)*64)}.sm\:min-h-\[90px\]{min-height:90px}.sm\:w-5{width:calc(var(--spacing)*5)}.sm\:w-6{width:calc(var(--spacing)*6)}.sm\:w-7{width:calc(var(--spacing)*7)}.sm\:w-8{width:calc(var(--spacing)*8)}.sm\:w-10{width:calc(var(--spacing)*10)}.sm\:w-16{width:calc(var(--spacing)*16)}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-3{gap:calc(var(--spacing)*3)}.sm\:gap-4{gap:calc(var(--spacing)*4)}.sm\:p-3{padding:calc(var(--spacing)*3)}.sm\:p-4{padding:calc(var(--spacing)*4)}.sm\:p-5{padding:calc(var(--spacing)*5)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:px-4{padding-inline:calc(var(--spacing)*4)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:py-2{padding-block:calc(var(--spacing)*2)}.sm\:py-3{padding-block:calc(var(--spacing)*3)}.sm\:py-4{padding-block:calc(var(--spacing)*4)}.sm\:py-5{padding-block:calc(var(--spacing)*5)}.sm\:py-6{padding-block:calc(var(--spacing)*6)}.sm\:py-8{padding-block:calc(var(--spacing)*8)}.sm\:pb-6{padding-bottom:calc(var(--spacing)*6)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:48rem){.md\:p-8{padding:calc(var(--spacing)*8)}.md\:py-12{padding-block:calc(var(--spacing)*12)}}@media (min-width:64rem){.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\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\:border-gray-600{border-color:var(--color-gray-600)}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:text-gray-200{color:var(--color-gray-200)}@media (hover:hover){.dark\:hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}}}}.dark{color-scheme:dark}.dark body{color:#e5e5e5;background-color:#1a1a1a}.feature-card:hover,div[style*="padding: 1.5rem"][style*="background: white"]:hover{border-color:#667eea!important;transform:translateY(-4px)!important;box-shadow:0 8px 20px #0000001a!important}.dark .image-converter-container{background:linear-gradient(135deg,#1a1a2e,#16213e)!important}.dark .image-converter-title{color:#fff!important}.dark .image-converter-subtitle{color:#b0b0b0!important}.dark .home-button{color:#6366f1!important;background:#fff!important}.dark .home-button:hover{color:#fff!important;background:#1e40af!important}.dark .features-section{background:#2d2d44!important;border:2px solid #444!important}.dark .features-title{color:#fff!important}.dark .feature-card-container{background:#1e1e1e!important;border-color:#444!important}.dark .feature-card-title{color:#fff!important}.dark .feature-card-description{color:#b0b0b0!important}.dark .feature-card-container:hover{border-color:#818cf8!important;box-shadow:0 8px 20px #818cf84d!important}@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-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-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}.home-container{min-height:100vh;background:linear-gradient(180deg,#e3f2fd,#fff);padding:40px 20px;display:flex;flex-direction:column;align-items:center;transition:background .3s ease}.dark .home-container{background:linear-gradient(180deg,#1a1a2e,#16213e)}.home-wrapper{max-width:1400px;width:100%;margin:0 auto}.home-header{text-align:center;margin-bottom:50px}.home-header h1{font-size:3rem;margin-bottom:10px;color:#333;transition:color .3s ease}.dark .home-header h1{color:#fff}.home-header p{font-size:1.2rem;color:#666;transition:color .3s ease}.dark .home-header p{color:#b0b0b0}.home-wrapper .tools-grid{display:grid;grid-template-columns:repeat(4,1fr)!important;gap:32px;margin-top:40px;width:100%;max-width:1400px;margin-left:auto;margin-right:auto}@media (max-width: 1200px){.home-wrapper .tools-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 900px){.home-wrapper .tools-grid{grid-template-columns:repeat(2,1fr)!important;gap:24px}}@media (max-width: 600px){.home-wrapper .tools-grid{grid-template-columns:1fr!important;gap:20px}.home-header h1{font-size:2.5rem}.home-header p{font-size:1rem}}.tool-card{background:#fff;border-radius:12px;padding:30px;text-decoration:none;color:inherit;transition:all .3s ease;box-shadow:0 4px 12px #0000001f;border:2px solid transparent}.dark .tool-card{background:#2d2d44;box-shadow:0 4px 12px #00000080}.tool-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0003;border-color:#646cff}.dark .tool-card:hover{box-shadow:0 12px 24px #646cff4d;border-color:#818cf8}.tool-icon{font-size:3rem;margin-bottom:15px}.tool-card h2{font-size:1.5rem;margin-bottom:10px;color:#333;transition:color .3s ease}.dark .tool-card h2{color:#fff}.tool-card p{font-size:1rem;color:#666;line-height:1.5;transition:color .3s ease}.dark .tool-card p{color:#b0b0b0}.why-choose-section{margin-top:4rem;padding:3rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 32px #667eea4d}.why-choose-section h2{font-size:2.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto}.feature-card{padding:2rem;background:#fff;border-radius:12px;transition:all .3s;box-shadow:0 4px 12px #0000001a}.dark .feature-card{background:#2d2d44;box-shadow:0 4px 12px #00000080}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 28px #00000026}.dark .feature-card:hover{box-shadow:0 12px 28px #0009}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;font-weight:700;color:#333;margin-bottom:.75rem;transition:color .3s ease}.feature-card p{font-size:1rem;color:#666;line-height:1.6;margin:0;transition:color .3s ease}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.why-choose-section h2{font-size:2rem}}@media (max-width: 640px){.features-grid{grid-template-columns:1fr;gap:1.5rem}.why-choose-section{margin-top:2rem;padding:2rem 1rem}.why-choose-section h2{font-size:1.75rem;margin-bottom:2rem}.feature-card{padding:1.5rem}}.home-footer{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2rem 1.5rem;margin-top:4rem}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{font-size:1.2rem;margin-bottom:1rem;font-weight:600}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:.5rem}.footer-section a{color:#ffffffe6;text-decoration:none;transition:color .3s}.footer-section a:hover{color:#fff;text-decoration:underline}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:1.5rem;text-align:center}.footer-bottom p{margin:.5rem 0;font-size:.9rem;opacity:.9}@media (max-width: 640px){.home-footer{padding:2rem 1rem 1rem}.footer-content{grid-template-columns:1fr;gap:1.5rem}}.notepad-container{display:flex;flex-direction:column;height:100vh;background:#f5f5f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.notepad-container.dark-mode{background:#1e1e1e;color:#fff}.notepad-alert{background:#fff3cd;border-bottom:1px solid #ffc107;padding:12px 20px}.dark-mode .notepad-alert{background:#3d3d00;border-bottom-color:#ffeb3b;color:#ffeb3b}.alert-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;font-size:14px}.alert-close{background:none;border:none;font-size:24px;cursor:pointer;padding:0 8px;color:inherit}.alert-close:hover{opacity:.7}.notepad-breadcrumb{display:flex;align-items:center;padding:10px 20px;background:#fff;border-bottom:1px solid #ddd;font-size:20px}.dark-mode .notepad-breadcrumb{background:#2d2d2d;border-bottom-color:#444}.notepad-breadcrumb a{background:#fff;color:#6366f1;padding:8px 16px;border-radius:8px;text-decoration:underline;font-weight:700;font-size:18px;transition:all .3s}.notepad-breadcrumb a:hover{background:#1e40af!important;color:#fff!important;transform:translateY(-2px)}.dark-mode .notepad-breadcrumb a{background:#fff;color:#6366f1}.dark-mode .notepad-breadcrumb a:hover{background:#1e40af!important;color:#fff!important}.notepad-breadcrumb span{color:#666;margin:0 5px}.dark-mode .notepad-breadcrumb span{color:#999}.notepad-menubar{display:flex;background:#fff;border-bottom:1px solid #ddd;padding:0;-webkit-user-select:none;user-select:none;height:48px}.dark-mode .notepad-menubar{background:#2d2d2d;border-bottom-color:#444}.menu-item{position:relative;padding:14px 20px;cursor:pointer;font-size:18px;display:flex;align-items:center;font-weight:500}.menu-item:hover{background:#f0f0f0}.dark-mode .menu-item:hover{background:#3d3d3d}.dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid #ddd;box-shadow:0 2px 8px #0000001a;min-width:220px;z-index:1000}.dark-mode .dropdown-menu{background:#2d2d2d;border-color:#444;box-shadow:0 2px 8px #00000080}.menu-option{padding:12px 20px;cursor:pointer;font-size:18px;min-height:40px;display:flex;align-items:center}.menu-option:hover{background:#f0f0f0}.dark-mode .menu-option:hover{background:#3d3d3d}.menu-divider{height:1px;background:#ddd;margin:4px 0}.dark-mode .menu-divider{background:#444}.notepad-toolbar{display:flex;gap:6px;padding:10px 16px;background:#fff;border-bottom:1px solid #ddd;align-items:center;min-height:56px}.dark-mode .notepad-toolbar{background:#2d2d2d;border-bottom-color:#444}.toolbar-btn{background:none;border:1px solid transparent;padding:10px 12px;cursor:pointer;border-radius:6px;font-size:22px;transition:all .2s;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center}.toolbar-btn:hover:not(:disabled){background:#f0f0f0;border-color:#ddd}.dark-mode .toolbar-btn:hover:not(:disabled){background:#3d3d3d;border-color:#444}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn-relative{position:relative}.toolbar-divider{width:1px;height:32px;background:#ddd;margin:0 6px}.dark-mode .toolbar-divider{background:#444}.notepad-tabs{background:#fff;border-bottom:1px solid #ddd;overflow-x:auto;overflow-y:hidden}.dark-mode .notepad-tabs{background:#2d2d2d;border-bottom-color:#444}.tabs-container{display:flex;align-items:center;min-height:48px;padding:0 8px;gap:4px}.tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f5f5f5;border:1px solid #ddd;border-bottom:none;border-radius:8px 8px 0 0;cursor:pointer;min-width:120px;max-width:200px;transition:all .2s;position:relative;top:1px}.dark-mode .tab{background:#1e1e1e;border-color:#444}.tab:hover{background:#e8e8e8}.dark-mode .tab:hover{background:#2a2a2a}.tab.active{background:#fffacd;border-color:#ddd;border-bottom-color:#fffacd;font-weight:600}.dark-mode .tab.active{background:#1e1e1e;border-color:#555;border-bottom-color:#1e1e1e}.tab-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.tab-close{background:none;border:none;color:#666;cursor:pointer;font-size:18px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0;transition:all .2s}.tab-close:hover{background:#0000001a;color:#333}.dark-mode .tab-close{color:#999}.dark-mode .tab-close:hover{background:#ffffff1a;color:#fff}.new-tab-btn{background:none;border:1px solid transparent;color:#666;cursor:pointer;font-size:20px;padding:8px 12px;border-radius:6px;transition:all .2s;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.new-tab-btn:hover{background:#f0f0f0;border-color:#ddd}.dark-mode .new-tab-btn{color:#999}.dark-mode .new-tab-btn:hover{background:#3d3d3d;border-color:#555}.font-size-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid #ddd;box-shadow:0 2px 8px #0000001a;min-width:100px;z-index:1000;margin-top:4px;border-radius:4px;overflow:hidden}.dark-mode .font-size-dropdown{background:#2d2d2d;border-color:#444;box-shadow:0 2px 8px #00000080}.font-size-option{padding:10px 16px;cursor:pointer;font-size:14px;transition:background .2s}.font-size-option:hover{background:#f0f0f0}.dark-mode .font-size-option:hover{background:#3d3d3d}.font-size-btn{display:flex;align-items:baseline;gap:2px;padding:8px 12px!important;min-width:60px!important}.font-size-value{font-size:16px;font-weight:600;font-family:Segoe UI,sans-serif}.font-size-unit{font-size:11px;color:#666;font-family:Segoe UI,sans-serif}.dark-mode .font-size-unit{color:#999}.notepad-editor{flex:1;width:100%;border:none;padding:8px 20px 20px 50px;font-family:Courier New,monospace;outline:none;color:#000;line-height:30px;background-color:#fffacd;background-image:linear-gradient(to right,transparent 0,transparent 40px,#ff6b6b 40px,#ff6b6b 41px,transparent 41px),repeating-linear-gradient(transparent,transparent 29px,#d3d3d3 29px,#d3d3d3 30px);background-attachment:local;min-height:100%;overflow-wrap:break-word;word-wrap:break-word}.dark-mode .notepad-editor{color:#d4d4d4;background-color:#1e1e1e;background-image:linear-gradient(to right,transparent 0,transparent 40px,#ff6b6b 40px,#ff6b6b 41px,transparent 41px),repeating-linear-gradient(transparent,transparent 29px,#444 29px,#444 30px);background-attachment:local}.notepad-editor:empty:before{content:attr(data-placeholder);color:#999;pointer-events:none}.notepad-editor:focus{outline:none}.toolbar-format-btn{font-weight:700;font-family:Georgia,serif}.underline-btn{text-decoration:underline}.color-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:4px!important}.color-btn-text{font-weight:700;font-family:Georgia,serif;font-size:18px;line-height:1}.color-indicator{width:18px;height:4px;border-radius:1px;margin-top:2px}.color-picker-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid #ddd;box-shadow:0 4px 12px #00000026;min-width:240px;z-index:1000;margin-top:4px;border-radius:8px;padding:12px}.dark-mode .color-picker-dropdown{background:#2d2d2d;border-color:#444;box-shadow:0 4px 12px #00000080}.color-picker-title{font-size:12px;font-weight:600;margin-bottom:8px;color:#666}.dark-mode .color-picker-title{color:#999}.color-presets{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:12px}.color-preset-btn{width:28px;height:28px;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s}.color-preset-btn:hover{transform:scale(1.1);border-color:#007bff}.custom-color-section{display:flex;align-items:center;gap:8px;padding-top:8px;border-top:1px solid #eee}.dark-mode .custom-color-section{border-top-color:#444}.custom-color-input{width:32px;height:32px;border:none;border-radius:4px;cursor:pointer;padding:0}.custom-color-label{font-size:12px;color:#666}.dark-mode .custom-color-label{color:#999}.notepad-statusbar{display:flex;gap:20px;padding:8px 20px;background:#fff;border-top:1px solid #ddd;font-size:13px;color:#666}.dark-mode .notepad-statusbar{background:#2d2d2d;border-top-color:#444;color:#999}.notepad-statusbar span{display:inline-block}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#fff;padding:30px;border-radius:8px;min-width:400px;max-width:90%;box-shadow:0 4px 16px #0003}.dark-mode .modal-content{background:#2d2d2d;color:#fff}.modal-content h2{margin-top:0;margin-bottom:20px;font-size:24px}.preferences-form{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.pref-group{display:flex;flex-direction:column;gap:8px}.pref-group label{font-size:14px;font-weight:500}.pref-group input[type=range]{width:100%}.pref-group input[type=checkbox]{margin-right:8px}.modal-close-btn{padding:10px 24px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.modal-close-btn:hover{background:#0056b3}.dark-mode .modal-close-btn{background:#0d6efd}.dark-mode .modal-close-btn:hover{background:#0a58ca}.share-modal{min-width:480px;max-width:90%}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h2{margin:0}.modal-close-x{background:none;border:none;font-size:32px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close-x:hover{background:#f0f0f0;color:#333}.dark-mode .modal-close-x{color:#999}.dark-mode .modal-close-x:hover{background:#4d4d4d;color:#fff}.share-options{display:flex;flex-direction:column;gap:16px}.share-option-btn{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .3s;width:100%;text-align:left}.share-option-btn:hover{background:#f8f9fa;border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 12px #007bff26}.dark-mode .share-option-btn{background:#3d3d3d;border-color:#555}.dark-mode .share-option-btn:hover{background:#4d4d4d;border-color:#0d6efd;box-shadow:0 4px 12px #0d6efd40}.share-icon{font-size:36px;flex-shrink:0}.share-option-text{display:flex;flex-direction:column;gap:4px}.share-option-title{font-size:16px;font-weight:600;color:#333}.dark-mode .share-option-title{color:#fff}.share-option-desc{font-size:13px;color:#666}.dark-mode .share-option-desc{color:#999}.file-name-display{font-size:13px}@media print{.notepad-alert,.notepad-breadcrumb,.notepad-menubar,.notepad-toolbar,.notepad-statusbar{display:none!important}.notepad-textarea{background:#fff!important;color:#000!important;padding:0!important}.notepad-container{background:#fff!important}}.notepad-features{margin-top:2rem;padding:2rem;background:#f9fafb;border-radius:12px}.dark-mode .notepad-features{background:#2d2d44;border:2px solid #444}.dark .notepad-features{background:#2d2d44!important;border:2px solid #444!important}.notepad-features h2{font-size:1.75rem;font-weight:700;color:#333;text-align:center;margin-bottom:2rem}.dark-mode .notepad-features h2{color:#fff}.dark .notepad-features h2{color:#fff!important}.dark-mode .feature-card{background:#2d2d2d;border-color:#444}.dark .feature-card{background:#2d2d2d!important;border-color:#444!important}.dark-mode .feature-card h3{color:#fff}.dark .feature-card h3{color:#fff!important}.dark-mode .feature-card p{color:#999}.dark .feature-card p{color:#999!important}@media (max-width: 640px){.features-grid{grid-template-columns:1fr}.notepad-features{padding:1.5rem}.notepad-tabs{overflow-x:auto}.tabs-container{padding:0 4px;min-height:44px}.tab{padding:8px 12px;min-width:100px;max-width:150px;font-size:13px}.tab-name{font-size:13px}.tab-close{width:18px;height:18px;font-size:16px}.new-tab-btn{min-width:36px;height:36px;font-size:18px;padding:6px 10px}.notepad-menubar{flex-wrap:wrap;height:auto;padding:4px}.menu-item{padding:10px 12px;font-size:14px}.notepad-toolbar{flex-wrap:wrap;padding:8px;gap:4px;height:auto}.toolbar-btn{padding:8px;font-size:18px;min-width:40px}.notepad-breadcrumb{font-size:16px;padding:8px 12px}.notepad-breadcrumb a{padding:6px 12px;font-size:14px}.notepad-statusbar{font-size:11px;padding:6px 12px;flex-wrap:wrap}.notepad-statusbar span{margin-right:8px}}@media (max-width: 480px){.menu-item{padding:8px 10px;font-size:13px}.toolbar-btn{padding:6px;font-size:16px;min-width:36px}}.character-counter-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.dark .character-counter-container{background:linear-gradient(135deg,#1a1a2e,#16213e)}.character-counter-header{text-align:center;color:#fff;margin-bottom:2rem}.character-counter-header h1{font-size:2.5rem;font-weight:700;margin:.5rem 0}.character-counter-header p{font-size:1.1rem;opacity:.9}.character-counter-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1400px;margin:0 auto}.text-input-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;height:100%}.dark .text-input-section{background:#2d2d44;box-shadow:0 10px 30px #00000080}.input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.input-header h2{font-size:1.3rem;color:#333;margin:0;font-weight:700}.dark .input-header h2{color:#fff}.clear-btn{background:#ef4444;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:700;transition:background .3s}.clear-btn:hover{background:#dc2626}.text-input{width:100%;flex:1;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;resize:vertical;transition:border-color .3s}.dark .text-input{background:#1e1e1e;border-color:#444;color:#e5e5e5}.dark .text-input::placeholder{color:#888}.text-input:focus{outline:none;border-color:#667eea}.dark .text-input:focus{border-color:#818cf8}.stats-panel{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;height:100%;overflow-y:auto}.dark .stats-panel{background:#2d2d44;box-shadow:0 10px 30px #00000080}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.stats-header h2{font-size:1.3rem;color:#333;margin:0;font-weight:700}.dark .stats-header h2{color:#fff}.copy-stats-btn{background:#667eea;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:700;transition:background .3s}.copy-stats-btn:hover{background:#5568d3}.dark .copy-stats-btn{background:#818cf8}.dark .copy-stats-btn:hover{background:#6366f1}.stats-grid{display:grid;grid-template-columns:1fr;gap:1rem;flex:1}.stat-card{display:flex;align-items:center;padding:1rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:10px;transition:transform .2s,box-shadow .2s}.dark .stat-card{background:linear-gradient(135deg,#3a3a52,#2a2a3e)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{font-size:2rem;margin-right:1rem}.stat-info{flex:1}.stat-label{font-size:.85rem;color:#666;margin-bottom:.3rem;font-weight:700}.dark .stat-label{color:#b0b0b0}.stat-value{font-size:1.5rem;font-weight:700;color:#333}.dark .stat-value{color:#fff}@media (max-width: 1024px){.character-counter-content{grid-template-columns:1fr}.stats-panel{max-height:none}.text-input{min-height:300px}}@media (max-width: 768px){.character-counter-container{padding:1rem}.character-counter-header h1{font-size:2rem}.input-header,.stats-header{flex-direction:column;gap:.5rem;align-items:flex-start}.clear-btn,.copy-stats-btn{width:100%}}.password-generator-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.dark .password-generator-container{background:linear-gradient(135deg,#1a1a2e,#16213e)}.password-generator-header{text-align:center;color:#fff;margin-bottom:2rem}.password-generator-header h1{font-size:2.5rem;font-weight:700;margin:.5rem 0}.password-generator-header p{font-size:1.1rem;opacity:.9}.password-generator-content{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 30px #0003}.dark .password-generator-content{background:#2d2d44;box-shadow:0 10px 30px #00000080}.section-label{display:block;font-size:1.125rem;font-weight:700;color:#333;margin-bottom:.75rem}.dark .section-label{color:#fff}.password-display-section{margin-bottom:2rem}.password-display-wrapper{display:flex;gap:.75rem;flex-wrap:wrap}.password-display{flex:1;min-width:200px;padding:1rem;font-size:1.225rem;font-weight:700;font-family:Courier New,monospace;border:2px solid #e5e7eb;border-radius:8px;background:#f9fafb;color:#333}.dark .password-display{background:#1e1e1e;border-color:#444;color:#e5e5e5}.password-buttons{display:flex;gap:.5rem}.regenerate-btn,.copy-btn{padding:1rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;white-space:nowrap}.regenerate-btn{background:#10b981;color:#fff}.regenerate-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.copy-btn{background:#3b82f6;color:#fff}.copy-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.password-strength-section{margin-bottom:2rem}.strength-bar-container{width:100%;height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden;margin-bottom:.5rem}.dark .strength-bar-container{background:#444}.strength-bar{height:100%;transition:width .3s,background-color .3s;border-radius:6px}.strength-text{font-size:1.125rem;font-weight:700;margin:0}.password-options-section,.length-section{margin-bottom:2rem}.length-value{color:#667eea;font-size:1.325rem;margin-left:.5rem}.length-slider{width:100%;height:8px;border-radius:4px;background:#e5e7eb;outline:none;-webkit-appearance:none;margin-bottom:.5rem}.dark .length-slider{background:#444}.length-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#667eea;cursor:pointer;transition:all .3s}.length-slider::-webkit-slider-thumb:hover{background:#5568d3;transform:scale(1.2)}.dark .length-slider::-webkit-slider-thumb{background:#818cf8}.dark .length-slider::-webkit-slider-thumb:hover{background:#6366f1}.length-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#667eea;cursor:pointer;border:none;transition:all .3s}.length-slider::-moz-range-thumb:hover{background:#5568d3;transform:scale(1.2)}.dark .length-slider::-moz-range-thumb{background:#818cf8}.dark .length-slider::-moz-range-thumb:hover{background:#6366f1}.length-labels{display:flex;justify-content:space-between;font-size:.85rem;color:#666}.dark .length-labels{color:#b0b0b0}.character-options{margin-bottom:1.5rem}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:1.075rem;color:#333;padding:.5rem;border-radius:6px;transition:background .2s}.dark .checkbox-label{color:#e5e5e5}.checkbox-label:hover{background:#f3f4f6}.dark .checkbox-label:hover{background:#3a3a52}.checkbox-label input[type=checkbox]{width:20px;height:20px;margin-right:.75rem;cursor:pointer;accent-color:#667eea}.dark .checkbox-label input[type=checkbox]{accent-color:#818cf8}.checkbox-label span{font-weight:700}.generate-btn{width:100%;padding:1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.generate-btn:active{transform:translateY(0)}@media (max-width: 768px){.password-generator-container{padding:1rem}.password-generator-header h1{font-size:2rem}.password-generator-content{padding:1.5rem}.password-display-wrapper{flex-direction:column}.password-display{min-width:100%}.password-buttons{width:100%}.regenerate-btn,.copy-btn{flex:1}}@media (max-width: 480px){.password-generator-header h1{font-size:1.75rem}.password-buttons{flex-direction:column}.regenerate-btn,.copy-btn{width:100%}}.features-section{margin-top:3rem;padding:2rem;background:#f9fafb;border-top:2px solid #e5e7eb;border-radius:0 0 12px 12px}@media (max-width: 640px){.features-grid{grid-template-columns:1fr}.features-section{padding:1.5rem}}.stopwatch-timer-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.dark .stopwatch-timer-container{background:linear-gradient(135deg,#1a1a2e,#16213e)}.stopwatch-timer-header{text-align:center;color:#fff;margin-bottom:2rem}.stopwatch-timer-header h1{font-size:2.5rem;font-weight:700;margin:.5rem 0}.stopwatch-timer-header p{font-size:1.1rem;opacity:.9}.stopwatch-timer-content{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 30px #0003}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e5e7eb}.tab{flex:1;padding:1rem 2rem;background:none;border:none;border-bottom:3px solid transparent;font-size:1.125rem;font-weight:700;cursor:pointer;color:#666;transition:all .3s}.tab:hover{color:#333;background:#f9fafb}.tab.active{color:#667eea;border-bottom-color:#667eea;background:#f0f4ff}.time-display{font-size:4rem;font-weight:700;text-align:center;font-family:Courier New,monospace;color:#333;margin:2rem 0;padding:1.5rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;box-shadow:inset 0 2px 4px #0000001a}.time-display.warning{color:#ef4444;animation:pulse 1s infinite}.time-display.complete-blink{animation:blink .5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.button-group{display:flex;gap:1rem;justify-content:center;margin:2rem 0;flex-wrap:wrap}.btn{padding:1rem 2rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s;min-width:120px;background:#fff;color:#333;box-shadow:0 4px 12px #00000040}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;border-color:transparent}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-start{background:#fff;color:#333;border-color:#10b981;box-shadow:0 4px 12px #10b9814d}.btn-start:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 6px 20px #10b98199}.btn-pause{background:#fff;color:#333;border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b4d}.btn-pause:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 6px 20px #f59e0b99}.btn-lap{background:#fff;color:#333;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.btn-lap:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 6px 20px #3b82f699}.btn-reset{background:#fff;color:#333;border-color:#ef4444;box-shadow:0 4px 12px #ef44444d}.btn-reset:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 6px 20px #ef444499}.laps-section{margin-top:2rem;max-height:400px;overflow-y:auto}.laps-section h3{font-size:1.25rem;font-weight:700;color:#333;margin-bottom:1rem}.laps-list{display:flex;flex-direction:column;gap:.5rem}.lap-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-radius:8px;border:2px solid #e5e7eb}.lap-item.fastest{background:#d1fae5;border-color:#10b981}.lap-item.slowest{background:#fee2e2;border-color:#ef4444}.lap-number{font-weight:700;color:#666;font-size:1rem}.lap-times{display:flex;gap:2rem;font-family:Courier New,monospace}.lap-split{font-weight:700;color:#333;font-size:1.125rem}.lap-total{color:#666;font-size:1rem;font-weight:700}.timer-input-section{margin-bottom:2rem}.time-inputs{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem}.time-input-group{display:flex;flex-direction:column;align-items:center;gap:.5rem}.time-input-group label{font-size:.9rem;font-weight:700;color:#666}.time-input-group input{width:80px;padding:1rem;font-size:1.5rem;font-weight:700;text-align:center;border:2px solid #e5e7eb;border-radius:8px;font-family:Courier New,monospace}.time-input-group input:focus{outline:none;border-color:#667eea}.time-separator{font-size:2rem;font-weight:700;color:#333;margin-top:1.5rem}.quick-timers{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.quick-timers button{padding:.75rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.quick-timers button:hover{background:linear-gradient(135deg,#5568d3,#6a3d8f);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.timer-complete-message{text-align:center;font-size:2rem;font-weight:700;color:#10b981;margin:1rem 0;animation:pulse 1s infinite}@media (max-width: 768px){.stopwatch-timer-container{padding:1rem}.stopwatch-timer-header h1{font-size:2rem}.stopwatch-timer-content{padding:1.5rem}.time-display{font-size:3rem;padding:1rem}.button-group{flex-direction:column;align-items:stretch}.btn{width:100%}.time-inputs{flex-wrap:wrap;gap:.5rem}.time-input-group input{width:70px;padding:.75rem;font-size:1.25rem}.time-separator{font-size:1.5rem;margin-top:1rem}.lap-times{flex-direction:column;gap:.25rem;align-items:flex-end}}@media (max-width: 480px){.time-display{font-size:2rem}.tab{padding:.75rem 1rem;font-size:1rem}.quick-timers{gap:.25rem}.quick-timers button{padding:.5rem 1rem;font-size:.85rem}}.dark .stopwatch-timer-content{background:#2d2d44;box-shadow:0 10px 30px #00000080}.dark .tab{color:#b0b0b0}.dark .tab:hover{color:#fff;background:#3a3a52}.dark .tab.active{color:#818cf8;border-bottom-color:#818cf8;background:#2a2a3e}.dark .time-display{color:#fff;background:linear-gradient(135deg,#3a3a52,#2a2a3e)}.dark .laps-section h3{color:#fff}.dark .lap-item{background:#2a2a3e;border-color:#444}.dark .lap-item.fastest{background:#1e4620;border-color:#10b981}.dark .lap-item.slowest{background:#4a1e1e;border-color:#ef4444}.dark .lap-number{color:#b0b0b0}.dark .lap-split{color:#fff}.dark .lap-total,.dark .time-input-group label{color:#b0b0b0}.dark .time-input-group input{background:#1e1e1e;border-color:#444;color:#e5e5e5}.dark .time-separator{color:#fff}.number-counter-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.number-counter-header{color:#fff;margin-bottom:2rem}.title-section-centered{text-align:center;max-width:900px;margin:0 auto}.title-section-centered h1{font-size:2.5rem;margin:.5rem 0;font-weight:700}.title-section-centered p{font-size:1.1rem;opacity:.9;font-weight:700}.number-counter-content{max-width:900px;margin:0 auto;background:#fff;border-radius:12px;padding:3rem 2rem;box-shadow:0 10px 30px #0003;position:relative}.settings-icon-btn-inside{position:absolute;top:16px;right:16px;background:#4a4a4a;border:none;border-radius:8px;font-size:24px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;color:#fff;padding:10px}.settings-icon-btn-inside:hover{background:#555}.counter-main{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:3rem}.counter-circle-btn{width:100px;height:100px;border-radius:50%;border:none;font-size:3rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #00000026}.counter-circle-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #00000040}.counter-circle-btn:active{transform:scale(.95)}.decrement-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.increment-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.counter-display-large{font-size:96px;font-weight:700;text-align:center;color:#333;padding:2rem 3rem;border-radius:12px;box-shadow:inset 0 2px 4px #0000001a;font-family:Courier New,monospace;min-width:250px;transition:background-color .3s}.increment-selector{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.increment-option{padding:1rem 2rem;border:2px solid #ccc;border-radius:8px;background:#fff;color:#000;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .3s;min-width:70px}.increment-option:hover{border-color:#4f46e5;background:#4f46e50d}.increment-option.selected{border:3px solid #4F46E5;background:#4f46e51a;color:#4f46e5;transform:scale(1.05)}.reset-button-container{display:flex;justify-content:center}.reset-counter-btn{padding:1rem 3rem;border:2px solid #FF8C00;border-radius:8px;background:#ff8c00;color:#fff;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .3s;min-width:150px}.reset-counter-btn:hover{background:#ff7f00;border-color:#ff7f00;transform:translateY(-2px);box-shadow:0 4px 12px #ff8c0066}.reset-counter-btn:active{transform:scale(.95);border:3px solid #FF6347;box-shadow:0 2px 8px #ff634780}.modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.modal-content h2{font-size:1.75rem;font-weight:700;color:#333;margin-bottom:1.5rem}.settings-section{margin-bottom:2rem}.settings-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.settings-label{font-size:1.125rem;font-weight:700;color:#333}.toggle-switch{position:relative;width:80px;height:36px;border-radius:18px;border:none;cursor:pointer;transition:all .3s;display:flex;align-items:center;padding:0 .5rem}.toggle-switch.off{background:#ccc;justify-content:flex-start}.toggle-switch.on{background:#10b981;justify-content:flex-end}.toggle-label{font-size:.875rem;font-weight:700;color:#fff}.toggle-slider{position:absolute;width:28px;height:28px;background:#fff;border-radius:50%;transition:all .3s;left:4px}.toggle-switch.on .toggle-slider{left:calc(100% - 32px)}.settings-input{padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-weight:700;width:120px;text-align:center}.settings-input:disabled{background:#f3f4f6;color:#9ca3af}.settings-input:focus{outline:none;border-color:#4f46e5}.color-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:1rem}.color-swatch{width:100%;aspect-ratio:1;border:3px solid transparent;border-radius:8px;cursor:pointer;transition:all .3s;box-shadow:0 2px 4px #0000001a}.color-swatch:hover{transform:scale(1.1);box-shadow:0 4px 8px #0003}.color-swatch.selected{border-color:#4f46e5;transform:scale(1.05);box-shadow:0 0 0 3px #4f46e533}.color-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.color-tab{flex:1;padding:.75rem;border:none;border-bottom:3px solid transparent;background:none;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s;color:#666}.color-tab:hover{color:#4f46e5}.color-tab.active{border-bottom-color:#4f46e5;color:#4f46e5}.reset-settings-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s;margin-bottom:.5rem}.reset-settings-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.modal-close-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s;margin-top:1rem}.modal-close-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}@media (max-width: 768px){.number-counter-container{padding:1rem}.settings-icon-btn-inside{font-size:20px;top:12px;right:12px;padding:8px}.title-section-centered h1{font-size:2rem}.number-counter-content{padding:2rem 1rem}.counter-main{gap:1rem}.counter-circle-btn{width:80px;height:80px;font-size:2.5rem}.counter-display-large{font-size:72px;padding:1.5rem 2rem;min-width:200px}.increment-selector{gap:.5rem}.increment-option{padding:.75rem 1.5rem;font-size:1.125rem;min-width:60px}}@media (max-width: 480px){.counter-main{flex-direction:column;gap:1.5rem}.counter-circle-btn{width:70px;height:70px;font-size:2rem}.counter-display-large{font-size:60px;padding:1rem 1.5rem}.increment-option{padding:.5rem 1rem;font-size:1rem;min-width:50px}.color-palette{grid-template-columns:repeat(3,1fr)}}.dark .number-counter-container{background:linear-gradient(135deg,#1a1a2e,#16213e)}.dark .number-counter-content{background:#2d2d44;box-shadow:0 10px 30px #00000080}.dark .counter-display-large{color:#fff}.dark .settings-icon-btn-inside{background:#3a3a52}.dark .settings-icon-btn-inside:hover{background:#4a4a62}.dark .modal-content h2,.dark .settings-label{color:#fff}.dark .settings-input{background:#1e1e1e;border-color:#444;color:#e5e5e5}.dark .settings-input:disabled{background:#2a2a3e;color:#666}.dark .increment-option{background:#3a3a52;border-color:#555;color:#fff}.dark .increment-option:hover{border-color:#818cf8;background:#818cf826}.dark .increment-option.selected{border:3px solid #818cf8;background:#818cf833;color:#818cf8}.world-clock-container{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.breadcrumb{margin-bottom:1.5rem;font-weight:700;color:#fff}.home-button{background:#fff;color:#6366f1;padding:8px 16px;border-radius:8px;text-decoration:underline;font-weight:700;transition:all .3s}.home-button:hover{background:#1e40af!important;color:#fff!important;transform:scale(1.05)}.dark .home-button{background:#fff;color:#6366f1}.dark .home-button:hover{background:#1e40af!important;color:#fff!important}.breadcrumb span{color:#fff;margin-left:.5rem}.world-clock-title{text-align:center;color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.clocks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;max-width:1400px;margin:0 auto}.clock-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;position:relative;transition:transform .2s,box-shadow .2s}.clock-card:hover{transform:translateY(-4px);box-shadow:0 8px 12px #00000026,0 2px 4px #0000001a}.remove-button{position:absolute;top:1rem;right:1rem;background:#f44336;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.remove-button:hover{background-color:#d32f2f}.city-name{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#333}.clock-time{font-size:2.5rem;font-weight:700;color:#667eea;margin-bottom:.5rem;font-variant-numeric:tabular-nums}.clock-date{font-size:1rem;font-weight:700;color:#666;margin-bottom:.5rem}.clock-offset{font-size:.9rem;font-weight:700;color:#999}.add-city-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:2px dashed white;border-radius:16px;padding:2rem;font-size:1.5rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;min-height:200px;display:flex;align-items:center;justify-content:center}.add-city-button:hover{transform:translateY(-4px);box-shadow:0 8px 12px #00000026}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 25px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #f0f0f0}.modal-header h2{margin:0;font-weight:700;color:#333}.modal-close{background:#f44336;color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.modal-close:hover{background-color:#d32f2f}.search-input{margin:1.5rem;padding:1rem;border:2px solid #667eea;border-radius:8px;font-size:1rem;font-weight:700;outline:none}.search-input:focus{border-color:#764ba2;box-shadow:0 0 0 3px #667eea1a}.city-list{overflow-y:auto;padding:0 1.5rem 1.5rem;flex:1}.city-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem;margin-bottom:.5rem;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;font-size:1rem;font-weight:700;transition:all .2s;text-align:left}.city-item:hover{background:#f5f5f5;border-color:#667eea}.city-item.selected{background:#e8eaf6;border-color:#667eea}.city-offset{color:#999;font-size:.9rem}@media (max-width: 768px){.world-clock-container{padding:1rem}.clocks-grid{grid-template-columns:1fr}.world-clock-title,.clock-time{font-size:2rem}}@media (min-width: 769px) and (max-width: 1024px){.clocks-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){.clocks-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1400px){.clocks-grid{grid-template-columns:repeat(4,1fr)}}.dark .world-clock-container{background:linear-gradient(135deg,#1a1a2e,#16213e)}.dark .clock-card{background:#2d2d44;box-shadow:0 4px 6px #0000004d,0 1px 3px #0003}.dark .clock-card:hover{box-shadow:0 8px 12px #0006,0 2px 4px #0000004d}.dark .city-name{color:#fff}.dark .clock-time{color:#818cf8}.dark .clock-date{color:#b0b0b0}.dark .clock-offset{color:#888}.dark .modal-content{background:#2d2d44}.dark .modal-header{border-bottom-color:#444}.dark .modal-header h2{color:#fff}.dark .search-input{background:#1e1e1e;border-color:#444;color:#e5e5e5}.dark .search-input::placeholder{color:#888}.dark .city-item{background:#3a3a52;border-color:#444;color:#fff}.dark .city-item:hover{background:#4a4a62;border-color:#818cf8}.dark .city-item.selected{background:#2a2a3e;border-color:#818cf8}.scientific-calculator-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.calculator-header{text-align:center;margin-bottom:30px;color:#fff}.breadcrumb-home-link:hover{background:#1e40af!important;color:#fff!important;transform:translateY(-2px)}.breadcrumb span{color:#fff;font-weight:700;margin:0 5px}.calculator-header h1{font-size:2.5rem;margin:10px 0;font-weight:700;display:flex;align-items:center;justify-content:center}.calculator-header p{font-size:20px;opacity:.95;font-weight:700}.calculator-content{display:flex;gap:20px;max-width:1400px;margin:0 auto;flex-wrap:wrap;justify-content:center}.calculator-main{flex:0 0 auto;width:fit-content}.calculator-body{background:#fff;border-radius:20px;padding:25px;box-shadow:0 10px 40px #0003;width:fit-content}.angle-mode-toggle{display:flex;gap:10px;margin-bottom:15px;justify-content:flex-end}.angle-btn{padding:10px 20px;border:2px solid #e0e0e0;background:#fff;border-radius:8px;cursor:pointer;font-weight:700;font-size:14px;color:#757575;transition:all .2s}.angle-btn.active{background:#2196f3;color:#fff;border-color:#2196f3}.angle-btn:hover{border-color:#2196f3;transform:scale(1.05)}.tabs{display:flex;gap:5px;margin-bottom:20px;border-bottom:2px solid #e5e7eb}.tab-btn{flex:1;padding:12px 20px;border:none;background:transparent;cursor:pointer;font-weight:700;font-size:16px;color:#64748b;transition:all .2s;border-bottom:3px solid transparent;margin-bottom:-2px}.tab-btn:hover{color:#3b82f6}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6}.calculator-display{background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;padding:20px;margin-bottom:20px;min-height:120px}.input-display{width:100%;border:none;background:transparent;font-size:32px;font-weight:700;color:#1e293b;outline:none;margin-bottom:10px}.input-display::placeholder{color:#bdbdbd}.result-display{font-size:28px;color:#2196f3;font-weight:700;text-align:right;min-height:35px}.basic-layout{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.left-functions,.right-numpad{display:grid;grid-template-columns:repeat(4,70px);gap:8px;width:fit-content}.functions-grid{display:grid;grid-template-columns:repeat(6,70px);gap:8px;width:fit-content;margin:0 auto}.variables-grid{display:grid;grid-template-columns:repeat(10,60px);gap:6px;width:fit-content;margin:0 auto}.btn{min-width:70px;max-width:70px;min-height:60px;max-height:60px;width:70px;height:60px;padding:0;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:700;font-size:20px;background:#fff;color:#1e293b;box-sizing:border-box;flex-shrink:0;display:flex;align-items:center;justify-content:center}.btn:hover:not(.btn-empty){transform:scale(1.05);box-shadow:0 4px 8px #0000001a}.btn:active:not(.btn-empty){transform:scale(.98)}.btn-number{background:#f5f5f5;color:#212121;border-color:#bdbdbd}.btn-number:hover{background:#eee}.btn-operator{background:#e3f2fd;color:#1976d2;border-color:#90caf9}.btn-operator:hover{background:#bbdefb}.btn-function{background:#f3e5f5;color:#7b1fa2;border-color:#ce93d8;font-size:18px}.btn-function:hover{background:#e1bee7}.btn-constant{background:#e8f5e9;color:#388e3c;border-color:#a5d6a7}.btn-constant:hover{background:#c8e6c9}.btn-clear{background:#ffebee;color:#c62828;border-color:#ef9a9a}.btn-clear:hover{background:#ffcdd2}.btn-delete{background:#fff3e0;color:#e65100;border-color:#ffcc80}.btn-delete:hover{background:#ffe0b2}.btn-parenthesis{background:#fff;color:#616161;border-color:#e0e0e0}.btn-parenthesis:hover{background:#f5f5f5}.btn-equals{background:#2196f3;color:#fff;border-color:#2196f3;font-size:24px}.btn-equals:hover{background:#1976d2}.btn-var{background:#fafafa;color:#424242;border-color:#e0e0e0;font-size:18px;min-width:60px;max-width:60px;width:60px;min-height:60px;max-height:60px;height:60px}.btn-var:hover{background:#f0f0f0}.btn-empty{background:transparent;border:none;cursor:default;visibility:hidden}.btn-empty:hover{transform:none;box-shadow:none}.history-panel{flex:0 0 350px;background:#fff;border-radius:20px;padding:20px;box-shadow:0 10px 40px #0003;max-height:800px;display:flex;flex-direction:column}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #e5e7eb}.history-header h3{margin:0;font-size:24px;font-weight:700;color:#1e293b}.clear-history-btn{padding:8px 16px;background:#ef4444;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s}.clear-history-btn:hover{background:#dc2626;transform:scale(1.05)}.history-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.history-list::-webkit-scrollbar{width:8px}.history-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.history-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.history-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.history-empty{text-align:center;color:#94a3b8;padding:40px 20px;font-size:16px;font-weight:700}.history-item{background:#f8f9fa;padding:12px 15px;border-radius:10px;cursor:pointer;transition:all .2s;border:2px solid transparent}.history-item:hover{background:#e9ecef;border-color:#3b82f6;transform:translate(5px)}.history-expression{font-size:14px;color:#64748b;margin-bottom:5px;word-wrap:break-word;font-weight:700}.history-result{font-size:18px;color:#1e293b;font-weight:700;word-wrap:break-word}@media (max-width: 1200px){.calculator-content{flex-direction:column}.history-panel{max-height:400px}}@media (max-width: 768px){.calculator-header h1{font-size:32px;flex-direction:column}.calculator-header h1 img{margin-right:0!important;margin-bottom:10px}.calculator-header p{font-size:16px}.input-display{font-size:24px}.result-display{font-size:20px}.left-functions,.right-numpad{grid-template-columns:repeat(4,65px)}.btn{min-width:65px;max-width:65px;width:65px;font-size:18px}.functions-grid{grid-template-columns:repeat(6,65px)}.variables-grid{grid-template-columns:repeat(10,55px)}.btn-var{min-width:55px;max-width:55px;width:55px;font-size:16px}}@media (max-width: 600px){.scientific-calculator-container{padding:10px}.calculator-body{padding:15px}.basic-layout{flex-direction:column;align-items:center}.left-functions,.right-numpad{grid-template-columns:repeat(4,60px);gap:6px}.btn{min-width:60px;max-width:60px;width:60px;min-height:55px;max-height:55px;height:55px;font-size:16px}.functions-grid{grid-template-columns:repeat(6,60px);gap:6px}.variables-grid{grid-template-columns:repeat(10,50px);gap:4px}.btn-var{min-width:50px;max-width:50px;width:50px;min-height:50px;max-height:50px;height:50px;font-size:14px}.input-display{font-size:20px}.result-display{font-size:18px}.calculator-header h1{font-size:24px}.calculator-header h1 img{width:48px!important;height:48px!important}.tab-btn{padding:10px 12px;font-size:14px}}@media (max-width: 500px){.variables-grid{grid-template-columns:repeat(5,1fr);gap:4px}.btn-var{min-width:100%;max-width:100%;width:100%}}.dark .scientific-calculator-container{background:linear-gradient(135deg,#1a1a2e,#16213e)}.dark .calculator-body{background:#2d2d44;box-shadow:0 10px 40px #00000080}.dark .calculator-display{background:#1e1e1e;border-color:#444}.dark .input-display{color:#e5e5e5}.dark .input-display::placeholder{color:#666}.dark .result-display{color:#818cf8}.dark .tab-btn{color:#b0b0b0}.dark .tab-btn:hover{color:#818cf8}.dark .tab-btn.active{color:#818cf8;border-bottom-color:#818cf8}.dark .angle-btn{background:#3a3a52;border-color:#444;color:#b0b0b0}.dark .angle-btn.active{background:#818cf8;color:#fff;border-color:#818cf8}.dark .angle-btn:hover{border-color:#818cf8}.dark .btn{background:#3a3a52;color:#fff;border-color:#444}.dark .btn:hover:not(.btn-empty){background:#4a4a62}.dark .btn-number{background:#2a2a3e;color:#fff;border-color:#444}.dark .btn-number:hover{background:#3a3a52}.dark .btn-operator{background:#1e3a5f;color:#60a5fa;border-color:#2563eb}.dark .btn-operator:hover{background:#2a4a6f}.dark .btn-function{background:#4a2a5f;color:#c084fc;border-color:#9333ea}.dark .btn-function:hover{background:#5a3a6f}.dark .btn-constant{background:#1e4a2a;color:#4ade80;border-color:#22c55e}.dark .btn-constant:hover{background:#2a5a3a}.dark .btn-clear{background:#4a1e1e;color:#f87171;border-color:#dc2626}.dark .btn-clear:hover{background:#5a2a2a}.dark .btn-delete{background:#4a3a1e;color:#fb923c;border-color:#ea580c}.dark .btn-delete:hover{background:#5a4a2a}.dark .btn-parenthesis{background:#3a3a52;color:#b0b0b0;border-color:#444}.dark .btn-parenthesis:hover{background:#4a4a62}.dark .btn-var{background:#2a2a3e;color:#b0b0b0;border-color:#444}.dark .btn-var:hover{background:#3a3a52}.dark .history-panel{background:#2d2d44;box-shadow:0 10px 40px #00000080}.dark .history-header{border-bottom-color:#444}.dark .history-header h3{color:#fff}.dark .history-list::-webkit-scrollbar-track{background:#3a3a52}.dark .history-list::-webkit-scrollbar-thumb{background:#555}.dark .history-list::-webkit-scrollbar-thumb:hover{background:#666}.dark .history-empty{color:#666}.dark .history-item{background:#3a3a52;border-color:#444}.dark .history-item:hover{background:#4a4a62;border-color:#818cf8}.dark .history-expression{color:#b0b0b0}.dark .history-result{color:#fff}.background-remover-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:48px 16px}.background-remover-header{text-align:center;margin-bottom:32px;padding-left:16px;padding-right:16px;position:relative}.background-remover-header-controls{position:absolute;top:0;right:0}.background-remover-breadcrumb{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;font-size:18px}.background-remover-breadcrumb .breadcrumb-home-link{font-size:18px;background:#fff;color:#6366f1}.background-remover-breadcrumb .breadcrumb-home-link:hover{background:#1e40af!important;color:#fff!important}.dark .background-remover-breadcrumb .breadcrumb-home-link{background:#fff;color:#6366f1}.dark .background-remover-breadcrumb .breadcrumb-home-link:hover{background:#1e40af!important;color:#fff!important}.background-remover-breadcrumb span{color:#fff;font-weight:700}.dark .background-remover-breadcrumb span{color:#fff!important;font-weight:700!important;opacity:1!important}.background-remover-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:8px}.background-remover-subtitle{font-size:16px;font-weight:700;color:#fff}.background-remover-content{max-width:1200px;margin:0 auto}.background-remover-card{background:#fff;border-radius:24px;padding:40px;box-shadow:0 10px 40px #0003;min-height:400px}.background-remover-error{background:#ffebee;color:#c62828;padding:16px;border-radius:12px;margin-bottom:20px;font-weight:700;text-align:center;border:2px solid #ef5350}.background-remover-upload-area{border:3px dashed #2196F3;border-radius:16px;padding:60px 20px;text-align:center;cursor:pointer;background:#f5f5f5;transition:all .3s}.background-remover-upload-area:hover{background:#e3f2fd;border-color:#1976d2}.background-remover-upload-icon{font-size:80px;margin-bottom:20px}.background-remover-upload-title{font-weight:700;margin-bottom:10px;font-size:28px;color:#333}.background-remover-upload-text{font-weight:700;color:#666;font-size:18px;margin-bottom:10px}.background-remover-upload-hint{font-weight:700;color:#999;font-size:16px;margin-top:10px}.background-remover-processing{text-align:center;padding:60px 20px}.background-remover-spinner{width:80px;height:80px;border:8px solid #f3f3f3;border-top:8px solid #2196F3;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 30px}.background-remover-processing-title{font-size:24px;font-weight:700;color:#333;margin-bottom:10px}.background-remover-processing-text{font-size:16px;font-weight:700;color:#666}.background-remover-results-title{font-size:32px;font-weight:700;color:#333;margin-bottom:30px;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px}.background-remover-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.background-remover-comparison-label{font-size:20px;font-weight:700;color:#333;margin-bottom:10px;text-align:center}.background-remover-comparison-original{border:2px solid #e0e0e0;border-radius:12px;padding:10px;background:#fff;text-align:center}.background-remover-comparison-processed{border:2px solid #4CAF50;border-radius:12px;padding:10px;background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 25%),linear-gradient(-45deg,#e0e0e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e0e0 75%),linear-gradient(-45deg,transparent 75%,#e0e0e0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;text-align:center}.background-remover-comparison-img{max-width:100%;max-height:400px;border-radius:8px}.background-remover-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.background-remover-download-btn{background:#4caf50;color:#fff;padding:20px 40px;font-size:20px;font-weight:700;border-radius:12px;cursor:pointer;border:none;box-shadow:0 4px 6px #0000001a;transition:all .3s}.background-remover-download-btn:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.background-remover-reset-btn{background:#757575;color:#fff;padding:20px 40px;font-size:18px;font-weight:700;border-radius:12px;cursor:pointer;border:none;box-shadow:0 4px 6px #0000001a;transition:all .3s}.background-remover-reset-btn:hover{background:#616161;transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.background-remover-features{margin-top:3rem;padding:2rem;background:#f9fafb;border-top:2px solid #e5e7eb}.background-remover-features-title{font-size:1.75rem;font-weight:700;color:#333;text-align:center;margin-bottom:2rem}.background-remover-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto}.background-remover-feature-card{padding:1.5rem;background:#fff;border-radius:12px;border:2px solid #e5e7eb;transition:all .3s}.background-remover-feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a;border-color:#667eea}.background-remover-feature-icon{font-size:2.5rem;margin-bottom:.75rem}.background-remover-feature-title{font-size:1.125rem;font-weight:700;color:#333;margin-bottom:.5rem}.background-remover-feature-desc{font-size:.95rem;color:#666;line-height:1.6;margin:0}.dark .background-remover-container{background:linear-gradient(135deg,#1a1a2e,#16213e)}.dark .background-remover-title{color:#fff}.dark .background-remover-subtitle{color:#b0b0b0}.dark .background-remover-card{background:#2d2d44}.dark .background-remover-error{background:#4a1f1f;color:#ff6b6b;border-color:#8b3a3a}.dark .background-remover-upload-area{background:#1e1e1e;border-color:#4a90e2}.dark .background-remover-upload-area:hover{background:#2a2a3e;border-color:#5ea3ff}.dark .background-remover-upload-title{color:#fff}.dark .background-remover-upload-text{color:#b0b0b0}.dark .background-remover-upload-hint{color:gray}.dark .background-remover-processing-title{color:#fff}.dark .background-remover-processing-text{color:#b0b0b0}.dark .background-remover-results-title,.dark .background-remover-comparison-label{color:#fff}.dark .background-remover-comparison-original{background:#1e1e1e;border-color:#444}.dark .background-remover-comparison-processed{border-color:#4caf50}.dark .background-remover-features{background:#1e1e1e;border-top-color:#444}.dark .background-remover-features-title{color:#fff}.dark .background-remover-feature-card{background:#2d2d44;border-color:#444}.dark .background-remover-feature-card:hover{border-color:#818cf8;box-shadow:0 8px 20px #818cf84d}.dark .background-remover-feature-title{color:#fff}.dark .background-remover-feature-desc{color:#b0b0b0}.color-extractor-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.color-extractor-header{text-align:center;color:#fff;margin-bottom:2rem}.color-extractor-header h1{font-size:2.5rem;font-weight:700;margin:.5rem 0}.color-extractor-header p{font-size:1.1rem;opacity:.9;font-weight:700}.color-extractor-content{max-width:1200px;margin:0 auto;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 30px #0003;min-height:400px}.upload-area{border:3px dashed #667eea;border-radius:12px;padding:4rem 2rem;text-align:center;cursor:pointer;transition:all .3s;background:#f9fafb}.upload-hint{font-size:.9rem;color:#999;font-weight:700}.result-container{display:grid;grid-template-columns:1fr 2fr;gap:2rem}.image-preview{display:flex;flex-direction:column;gap:1rem}.image-preview img{width:100%;border-radius:12px;box-shadow:0 4px 12px #0000001a}.reset-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #ef44444d}.reset-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #ef444480}.extracting-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.spinner{width:50px;height:50px;border:5px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.extracting-message p{font-size:1.125rem;color:#666;font-weight:700}.colors-grid h2{font-size:1.5rem;color:#333;margin-bottom:1.5rem;font-weight:700}.palette{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.color-card{background:#f9fafb;border-radius:8px;padding:1rem;border:2px solid #e5e7eb;transition:all .3s}.color-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#667eea}.color-preview{width:100%;height:80px;border-radius:8px;margin-bottom:.75rem;box-shadow:0 2px 8px #0000001a}.color-info{display:flex;flex-direction:column;gap:.5rem}.color-code-row{display:flex;align-items:center;gap:.5rem}.color-label{font-size:.9rem;font-weight:700;color:#666;min-width:45px}.color-code{flex:1;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;color:#333}.copy-btn-small{padding:.25rem .5rem;background:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s;font-weight:700;min-width:30px}.copy-btn-small:hover{background:#2563eb;transform:scale(1.1)}@media (max-width: 1024px){.result-container{grid-template-columns:1fr}.palette{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.color-extractor-container{padding:1rem}.color-extractor-header h1{font-size:2rem}.color-extractor-content{padding:1.5rem}.upload-area{padding:3rem 1rem}.palette{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.palette{grid-template-columns:1fr}.color-code-row{flex-wrap:wrap}}.features-section{margin-top:3rem;padding:2rem;background:#f9fafb;border-top:2px solid #e5e7eb}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto}@media (max-width: 640px){.features-grid{grid-template-columns:1fr}}.dark .color-extractor-container{background:linear-gradient(135deg,#1a1a2e,#16213e)}.dark .color-extractor-content{background:#2d2d44;box-shadow:0 10px 30px #00000080}.dark .color-card{background:#3a3a52;border-color:#444}.dark .color-card:hover{border-color:#818cf8}.dark .color-label{color:#b0b0b0}.dark .color-value{color:#fff}.dark .color-code-row button{background:#2a2a3e;color:#e5e5e5;border-color:#444}.dark .color-code-row button:hover{background:#3a3a52;border-color:#818cf8}.dark .features-section{background:#1e1e1e;border-top-color:#444}.audio-converter-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.audio-converter-header{text-align:center;color:#fff;margin-bottom:2rem}.breadcrumb{font-size:18px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.audio-converter-header h1{font-size:2.5rem;font-weight:700;margin:.5rem 0}.audio-converter-header p{font-size:1.1rem;opacity:.9;font-weight:700}.audio-converter-content{max-width:900px;margin:0 auto;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 30px #0003;min-height:400px}.loading-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.spinner{width:60px;height:60px;border:6px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-message p{font-size:1.125rem;color:#333;font-weight:700;margin:.5rem 0}.loading-hint{font-size:.9rem!important;color:#666!important}.upload-area{border:3px dashed #667eea;border-radius:12px;padding:4rem 2rem;text-align:center;cursor:pointer;transition:all .3s;background:#f9fafb;margin-bottom:2rem}.upload-area:hover{background:#f0f4ff;border-color:#5568d3;transform:scale(1.02)}.upload-area h2{font-size:1.5rem;color:#333;margin-bottom:.5rem;font-weight:700}.upload-area p{font-size:1rem;color:#666;margin-bottom:.5rem;font-weight:700}.upload-hint{font-size:.9rem!important;color:#999!important}.converter-panel{display:flex;flex-direction:column;gap:1.5rem}.file-info{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f9fafb;border-radius:12px;border:2px solid #e5e7eb}.file-icon{font-size:2.5rem}.file-details{flex:1}.file-details h3{font-size:1.125rem;font-weight:700;color:#333;margin:0 0 .25rem;word-break:break-all}.file-details p{font-size:.9rem;color:#666;font-weight:700;margin:0}.remove-btn{padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:1.25rem;cursor:pointer;transition:all .3s;font-weight:700}.remove-btn:hover{background:#dc2626;transform:scale(1.1)}.conversion-options{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:#f9fafb;border-radius:12px}.option-group{display:flex;flex-direction:column;gap:.75rem}.option-group label{font-size:1.125rem;font-weight:700;color:#333}.quality-value{color:#667eea}.format-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.format-btn{flex:1;min-width:80px;padding:.75rem 1.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-weight:700;color:#666;cursor:pointer;transition:all .3s}.format-btn:hover{border-color:#667eea;color:#667eea}.format-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.quality-slider{width:100%;height:8px;border-radius:4px;background:#e5e7eb;outline:none;-webkit-appearance:none;accent-color:#667eea}.quality-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#667eea;cursor:pointer;transition:all .3s}.quality-slider::-webkit-slider-thumb:hover{background:#5568d3;transform:scale(1.2)}.quality-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#667eea;cursor:pointer;border:none;transition:all .3s}.quality-slider::-moz-range-thumb:hover{background:#5568d3;transform:scale(1.2)}.quality-labels{display:flex;justify-content:space-between;font-size:.85rem;color:#666;font-weight:700}.convert-btn,.download-btn{width:100%;padding:1.25rem;border:none;border-radius:8px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem}.convert-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.convert-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}.convert-btn:disabled{opacity:.7;cursor:not-allowed}.download-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.download-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.btn-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.error-message{padding:1rem;background:#fee2e2;border:2px solid #ef4444;border-radius:8px;color:#dc2626;font-weight:700;text-align:center}.features-section{margin-top:3rem;padding-top:3rem;border-top:2px solid #e5e7eb}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.feature-card{padding:1.5rem;background:#f9fafb;border-radius:12px;border:2px solid #e5e7eb;transition:all .3s}.feature-card p{font-size:.95rem;color:#666;line-height:1.6;font-weight:700;margin:0}@media (max-width: 768px){.audio-converter-container{padding:1rem}.audio-converter-header h1{font-size:2rem}.audio-converter-content{padding:1.5rem}.upload-area{padding:3rem 1rem}.format-buttons{flex-direction:column}.format-btn{width:100%}.features-grid{grid-template-columns:1fr}}.dark .audio-converter-container{background:linear-gradient(135deg,#1a1a2e,#16213e)}.dark .audio-converter-content{background:#2d2d44;box-shadow:0 10px 30px #00000080}.dark .upload-area{background:#3a3a52;border-color:#818cf8}.dark .upload-area:hover{background:#4a4a62;border-color:#6366f1}.dark .file-info{background:#3a3a52;border-color:#444}.dark .file-details{color:#e5e5e5}.dark .format-btn{background:#3a3a52;border-color:#444;color:#e5e5e5}.dark .format-btn:hover{background:#4a4a62;border-color:#818cf8}.dark .format-btn.selected{background:#818cf8;border-color:#6366f1;color:#fff}.dark .error-message{background:#4a1e1e;border-color:#dc2626;color:#f87171}.dark .features-section{border-top-color:#444}.dark .feature-card{background:#2a2a3e;border-color:#444}.dark .loading-message p{color:#fff}.dark .loading-hint{color:#b0b0b0!important}.dark .upload-area h2{color:#fff}.dark .upload-area p{color:#e5e5e5}.dark .conversion-options{background:#3a3a52}.dark .option-group label{color:#fff}.dark .quality-labels{color:#b0b0b0}.video-converter-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.video-converter-header{text-align:center;color:#fff;margin-bottom:2rem;padding:0 20px}.header-top{display:flex;justify-content:center;align-items:center;margin-bottom:1rem;max-width:100%;margin-left:auto;margin-right:auto;position:relative;padding:0 2rem}.breadcrumb{font-size:18px;display:flex;align-items:center;gap:.5rem}.header-top>:last-child{position:absolute;right:0}.breadcrumb-home-link{font-size:18px}.breadcrumb span{color:#fff;font-weight:700}.video-converter-header h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700;color:#fff;margin:.5rem 0}.video-converter-header p{font-size:1.1rem;color:#fff;opacity:.9;font-weight:700}.video-converter-content{max-width:900px;margin:0 auto;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 30px #0003;min-height:400px}.loading-ffmpeg{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-zone{border:3px dashed #667eea;border-radius:12px;padding:4rem 2rem;text-align:center;cursor:pointer;transition:all .3s;background:#f9fafb}.upload-zone:hover{background:#f0f4ff;border-color:#5568d3;transform:scale(1.02)}.upload-icon{font-size:4rem;margin-bottom:1rem}.upload-zone h3{font-size:1.5rem;color:#333;margin-bottom:.5rem;font-weight:700}.upload-zone p{color:#666;font-size:1rem;font-weight:700}.supported-formats{margin-top:1rem;font-size:.9rem;color:#999;font-weight:700}.file-info,.converted-file-info{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;margin-bottom:2rem}.file-icon{font-size:3rem}.file-details h3{font-size:1.2rem;color:#333;margin-bottom:.25rem}.file-details p{color:#666;font-size:.9rem;margin:0}.size-comparison{color:#667eea!important;font-weight:600;margin-top:.5rem!important}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.setting-group{display:flex;flex-direction:column;gap:.5rem}.setting-group label{font-weight:600;color:#333;font-size:.9rem}.setting-group select{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer;transition:all .3s}.setting-group select:focus{outline:none;border-color:#667eea}.setting-group select:hover{border-color:#667eea}.progress-container{margin:2rem 0}.progress-bar{width:100%;height:24px;background:#e0e0e0;border-radius:12px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.progress-text{text-align:center;color:#666;font-weight:600}.button-group{display:flex;gap:1rem}.convert-btn,.download-btn{flex:1;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.convert-btn:hover,.download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.convert-btn:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.reset-btn{padding:1rem 2rem;background:#fff;color:#666;border:2px solid #e0e0e0;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}.reset-btn:hover{border-color:#667eea;color:#667eea}.success-message{text-align:center;margin-bottom:2rem}.success-icon{font-size:4rem;margin-bottom:1rem}.success-message h2{color:#333;font-size:1.8rem}.features-section{margin-top:2rem;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003}.features-section h2{font-size:1.75rem;font-weight:700;color:#333;text-align:center;margin-bottom:2rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{padding:1.5rem;background:#fff;border-radius:12px;border:2px solid #e5e7eb;transition:all .3s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a;border-color:#667eea}.feature-icon{font-size:2.5rem;margin-bottom:.75rem}.feature-card h3{font-size:1.125rem;font-weight:700;color:#333;margin-bottom:.5rem}.feature-card p{font-size:.95rem;color:#666;line-height:1.6;margin:0}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.settings-grid{grid-template-columns:1fr}.button-group{flex-direction:column}.video-converter-header h1{font-size:2rem}}.dark .video-converter-container{background:linear-gradient(135deg,#1a1a2e,#16213e)}.dark .video-converter-content{background:#2d2d44;box-shadow:0 10px 30px #00000080}.dark .conversion-panel,.dark .result-panel{background:#3a3a52}.dark .section-title{color:#fff}.dark .upload-zone{background:#2a2a3e;border-color:#818cf8}.dark .upload-zone:hover{background:#3a3a52;border-color:#6366f1}.dark .upload-icon{color:#818cf8}.dark .upload-text{color:#e5e5e5}.dark .upload-hint{color:#b0b0b0}.dark .file-info{background:#2a2a3e;border-color:#444}.dark .file-name{color:#fff}.dark .file-size{color:#b0b0b0}.dark .settings-grid label{color:#e5e5e5}.dark .quality-value{color:#818cf8}.dark .progress-bar{background:#2a2a3e}.dark .features-section{background:#2d2d44;box-shadow:0 10px 30px #00000080}.dark .features-section h2{color:#fff}.dark .feature-card{background:#3a3a52;border-color:#444}.dark .feature-card:hover{box-shadow:0 8px 20px #818cf84d;border-color:#818cf8}.dark .feature-card h3{color:#fff}.dark .feature-card p{color:#b0b0b0}.dark .loading-ffmpeg p,.dark .upload-zone h3{color:#fff}.dark .upload-zone p{color:#e5e5e5}.dark .supported-formats{color:#b0b0b0}.dark .file-info,.dark .converted-file-info{background:#3a3a52}.dark .file-details h3{color:#fff}.dark .file-details p{color:#b0b0b0}.dark .setting-group label{color:#fff}.dark .setting-group select{background:#3a3a52;border-color:#444;color:#e5e5e5}.dark .setting-group select:hover,.dark .setting-group select:focus{border-color:#818cf8}.dark .progress-text{color:#e5e5e5}.dark .success-message h2{color:#fff}.dark .reset-btn{background:#3a3a52;border-color:#444;color:#e5e5e5}.dark .reset-btn:hover{border-color:#818cf8;color:#818cf8}.dark .breadcrumb-home-link{background:#fff;color:#6366f1}.dark .breadcrumb-home-link:hover{background:#1e40af!important;color:#fff!important}@media (max-width: 640px){.features-grid{grid-template-columns:1fr}.video-converter-content{padding:10px}.conversion-panel,.result-panel{padding:1.5rem}.upload-zone{padding:3rem 1rem}.video-converter-header h1{font-size:2rem}}.legal-page-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.legal-header{text-align:center;color:#fff;margin-bottom:3rem}.breadcrumb{font-size:18px;margin-bottom:1rem}.breadcrumb-home-link{background:#fff;color:#6366f1;padding:8px 16px;border-radius:8px;text-decoration:underline;font-weight:700;font-size:18px;transition:all .3s}.breadcrumb-home-link:hover{opacity:.8;transform:translateY(-2px)}.legal-header h1{font-size:2.5rem;margin:1rem 0;font-weight:700}.legal-header .tagline,.legal-header .last-updated{font-size:1rem;opacity:.9}.legal-content{max-width:900px;margin:0 auto;background:#fff;border-radius:20px;padding:3rem;box-shadow:0 10px 40px #0000001a}.legal-content section{margin-bottom:2.5rem}.legal-content h2{color:#667eea;font-size:1.8rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #f0f0f0}.legal-content h3{color:#764ba2;font-size:1.3rem;margin:1.5rem 0 .8rem}.legal-content p{line-height:1.8;color:#333;margin-bottom:1rem}.legal-content ul{margin-left:1.5rem;margin-bottom:1rem}.legal-content li{margin-bottom:.5rem;line-height:1.6;color:#555}.legal-content a{color:#667eea;text-decoration:none;font-weight:500}.legal-content a:hover{text-decoration:underline}.legal-content strong{color:#222;font-weight:600}.legal-footer{background:#f8f9fa;padding:1.5rem;border-radius:10px;margin-top:3rem;text-align:center}.legal-footer p{margin:0;color:#666;font-size:.95rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:2rem 0}.tool-category{background:#f8f9fa;padding:1.5rem;border-radius:10px;border-left:4px solid #667eea}.tool-category h3{color:#667eea;margin-top:0}.tool-category ul{margin-left:1rem}.features-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.feature-item{background:#f8f9fa;padding:1.5rem;border-radius:10px;transition:transform .3s,box-shadow .3s}.feature-item:hover{transform:translateY(-5px);box-shadow:0 5px 20px #667eea33}.feature-item h3{color:#667eea;margin-top:0;font-size:1.2rem}.feature-item p{margin:0;font-size:.95rem}.values-list p{background:#f8f9fa;padding:1rem;border-radius:8px;margin-bottom:.8rem;border-left:3px solid #667eea}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:2rem 0}.contact-method{text-align:center;padding:2rem;background:#f8f9fa;border-radius:10px;transition:transform .3s}.contact-method:hover{transform:translateY(-5px)}.contact-icon{font-size:3rem;margin-bottom:1rem}.contact-method h3{color:#667eea;margin:1rem 0 .5rem}.contact-description{font-size:.9rem;color:#666}.contact-form-section{background:#f8f9fa;padding:2rem;border-radius:15px;margin:2rem 0}.contact-form{max-width:600px;margin:0 auto}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.8rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group textarea{resize:vertical;min-height:150px}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .3s,box-shadow .3s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.success-message{background:#d4edda;color:#155724;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center;border:1px solid #c3e6cb}.faq-item{background:#f8f9fa;padding:1.5rem;border-radius:10px;margin-bottom:1.5rem;border-left:4px solid #667eea}.faq-item h3{color:#667eea;margin-top:0;margin-bottom:.8rem}.faq-item p{margin-bottom:.5rem}.faq-item ul{margin-top:.5rem}@media (max-width: 768px){.legal-page-container{padding:1rem}.legal-content{padding:2rem 1.5rem}.legal-header h1{font-size:2rem}.legal-content h2{font-size:1.5rem}.tools-grid,.features-list,.contact-methods{grid-template-columns:1fr;gap:1rem}}@media (max-width: 480px){.legal-header h1{font-size:1.8rem}.legal-content{padding:1.5rem 1rem}.legal-content h2{font-size:1.3rem}.legal-content h3{font-size:1.1rem}}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -4px 20px #0000001a;z-index:10000;padding:1.5rem;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-consent-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.cookie-consent-text{display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:300px}.cookie-icon{font-size:2rem;flex-shrink:0}.cookie-consent-text div{flex:1}.cookie-consent-text strong{display:block;font-size:1.1rem;margin-bottom:.5rem;color:#333}.cookie-consent-text p{margin:0;font-size:.95rem;color:#666;line-height:1.5}.cookie-link{color:#6366f1;text-decoration:none;font-weight:500}.cookie-link:hover{text-decoration:underline}.cookie-consent-buttons{display:flex;gap:1rem;flex-shrink:0}.cookie-btn{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.cookie-btn-decline{background:#f3f4f6;color:#6b7280}.cookie-btn-decline:hover{background:#e5e7eb;color:#4b5563}.cookie-btn-accept{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cookie-btn-accept:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media (prefers-color-scheme: dark){.cookie-consent-banner{background:#1e1e1efa;border-top:1px solid rgba(255,255,255,.1)}.cookie-consent-text strong{color:#f3f4f6}.cookie-consent-text p{color:#d1d5db}.cookie-btn-decline{background:#374151;color:#d1d5db}.cookie-btn-decline:hover{background:#4b5563;color:#f3f4f6}}@media (max-width: 768px){.cookie-consent-banner{padding:1.25rem}.cookie-consent-content{flex-direction:column;gap:1.5rem;align-items:stretch}.cookie-consent-text{min-width:unset}.cookie-consent-buttons{width:100%;flex-direction:column}.cookie-btn{width:100%;padding:.875rem 1.5rem}.cookie-icon{font-size:1.5rem}.cookie-consent-text strong{font-size:1rem}.cookie-consent-text p{font-size:.9rem}}@media (max-width: 480px){.cookie-consent-text{flex-direction:column;gap:.75rem}.cookie-icon{align-self:center}}