*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}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-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.z-10{z-index:10}.col-span-1{grid-column:span 1/span 1}.mx-auto{margin-left:auto;margin-right:auto}.my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-\[1\.2em\]{min-height:1.2em}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.w-screen{width:100vw}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*calc(1 - var(--tw-space-x-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem*var(--tw-space-x-reverse));margin-left:calc(1.5rem*calc(1 - var(--tw-space-x-reverse)))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem*var(--tw-space-x-reverse));margin-left:calc(2rem*calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-orange-200{--tw-border-opacity:1;border-color:rgb(254 215 170/var(--tw-border-opacity,1))}.border-purple-200{--tw-border-opacity:1;border-color:rgb(233 213 255/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-yellow-200{--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.border-t-blue-500{--tw-border-opacity:1;border-top-color:rgb(59 130 246/var(--tw-border-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-500\/95{background-color:#3b82f6f2}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-orange-600{--tw-bg-opacity:1;background-color:rgb(234 88 12/var(--tw-bg-opacity,1))}.bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-transparent{background-color:#0000}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-400{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:#60a5fa00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-50{--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:#eff6ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-50{--tw-gradient-from:#fff7ed var(--tw-gradient-from-position);--tw-gradient-to:#fff7ed00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-50{--tw-gradient-from:#faf5ff var(--tw-gradient-from-position);--tw-gradient-to:#faf5ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-indigo-100{--tw-gradient-to:#e0e7ff var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to:#a855f7 var(--tw-gradient-to-position)}.to-yellow-100{--tw-gradient-to:#fef9c3 var(--tw-gradient-to-position)}.bg-contain{background-size:contain}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.object-cover{-o-object-fit:cover;object-fit:cover}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-80{padding-top:20rem;padding-bottom:20rem}.pb-3{padding-bottom:.75rem}.pt-2{padding-top:.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.tracking-wider{letter-spacing:.05em}.text-blue-100{--tw-text-opacity:1;color:rgb(219 234 254/var(--tw-text-opacity,1))}.text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-orange-800{--tw-text-opacity:1;color:rgb(154 52 18/var(--tw-text-opacity,1))}.text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-purple-800{--tw-text-opacity:1;color:rgb(107 33 168/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-property:box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;color:var(--foreground);background:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5;overflow-x:hidden}a{color:inherit;font-weight:500;text-decoration:none}a:hover{color:#3b82f6}button{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#3b82f6}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){button{color:#213547;background-color:#f9f9f9}}.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-orange-700:hover{--tw-bg-opacity:1;background-color:rgb(194 65 12/var(--tw-bg-opacity,1))}.hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:text-blue-600:focus{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}@media (min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:mt-0{margin-top:0}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:p-12{padding:3rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}
.app-grid{--icon-nav-width:60px;--sessions-list-width:300px;--detail-min-width:400px;--detail-max-width:800px;--detail-column-width:500px;width:100vw;height:100vh}.desktop-layout{grid-template-columns:var(--icon-nav-width)var(--sessions-list-width)1fr 1fr;grid-template-areas:"nav sessions detail recording";width:100vw;height:100vh;display:grid}.desktop-layout.dual-details{grid-template-columns:var(--icon-nav-width)var(--sessions-list-width)1fr 1fr 1fr;grid-template-areas:"nav sessions detail detail2 recording"}.mobile-layout{display:none}.icon-navigation{grid-area:nav}.sessions-list{grid-area:sessions}.session-detail{grid-area:detail}.session-detail.version-2{grid-area:detail2}.recording-panel{grid-area:recording}@media (min-width:769px) and (max-width:1024px){.desktop-layout,.desktop-layout.dual-details{grid-template-columns:var(--icon-nav-width)1fr 1fr;grid-template-rows:1fr;grid-template-areas:"nav sessions detail"}.recording-panel{z-index:1;grid-area:detail}.session-detail{z-index:2;background:#fff;grid-area:detail}.session-detail:has(.no-session){pointer-events:none;z-index:0;background:0 0}.session-detail:has(.session-detail-header){pointer-events:all;z-index:2;background:#fff}.session-detail .no-session{display:none}.session-detail.version-2{grid-area:none;display:none!important}}@media (max-width:768px){.desktop-layout{display:none}.mobile-layout{background:#f8f9fa;flex-direction:column;height:100vh;display:flex}.mobile-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem;display:flex;box-shadow:0 2px 4px #0000001a}.mobile-header h1{color:#1f2937;margin:0;font-size:1.25rem;font-weight:600}.mobile-logout{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background .2s}.mobile-logout:hover{background:#dc2626}.mobile-nav{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;overflow-x:auto}.nav-tab{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;min-width:80px;padding:1rem;font-weight:500;transition:all .2s}.nav-tab.active{color:#3b82f6;background:#f8fafc;border-bottom-color:#3b82f6}.nav-tab:hover:not(.active){color:#374151;background:#f9fafb}.mobile-content{flex:1;position:relative;overflow:hidden}.mobile-view{width:100%;height:100%;overflow-y:auto}.mobile-view .sessions-list,.mobile-view .session-detail{border-right:none;height:100%}.mobile-view .session-detail.version-2{border-top:1px solid #e5e7eb;margin-top:1rem}.mobile-view .recording-panel{height:100%}.mobile-view .resize-handle{display:none!important}}@media (max-width:480px){.mobile-header{padding:.75rem}.mobile-header h1{font-size:1.125rem}.mobile-logout{padding:.4rem .8rem;font-size:.8rem}.nav-tab{min-width:60px;padding:.75rem .5rem;font-size:.875rem}}
.app-container{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.top-bar{color:#fff;z-index:100;background:#1f2937;border-bottom:1px solid #374151;justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex}.top-bar-title{font-size:1.1rem;font-weight:600}.top-bar-actions{gap:.5rem;display:flex}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.loading-container{background:#f9fafb;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100vh;display:flex}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-container:has(.app-grid) .top-bar{display:none}.app-container:has(.app-grid) .main-content{height:100vh}@media (max-width:768px){.top-bar{height:50px;padding:0 1rem}.top-bar-title{font-size:1rem}}
.icon-navigation{background:linear-gradient(#fff 0%,#f8fafc 100%);border-right:1px solid #e2e8f0;flex-direction:column;align-items:center;padding:1.5rem 0;display:flex;position:relative}.icon-navigation:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 20%,#3b82f605 0%,#0000 50%);position:absolute;inset:0}.nav-icons{z-index:1;flex-direction:column;justify-content:space-between;gap:1.5rem;height:100%;display:flex;position:relative}.nav-icons-top,.nav-icons-bottom{flex-direction:column;gap:1.5rem;display:flex}.nav-icon{color:#64748b;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.nav-icon:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.nav-icon:hover:before{left:100%}.nav-icon:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f}.nav-icon:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.nav-icon.home{color:#64748b;background:#fffc;border-color:#e2e8f0}.nav-icon.home:hover,.nav-icon.home.active{color:#3b82f6;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-color:#bfdbfe;box-shadow:0 4px 12px #3b82f633,0 2px 4px #3b82f61a}.nav-icon.dictate{color:#64748b;background:#fffc;border-color:#e2e8f0}.nav-icon.dictate:hover,.nav-icon.dictate.active{color:#3b82f6;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-color:#bfdbfe;box-shadow:0 4px 12px #3b82f633,0 2px 4px #3b82f61a}.nav-icon.settings{color:#64748b;background:#fffc;border-color:#e2e8f0}.nav-icon.settings:hover,.nav-icon.settings.active{color:#3b82f6;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-color:#bfdbfe;box-shadow:0 4px 12px #3b82f633,0 2px 4px #3b82f61a}.nav-icon.logout{color:#64748b;background:#fffc;border-color:#e2e8f0}.nav-icon.logout:hover{color:#3b82f6;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-color:#bfdbfe;box-shadow:0 4px 12px #3b82f633,0 2px 4px #3b82f61a}.nav-icon:focus{outline:none;animation:.3s ease-out subtlePulse}@keyframes subtlePulse{0%{box-shadow:0 0 #3b82f666}to{box-shadow:0 0 0 8px #3b82f600}}@media (max-width:768px){.icon-navigation{background:linear-gradient(90deg,#fff 0%,#f8fafc 100%);border-top:1px solid #e2e8f0;border-right:none;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem}.icon-navigation:before{background:radial-gradient(circle at 20%,#3b82f605 0%,#0000 50%)}.nav-icons{flex-direction:row;justify-content:space-between;gap:2rem;width:100%;height:auto}.nav-icons-top{flex-direction:row;gap:2rem}.nav-icons-bottom{flex-direction:row}.nav-icon{width:44px;height:44px;padding:.875rem}}@media (max-width:480px){.icon-navigation{padding:.75rem}.nav-icons{gap:1.5rem}.nav-icon{width:40px;height:40px;padding:.75rem}}@media (prefers-reduced-motion:reduce){.nav-icon{transition:none}.nav-icon:hover{transform:none}.nav-icon:before{display:none}.nav-icon:focus{animation:none}}
.login-container{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-background{z-index:1;position:absolute;inset:0}.bg-gradient{opacity:.03;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#667eea 100%);position:absolute;inset:0}.bg-pattern{background:radial-gradient(circle at 20% 20%,#3b82f61a 0%,#0000 50%),radial-gradient(circle at 80% 80%,#9333ea1a 0%,#0000 50%),radial-gradient(circle at 40% 60%,#3b82f60d 0%,#0000 50%);position:absolute;inset:0}.login-content{z-index:2;flex-direction:column;align-items:center;gap:3rem;width:100%;max-width:400px;padding:2rem;display:flex;position:relative}.brand-section{text-align:center;margin-bottom:1rem}.brand-icon{color:#3b82f6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #3b82f633;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex;position:relative;box-shadow:0 10px 25px #3b82f626,0 4px 10px #3b82f61a}.brand-waves{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;animation:3s ease-in-out infinite gentlePulse;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 4px 12px #3b82f64d}@keyframes gentlePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.brand-title{background:linear-gradient(135deg,#1e293b 0%,#475569 100%);-webkit-text-fill-color:transparent;letter-spacing:-.025em;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2.25rem;font-weight:700}.brand-subtitle{color:#64748b;margin:0;font-size:1rem;font-weight:400;line-height:1.6}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;width:100%;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001a,0 10px 20px #0000000d}.login-card:before{content:"";background:linear-gradient(90deg,#0000,#3b82f64d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card-header{text-align:center;margin-bottom:2rem}.card-header h2{color:#1e293b;letter-spacing:-.025em;margin:0 0 .5rem;font-size:1.75rem;font-weight:600}.card-header p{color:#64748b;margin:0;font-size:.95rem;line-height:1.5}.google-signin-btn{cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:1rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 4px #0000000d}.google-signin-btn:hover{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 8px 25px #0000001a,0 4px 10px #0000000d}.google-signin-btn:active{transform:translateY(0)}.google-signin-btn.loading{cursor:not-allowed;transform:none}.google-signin-btn:disabled{opacity:.7;cursor:not-allowed}.btn-content{color:#374151;justify-content:center;align-items:center;gap:.75rem;font-size:1rem;font-weight:500;display:flex}.google-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.btn-text{text-align:center;flex:1}.btn-arrow{color:#6b7280;flex-shrink:0;transition:transform .2s}.google-signin-btn:hover .btn-arrow{transform:translate(2px)}.loading-spinner{border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.security-note{text-align:center;margin-top:1.5rem}.security-note p{color:#6b7280;justify-content:center;align-items:center;gap:.5rem;margin:0;font-size:.875rem;display:flex}.security-icon{font-size:1rem}.login-footer{text-align:center;opacity:.6}.login-footer p{color:#64748b;margin:0;font-size:.875rem}@media (max-width:768px){.login-content{gap:2rem;max-width:350px;padding:1.5rem}.brand-icon{width:70px;height:70px}.brand-title{font-size:2rem}.brand-subtitle{font-size:.9rem}.login-card{padding:2rem}.card-header h2{font-size:1.5rem}}@media (max-width:480px){.login-content{gap:1.5rem;padding:1rem}.brand-icon{width:60px;height:60px;margin-bottom:1rem}.brand-title{font-size:1.75rem}.login-card{padding:1.5rem}.google-signin-btn{padding:.875rem 1.25rem}}@media (prefers-reduced-motion:reduce){.brand-waves{animation:none}.google-signin-btn{transition:none}.google-signin-btn:hover{transform:none}.btn-arrow{transition:none}.google-signin-btn:hover .btn-arrow{transform:none}}
.note-line.hovered .note-text{text-decoration:line-through}.delete-x:hover,.delete-icon:hover{opacity:1}.empty-note:hover{background-color:#0000}
.brutalist-container{width:250px;font-family:monospace;position:relative}.brutalist-input{color:#000;background-color:#fff;border:4px solid #000;border-radius:0;outline:none;width:100%;padding:15px;font-size:18px;font-weight:700;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;box-shadow:5px 5px #000,10px 10px #4a90e2}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.brutalist-input:focus:after{content:"";z-index:-1;background:#fff;position:absolute;inset:-2px}.brutalist-input:focus:before{content:"";z-index:-2;clip-path:inset(0 100% 0 0);background:#000;width:100%;height:100%;animation:4s steps(2,end) infinite glitch-slice;position:absolute;top:0;left:0}@keyframes glitch-slice{0%{clip-path:inset(0 100% 0 0)}10%{clip-path:inset(0 5% 0 0)}20%{clip-path:inset(0 80% 0 0)}30%{clip-path:inset(0 10% 0 0)}40%{clip-path:inset(0 50% 0 0)}50%{clip-path:inset(0 30% 0 0)}60%{clip-path:inset(0 70% 0 0)}70%{clip-path:inset(0 15% 0 0)}80%{clip-path:inset(0 90% 0 0)}90%{clip-path:inset(0 5% 0 0)}to{clip-path:inset(0 100% 0 0)}}.brutalist-label{color:#fff;z-index:1;background-color:#000;padding:5px 10px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.25,.8,.25,1);position:absolute;top:-35px;left:-3px;transform:rotate(-1deg)}.brutalist-input:focus+.brutalist-label{background-color:#4a90e2;transform:rotate(0)scale(1.05)}.smooth-type{position:relative;overflow:hidden}.smooth-type:before{content:"";z-index:1;opacity:0;background:linear-gradient(90deg,#fff 0%,#fff0 100%);transition:opacity .3s;position:absolute;inset:0}.smooth-type:focus:before{opacity:1;animation:2s linear infinite type-gradient}@keyframes type-gradient{0%{background-position:300px 0}to{background-position:0 0}}.brutalist-input::placeholder{color:#888;transition:color .3s}.brutalist-input:focus::placeholder{color:#0000}.brutalist-input:focus{animation:4s cubic-bezier(.25,.8,.25,1) infinite focus-pulse}@keyframes focus-pulse{0%,to{border-color:#000}50%{border-color:#4a90e2}}.btn{cursor:pointer;color:#fff;background-color:#171717;border:none;border-radius:5px;width:130px;height:40px;margin-top:40px;font-family:monospace;font-size:1.1em;transition:all .4s}.btn:hover{border-radius:5px;transform:translateY(-10px);box-shadow:0 7px 0 -2px #f85959,0 15px 0 -4px #39a2db,0 16px 10px -3px #39a2db}.btn:active{transition:all .2s;transform:translateY(-5px);box-shadow:0 2px 0 -2px #f85959,0 8px 0 -4px #39a2db,0 12px 10px -3px #39a2db}
.recording-panel{color:#1a1a1a;background:#fff;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.recording-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f608 0%,#0000 50%);position:absolute;inset:0}.recording-content{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4rem;padding:2rem;display:flex;position:relative}.start-text{color:#6b7280;text-align:center;letter-spacing:.3px;font-size:1.125rem;font-weight:400}.recording-container{justify-content:center;align-items:center;width:300px;height:300px;display:flex;position:relative}.visualization-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.record-button{cursor:pointer;z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3}.record-button:not(.recording){color:#3b82f6}.record-button:not(.recording):hover{background:#ffffff40;transform:scale(1.1);box-shadow:0 12px 40px #00000026,inset 0 1px #ffffff4d}.record-button:not(.recording):active{transform:scale(.98)}.record-button.recording{color:#fff;background:#ef4444e6;animation:2s ease-in-out infinite recordingPulse;box-shadow:0 0 #ef4444b3,0 8px 32px #ef44444d}.record-button.recording:before{content:"";background:radial-gradient(circle,#3b82f61a 0%,#3b82f60d 40%,#0000 70%);border-radius:50%;width:100%;height:100%;animation:3s ease-in-out infinite softPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes recordingPulse{0%{box-shadow:0 0 #ef4444b3,0 8px 32px #ef44444d}50%{box-shadow:0 0 0 20px #ef444400,0 8px 32px #ef44444d}to{box-shadow:0 0 #ef444400,0 8px 32px #ef44444d}}@keyframes softPulse{0%,to{opacity:.8;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.timer{letter-spacing:1px;color:#fff;text-shadow:0 2px 10px #0000004d;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:1.75rem;font-weight:300}@media (max-width:768px){.recording-content{gap:3rem;padding:1.5rem 1rem}.start-text{font-size:1rem}.recording-container{width:250px;height:250px}.record-button{width:100px;height:100px}.timer{font-size:1.25rem}}@media (max-width:480px){.recording-content{gap:2rem;padding:1rem}.start-text{font-size:.875rem}.recording-container{width:200px;height:200px}.record-button{width:90px;height:90px}.timer{font-size:1.125rem}}@media (hover:none) and (pointer:coarse){.record-button{min-width:100px;min-height:100px}.record-button:not(.recording):hover{transform:none;box-shadow:0 4px 20px #00000014}.record-button:not(.recording):active{transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.record-button,.timer{animation:none}.record-button:not(.recording):hover{transform:none}}@media (prefers-contrast:high){.record-button{border:2px solid #e5e7eb}.record-button.recording{border-color:#3b82f6}}
.recording-timer{justify-content:center;align-items:center;margin:.5rem 0;display:flex}.timer-display{letter-spacing:2px;color:#3b82f6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 1px 2px #0000001a;text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;min-width:5.5rem;padding:.75rem 1.25rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:1.5rem;font-weight:400;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0000001a,inset 0 1px #fff3}.recording-timer.recording .timer-display{color:#ef4444;background:#ef44441a;border-color:#ef44444d;animation:2s ease-in-out infinite timerGlow;box-shadow:0 4px 16px #ef444433,inset 0 1px #fff3}@keyframes timerGlow{0%,to{box-shadow:0 4px 16px #ef444433,inset 0 1px #fff3}50%{box-shadow:0 4px 20px #ef44444d,inset 0 1px #fff3}}.timer-display:hover{background:#ffffff26;box-shadow:0 6px 20px #00000026,inset 0 1px #ffffff4d}@media (max-width:768px){.timer-display{letter-spacing:1.5px;min-width:4.5rem;padding:.625rem 1rem;font-size:1.25rem}}@media (max-width:480px){.timer-display{letter-spacing:1px;border-radius:8px;min-width:4rem;padding:.5rem .875rem;font-size:1.125rem}}@media (hover:none) and (pointer:coarse){.timer-display:hover{background:#ffffff1a;box-shadow:0 4px 16px #0000001a,inset 0 1px #fff3}}@media (prefers-reduced-motion:reduce){.timer-display{transition:none;animation:none}.recording-timer.recording .timer-display{animation:none}}@media (prefers-contrast:high){.timer-display{color:#000;box-shadow:none;text-shadow:none;background:#fff;border:2px solid #000}.recording-timer.recording .timer-display{color:#dc2626;background:#fff;border-color:#dc2626}}@media (prefers-reduced-data:reduce){.timer-display{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffffe6}}.timer-display:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}@media (prefers-color-scheme:dark){.timer-display{color:#60a5fa;background:#0000004d;border-color:#ffffff1a}.recording-timer.recording .timer-display{color:#f87171;background:#ef444433;border-color:#ef444466}}
.session-detail{background:#fff;border-right:1px solid #e1e5e9;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.session-detail.mobile{border-right:none}.session-detail.dragging{-webkit-user-select:none;user-select:none}.session-detail-header{background:#fafbfc;border-bottom:1px solid #e1e5e9;padding:1.5rem}.session-meta h2{color:#1f2937;margin:0 0 1rem;font-size:1.5rem;font-weight:600}.session-info-grid{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.info-item{color:#6b7280;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.info-item svg{color:#9ca3af}.status-badge{text-transform:uppercase;letter-spacing:.025em;border-radius:12px;padding:.25rem .75rem;font-size:.8rem;font-weight:500}.status-badge.completed{color:#166534;background:#dcfce7}.status-badge.processing{color:#92400e;background:#fef3c7;animation:2s infinite pulse}.session-content{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex:1;padding:1.5rem;overflow-y:auto}.session-content::-webkit-scrollbar{width:6px}.session-content::-webkit-scrollbar-track{background:0 0}.session-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.session-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.notes-list h3{color:#374151;margin:0 0 1rem;font-size:1.1rem;font-weight:600}.note-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1rem;padding:1rem;transition:all .2s}.note-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.note-container{align-items:flex-start;gap:.75rem;display:flex}.note-actions{flex-direction:column;flex-shrink:0;gap:.5rem;display:flex}.delete-btn,.copy-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;padding:.5rem;transition:all .2s;display:flex}.delete-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca}.copy-btn:hover{color:#166534;background:#dcfce7;border-color:#bbf7d0}.note-content{color:#374151;white-space:pre-wrap;word-wrap:break-word;flex:1;min-width:0;line-height:1.6}.loading-state,.empty-notes,.no-session{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex}.loading-state svg,.empty-notes svg,.no-session svg{color:#d1d5db;margin-bottom:1rem}.no-session h3,.empty-notes p{color:#4b5563;margin:0 0 .5rem;font-weight:500}.empty-notes small,.no-session p{color:#9ca3af;margin:0}.resize-handle{cursor:col-resize;z-index:10;opacity:0;background:0 0;justify-content:center;align-items:center;width:8px;height:100%;transition:all .2s;display:flex;position:absolute;top:0}.resize-handle:hover,.resize-handle:active{opacity:1;background:#3b82f61a}.resize-handle.left{left:-4px}.resize-handle.right{right:-4px}.resize-handle:hover svg{color:#3b82f6}.resize-handle svg{color:#6b7280;pointer-events:none;transition:color .2s}.resize-handle:active{background:#3b82f633}@media (max-width:768px){.resize-handle{display:none!important}.session-detail-header,.session-content{padding:1rem}.session-info-grid{flex-direction:column;align-items:flex-start;gap:.5rem}.note-item{padding:.75rem}.note-container{flex-direction:column}.note-actions{flex-direction:row;justify-content:flex-start;width:100%}.session-meta h2{font-size:1.25rem}}@media (max-width:480px){.session-detail-header,.session-content{padding:.75rem}.note-item{padding:.5rem}.session-meta h2{font-size:1.125rem}}textarea{color:#000;background-color:#fff;margin-right:2rem;padding-right:2rem}.send-note-container{margin-bottom:1rem}.send-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.send-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f633}.send-btn:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}.send-btn.loading{background:#6b7280}.status-message{border-radius:4px;margin-top:.5rem;padding:.5rem;font-size:.875rem;font-weight:500}.status-message.success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.status-message.error{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}
.session-list-by-audio{background:#fff;flex-direction:column;height:100%;display:flex;overflow:hidden}.sessions-header{z-index:10;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex;position:sticky;top:0}.sessions-header h2{color:#1e293b;letter-spacing:-.025em;margin:0;font-size:1.25rem;font-weight:700}.sessions-count{color:#fff;text-align:center;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:16px;min-width:28px;padding:.375rem .75rem;font-size:.75rem;font-weight:700;box-shadow:0 2px 4px #3b82f633}.loading{color:#64748b;justify-content:center;align-items:center;padding:3rem 2rem;font-size:.95rem;display:flex}.sessions-accordion{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex:1;overflow-y:auto}.sessions-accordion::-webkit-scrollbar{width:6px}.sessions-accordion::-webkit-scrollbar-track{background:0 0}.sessions-accordion::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.sessions-accordion::-webkit-scrollbar-thumb:hover{background:#94a3b8}.day-group{border-bottom:1px solid #e2e8f0}.day-group:last-child{border-bottom:none}.day-header{cursor:pointer;z-index:5;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0}.day-header:hover{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%)}.day-header-content{flex:1;align-items:center;gap:.75rem;display:flex}.day-title{color:#1e293b;letter-spacing:-.025em;font-size:.95rem;font-weight:600}.day-count{color:#fff;text-align:center;background:linear-gradient(135deg,#64748b 0%,#475569 100%);border-radius:12px;min-width:20px;padding:.25rem .5rem;font-size:.7rem;font-weight:600;box-shadow:0 1px 3px #0000001a}.day-chevron{color:#64748b;align-items:center;transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex}.day-sessions{background:#fff;animation:.2s cubic-bezier(.4,0,.2,1) slideDown}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.session-group{border-bottom:1px solid #f1f5f9}.session-group:last-child{border-bottom:none}.session-item{cursor:pointer;background:#fff;border-bottom:1px solid #f8fafc;align-items:center;padding:1.25rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.session-item:hover{background:#f8fafc}.session-item.selected{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-bottom-color:#3b82f6}.session-item.selected:before{content:"";background:linear-gradient(#3b82f6 0%,#1d4ed8 100%);border-radius:0 4px 4px 0;width:4px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.session-status{align-items:center;margin-right:1rem;display:flex}.status-icon{filter:drop-shadow(0 1px 2px #0000001a);width:20px;height:20px}.status-icon.completed{color:#10b981}.status-badge{text-transform:uppercase;letter-spacing:.025em;border-radius:4px;padding:.2rem .4rem;font-size:.7rem;font-weight:600}.status-badge.error{color:#dc2626;background-color:#fee2e2}.status-badge.submitted{color:#6b7280;background-color:#f3f4f6}.status-badge.working{color:#d97706;background-color:#fef3c7}.status-badge.none{color:#94a3b8;background-color:#f8fafc}.session-info{flex:1;min-width:0}.session-id{color:#1e293b;letter-spacing:-.025em;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.25rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.95rem;font-weight:600;display:flex}.note-count-badge{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-radius:10px;padding:.2rem .5rem;font-size:.65rem;font-weight:700;box-shadow:0 1px 3px #8b5cf64d}.session-timestamp{color:#64748b;opacity:.8;font-size:.8rem;font-weight:500}.expand-button{cursor:pointer;color:#64748b;background:0 0;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.25rem;margin-left:.5rem;padding:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.expand-button:hover{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.expand-button:active{transform:scale(.95)}.expanded-notes{background:#f8fafc;border-top:1px solid #e2e8f0;animation:.2s cubic-bezier(.4,0,.2,1) expandNotes}@keyframes expandNotes{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.note-item{cursor:pointer;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-left:2px solid #e2e8f0;align-items:center;margin-left:1.5rem;padding:1rem 1.5rem 1rem 4rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.note-item:last-child{border-bottom:none}.note-item:hover{background:#f1f5f9;border-left-color:#cbd5e1}.note-item.selected{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-left-color:#3b82f6}.note-item.selected:before{content:"";background:linear-gradient(#60a5fa 0%,#3b82f6 100%);border-radius:0 3px 3px 0;width:4px;height:60%;position:absolute;top:50%;left:-2px;transform:translateY(-50%)}.note-status{align-items:center;margin-right:1rem;display:flex}.note-info{flex:1;min-width:0}.note-id{color:#475569;letter-spacing:-.025em;margin-bottom:.25rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.875rem;font-weight:600}.note-timestamp{color:#64748b;opacity:.8;font-size:.75rem;font-weight:500}.empty-state{text-align:center;color:#64748b;background:#fff;border:2px dashed #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:100%;margin:1rem;padding:3rem 2rem;display:flex}.empty-state svg{color:#cbd5e1;filter:drop-shadow(0 2px 4px #0000000d);margin-bottom:1.5rem}.empty-state p{color:#475569;margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.empty-state small{color:#94a3b8;font-size:.875rem;line-height:1.5}@media (max-width:768px){.sessions-header{padding:1rem}.sessions-header h2{font-size:1.1rem}.day-header{padding:.875rem 1rem}.day-title{font-size:.9rem}.session-item{padding:1rem}.note-item{margin-left:1rem;padding:.875rem 1rem .875rem 3rem}.session-id,.note-id{font-size:.875rem}.expand-button{padding:.375rem}}@media (max-width:480px){.sessions-header{padding:.875rem}.sessions-header h2{font-size:1rem}.day-header{padding:.75rem}.session-item{padding:.875rem .75rem}.note-item{margin-left:.75rem;padding:.75rem .75rem .75rem 2.5rem}.session-id{flex-direction:column;align-items:flex-start;gap:.25rem}}
.sessions-accordion{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;height:100%;display:flex;overflow-y:auto}.sessions-accordion::-webkit-scrollbar{width:6px}.sessions-accordion::-webkit-scrollbar-track{background:0 0}.sessions-accordion::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.sessions-accordion::-webkit-scrollbar-thumb:hover{background:#94a3b8}.day-group{border-bottom:1px solid #e2e8f0}.day-group:last-child{border-bottom:none}.day-header{cursor:pointer;z-index:5;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0}.day-header:hover{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%)}.day-header-content{flex:1;align-items:center;gap:.75rem;display:flex}.day-title{color:#1e293b;letter-spacing:-.025em;font-size:.95rem;font-weight:600}.day-count{color:#fff;text-align:center;background:linear-gradient(135deg,#64748b 0%,#475569 100%);border-radius:12px;min-width:20px;padding:.25rem .5rem;font-size:.7rem;font-weight:600;box-shadow:0 1px 3px #0000001a}.day-chevron{color:#64748b;align-items:center;transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex}.day-sessions{background:#fff;animation:.2s cubic-bezier(.4,0,.2,1) slideDown}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.session-item{cursor:pointer;box-sizing:border-box;background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;width:100%;padding:1.25rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.session-item:hover{background:#f8fafc;border-bottom-color:#cbd5e1}.session-item.selected{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-bottom-color:#3b82f6}.session-item.selected:before{content:"";background:linear-gradient(#3b82f6 0%,#1d4ed8 100%);border-radius:0 4px 4px 0;width:4px;height:60%;position:absolute;top:0%;left:0;transform:translateY(-50%)}.session-status{align-items:center;margin-right:1rem;display:flex;position:relative}.status-icon{filter:drop-shadow(0 1px 2px #0000001a);width:20px;height:20px}.status-icon.completed{color:#10b981}.status-badge{text-transform:uppercase;letter-spacing:.025em;border-radius:4px;padding:.2rem .4rem;font-size:.7rem;font-weight:600}.status-badge.error{color:#dc2626;background-color:#fee2e2}.status-badge.submitted{color:#6b7280;background-color:#f3f4f6}.status-badge.working{color:#d97706;background-color:#fef3c7}.status-badge.none{color:#94a3b8;background-color:#f8fafc}.session-info{flex:1;min-width:0}.session-id{color:#1e293b;letter-spacing:-.025em;align-items:center;gap:.5rem;margin-bottom:.25rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.95rem;font-weight:600;display:flex}.session-timestamp{color:#64748b;opacity:.8;font-size:.8rem;font-weight:500}.empty-state{text-align:center;color:#64748b;background:#fff;border:2px dashed #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:100%;margin:1rem;padding:3rem 2rem;display:flex}.empty-state svg{color:#cbd5e1;filter:drop-shadow(0 2px 4px #0000000d);margin-bottom:1.5rem}.empty-state p{color:#475569;margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.empty-state small{color:#94a3b8;font-size:.875rem;line-height:1.5}@media (max-width:768px){.day-header{padding:.875rem 1rem}.day-title{font-size:.9rem}.day-count{padding:.2rem .4rem;font-size:.65rem}.session-item{padding:1.25rem 1rem}.session-id{font-size:1rem}.session-timestamp{font-size:.875rem}.status-icon{width:18px;height:18px}.session-status{margin-right:1rem}.session-item:active{background:#e3f2fd}}@media (max-width:480px){.day-header{padding:.75rem}.day-title{font-size:.85rem}.day-count{padding:.15rem .3rem;font-size:.6rem}.session-item{padding:1rem .75rem}.session-id{font-size:.9rem}.session-timestamp{font-size:.8rem}}
.sessions-list{background:#f8fafc;border-right:1px solid #e2e8f0;flex-direction:column;height:100%;display:flex;overflow:hidden}.sessions-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:linear-gradient(#fff 0%,#f8fafc 100%);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;display:flex;position:sticky;top:0}.sessions-header h2{background:linear-gradient(135deg,#1e293b 0%,#475569 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.375rem;font-weight:600}.sessions-count{color:#fff;text-align:center;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:16px;min-width:24px;padding:.375rem .75rem;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #3b82f633}.sessions-container{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex:0 0 50%;min-height:0;padding:0;overflow-y:auto}.sessions-container::-webkit-scrollbar{width:6px}.sessions-container::-webkit-scrollbar-track{background:0 0}.sessions-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.sessions-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.session-item{cursor:pointer;box-sizing:border-box;background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;width:100%;padding:1.25rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.session-item:hover{background:#f8fafc;border-bottom-color:#cbd5e1}.session-item.selected{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-bottom-color:#3b82f6}.session-item.selected:before{content:"";background:linear-gradient(#3b82f6 0%,#1d4ed8 100%);border-radius:0 4px 4px 0;width:4px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.session-status{align-items:center;margin-right:1rem;display:flex;position:relative}.status-icon{filter:drop-shadow(0 1px 2px #0000001a);width:20px;height:20px}.status-icon.completed{color:#10b981}.status-icon.processing{color:#f59e0b}.status-icon.pending{color:#6b7280}@keyframes gentleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.session-info{flex:1;min-width:0}.session-id{color:#1e293b;letter-spacing:-.025em;margin-bottom:.25rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.95rem;font-weight:600}.session-timestamp{color:#64748b;opacity:.8;font-size:.8rem;font-weight:500}.loading,.empty-state{text-align:center;color:#64748b;background:#fff;border:2px dashed #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:100%;margin:1rem;padding:3rem 2rem;display:flex}.empty-state svg{color:#cbd5e1;filter:drop-shadow(0 2px 4px #0000000d);margin-bottom:1.5rem}.empty-state p{color:#475569;margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.empty-state small{color:#94a3b8;font-size:.875rem;line-height:1.5}@media (max-width:768px){.sessions-list{border-right:none}.sessions-header{padding:1rem}.sessions-header h2{font-size:1.125rem}.session-item{padding:1.25rem 1rem}.session-id{font-size:1rem}.session-timestamp{font-size:.875rem}.status-icon{width:18px;height:18px}.session-status{margin-right:1rem}.session-item:active{background:#e3f2fd}}@media (max-width:480px){.sessions-header{padding:.75rem}.sessions-header h2{font-size:1rem}.session-item{padding:1rem .75rem}.session-id{font-size:.9rem}.session-timestamp{font-size:.8rem}.sessions-count{padding:.2rem .4rem;font-size:.7rem}}.accordion-test-section{background:#f1f5f9;border-top:2px solid #e2e8f0;flex-direction:column;flex:1;min-height:0;padding:1rem;display:flex}.accordion-test-section h3{color:#475569;text-align:center;flex-shrink:0;margin:0 0 1rem;font-size:1rem;font-weight:600}.accordion-container{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex:1;min-height:0;overflow-y:auto}.accordion-container::-webkit-scrollbar{width:6px}.accordion-container::-webkit-scrollbar-track{background:0 0}.accordion-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.accordion-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}
.settings-container{background:#fff;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden auto}.settings-container:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f608 0%,#0000 50%);position:absolute;inset:0}.settings-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:linear-gradient(#fff 0%,#f8fafc 100%);border-bottom:1px solid #e2e8f0;padding:1.5rem 1.5rem 1rem;position:sticky;top:0}.settings-header h2{background:linear-gradient(135deg,#1e293b 0%,#475569 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.375rem;font-weight:600}.settings-description{color:#64748b;margin:0;font-size:1rem;line-height:1.5}.settings-content{z-index:1;flex:1;padding:1.5rem;position:relative}.setting-group{background:#f8fafc;border:1px solid #e2e8f0;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.setting-group:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #00000014}.setting-title{color:#1e293b;margin:0 0 .5rem;font-size:1.25rem;font-weight:600;line-height:1.3}.setting-description{color:#64748b;margin:0 0 1.5rem;font-size:.875rem;line-height:1.5}.radio-group{flex-direction:column;gap:1rem;display:flex}.radio-option{cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.radio-option:hover{background:#3b82f60d}.radio-option input[type=radio]{opacity:0;width:0;height:0;position:absolute}.radio-custom{border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.radio-custom:after{content:"";background:#3b82f6;border-radius:50%;width:8px;height:8px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.radio-option input[type=radio]:checked+.radio-custom,.radio-custom.checked{background:#3b82f61a!important;border-color:#3b82f6!important}.radio-option input[type=radio]:checked+.radio-custom:after,.radio-custom.checked:after{transform:translate(-50%,-50%)scale(1)!important}.radio-option input[type=radio]:focus+.radio-custom{box-shadow:0 0 0 3px #3b82f633}.radio-option input[type=radio]:disabled+.radio-custom,.radio-option input[type=radio]:disabled~.radio-label{opacity:.5;cursor:not-allowed}.radio-option.checked{background:#3b82f614}.radio-label{color:#374151;-webkit-user-select:none;user-select:none;font-size:1rem;font-weight:500;line-height:1.4}.loading-state{color:#64748b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;padding:3rem;font-size:1rem;display:flex}.saving-indicator{color:#3b82f6;text-align:center;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:8px;margin-top:1rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;animation:1.5s ease-in-out infinite subtlePulse}@keyframes subtlePulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.settings-header{padding:1rem}.settings-header h2{font-size:1.125rem}.settings-content{padding:1rem}.setting-group{margin-bottom:1rem;padding:1.25rem}.setting-title{font-size:1.125rem}.radio-option{padding:1rem}}@media (max-width:480px){.settings-header{padding:.75rem}.settings-header h2{font-size:1rem}.settings-content{padding:.75rem}.setting-group{padding:1rem}.radio-option{padding:.875rem}}@media (prefers-reduced-motion:reduce){.settings-container,.setting-group,.radio-option,.radio-custom,.radio-custom:after{transition:none}.saving-indicator{animation:none}}@media (prefers-contrast:high){.settings-container,.setting-group,.radio-custom{border-color:#000}.radio-option input[type=radio]:checked+.radio-custom{background:#000;border-color:#000}.radio-option input[type=radio]:checked+.radio-custom:after{background:#fff}}