@charset "UTF-8";*,:before,:after{--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: rgb(59 130 246 / .5);--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: }::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: rgb(59 130 246 / .5);--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-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-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{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,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{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--primary: 177 100% 32%;--primary-foreground: 0 0% 100%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 177 100% 32%;--radius: .5rem}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.bottom-4{bottom:1rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-4{top:1rem}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.m-0{margin:0}.-mx-4{margin-left:-1rem;margin-right:-1rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[240px\]{height:240px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[70vh\]{max-height:70vh}.max-h-\[85vh\]{max-height:85vh}.min-h-0{min-height:0px}.min-h-\[1\.5rem\]{min-height:1.5rem}.min-h-\[2\.5rem\]{min-height:2.5rem}.min-h-\[3rem\]{min-height:3rem}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-3{width:.75rem}.w-4{width:1rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-5{min-width:1.25rem}.min-w-\[4\.5rem\]{min-width:4.5rem}.min-w-\[64px\]{min-width:64px}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-\[240px\]{max-width:240px}.max-w-\[min\(100\%\,200px\)\]{max-width:min(100%,200px)}.max-w-\[min\(100\%\,280px\)\]{max-width:min(100%,280px)}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.appearance-none{-webkit-appearance:none;-moz-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))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-1{row-gap:.25rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * 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-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-\[var\(--kare-primary\)\]{border-color:var(--kare-primary)}.border-border{border-color:hsl(var(--border))}.border-emerald-500\/40{border-color:#10b98166}.border-emerald-700{--tw-border-opacity: 1;border-color:rgb(4 120 87 / var(--tw-border-opacity, 1))}.border-input{border-color:hsl(var(--input))}.border-muted{border-color:hsl(var(--muted))}.border-red-500\/40{border-color:#ef444466}.border-red-800{--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))}.border-red-800\/50{border-color:#991b1b80}.border-transparent{border-color:transparent}.border-white\/30{border-color:#ffffff4d}.border-t-\[var\(--kare-primary\)\]{border-top-color:var(--kare-primary)}.bg-\[rgb\(59\,130\,246\)\]{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-\[var\(--kare-primary\)\]{background-color:var(--kare-primary)}.bg-background{background-color:hsl(var(--background))}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-card\/95{background-color:hsl(var(--card) / .95)}.bg-destructive{background-color:hsl(var(--destructive))}.bg-destructive\/10{background-color:hsl(var(--destructive) / .1)}.bg-destructive\/15{background-color:hsl(var(--destructive) / .15)}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-500\/15{background-color:#10b98126}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-input{background-color:hsl(var(--input))}.bg-muted{background-color:hsl(var(--muted))}.bg-muted\/40{background-color:hsl(var(--muted) / .4)}.bg-primary{background-color:hsl(var(--primary))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/15{background-color:#ef444426}.bg-secondary{background-color:hsl(var(--secondary))}.bg-white\/20{background-color:#fff3}.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-\[\#00a39b\]{--tw-gradient-from: #00a39b var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 163 155 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-teal-50{--tw-gradient-from: #f0fdfa var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 253 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-teal-100\/80{--tw-gradient-to: rgb(204 251 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(204 251 241 / .8) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\[\#00b8af\]{--tw-gradient-to: #00b8af var(--tw-gradient-to-position)}.to-cyan-100{--tw-gradient-to: #cffafe var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-left{-o-object-position:left;object-position:left}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.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-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pb-6{padding-bottom:1.5rem}.pl-6{padding-left:1.5rem}.pr-10{padding-right:2.5rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[0\.65rem\]{font-size:.65rem}.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-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-tight{letter-spacing:-.025em}.text-\[\#00a39b\]{--tw-text-opacity: 1;color:rgb(0 163 155 / var(--tw-text-opacity, 1))}.text-\[\#fca5a5\]{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-\[var\(--kare-primary\)\]{color:var(--kare-primary)}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--foreground))}.text-muted{color:hsl(var(--muted))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.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-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline-offset-4{text-underline-offset:4px}.accent-primary{accent-color:hsl(var(--primary))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--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-\[0_4px_30px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow: 0 4px 30px rgba(0,0,0,.1);--tw-shadow-colored: 0 4px 30px 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 rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--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-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--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)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--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)}.outline{outline-style:solid}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.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)}.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-\[5px\]{--tw-backdrop-blur: blur(5px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-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-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.slide-in-from-right{--tw-enter-translate-x: 100%}.duration-200{animation-duration:.2s}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}@font-face{font-family:All Round Gothic;src:url(/All%20Round%20Gothic%20W01%20Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}@media (max-width: 767px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]),select,textarea{font-size:16px!important}}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-background\/50:hover{background-color:hsl(var(--background) / .5)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-muted\/40:hover{background-color:hsl(var(--muted) / .4)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:from-\[\#00b8af\]:hover{--tw-gradient-from: #00b8af var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 184 175 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-\[\#00d1c7\]:hover{--tw-gradient-to: #00d1c7 var(--tw-gradient-to-position)}.hover\:text-\[var\(--kare-primary-hover\)\]:hover{color:var(--kare-primary-hover)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-\[\#00a39b\]:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 163 155 / var(--tw-ring-opacity, 1))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.data-\[state\=inactive\]\:text-destructive[data-state=inactive]{color:hsl(var(--destructive))}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.md\:col-span-4{grid-column:span 4 / span 4}.md\:col-span-8{grid-column:span 8 / span 8}.md\:w-auto{width:auto}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:gap-4{gap:1rem}}.\[\&\:\:-moz-range-thumb\]\:h-4::-moz-range-thumb{height:1rem}.\[\&\:\:-moz-range-thumb\]\:w-4::-moz-range-thumb{width:1rem}.\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb{border-radius:9999px}.\[\&\:\:-moz-range-thumb\]\:border-0::-moz-range-thumb{border-width:0px}.\[\&\:\:-moz-range-thumb\]\:bg-primary::-moz-range-thumb{background-color:hsl(var(--primary))}.\[\&\:\:-webkit-slider-thumb\]\:h-4::-webkit-slider-thumb{height:1rem}.\[\&\:\:-webkit-slider-thumb\]\:w-4::-webkit-slider-thumb{width:1rem}.\[\&\:\:-webkit-slider-thumb\]\:cursor-pointer::-webkit-slider-thumb{cursor:pointer}.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb{border-radius:9999px}.\[\&\:\:-webkit-slider-thumb\]\:border-0::-webkit-slider-thumb{border-width:0px}.\[\&\:\:-webkit-slider-thumb\]\:bg-primary::-webkit-slider-thumb{background-color:hsl(var(--primary))}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.esittely-page{min-height:100vh;background:linear-gradient(to bottom right,#f0fdfa,#ccfbf1cc,#cffafe);padding:2rem 1rem 3rem}.esittely-container{max-width:480px;margin:0 auto}@media (min-width: 640px){.esittely-container{max-width:640px}}.esittely-header{text-align:center;margin-bottom:2rem}.esittely-logo-wrap{display:flex;justify-content:center;margin-bottom:.5rem}.esittely-logo-wrap img{height:3rem;width:auto;max-width:100%}.esittely-logo{height:64px;width:auto;display:block;margin:0 auto .75rem}.esittely-brand{font-size:2rem;font-weight:700;letter-spacing:.02em;color:#505662;margin:0 0 .25rem}.esittely-tagline{font-size:1.1rem;color:hsl(var(--muted-foreground));margin:0}.esittely-hero{background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / .5);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 24px #0000000f}.esittely-modes{background:#ffffff73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgb(255 255 255 / .45);border-radius:1rem;padding:1.25rem 1.5rem;margin-bottom:2rem}.esittely-mode-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.esittely-mode-list li{font-size:.92rem;line-height:1.55;color:hsl(var(--muted-foreground))}.esittely-mode-list strong{display:block;font-size:.95rem;color:hsl(var(--foreground));margin-bottom:.2rem}.esittely-lead{font-size:1.05rem;line-height:1.6;color:hsl(var(--foreground));margin:0;text-align:center}.esittely-screenshot{margin-bottom:2rem}.esittely-screenshot-img{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(255,255,255,.6)}.esittely-screenshot-caption{font-size:.85rem;color:hsl(var(--muted-foreground));text-align:center;margin:.5rem 0 0}.esittely-features{margin-bottom:2.5rem}.esittely-h2{font-size:1.15rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 1rem}.esittely-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.esittely-list li{font-size:.95rem;color:hsl(var(--muted-foreground));padding-left:1.5rem;position:relative}.esittely-list li:before{content:"✓";position:absolute;left:0;color:var(--kare-primary);font-weight:700}.esittely-cta{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2.5rem}.esittely-btn-primary{width:100%;background:linear-gradient(to right,#00a39b,#00b8af)!important;color:#fff!important;border:none}.esittely-btn-primary:hover{background:linear-gradient(to right,#00b8af,#00d1c7)!important}.esittely-btn-secondary{width:100%}.esittely-footer{text-align:center;padding-top:1.5rem;border-top:1px solid hsl(var(--border))}.esittely-legal-link{display:inline-block;font-size:.85rem;color:var(--kare-primary);background:none;border:none;padding:0;cursor:pointer;text-decoration:none;margin-bottom:.5rem}.esittely-legal-link:hover{text-decoration:underline}.esittely-credits{font-size:.8rem;color:hsl(var(--muted-foreground));margin:0}.device-tabs-bar{display:flex;align-items:stretch;gap:0;background:hsl(var(--card));border-bottom:1px solid hsl(var(--border));min-height:48px}.device-tabs-scroll{flex:1;min-width:0;display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:thin}.device-tabs-scroll::-webkit-scrollbar{height:6px}.device-tab{display:inline-flex;align-items:center;gap:.5rem;padding:0 1rem;white-space:nowrap;border:none;background:transparent;color:hsl(var(--muted-foreground));font-size:.9rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;flex-shrink:0;min-width:0}.device-tab:hover{color:hsl(var(--foreground));background:hsl(var(--muted) / .5)}.device-tab--active{color:hsl(var(--foreground));border-bottom-color:var(--kare-primary);background:hsl(var(--muted) / .3)}.device-tab-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.device-tab-dot[data-online=on]{background:#16a249}.device-tab-dot[data-online=off]{background:hsl(var(--destructive))}.device-tab-dot[data-online=unknown]{background:hsl(var(--muted-foreground) / .5)}.device-tab-label{overflow:hidden;text-overflow:ellipsis;max-width:160px}.device-tab-add{color:var(--kare-primary);font-weight:600}.device-tabs-help{display:inline-flex;align-items:center;padding:0 1rem;flex-shrink:0;font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground));text-decoration:none;border-left:1px solid hsl(var(--border))}.device-tabs-help:hover{color:var(--kare-primary);background:hsl(var(--muted) / .35)}:root{--tp-bg:#ece6ee;--tp-surface:#e6e0e9;--tp-surface-hover:#c8b3fd;--tp-input-bg:#e6e0e9;--tp-text:#1d1b20;--tp-text-secondary:#49454f;--tp-text-disabled:hsla(0,1%,61%,.6);--tp-text-type-time:#49454f;--tp-text-icon:#4e545a;--tp-am-pm-active:#ffd8e4;--tp-am-pm-text-selected:#633b48;--tp-am-pm-text-unselected:#49454f;--tp-primary:#6750a4;--tp-on-primary:#fff;--tp-primary-container:#eaddff;--tp-on-primary-container:#21005d;--tp-primary-rgb:103,80,164;--tp-on-surface:#1d1b20;--tp-on-surface-variant:#49454f;--tp-on-surface-rgb:29,27,32;--tp-surface-container:#f3edf7;--tp-outline-variant:#cac4d0;--tp-tertiary-container:#ffd8e4;--tp-on-tertiary-container:#633b48;--tp-border:#000;--tp-outline:#6750a4;--tp-hover-bg:#d6d6d6;--tp-backdrop:rgba(0,0,0,.5);--tp-backdrop-filter:unset;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#000;--tp-shadow:unset;--tp-border-radius:28px;--tp-spacing-xs:4px;--tp-spacing-sm:8px;--tp-spacing-md:12px;--tp-spacing-lg:16px;--tp-spacing-xl:24px;--tp-spacing-2xl:36px;--tp-spacing-3xl:48px;--tp-border-width:1px;--tp-border-width-thick:2px;--tp-border-width-half:.3752px;--tp-border-width-pm:1.5008px;--tp-outline-width:2px;--tp-outline-width-thick:3px;--tp-outline-width-contrast:4px;--tp-outline-offset:2px;--tp-font-size-xs:12px;--tp-font-size-sm:12.8px;--tp-font-size-base:14px;--tp-font-size-lg:16px;--tp-font-size-number:17.6px;--tp-font-size-xl:51.2px;--tp-radius-sm:7px;--tp-radius-md:8px;--tp-radius-lg:20px;--tp-radius-circle:50%;--tp-radius-full:100%;--tp-btn-radius:var(--tp-radius-lg);--tp-size-clock:256px;--tp-size-wrapper:328px;--tp-size-wrapper-expanded:584px;--tp-size-wrapper-portrait:315px;--tp-size-wrapper-landscape-height:360px;--tp-size-wrapper-mobile-height:258px;--tp-size-input:96px;--tp-size-input-height:80px;--tp-size-input-mobile:72px;--tp-size-hand-circle:46px;--tp-size-hand-circle-small:36px;--tp-size-hand-width:2px;--tp-size-hand-offset: calc(50% - 1px) ;--tp-size-hand-top:4px;--tp-size-hand-left:1px;--tp-size-button-min:44px;--tp-size-dot:6px;--tp-size-dot-center:8px;--tp-size-am-pm-width:54px;--tp-size-am-pm-height:40px;--tp-size-am-pm-height-landscape:44px;--tp-size-icon:24px;--tp-size-colon-width:24px;--tp-size-colon-height:48px;--tp-size-number:32px;--tp-size-inner-circle:200px;--tp-size-inline-min-height:500px;--tp-size-padding:10px;--tp-duration-fast:.15s;--tp-duration-base:.2s;--tp-duration-slow:.3s;--tp-duration-slower:.4s;--tp-duration-slowest:.45s;--tp-duration-animation:.35s;--tp-duration-ripple:.7s;--tp-duration-ripple-fade:.5s;--tp-duration-reduced:.01ms;--tp-easing-standard:cubic-bezier(.4,0,.2,1);--tp-easing-ease:ease;--tp-easing-linear:linear;--tp-z-backdrop:5000;--tp-z-modal:5001;--tp-z-keyboard-icon:10;--tp-z-hidden:-9999;--tp-opacity-hover:.08;--tp-opacity-focus:.12;--tp-opacity-active:.16;--tp-opacity-disabled:.38;--tp-opacity-backdrop:.6;--tp-shadow-inline:0 2px 8px rgba(0,0,0,.15);--tp-shadow-focus:0 0 0 4px rgba(98,0,238,.2);--tp-gap-sm:8px;--tp-gap-md:12px;--tp-position-hidden:-10000px;--tp-wheel-item-height:44px;--tp-wheel-visible-items:5;--tp-wheel-column-width:76px;--tp-wheel-separator-width:20px;--tp-wheel-landscape-footer-offset:72px;--tp-wheel-landscape-compact-width:360px;--tp-wheel-landscape-compact-visible-items:3;--tp-wheel-highlight-bg:var(--tp-primary-container,rgba(103,80,164,.08));--tp-wheel-highlight-border:var(--tp-outline-variant,rgba(0,0,0,.12));--tp-wheel-highlight-radius:var(--tp-radius-md);--tp-wheel-text-color:var(--tp-on-surface,#1d1b20);--tp-wheel-selected-color:var(--tp-primary,#6750a4);--tp-wheel-disabled-opacity:var(--tp-opacity-disabled,.38);--tp-wheel-font-size:var(--tp-font-size-lg,16px);--tp-wheel-selected-font-size:22px;--tp-popover-gap:4px;--tp-popover-min-width:260px;--tp-popover-max-width:328px;--tp-popover-shadow:0 4px 24px rgba(0,0,0,.15);--tp-popover-radius:var(--tp-border-radius)}.tp-ui *{box-sizing:border-box!important}.tp-ui-open-element.disabled{pointer-events:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.opacity{transition:opacity .15s linear}.opacity.show{opacity:1}.invalid-value,.invalid-value:active,.invalid-value:focus,.invalid-value:hover{border-color:#d50000!important;color:#d50000!important}.tp-ui-invalid-format{border:2px solid red;color:red}.tp-ui-invalid-text{color:red}.sr-only,.tp-ui .sr-only{clip:rect(0,0,0,0);border-width:0;margin:-1px;padding:0;white-space:nowrap}.sr-only,.timepicker-announcer,.tp-ui .sr-only{height:1px;overflow:hidden;position:absolute;width:1px}.timepicker-announcer{left:-10000px}.tp-ui-modal{-webkit-backdrop-filter:var(--tp-backdrop-filter);backdrop-filter:var(--tp-backdrop-filter);background-color:#9d9b9b99;bottom:0;font-family:Roboto,sans-serif;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;z-index:5000}.tp-ui-modal.show{pointer-events:auto}.tp-ui-modal.removed{background-color:transparent;bottom:auto;left:auto;right:auto;top:auto}.tp-ui-measure{height:3.125rem;overflow:scroll;position:absolute;top:-9999px;width:3.125rem}.tp-ui-wrapper,.tp-ui-wrapper.mobile{background-color:var(--tp-bg);border-radius:var(--tp-border-radius);box-shadow:var(--tp-shadow);display:flex;flex-direction:column;left:50%;outline:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:328px;z-index:5001}.tp-ui-wrapper.expanded{will-change:width,height,flex-direction}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-wrapper.expanded{flex-direction:row;height:360px;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),flex-direction 0ms cubic-bezier(.4,0,.2,1);width:584px}}@media screen and (max-width:330px) and (orientation:portrait){.tp-ui-wrapper.expanded{width:315px}}.tp-ui-wrapper.mobile{height:auto;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),flex-direction 0ms cubic-bezier(.4,0,.2,1)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-wrapper.mobile{height:258px;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),flex-direction 0ms cubic-bezier(.4,0,.2,1);width:328px}.tp-ui-tz-mode .tp-ui-wrapper.mobile{height:326px}.tp-ui-range-mode .tp-ui-wrapper.mobile{height:287px}}@media screen and (max-width:330px){.tp-ui-wrapper.mobile{width:315px}}.tp-ui-mobile-clock-wrapper{align-items:center;display:flex;height:0;justify-content:center;opacity:0;overflow:hidden;transform:scale(0);transform-origin:center;transition:height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.tp-ui-mobile-clock-wrapper.expanded{height:256px;opacity:1;transform:scale(1)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-mobile-clock-wrapper.expanded{height:100%;transform-origin:left center;transition:height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1) 0ms,transform .4s cubic-bezier(.4,0,.2,1);width:100%}}.tp-ui-header,.tp-ui-header.mobile{display:flex;flex-direction:row;justify-content:center;padding-bottom:var(--tp-spacing-2xl);padding-left:var(--tp-spacing-xl);padding-right:var(--tp-spacing-xl);position:relative}.tp-ui-header.mobile,.tp-ui-header.show{padding-bottom:0}.tp-ui-header.mobile.expanded{align-items:unset;height:auto;padding-bottom:var(--tp-spacing-2xl)}.tp-ui-header.mobile.expanded .tp-ui-wrapper-time.mobile{align-items:unset}.tp-ui-header.mobile.expanded .tp-ui-wrapper-time.mobile.expanded{align-items:center}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-header.expanded{flex-direction:column;height:auto;transition:padding .4s cubic-bezier(.4,0,.2,1)}.tp-ui-wrapper.expanded .tp-ui-select-time{position:absolute}.tp-ui-mobile-clock-wrapper.expanded{height:100%!important;justify-content:unset;width:100%}}.tp-ui-select-time,.tp-ui-select-time.mobile{color:var(--tp-text-secondary);font-size:var(--tp-font-size-xs);padding:var(--tp-spacing-xl)}.tp-ui-body{border-radius:100%;height:256px;margin:0 auto;position:relative;width:256px}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-body.expanded{display:flex;height:100%;margin-top:48px;padding-left:0;padding-right:0}}.tp-ui-footer,.tp-ui-footer-mobile{display:flex;justify-content:space-between;margin-bottom:4px;padding:var(--tp-spacing-xl)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-footer.expanded{bottom:0;justify-content:space-between;left:0;position:absolute;right:0}.tp-ui-footer.expanded .tp-ui-keyboard-icon-wrapper{left:0}}.tp-ui-footer.mobile{padding:var(--tp-spacing-xl)}.tp-ui-clock-face{background-color:var(--tp-surface);border-radius:100%;height:100%;opacity:0;position:relative;transform:scale(0);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);width:100%}.tp-ui-clock-face.scale-in{opacity:1;transform:scale(1)}.tp-ui-clock-face:active .tp-ui-hour-time-12,.tp-ui-clock-face:active .tp-ui-hour-time-24,.tp-ui-clock-face:active .tp-ui-minutes-time{pointer-events:none}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-clock-face{height:256px;width:256px}}.tp-ui-dot{background-color:var(--tp-primary);border-radius:100%;height:8px;left:50%;position:absolute;top:50%;touch-action:none;transform:translate(-50%,-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:8px}.tp-ui-tips-wrapper{height:100%;width:100%}.tp-ui-tips-wrapper-24h{border-radius:50%;height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px;z-index:0}.tp-ui-tips-wrapper-24h-disabled{pointer-events:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tp-ui-tips-wrapper-24h.none{display:none}.tp-ui-hour-time-12,.tp-ui-hour-time-24,.tp-ui-minutes-time{align-items:center;cursor:pointer;display:flex;font-size:17.6px;height:32px;justify-content:center;position:absolute;text-align:center;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:32px}.tp-ui-hour-time-12 span,.tp-ui-hour-time-24 span,.tp-ui-minutes-time span{pointer-events:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tp-ui-hour-time-12{align-items:center;display:block;display:flex;justify-content:center}.tp-ui-clock-hand{bottom:50%;height:31%;left:calc(50% - 1px);transform-origin:center bottom 0;width:2px}.tp-ui-circle-hand,.tp-ui-clock-hand{background-color:var(--tp-primary);position:absolute}.tp-ui-circle-hand{align-items:center;border-radius:50%;box-sizing:border-box;display:flex;height:46px;justify-content:center;left:50%;top:0;transform:translate(-50%,-100%);transition:transform .3s cubic-bezier(.4,0,.2,1),width .15s ease,height .15s ease;width:46px}.tp-ui-circle-hand.small-circle{box-sizing:border-box!important;height:36px;width:36px}.tp-ui-circle-hand-24h{left:1px;top:4px;transform:translate(-50%,-50%)}.tp-ui-value-tips,.tp-ui-value-tips-24h{align-items:center;border-radius:50%;color:var(--tp-text);display:flex;height:100%;justify-content:center;line-height:1;transition:color .3s ease;width:100%}.tp-ui-value-tips-24h.active,.tp-ui-value-tips.active{color:var(--tp-on-primary);transition:none}.tp-ui-clock-animation{animation:clockanimation .35s linear}.tp-ui-tips-animation{transition:transform .4s cubic-bezier(.4,0,.2,1) 0ms,height .4s cubic-bezier(.4,0,.2,1) 0ms}.tp-ui-tips-disabled{color:var(--tp-text-disabled);pointer-events:none}.tp-ui-input-wrapper{border-radius:var(--tp-radius-md);display:flex;overflow:visible;position:relative;width:96px}.tp-ui-input-wrapper.mobile input{height:var(--tp-size-input-mobile)}.tp-ui-input-wrapper.mobile{flex-direction:column}.tp-ui-input-ripple-wrapper{border-radius:var(--tp-radius-md);display:flex;height:80px;overflow:hidden;position:relative;transition:height .4s cubic-bezier(.4,0,.2,1);width:100%}.tp-ui-input-ripple-wrapper.mobile{height:72px}.tp-ui-input-ripple-wrapper.expanded{height:80px}.tp-ui-input-ripple-wrapper.mobile{height:var(--tp-size-input-mobile)}.tp-ui-input-ripple-wrapper.mobile.expanded{height:var(--tp-size-input-height)}.tp-ui-wrapper-time,.tp-ui-wrapper-time.mobile{align-items:center;display:flex;height:100%;justify-content:center}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-wrapper-time.expanded{height:auto;margin-bottom:var(--tp-spacing-lg);margin-right:0;transition:margin .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1)}}.tp-ui-wrapper-time-24h{margin-right:0}.tp-ui-wrapper-time.mobile{height:auto;max-width:-moz-fit-content;max-width:fit-content;position:relative;width:100%}.tp-ui-hour,.tp-ui-hour.mobile,.tp-ui-minutes,.tp-ui-minutes.mobile{-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--tp-input-bg);border:var(--tp-border-width-thick) solid transparent;border-radius:var(--tp-radius-md);color:var(--tp-text);cursor:pointer;display:flex;font-size:var(--tp-font-size-xl);height:var(--tp-size-input-height);justify-content:center;outline:none;padding:var(--tp-size-padding);text-align:center;touch-action:manipulation;transition:color var(--tp-duration-slow,.3s) var(--tp-easing-ease,ease),background-color var(--tp-duration-slow,.3s) var(--tp-easing-ease,ease),border-color var(--tp-duration-slow,.3s) var(--tp-easing-ease,ease);width:var(--tp-size-input)}.tp-ui-hour.mobile,.tp-ui-hour.mobile.mobile,.tp-ui-minutes.mobile,.tp-ui-minutes.mobile.mobile{height:72px}.tp-ui-hour.expanded,.tp-ui-hour.mobile.expanded,.tp-ui-minutes.expanded,.tp-ui-minutes.mobile.expanded{height:80px}.tp-ui-hour.mobile:focus-visible,.tp-ui-hour:focus-visible,.tp-ui-minutes.mobile:focus-visible,.tp-ui-minutes:focus-visible{border:2px solid var(--tp-outline);outline:none}@media (hover:hover) and (pointer:fine){.tp-ui-hour.mobile:hover,.tp-ui-hour:hover,.tp-ui-minutes.mobile:hover,.tp-ui-minutes:hover{background-color:var(--tp-surface-hover);color:var(--tp-text)}}.tp-ui-hour.active,.tp-ui-hour.mobile.active,.tp-ui-minutes.active,.tp-ui-minutes.mobile.active{background-color:var(--tp-primary-container);color:var(--tp-on-primary-container)}@media (hover:hover) and (pointer:fine){.tp-ui-hour.active:hover,.tp-ui-hour.mobile.active:hover,.tp-ui-minutes.active:hover,.tp-ui-minutes.mobile.active:hover{color:var(--tp-on-primary-container)}}.tp-ui-hour.mobile::-webkit-inner-spin-button,.tp-ui-hour.mobile::-webkit-outer-spin-button,.tp-ui-hour::-webkit-inner-spin-button,.tp-ui-hour::-webkit-outer-spin-button,.tp-ui-minutes.mobile::-webkit-inner-spin-button,.tp-ui-minutes.mobile::-webkit-outer-spin-button,.tp-ui-minutes::-webkit-inner-spin-button,.tp-ui-minutes::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.tp-ui-hour,.tp-ui-minutes{border:2px solid transparent;outline:none}.tp-ui-hour[contenteditable=true]:active,.tp-ui-hour[contenteditable=true]:focus,.tp-ui-minutes[contenteditable=true]:active,.tp-ui-minutes[contenteditable=true]:focus{border:2px solid var(--tp-outline);outline-color:var(--tp-outline);-webkit-user-select:all;-moz-user-select:all;user-select:all}.tp-ui-hour.mobile,.tp-ui-minutes.mobile{border:2px solid transparent;outline:none}.tp-ui-hour.mobile[contenteditable=true]:active,.tp-ui-hour.mobile[contenteditable=true]:focus,.tp-ui-minutes.mobile[contenteditable=true]:active,.tp-ui-minutes.mobile[contenteditable=true]:focus{border:2px solid var(--tp-outline);outline-color:var(--tp-outline);-webkit-user-select:all;-moz-user-select:all;user-select:all}.tp-ui-dots,.tp-ui-dots.mobile{align-items:center;background-color:transparent;border-radius:50%;display:flex;flex-direction:column;gap:12px;height:48px;justify-content:center;width:24px}.tp-ui-dots span,.tp-ui-dots.mobile span{background-color:var(--tp-text);border-radius:50%;display:block;height:var(--tp-size-dot);width:var(--tp-size-dot)}.tp-ui-dots.mobile{justify-content:normal}.tp-ui-hour-text,.tp-ui-minute-text{color:var(--tp-text-secondary);display:none;font-size:12.8px;margin-top:8px;pointer-events:none}.tp-ui-hour-text.mobile,.tp-ui-hour-text.show,.tp-ui-minute-text.mobile,.tp-ui-minute-text.show{display:block}.tp-ui-hour-text.mobile.expanded,.tp-ui-minute-text.mobile.expanded{display:none}.tp-ui-wrapper-type-time,.tp-ui-wrapper-type-time.mobile{align-self:stretch;color:var(--tp-text-type-time);display:flex;flex-direction:column;font-size:var(--tp-font-size-lg);font-weight:500;justify-content:center;margin-left:var(--tp-spacing-md)}.tp-ui-wrapper-type-time.mobile{justify-content:flex-start}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-wrapper-type-time.expanded:not(.mobile){flex-direction:row;margin-left:0;transition:width .4s cubic-bezier(.4,0,.2,1),margin .4s cubic-bezier(.4,0,.2,1);width:100%}}.tp-ui-wrapper-type-time.mobile{align-self:auto}.tp-ui-am,.tp-ui-am.mobile,.tp-ui-pm,.tp-ui-pm.mobile{-webkit-tap-highlight-color:transparent;align-items:center;border:var(--tp-border-width) solid var(--tp-border);color:var(--tp-am-pm-text-unselected);cursor:pointer;display:flex;height:100%;justify-content:center;touch-action:manipulation;transition:color .3s ease,background-color .3s ease,width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),max-height .4s cubic-bezier(.4,0,.2,1),border-radius .4s cubic-bezier(.4,0,.2,1);width:100%}@media (hover:hover) and (pointer:fine){.tp-ui-am.mobile:hover,.tp-ui-am:hover,.tp-ui-pm.mobile:hover,.tp-ui-pm:hover{background-color:var(--tp-am-pm-active);color:var(--tp-am-pm-text-unselected)}}.tp-ui-am.active,.tp-ui-am.mobile.active,.tp-ui-pm.active,.tp-ui-pm.mobile.active{background-color:var(--tp-am-pm-active);color:var(--tp-am-pm-text-selected);pointer-events:none}@media (hover:hover) and (pointer:fine){.tp-ui-am.active:hover,.tp-ui-am.mobile.active:hover,.tp-ui-pm.active:hover,.tp-ui-pm.mobile.active:hover{color:var(--tp-am-pm-text-selected)}}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-am.expanded,.tp-ui-pm.expanded{height:var(--tp-size-am-pm-height-landscape);width:50%}.tp-ui-am.expanded{border-bottom:var(--tp-border-width) solid var(--tp-border);border-right:unset}}.tp-ui-am,.tp-ui-am.mobile{border-top-left-radius:var(--tp-radius-sm);border-top-right-radius:var(--tp-radius-sm)}.tp-ui-am.mobile{border-bottom-left-radius:0}.tp-ui-am.mobile,.tp-ui-pm.mobile{max-height:var(--tp-size-am-pm-height)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-am.expanded{border-bottom-left-radius:var(--tp-radius-sm);border-right-width:var(--tp-border-width-half);border-top-left-radius:var(--tp-radius-sm);border-top-right-radius:0}}.tp-ui-am,.tp-ui-am.mobile{border-bottom:unset}.tp-ui-pm,.tp-ui-pm.mobile{border-bottom-left-radius:var(--tp-radius-sm);border-bottom-right-radius:var(--tp-radius-sm);width:var(--tp-size-am-pm-width)}.tp-ui-pm.mobile{border-top-right-radius:0}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-pm.expanded{border-bottom-left-radius:0;border-bottom-right-radius:var(--tp-radius-sm);border-bottom-width:var(--tp-border-width-pm);border-left-width:var(--tp-border-width-half);border-top-right-radius:var(--tp-radius-sm);height:var(--tp-size-am-pm-height-landscape);width:50%}}.tp-ui-clear-btn{margin-right:auto}.tp-ui-cancel-btn{margin-right:var(--tp-spacing-xs)}.tp-ui-cancel-btn,.tp-ui-cancel-btn.mobile,.tp-ui-clear-btn,.tp-ui-clear-btn.mobile,.tp-ui-ok-btn,.tp-ui-ok.btn-mobile{background-color:transparent;border-radius:var(--tp-btn-radius);color:var(--tp-primary);cursor:pointer;font-size:14px;font-weight:500;overflow:hidden;padding:var(--tp-size-padding) var(--tp-spacing-xl);position:relative;text-align:center;transition:background-color .2s ease,opacity .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tp-ui-cancel-btn.mobile:after,.tp-ui-cancel-btn:after,.tp-ui-clear-btn.mobile:after,.tp-ui-clear-btn:after,.tp-ui-ok-btn:after,.tp-ui-ok.btn-mobile:after{background-color:currentColor;border-radius:inherit;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease}.tp-ui-cancel-btn.mobile:hover:after,.tp-ui-cancel-btn:hover:after,.tp-ui-clear-btn.mobile:hover:after,.tp-ui-clear-btn:hover:after,.tp-ui-ok-btn:hover:after,.tp-ui-ok.btn-mobile:hover:after{opacity:.08}.tp-ui-cancel-btn.mobile:focus-visible,.tp-ui-cancel-btn:focus-visible,.tp-ui-clear-btn.mobile:focus-visible,.tp-ui-clear-btn:focus-visible,.tp-ui-ok-btn:focus-visible,.tp-ui-ok.btn-mobile:focus-visible{outline:none}.tp-ui-cancel-btn.mobile:focus-visible:after,.tp-ui-cancel-btn:focus-visible:after,.tp-ui-clear-btn.mobile:focus-visible:after,.tp-ui-clear-btn:focus-visible:after,.tp-ui-ok-btn:focus-visible:after,.tp-ui-ok.btn-mobile:focus-visible:after{opacity:.12}.tp-ui-cancel-btn.mobile:active:after,.tp-ui-cancel-btn:active:after,.tp-ui-clear-btn.mobile:active:after,.tp-ui-clear-btn:active:after,.tp-ui-ok-btn:active:after,.tp-ui-ok.btn-mobile:active:after{opacity:.16}.tp-ui-cancel-btn.disabled,.tp-ui-cancel-btn.mobile.disabled,.tp-ui-cancel-btn.mobile[aria-disabled=true],.tp-ui-cancel-btn.mobile[disabled],.tp-ui-cancel-btn[aria-disabled=true],.tp-ui-cancel-btn[disabled],.tp-ui-clear-btn.disabled,.tp-ui-clear-btn.mobile.disabled,.tp-ui-clear-btn.mobile[aria-disabled=true],.tp-ui-clear-btn.mobile[disabled],.tp-ui-clear-btn[aria-disabled=true],.tp-ui-clear-btn[disabled],.tp-ui-ok-btn.disabled,.tp-ui-ok-btn[aria-disabled=true],.tp-ui-ok-btn[disabled],.tp-ui-ok.btn-mobile.disabled,.tp-ui-ok.btn-mobile[aria-disabled=true],.tp-ui-ok.btn-mobile[disabled]{cursor:not-allowed;opacity:.38;pointer-events:none}.tp-ui-cancel-btn.disabled:after,.tp-ui-cancel-btn.mobile.disabled:after,.tp-ui-cancel-btn.mobile[aria-disabled=true]:after,.tp-ui-cancel-btn.mobile[disabled]:after,.tp-ui-cancel-btn[aria-disabled=true]:after,.tp-ui-cancel-btn[disabled]:after,.tp-ui-clear-btn.disabled:after,.tp-ui-clear-btn.mobile.disabled:after,.tp-ui-clear-btn.mobile[aria-disabled=true]:after,.tp-ui-clear-btn.mobile[disabled]:after,.tp-ui-clear-btn[aria-disabled=true]:after,.tp-ui-clear-btn[disabled]:after,.tp-ui-ok-btn.disabled:after,.tp-ui-ok-btn[aria-disabled=true]:after,.tp-ui-ok-btn[disabled]:after,.tp-ui-ok.btn-mobile.disabled:after,.tp-ui-ok.btn-mobile[aria-disabled=true]:after,.tp-ui-ok.btn-mobile[disabled]:after{opacity:0}.tp-ui-keyboard-icon,.tp-ui-keyboard-icon-mobile,.tp-ui-wrapper-btn,.tp-ui-wrapper-btn-mobile{align-items:center;display:flex;justify-content:center}.tp-ui-keyboard-icon,.tp-ui-keyboard-icon-mobile{-webkit-tap-highlight-color:transparent;all:unset;align-items:center;border-radius:inherit;cursor:pointer;display:inline-flex;justify-content:center;line-height:0;position:relative;touch-action:manipulation}.tp-ui-keyboard-icon-wrapper,.tp-ui-keyboard-icon-wrapper.mobile{cursor:pointer;display:flex;transition:all .3s ease;z-index:10}.tp-ui-keyboard-icon-wrapper.mobile:hover svg,.tp-ui-keyboard-icon-wrapper:hover svg{fill:var(--tp-primary)}.tp-ui-keyboard-icon svg,.tp-ui-keyboard-icon.mobile svg{fill:var(--tp-text-icon);cursor:pointer;pointer-events:none;transition:all .3s ease}@keyframes clockanimation{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tp-ui--inline{background-color:transparent!important;bottom:auto!important;opacity:1!important;pointer-events:auto!important;right:auto!important;z-index:auto!important}.tp-ui--inline,.tp-ui--inline .tp-ui-wrapper,.tp-ui--inline .tp-ui-wrapper.mobile{display:block!important;left:auto!important;position:static!important;top:auto!important;transform:none!important}.tp-ui--inline .tp-ui-wrapper,.tp-ui--inline .tp-ui-wrapper.mobile{border-radius:8px!important;box-shadow:0 2px 8px #00000026!important;height:auto!important;margin:0 auto!important;max-width:328px!important;min-height:500px!important;width:100%!important}.tp-ui--inline .tp-ui-footer .tp-ui-wrapper-btn[style*="display: none"]~*{justify-content:center!important}.tp-ui--inline .tp-ui-wrapper-btn:not([style*="display: none"]){display:flex!important;gap:8px!important;justify-content:flex-end!important}.tp-ui-am:focus-visible,.tp-ui-cancel-btn:focus-visible,.tp-ui-hour-time-12:focus-visible,.tp-ui-hour-time-24:focus-visible,.tp-ui-keyboard-icon-wrapper:focus-visible,.tp-ui-minutes-time:focus-visible,.tp-ui-ok-btn:focus-visible,.tp-ui-pm:focus-visible{box-shadow:var(--tp-shadow-focus);outline:var(--tp-outline-width-thick) solid var(--tp-primary);outline-offset:var(--tp-outline-offset)}@media (prefers-contrast:high){.tp-ui-am:focus-visible,.tp-ui-cancel-btn:focus-visible,.tp-ui-hour-time-12:focus-visible,.tp-ui-hour-time-24:focus-visible,.tp-ui-minutes-time:focus-visible,.tp-ui-ok-btn:focus-visible,.tp-ui-pm:focus-visible{font-weight:700;outline-width:var(--tp-outline-width-contrast)}}@media (prefers-reduced-motion:reduce){.tp-ui-clock-animation{animation:none!important}.tp-ui-clock-hand,.tp-ui-modal,.tp-ui-tips-animation{transition:none!important}.tp-ui *{animation-duration:var(--tp-duration-reduced)!important;animation-iteration-count:1!important;transition-duration:var(--tp-duration-reduced)!important}}@media (prefers-contrast:high){.tp-ui-clock-face,.tp-ui-wrapper{border:var(--tp-border-width-thick) solid}}[data-md3-ripple]{position:relative}[data-md3-ripple]:before{background:var(--tp-primary);border-radius:50%;content:"";height:var(--ripple-size,0);left:var(--ripple-x,50%);opacity:0;pointer-events:none;position:absolute;top:var(--ripple-y,50%);transform:translate(-50%,-50%) scale(0);width:var(--ripple-size,0);z-index:1}[data-md3-ripple].is-rippling:before,[data-md3-ripple].ripple-hold:before{animation:ripple-expand .7s cubic-bezier(.4,0,.2,1) forwards}[data-md3-ripple]:not(.ripple-hold).is-rippling:before{animation:ripple-expand .7s cubic-bezier(.4,0,.2,1) forwards,ripple-fade .5s cubic-bezier(.4,0,.2,1) .7s forwards}.tp-ui-am,.tp-ui-input-wrapper,.tp-ui-pm{overflow:hidden}@keyframes ripple-expand{0%{opacity:.4;transform:translate(-50%,-50%) scale(0)}to{opacity:.2;transform:translate(-50%,-50%) scale(2.5)}}@keyframes ripple-fade{0%{opacity:.2}to{opacity:0}}.tp-ui-timezone{border-top:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:4px;margin:0;padding:8px 24px}.tp-ui-timezone.mobile{padding:6px 16px}.tp-ui-timezone-label{color:var(--tp-text-secondary);font-size:11px;font-weight:500;letter-spacing:.4px;margin:0;padding:0 0 2px;text-transform:uppercase}.tp-ui-timezone-dropdown{-webkit-tap-highlight-color:transparent;background-color:var(--tp-input-bg);border:none;border-bottom:1px solid var(--tp-outline);border-radius:var(--tp-radius-sm) var(--tp-radius-sm) 0 0;cursor:pointer;height:40px;position:relative;touch-action:manipulation;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}@media (hover:hover) and (pointer:fine){.tp-ui-timezone-dropdown:hover{background-color:var(--tp-surface-hover);border-bottom-color:var(--tp-text)}}.tp-ui-timezone-dropdown:focus{background-color:var(--tp-input-bg);border-bottom:2px solid var(--tp-primary);outline:none}.tp-ui-timezone-dropdown:focus .tp-ui-timezone-selected{padding-bottom:5px}.tp-ui-timezone-dropdown[aria-expanded=true]{border-bottom:2px solid var(--tp-primary);border-radius:var(--tp-radius-sm) var(--tp-radius-sm) 0 0;z-index:1000}.tp-ui-timezone-dropdown[aria-expanded=true] .tp-ui-timezone-selected{padding-bottom:5px}.tp-ui-timezone-dropdown[aria-expanded=true] .tp-ui-timezone-arrow{transform:rotate(180deg)}.tp-ui-timezone-dropdown[aria-expanded=true] .tp-ui-timezone-menu{opacity:1;transform:translateY(0) scaleY(1);visibility:visible}.mobile .tp-ui-timezone-dropdown{height:36px}.tp-ui-timezone-selected{align-items:center;color:var(--tp-text);display:flex;font-size:14px;font-weight:400;height:100%;line-height:1.4;overflow:hidden;padding:10px 32px 6px 10px;text-overflow:ellipsis;white-space:nowrap}.tp-ui-timezone-selected[data-placeholder]{color:var(--tp-text-secondary)}.mobile .tp-ui-timezone-selected{font-size:13px;padding:8px 28px 4px 8px}.tp-ui-timezone-arrow{color:var(--tp-text-secondary);height:18px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:transform .2s cubic-bezier(.4,0,.2,1);width:18px}.mobile .tp-ui-timezone-arrow{height:16px;right:6px;width:16px}.tp-ui-timezone-menu{background-color:var(--tp-dropdown-option-bg);border-radius:0 0 var(--tp-radius-md) var(--tp-radius-md);box-shadow:var(--tp-shadow);left:0;margin-top:-1px;max-height:280px;opacity:0;overflow-y:auto;position:absolute;right:0;top:100%;transform:translateY(-8px) scaleY(.9);transform-origin:top center;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),visibility .2s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:999}.tp-ui-timezone-menu::-webkit-scrollbar{width:6px}.tp-ui-timezone-menu::-webkit-scrollbar-track{background:transparent}.tp-ui-timezone-menu::-webkit-scrollbar-thumb{background-color:var(--tp-text-secondary);border-radius:3px;opacity:.3}.mobile .tp-ui-timezone-menu{max-height:220px}.tp-ui-timezone-option{align-items:center;color:var(--tp-dropdown-option-text);cursor:pointer;display:flex;font-size:14px;overflow:hidden;padding:12px 16px;position:relative;transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}.tp-ui-timezone-option:hover,.tp-ui-timezone-option[data-focused=true]{background-color:var(--tp-surface-hover)}.tp-ui-timezone-option[data-selected=true]{background-color:var(--tp-primary-container);color:var(--tp-on-primary-container);font-weight:500}.tp-ui-timezone-option[data-selected=true]:after{content:"✓";font-size:16px;font-weight:600;position:absolute;right:16px}.tp-ui-timezone-option:active{background-color:var(--tp-primary-container)}.mobile .tp-ui-timezone-option{font-size:13px;padding:10px 14px}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-tz-mode .tp-ui-wrapper.expanded{display:grid;grid-template-areas:"label  clock" "header clock" "tz     clock" "footer footer";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto auto}.tp-ui-tz-mode .tp-ui-wrapper.expanded .tp-ui-select-time{grid-area:label;position:relative}.tp-ui-tz-mode .tp-ui-header.expanded,.tp-ui-tz-mode .tp-ui-header.mobile.expanded{align-self:center;grid-area:header;padding-bottom:0}.tp-ui-tz-mode .tp-ui-timezone.expanded:not(.mobile){align-self:start;border-top:none;grid-area:tz;margin:0;padding:4px 24px;position:relative}.tp-ui-tz-mode .tp-ui-mobile-clock-wrapper.expanded{grid-area:clock}.tp-ui-tz-mode .tp-ui-footer.expanded{bottom:auto;grid-area:footer;left:auto;position:relative;right:auto}}.tp-ui-range-header{align-items:stretch;display:flex;gap:var(--tp-spacing-md);justify-content:center;margin-bottom:var(--tp-spacing-lg);padding:var(--tp-spacing-lg) var(--tp-spacing-xl) 0}.tp-ui-range-tab{-webkit-tap-highlight-color:transparent;align-items:center;background:transparent;border:none;border-radius:var(--tp-radius-md);cursor:pointer;display:flex;flex:1;flex-direction:column;font-family:inherit;gap:2px;justify-content:center;max-width:120px;padding:var(--tp-spacing-sm) var(--tp-spacing-md);position:relative;touch-action:manipulation;transition:background-color var(--tp-duration-fast) var(--tp-easing-standard)}.tp-ui-range-tab:after{background:var(--tp-primary);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);transition:width var(--tp-duration-base) var(--tp-easing-standard);width:0}.tp-ui-range-tab:focus-visible{outline:var(--tp-outline-width) solid var(--tp-primary);outline-offset:var(--tp-outline-offset)}@media (hover:hover) and (pointer:fine){.tp-ui-range-tab:not(.active):hover{background:rgba(var(--tp-on-surface-rgb),var(--tp-opacity-hover))}}.tp-ui-range-tab.active:after{width:100%}.tp-ui-range-tab.active .tp-ui-range-tab-value{color:var(--tp-primary)}.tp-ui-range-tab.disabled{cursor:not-allowed;opacity:var(--tp-opacity-disabled);pointer-events:none}.tp-ui-range-tab-label{color:var(--tp-text-secondary);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.tp-ui-range-tab-value{color:var(--tp-on-surface);font-size:16px;font-weight:400;min-height:28px;transition:color var(--tp-duration-fast) var(--tp-easing-standard)}.tp-ui-range-mode .tp-ui-select-time{display:none}.tp-ui-range-mode .tp-ui-ok-btn.disabled{opacity:var(--tp-opacity-disabled);pointer-events:none}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-range-mode .tp-ui-range-header.expanded{box-sizing:border-box;justify-content:flex-start;left:0;margin-bottom:0;padding:var(--tp-spacing-sm) var(--tp-spacing-md) 0;position:absolute;right:0;top:0;width:100%;z-index:1}}.tp-ui-wheel-container{align-items:center;display:flex;gap:var(--tp-spacing-xs);justify-content:center;min-height:calc(var(--tp-wheel-item-height)*var(--tp-wheel-visible-items));padding:var(--tp-spacing-lg) 0;position:relative}.tp-ui-wheel-column-wrapper{height:calc(var(--tp-wheel-item-height)*var(--tp-wheel-visible-items));position:relative;width:var(--tp-wheel-column-width)}.tp-ui-wheel-column{-webkit-overflow-scrolling:touch;cursor:grab;height:100%;overflow-y:scroll;position:relative;scrollbar-width:none;touch-action:none;width:100%}.tp-ui-wheel-column::-webkit-scrollbar{display:none}.tp-ui-wheel-column:focus-visible{border-radius:var(--tp-radius-sm);outline:var(--tp-outline-width) solid var(--tp-outline,#6750a4);outline-offset:var(--tp-outline-offset)}.tp-ui-wheel-column.is-dragging{cursor:grabbing}.tp-ui-wheel-item{align-items:center;color:var(--tp-wheel-text-color);display:flex;font-size:var(--tp-wheel-font-size);height:var(--tp-wheel-item-height);justify-content:center;position:relative;transition:color var(--tp-duration-fast,.1s) var(--tp-easing-standard,ease-out);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.tp-ui-wheel-item.is-center{color:var(--tp-wheel-selected-color);font-weight:600}.tp-ui-wheel-item.is-disabled{opacity:var(--tp-wheel-disabled-opacity);pointer-events:none}.tp-ui-wheel-padding{height:var(--tp-wheel-item-height);pointer-events:none}.tp-ui-wheel-separator{align-items:center;color:var(--tp-wheel-text-color);display:flex;font-size:var(--tp-wheel-selected-font-size);font-weight:600;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--tp-wheel-separator-width)}.tp-ui-wheel-highlight{background:var(--tp-wheel-highlight-bg);border:1px solid var(--tp-wheel-highlight-border);border-radius:var(--tp-wheel-highlight-radius);height:var(--tp-wheel-item-height);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - var(--tp-spacing-lg));z-index:0}.tp-ui-wheel-column-wrapper:after,.tp-ui-wheel-column-wrapper:before{content:"";height:var(--tp-wheel-item-height);left:0;opacity:var(--tp-wheel-fade-opacity,.6);pointer-events:none;position:absolute;right:0;transition:opacity var(--tp-duration-fast,.15s) var(--tp-easing-standard,ease-out);z-index:2}.tp-ui-wheel-column-wrapper:before{background:linear-gradient(to bottom,var(--tp-bg,#fff) 10%,transparent 100%);top:0}.tp-ui-wheel-column-wrapper:after{background:linear-gradient(to top,var(--tp-bg,#fff) 10%,transparent 100%);bottom:0}.tp-ui-wheel-column-wrapper.at-end:after,.tp-ui-wheel-column-wrapper.at-start:before{opacity:0}.tp-ui-compact-wheel-mode .tp-ui-mobile-clock-wrapper,.tp-ui-wheel-mode .tp-ui-mobile-clock-wrapper{min-height:auto}.tp-ui-compact-wheel-mode .tp-ui-wrapper{padding-top:var(--tp-spacing-md)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-wheel-mode .tp-ui-wheel-container{padding:var(--tp-spacing-sm) 0}.tp-ui-wheel-mode .tp-ui-mobile-clock-wrapper.expanded{justify-content:center;padding-bottom:var(--tp-wheel-landscape-footer-offset)}.tp-ui-compact-wheel-mode .tp-ui-wrapper.expanded{flex-direction:column;width:var(--tp-wheel-landscape-compact-width)}.tp-ui-compact-wheel-mode .tp-ui-mobile-clock-wrapper.expanded{justify-content:center}.tp-ui-compact-wheel-mode .tp-ui-wheel-container{min-height:calc(var(--tp-wheel-item-height)*var(--tp-wheel-landscape-compact-visible-items));padding:var(--tp-spacing-xs) 0}.tp-ui-compact-wheel-mode .tp-ui-wheel-column-wrapper{height:calc(var(--tp-wheel-item-height)*var(--tp-wheel-landscape-compact-visible-items))}}.tp-ui-wheel-ampm{width:var(--tp-wheel-ampm-column-width,64px)}.tp-ui-wheel-column-wrapper:has(.tp-ui-wheel-ampm){margin-left:var(--tp-spacing-xs);width:var(--tp-wheel-ampm-column-width,64px)}@media (prefers-reduced-motion:reduce){.tp-ui-wheel-item{transition:none}}@media (forced-colors:active){.tp-ui-wheel-highlight{border:var(--tp-border-width-thick) solid ButtonText}.tp-ui-wheel-item.is-center{color:Highlight}}.tp-ui-modal.tp-ui-popover{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent;bottom:auto;height:auto;left:auto;max-width:var(--tp-popover-max-width);pointer-events:auto;right:auto;top:auto;width:auto;z-index:5001}.tp-ui-modal.tp-ui-popover .tp-ui-wrapper{border:1px solid var(--tp-outline-variant,rgba(0,0,0,.12));border-radius:var(--tp-popover-radius);box-shadow:var(--tp-popover-shadow);left:auto;position:static;top:auto;transform:none;width:auto}.spotti-time-input{display:block;width:100%;max-width:100%;box-sizing:border-box;height:2.5rem;cursor:text;border:1px solid hsl(var(--input));border-radius:calc(var(--radius) - 2px);background:hsl(var(--background));color:hsl(var(--foreground));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.spotti-time-input:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.spotti-time-input:disabled{cursor:not-allowed;opacity:.5}@media (max-width: 767px){.spotti-time-input{font-size:16px}}.timepicker-ui input.tp-ui-hour,.timepicker-ui input.tp-ui-minutes,.timepicker-ui .tp-ui-hour,.timepicker-ui .tp-ui-minutes{font-size:16px}.timepicker-ui,.timepicker-ui__modal,.timepicker-ui__wrapper{z-index:200}.dashboard-sidebar{display:flex;flex-direction:column;background:hsl(var(--card));border-left:1px solid hsl(var(--border));min-width:0;height:100%}.dashboard-sidebar-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid hsl(var(--border));flex-shrink:0}.dashboard-sidebar-header-main{display:flex;flex-direction:column;gap:.5rem;min-width:0}.dashboard-sidebar-mode{margin:0;line-height:1.35}.dashboard-sidebar-tabs{display:flex;flex-wrap:wrap;gap:.25rem}.dashboard-sidebar-tab{padding:.4rem .75rem;font-size:.875rem;font-weight:500;border:none;border-radius:6px;background:transparent;color:hsl(var(--muted-foreground));cursor:pointer}.dashboard-sidebar-tab:hover{color:hsl(var(--foreground));background:hsl(var(--muted) / .5)}.dashboard-sidebar-tab--active{background:hsl(var(--muted));color:hsl(var(--foreground))}.dashboard-sidebar-close{flex-shrink:0}.dashboard-sidebar-body{flex:1;min-height:0;overflow-y:auto;padding:1rem}.dashboard-sidebar-pane{display:flex;flex-direction:column;gap:1rem;min-height:0}.dashboard-sidebar-footer{margin-top:auto;padding-top:1rem;flex-shrink:0}.dashboard-sidebar--page{border-left:none;height:auto;min-height:0;background:transparent}.dashboard-sidebar--page .dashboard-sidebar-header{padding-left:0;padding-right:0}.dashboard-sidebar--page .dashboard-sidebar-body{padding:1rem 0;overflow:visible}.history-chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:1.5rem 0}.history-chart-spinner{width:2.25rem;height:2.25rem;border:3px solid hsl(var(--muted));border-top-color:var(--kare-primary, hsl(142 76% 36%));border-radius:50%;animation:history-chart-spin .75s linear infinite}@keyframes history-chart-spin{to{transform:rotate(360deg)}}.history-period-tabs-list{background:hsl(var(--muted) / .4)}.history-chart-wrap{width:100%}.meter-capsule{display:flex;flex-direction:column;gap:.35rem;width:100%}.meter-capsule-labels{display:flex;justify-content:space-between;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.meter-capsule-side{display:flex;flex-direction:column;gap:.1rem}.meter-capsule-scale-hint{font-size:.58rem;font-weight:500;text-transform:none;letter-spacing:0;opacity:.75}.meter-capsule-side--export{color:#059669}.meter-capsule-side--import{color:#d97706}.meter-capsule-track{position:relative;height:4.5rem;border-radius:999px;background:hsl(var(--muted) / .55);border:1px solid hsl(var(--border) / .8);overflow:hidden;transition:background-color .35s ease,border-color .35s ease}.meter-capsule-track--export{background:#10b98114;border-color:#10b98140}.meter-capsule-track--import{background:#f59e0b14;border-color:#f59e0b40}.meter-capsule-zero{position:absolute;left:50%;top:.45rem;bottom:.45rem;width:2px;margin-left:-1px;background:hsl(var(--foreground) / .2);border-radius:1px;z-index:1}.meter-capsule-fill{position:absolute;top:.45rem;bottom:.45rem;transition:width .45s cubic-bezier(.22,1,.36,1);z-index:0}.meter-capsule-fill--export{right:50%;border-radius:999px 0 0 999px;background:linear-gradient(270deg,#10b9818c,#10b98140)}.meter-capsule-fill--import{left:50%;border-radius:0 999px 999px 0;background:linear-gradient(90deg,#f59e0b8c,#f59e0b40)}.meter-capsule-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;pointer-events:none}.meter-capsule-w{font-size:clamp(1.35rem,3.5vw,1.75rem);font-weight:700;line-height:1.1;color:hsl(var(--foreground));transition:color .35s ease}.meter-capsule-track--export .meter-capsule-w{color:#059669}.meter-capsule-track--import .meter-capsule-w{color:#d97706}.meter-capsule-kw{font-size:.75rem;color:hsl(var(--muted-foreground));margin-top:.1rem}.meter-dash-toolbar{padding:1rem 1.25rem .75rem;border-bottom:1px solid hsl(var(--border) / .6)}.meter-dash-toolbar-main{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.meter-dash-title{margin:0;font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.meter-dash-toolbar-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.meter-dash-subtitle{margin:.35rem 0 0;font-size:.75rem;color:hsl(var(--muted-foreground));line-height:1.4}.meter-dash-hero{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,hsl(var(--muted) / .3),hsl(var(--card)));transition:background .4s ease}.meter-dash-hero-main{display:flex;flex-direction:column;gap:.5rem}.meter-dash-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.meter-dash-hero--export{background:linear-gradient(135deg,#10b9811a,hsl(var(--card)) 65%)}.meter-dash-hero--import{background:linear-gradient(135deg,#f59e0b1a,hsl(var(--card)) 65%)}.meter-dash-power-label{font-size:.8rem;font-weight:500;color:hsl(var(--muted-foreground));transition:color .35s ease}.meter-dash-chip{display:flex;align-items:center;gap:.55rem;padding:.55rem .65rem;border-radius:.6rem;background:hsl(var(--background) / .75);border:1px solid hsl(var(--border) / .75)}.meter-dash-chip--current{background:#3b82f60f;border-color:#3b82f633}.meter-dash-chip--voltage{background:#8b5cf60f;border-color:#8b5cf633}.meter-dash-chip-icon{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.45rem;flex-shrink:0}.meter-dash-chip-icon--current{background:#3b82f624;color:#2563eb}.meter-dash-chip-icon--voltage{background:#8b5cf624;color:#6d28d9}.meter-dash-chip-body{min-width:0}.meter-dash-chip-label{display:block;font-size:.65rem;font-weight:500;color:hsl(var(--muted-foreground));margin-bottom:.1rem}.meter-dash-chip-value{font-size:.9rem;font-weight:600;color:hsl(var(--foreground))}.meter-dash-table-section{padding:0 1.25rem 1.25rem}.meter-dash-table-scroll{overflow-x:auto;border:1px solid hsl(var(--border));border-radius:.75rem;background:hsl(var(--card))}.meter-dash-table{width:100%;min-width:22rem;table-layout:fixed;border-collapse:collapse;font-size:.8rem}.meter-col-phase{width:10.5rem}.meter-col-data{width:calc((100% - 10.5rem) / 3)}.meter-dash-table thead{background:hsl(var(--muted) / .35)}.meter-dash-table th{padding:.55rem .65rem;text-align:right;font-size:.68rem;font-weight:600;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.meter-dash-table th.meter-th-phase{text-align:left;padding-left:.75rem}.meter-dash-table td{padding:.6rem .65rem;border-top:1px solid hsl(var(--border) / .7);vertical-align:middle}.meter-table-num{text-align:right;font-weight:500;color:hsl(var(--foreground));white-space:nowrap}.meter-table-unit{margin-left:.2rem;font-size:.72rem;font-weight:500;color:hsl(var(--muted-foreground))}.meter-table-phase{display:flex;align-items:center;gap:.5rem;padding-left:.1rem}.meter-table-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.6rem;border-radius:.4rem;font-size:.65rem;font-weight:700;flex-shrink:0}.meter-table-badge--total{background:hsl(var(--muted));color:hsl(var(--foreground))}.meter-table-badge--a{background:#f59e0b2e;color:#b45309}.meter-table-badge--b{background:#3b82f62e;color:#1d4ed8}.meter-table-badge--c{background:#8b5cf62e;color:#6d28d9}.meter-table-phase-label{font-weight:600;color:hsl(var(--foreground));font-size:.78rem}.meter-table-row--total{background:hsl(var(--muted) / .2)}.meter-table-row--total .meter-table-num{font-weight:600}.meter-table-row--a{background:#f59e0b0a}.meter-table-row--b{background:#3b82f60a}.meter-table-row--c{background:#8b5cf60a}.meter-history-chart{overflow:hidden}.meter-history-title-icon{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.45rem;background:#10b9811f;color:#059669}.meter-history-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}@media (min-width: 640px){.meter-history-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.meter-history-stat{display:flex;flex-direction:column;gap:.1rem;padding:.55rem .65rem;border-radius:.6rem;background:hsl(var(--muted) / .35);border:1px solid hsl(var(--border) / .8)}.meter-history-stat-label{font-size:.68rem;font-weight:500;color:hsl(var(--muted-foreground))}.meter-history-stat-value{font-size:.9rem;font-weight:600;color:hsl(var(--foreground))}.meter-history-empty{padding:2rem 1rem;text-align:center;border-radius:.75rem;background:hsl(var(--muted) / .25);border:1px dashed hsl(var(--border))}.meter-history-chart-wrap{width:100%}.dashboard-page{display:flex;flex-direction:column;min-height:0;height:calc(100vh - 80px)}.dashboard-page--empty{height:auto;min-height:60vh;align-items:center;justify-content:center}.dashboard-empty-card{text-align:center;padding:2rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;max-width:400px}.dashboard-empty-card h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:hsl(var(--foreground))}.dashboard-empty-description{margin:0 0 1.5rem;color:#263a69;font-size:.95rem;line-height:1.5}.dashboard-add-device-card{padding:1.5rem;max-width:420px}.dashboard-content-grid{display:grid;grid-template-columns:1fr minmax(320px,520px);gap:0;min-height:0;flex:1;overflow:hidden}.dashboard-main{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:1rem}.dashboard-main-scroll{flex:1;min-height:0;overflow-y:auto}.dashboard-history{min-width:0}.dashboard-sidebar-desktop{min-width:0;width:100%;max-width:520px;height:100%;overflow:hidden;border-left:1px solid hsl(var(--border))}.dashboard-mobile-sidebar-trigger{display:none}@media (max-width: 900px){.dashboard-content-grid{grid-template-columns:1fr}.dashboard-sidebar-desktop{display:none}.dashboard-mobile-sidebar-trigger{display:block;position:fixed;bottom:1rem;right:1rem;z-index:30}}.drawer-bottom-sheet{max-height:85vh}.mobile-layout{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:#f8fafc}.mobile-layout-header{position:sticky;top:0;z-index:50;background:hsl(var(--card));border-bottom:1px solid hsl(var(--border));box-shadow:0 1px 3px #0000000f}.mobile-layout-header-row{display:flex;align-items:center;gap:.75rem;padding:max(.75rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) .75rem max(1rem,env(safe-area-inset-left));min-height:52px}.mobile-layout-back{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:hsl(var(--foreground));background:transparent;border:none;border-radius:10px;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-layout-back:hover{background:hsl(var(--muted))}.mobile-layout-logo{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:#505662;font-weight:700;flex-shrink:0}.mobile-layout-logo:active{opacity:.9}.mobile-layout-logo-icon{height:28px;width:auto}.mobile-layout-logo-text{font-family:All Round Gothic,system-ui,sans-serif;font-size:1.2rem;letter-spacing:.02em}.mobile-layout-title{flex:1;margin:0;font-size:1.1rem;font-weight:600;color:hsl(var(--foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.mobile-layout-menu-btn{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:hsl(var(--foreground));background:transparent;border:none;border-radius:10px;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-layout-menu-btn:hover{background:hsl(var(--muted))}.mobile-layout-menu{padding:.5rem max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));border-top:1px solid hsl(var(--border));display:flex;flex-direction:column;gap:.25rem}.mobile-layout-menu-email{font-size:.8rem;color:hsl(var(--muted-foreground));padding:.25rem 0}.mobile-layout-menu-link{display:block;padding:.75rem .5rem;font-size:1rem;color:hsl(var(--foreground));text-decoration:none;text-align:left;background:transparent;border:none;width:100%;cursor:pointer;border-radius:8px;-webkit-tap-highlight-color:transparent}.mobile-layout-menu-link:hover{background:hsl(var(--muted))}.mobile-layout-menu-logout{color:hsl(var(--destructive));font-weight:500}.mobile-layout-main{flex:1;min-height:0;overflow:auto;padding:1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom))}.mobile-add-form-wrap{max-width:100%}.mobile-detail-main.mobile-layout-main{padding:0;display:flex;flex-direction:column;overflow:hidden}.mobile-detail-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.mobile-detail-scroll{flex:1;min-height:0;overflow-y:auto;padding:1rem 0 max(1rem,env(safe-area-inset-bottom)) 0}.mobile-settings-trigger{width:100%;margin-bottom:1rem}.mobile-history{min-width:0}.mobile-settings-layout.mobile-layout-main{padding:0;display:flex;flex-direction:column;overflow:hidden}.mobile-settings-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.mobile-settings-scroll{flex:1;min-height:0;overflow-y:auto;padding:0 max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.mobile-settings-layout .dashboard-sidebar--page .dashboard-sidebar-footer{position:sticky;bottom:0;z-index:2;margin-left:-1rem;margin-right:-1rem;padding:1rem max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:hsl(var(--card));border-top:1px solid hsl(var(--border));box-shadow:0 -4px 12px hsl(var(--background) / .6)}.guide-page{max-width:720px;margin:0 auto;padding:0 0 2rem}.guide-page h1{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.guide-page .guide-lead{color:hsl(var(--muted-foreground));margin:0 0 1.5rem;line-height:1.55}.guide-section{margin-bottom:2rem}.guide-section h2{font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.guide-section p,.guide-section li{font-size:.95rem;line-height:1.6;color:hsl(var(--foreground))}.guide-section ul,.guide-section ol{margin:.5rem 0 0;padding-left:1.25rem}.guide-section li{margin-bottom:.35rem;color:hsl(var(--muted-foreground))}.guide-section li strong{color:hsl(var(--foreground))}.guide-field-table{width:100%;font-size:.9rem;border-collapse:collapse;margin-top:.75rem}.guide-field-table th,.guide-field-table td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid hsl(var(--border));vertical-align:top}.guide-field-table th{font-weight:600;width:38%;color:hsl(var(--foreground))}.guide-field-table td{color:hsl(var(--muted-foreground))}.guide-note{font-size:.85rem;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .35);border-radius:8px;padding:.75rem 1rem;margin-top:.75rem}.copy-code-block{border:1px solid hsl(var(--border));border-radius:8px;overflow:hidden;background:hsl(var(--muted) / .25)}.copy-code-block-toolbar{display:flex;justify-content:flex-end;padding:.5rem .75rem;border-bottom:1px solid hsl(var(--border));background:hsl(var(--card))}.copy-code-block-pre{margin:0;padding:.75rem 1rem;overflow:auto;font-size:.72rem;line-height:1.4}.copy-code-block-pre code{white-space:pre;font-family:ui-monospace,monospace}.guide-back{display:inline-block;margin-bottom:1rem;font-size:.9rem;color:hsl(var(--muted-foreground))}.guide-back:hover{color:var(--kare-primary)}:root{--kare-primary: #00a39b;--kare-primary-hover: #00b8af;--kare-primary-dark: #008c85;--kare-primary-muted: rgba(0, 163, 155, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:hsl(var(--background));color:hsl(var(--foreground));font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:hsl(var(--muted-foreground))}.layout{min-height:100vh;display:flex;flex-direction:column}.layout-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.75rem 1.5rem;background:hsl(var(--card));border-bottom:1px solid hsl(var(--border));box-shadow:0 1px 3px #0000000f}.layout-logo{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.25rem;color:#505662;text-decoration:none}.layout-logo:hover{color:var(--kare-primary-hover)}.layout-logo-icon{height:2rem;width:auto;display:block}.layout-logo-text{font-family:All Round Gothic,system-ui,sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:.02em}.layout-tagline{color:hsl(var(--muted-foreground));font-size:.9rem}.layout-nav{margin-left:auto;display:flex;align-items:center;gap:1rem}.layout-link{color:hsl(var(--muted-foreground));text-decoration:none;font-size:.95rem}.layout-link:hover,.layout-link:focus{color:var(--kare-primary-hover)}.layout-user{font-size:.9rem;color:hsl(var(--foreground))}.btn-header{padding:.4rem .75rem;background:transparent;color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));border-radius:6px;cursor:pointer;font-size:.9rem}.btn-header:hover{background:hsl(var(--accent));color:hsl(var(--foreground))}.layout-main{flex:1;padding:1.5rem;display:flex;flex-direction:column;align-items:center;background:#f8fafc}.layout-main>*{width:100%;max-width:min(1920px,100%)}.dashboard h1{margin:0 0 .5rem;font-size:1.5rem;color:hsl(var(--foreground))}.dashboard p{margin:.25rem 0;color:hsl(var(--muted-foreground))}.text-muted{color:#314472;font-size:.95rem}.dashboard .text-muted{margin-top:1rem}.dashboard-links{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0}.dashboard-link{display:inline-block;padding:1rem 1.5rem;min-width:140px;text-align:center;font-weight:600;color:hsl(var(--foreground));text-decoration:none;border-radius:10px;border:1px solid hsl(var(--border));background:hsl(var(--card));box-shadow:0 1px 2px #0000000d}.dashboard-link:hover{background:var(--kare-primary-muted);border-color:var(--kare-primary);color:var(--kare-primary-hover)}.btn-secondary{margin-top:1.5rem;padding:.5rem 1rem;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));border-radius:8px;cursor:pointer;font-size:.95rem}.btn-secondary:hover{background:hsl(var(--accent))}