*,: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}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-top-10{top:-2.5rem}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.right-6{right:1.5rem}.top-0{top:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.m-0{margin:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mr-4{margin-right:1rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-28{height:7rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[20vh\]{height:20vh}.h-screen{height:100vh}.min-h-\[140px\]{min-height:140px}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-28{width:7rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[1px\]{width:1px}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-md{max-width:28rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;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))}.-translate-y-4{--tw-translate-y: -1rem;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))}.-translate-y-\[calc\(100\%\+15px\)\]{--tw-translate-y: calc((100% + 15px)*-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))}.translate-x-0\.5{--tw-translate-x: .125rem;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))}.translate-x-4{--tw-translate-x: 1rem;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))}.translate-y-0{--tw-translate-y: 0px;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))}.translate-y-\[calc\(100\%-10px\)\]{--tw-translate-y: calc(100% - 10px) ;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))}.rotate-180{--tw-rotate: 180deg;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-110{--tw-scale-x: 1.1;--tw-scale-y: 1.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))}.transform{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 pulse{50%{opacity:.5}}.animate-\[pulse_4s_ease-in-out_infinite\]{animation:pulse 4s ease-in-out infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * 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))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-blue-700{--tw-border-opacity: 1;border-color:rgb(29 78 216 / 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-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.border-gray-900{--tw-border-opacity: 1;border-color:rgb(17 24 39 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-yellow-300{--tw-border-opacity: 1;border-color:rgb(253 224 71 / var(--tw-border-opacity, 1))}.bg-\[\#1e1e1e\]{--tw-bg-opacity: 1;background-color:rgb(30 30 30 / var(--tw-bg-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-300{--tw-bg-opacity: 1;background-color:rgb(147 197 253 / 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-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-blue-900{--tw-bg-opacity: 1;background-color:rgb(30 58 138 / 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-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-gray-950{--tw-bg-opacity: 1;background-color:rgb(3 7 18 / 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-300{--tw-bg-opacity: 1;background-color:rgb(134 239 172 / var(--tw-bg-opacity, 1))}.bg-pink-100{--tw-bg-opacity: 1;background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1))}.bg-pink-300{--tw-bg-opacity: 1;background-color:rgb(249 168 212 / var(--tw-bg-opacity, 1))}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/80{background-color:#fffc}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-300{--tw-bg-opacity: 1;background-color:rgb(253 224 71 / var(--tw-bg-opacity, 1))}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pt-20{padding-top:5rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.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-6xl{font-size:3.75rem;line-height:1}.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-normal{font-weight:400}.font-semibold{font-weight:600}.capitalize{text-transform:capitalize}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / 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-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.accent-blue-600{accent-color:#2563eb}.opacity-0{opacity:0}.opacity-100{opacity:1}.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_-10px_40px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow: 0 -10px 40px rgba(0,0,0,.05);--tw-shadow-colored: 0 -10px 40px 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_10px_-4px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow: 0 -4px 10px -4px rgba(0,0,0,.1);--tw-shadow-colored: 0 -4px 10px -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-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 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-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-2{--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)}.ring-blue-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.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)}.drop-shadow-xl{--tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / .03)) drop-shadow(0 8px 5px rgb(0 0 0 / .08));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{--tw-backdrop-blur: blur(8px);-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,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.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}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.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))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-800:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / 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:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-green-300:hover{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width: 640px){.sm\:w-auto{width:auto}.sm\:flex-row{flex-direction:row}}@media (min-width: 768px){.md\:right-12{right:3rem}.md\:h-12{height:3rem}.md\:h-14{height:3.5rem}.md\:h-36{height:9rem}.md\:h-6{height:1.5rem}.md\:h-8{height:2rem}.md\:w-12{width:3rem}.md\:w-14{width:3.5rem}.md\:w-28{width:7rem}.md\:w-36{width:9rem}.md\:w-6{width:1.5rem}.md\:w-8{width:2rem}.md\:max-w-md{max-width:28rem}.md\:gap-3{gap:.75rem}.md\:gap-8{gap:2rem}.md\:px-8{padding-left:2rem;padding-right:2rem}}@media (prefers-color-scheme: dark){.dark\:border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.dark\:border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.dark\:bg-blue-900\/60{background-color:#1e3a8a99}.dark\:bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800\/80{background-color:#1f2937cc}.dark\:bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-950{--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity, 1))}.dark\:bg-green-900\/60{background-color:#14532d99}.dark\:bg-pink-900\/60{background-color:#83184399}.dark\:bg-red-900\/30{background-color:#7f1d1d4d}.dark\:bg-yellow-900\/60{background-color:#713f1299}.dark\:text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.dark\:text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:ring-blue-400{--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1))}.dark\:hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-gray-700\/50:hover{background-color:#37415180}.dark\:hover\:bg-red-900\/50:hover{background-color:#7f1d1d80}.dark\:hover\:text-gray-200:hover{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}}body{font-family:roboto,sans-serif;margin:20px;background-color:#f8f9fa;color:#3c4043}.controls{margin-bottom:20px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sort-btn{padding:8px 4px;background:#fff;border:1px solid #ccc;border-radius:4px;color:#5f6368;cursor:pointer;font-size:.8rem;white-space:nowrap;flex-shrink:0}.search-wrapper{position:relative;flex:1;min-width:0}@media (min-width: 768px){.controls{gap:10px}.sort-btn{padding:8px 12px;font-size:.9rem}.search-wrapper{flex:0 1 300px}}.sort-btn:hover{background:#f1f3f4}.layout{display:block}@media (min-width: 1024px){.layout{display:flex;gap:15px;align-items:flex-start}.post-container{flex:3}.sidebar-panel{flex:1;position:sticky;top:10px;height:calc(100vh - 40px);display:block}.map-container{height:100%;border:1px solid #dadce0;border-radius:8px;overflow:hidden}}@media (max-width: 1023px){.sidebar-panel{display:none}}.overlay-map{height:300px;border:1px solid #dadce0;border-radius:8px;margin-top:12px;overflow:hidden}@media (min-width: 1024px){.overlay-map{display:none}}.post-container{width:100%;margin:0 auto;transition:height .3s ease}.post-tile{background-color:#fff;border-radius:8px;box-shadow:0 1px 2px #0000001a;padding:15px;margin-bottom:15px;cursor:pointer;transition:box-shadow .2s ease-in-out;overflow:hidden;position:relative;-moz-column-break-inside:avoid;break-inside:avoid-column;width:250px;opacity:1;transform:scale(1);transition:opacity .3s ease,transform .3s ease,box-shadow .2s ease-in-out}.post-tile.removing{opacity:0;transform:scale(.9)}.post-tile:hover{box-shadow:0 3px 6px #00000026}.pinned{border-top:4px solid orange}.post-tile h3{font-size:1.1em;margin-top:0;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-tile .content-preview{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}.post-tile .content-preview ul{padding-left:20px}.post-tile img{max-width:100%;height:auto;margin-bottom:10px}.post-meta{font-size:.8em;color:#777}.post-view-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity .3s ease;opacity:0;pointer-events:none}.post-view-overlay.active{opacity:1;pointer-events:auto}.post-view-content{background-color:#fff;border-radius:8px;padding:20px 20px 5px;max-width:80%;max-height:80%;overflow-y:auto;position:relative}.post-view-content h2{margin-top:0;margin-bottom:10px}.post-view-content .no-title{display:none}.post-view-content img{max-width:100%;height:auto;display:block;margin:0 auto}@media (max-width: 768px){.post-view-content{max-width:95%;max-height:95%}}.post-view-toolbar{padding:10px 0;box-sizing:border-box;text-align:right;border-top:1px solid #eee;margin-top:auto}.post-view-content ul{list-style-type:square;padding-left:20px}.post-view-content ul li{font-size:1.1em}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:1500;display:none;justify-content:center;align-items:center}.lightbox img{max-width:90%;max-height:90%;-o-object-fit:contain;object-fit:contain;cursor:grab;transition:transform .2s ease}.lightbox img.dragging{cursor:grabbing}.lightbox button{position:absolute;top:20px;right:20px;background-color:#fff;color:#333;border:none;border-radius:4px;padding:8px 15px;cursor:pointer;font-size:1em}.close-button-bottom{background-color:#f0f0f0;color:#333;border:1px solid #ccc;border-radius:4px;padding:8px 15px;cursor:pointer;font-size:1em;transition:background-color .2s ease-in-out}.close-button-bottom:hover{background-color:#e0e0e0}@media (max-width: 599px){.post-tile{width:132px}.post-tile h3{font-size:.75em}.post-tile .post-meta{font-size:.6em}.post-tile.post-todolist .content-preview>ul>li>p,.post-tile .content-preview>div>p,.post-tile.post-imagewithtext>p,.post-tile .content-preview p{font-size:.7em}.post-tile.post-todolist>ul{padding-inline-start:20px}.post-tile.post-todolist ul li p{margin-block-start:0;margin-block-end:0;font-size:.7em}body{margin:5px}.controls{margin:5px 5px 15px}}@media (min-width: 600px) and (max-width: 1023px){.post-tile{width:200px}.post-tile.post-todolist .content-preview>ul,.post-tile h3,.post-tile .post-meta,.post-tile .content-preview>div>p,.post-tile.post-imagewithtext>p,.post-tile .content-preview{transform:scale(.85);transform-origin:top left}}@media (min-width: 1024px){.post-tile{width:250px}.post-tile.post-todolist .content-preview>ul,.post-tile h3,.post-tile .post-meta,.post-tile .content-preview>div>p,.post-tile.post-imagewithtext>p,.post-tile .content-preview{transform:scale(1);transform-origin:top left}}.post-memo .post-tile h3,.post-todolist .post-tile h3,.post-imageonly .post-tile h3,.post-imagewithtext .post-tile h3,.post-multiimage .post-tile h3{display:none}.hashtag-controls{display:flex;gap:10px;margin-bottom:14px;align-items:flex-start}.control-group{display:flex;gap:10px;align-items:center}.selector-row{display:flex;gap:10px;align-items:center;flex-wrap:nowrap}.hashtag-select,.hashtag-select-narrow{padding:6px;border-radius:4px;border:1px solid #ccc}.clear-tags-btn{padding:6px 12px;border-radius:4px;border:1px solid #ccc;background-color:#fff;cursor:pointer}.selected-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tag-pill{background-color:#e3f2fd;color:#1976d2;padding:2px 8px;border-radius:12px;font-size:.875rem;display:inline-flex;align-items:center;opacity:1;transform:scale(1);transition:opacity .3s ease,transform .3s ease}.tag-pill.removing{opacity:0;transform:scale(.8)}.tag-remove{cursor:pointer;margin-left:6px;padding:2px 6px;font-weight:700;font-size:1.2em;line-height:1;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:#0000000d;transition:background-color .2s ease}.tag-remove:hover{background-color:#0000001a}.post-tags{display:inline;margin-left:8px;color:#1976d2}@media (max-width: 599px){.hashtag-controls{flex-wrap:wrap}.control-group{flex-wrap:nowrap}.selected-tags{width:100%;margin-top:8px}}.top-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;height:auto;min-height:40px;flex-wrap:wrap;gap:10px}.brand-label{font-size:1.2em;font-weight:500;color:#5f6368;margin:0;padding:0;line-height:36px}.nav-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.icon-btn{width:36px;height:36px;border:1px solid #dadce0;border-radius:4px;background-color:#fff;color:#5f6368;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;flex-shrink:0;padding:0}.icon-btn:hover{background-color:#f1f3f4}.primary-btn{height:36px;padding:0 12px;background-color:#e3f2fd;color:#1976d2;border:1px solid transparent;border-radius:4px;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0;transition:background-color .2s}.primary-btn:hover{background-color:#bbdefb}.category-select{height:36px;padding:0 10px;border:1px solid #dadce0;border-radius:4px;background-color:#fff;color:#3c4043;font-size:14px;min-width:120px}@keyframes spin{to{transform:rotate(360deg)}}.spin-icon{animation:spin 1.5s linear infinite}@media (max-width: 599px){.top-nav{flex-direction:column;align-items:flex-start;margin-right:5px}.nav-controls{width:100%}.brand-label{font-size:1.1em;margin-left:5px}.category-select{min-width:100px;flex-grow:1}}.lazy-load-overlay{position:fixed;bottom:20px;right:20px;width:auto;height:auto;background-color:#fffffff2;display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;z-index:500;opacity:0;pointer-events:none;transition:opacity .2s ease}.loading-spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #3498db;margin:0;border-radius:50%;animation:spin 1s linear infinite}.lazy-load-overlay.visible{opacity:.3}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.post-youtubevideo{overflow:hidden}.video-preview{position:relative;margin-bottom:10px}.video-preview img{width:100%;height:auto;display:block;transition:transform .3s ease}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#0003}.video-preview:hover .video-overlay{background:#0006}.video-preview:hover img{transform:scale(1.05)}.video-container{position:relative;width:100%;min-width:640px;padding-bottom:56.25%;margin-bottom:20px}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media (min-width: 1024px){.post-youtubevideo .post-view-content{min-width:640px;width:auto;max-width:80%}.video-container{width:100%;min-width:640px}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}}@media (max-width: 1023px){.video-container{min-width:unset}}.post-tile.premium-post{position:relative;border:2px solid #FFD700}.post-tile.premium-post:hover{box-shadow:0 4px 8px #daa52033}.premium-indicator{position:absolute;top:10px;right:10px;background-color:gold;color:#000;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px;z-index:2}.premium-indicator-icon{width:14px;height:14px;fill:currentColor}.premium-content-preview{position:relative;max-height:150px;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.premium-content-preview img{pointer-events:none}.premium-content-preview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:70%;background:linear-gradient(to bottom,#fff0,#fff3 20%,#fff3 50%);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.premium-message{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;white-space:nowrap;z-index:3;text-align:center}.post-view-content.premium-view .premium-content-preview{max-height:300px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.post-view-content.premium-view .premium-content-preview img{pointer-events:none}@media (max-width: 599px){.premium-indicator{padding:2px 4px;font-size:.6rem;top:5px;right:5px}.premium-indicator-icon{width:10px;height:10px}}@media (min-width: 1024px){.layout{display:flex;gap:15px;align-items:flex-start}.post-container{flex:1 1 auto;min-width:0}.sidebar-panel{flex:0 0 clamp(280px,25vw,420px);display:flex;flex-direction:column;position:sticky;top:10px;height:calc(100vh - 40px);border:1px solid #dadce0;border-radius:8px;background:#fff;overflow:hidden;transition:flex-basis .25s ease,width .25s ease}.sidebar-panel.collapsed{flex-basis:0;width:0;border:none;padding:0}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid #eee;background:#fafafa}.sidebar-title{font-size:.95rem;color:#5f6368;margin:0}.sidebar-toggle{border:1px solid #dadce0;background:#fff;border-radius:6px;padding:6px 10px;cursor:pointer}.map-container{flex:1 1 auto;height:auto;border:none;border-radius:0}.sidebar-info{padding:10px;border-top:1px solid #eee;max-height:35%;overflow:auto}.sidebar-fab{position:fixed;top:70px;right:20px;z-index:1100;border:1px solid #dadce0;background:#fff;border-radius:999px;padding:8px 10px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:none}.sidebar-fab.visible{display:inline-flex;align-items:center;gap:6px}}@media (max-width: 1023px){.sidebar-panel,.sidebar-fab{display:none}}.global-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #dadce0;z-index:900;box-shadow:0 -2px 10px #0000000d}.footer-details{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out,padding .3s ease-in-out;background:#f8f9fa}.global-footer.expanded .footer-details{max-height:400px;padding:25px 20px;border-bottom:1px solid #eee}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;max-width:1000px;margin:0 auto;font-size:.85rem}.footer-grid strong{color:#3c4043;display:block;margin-bottom:12px;font-size:.9rem}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid ul li{margin-bottom:8px}.footer-grid a{color:#5f6368;text-decoration:none;transition:color .2s}.footer-grid a:hover{color:#1976d2;text-decoration:underline}.footer-strip{height:30px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:.75rem;color:#5f6368;background:#fff}.footer-strip-links{display:flex;align-items:center;gap:15px}.footer-strip-links a{color:#5f6368;text-decoration:none;transition:color .2s}.footer-strip-links a:hover{color:#1976d2}.footer-expand-btn{background:none;border:none;color:#5f6368;cursor:pointer;padding:2px 6px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s,color .2s}.footer-expand-btn:hover{background:#f1f3f4;color:#1976d2}@media (max-width: 599px){.hide-mobile{display:none}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-bg{background:#f6f7f8;background-image:linear-gradient(to right,#f6f7f8,#edeef1,#f6f7f8 40%,#f6f7f8);background-repeat:no-repeat;background-size:1000px 100%;animation:shimmer 1.5s infinite linear forwards}.image-fade-in{opacity:0;transition:opacity .4s ease-in-out}.image-loaded{opacity:1}.spec-library nav{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:12px}.spec-library button{font:inherit;cursor:pointer;background:#fff;color:#24364b;border:1px solid #cbd5e1;border-radius:6px;padding:6px 9px}.spec-library button:disabled{opacity:.5;cursor:wait}.spec-library input{width:100%;padding:9px;border:1px solid #cbd5e1;border-radius:6px;margin:5px 0 12px}.library-tools{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}.spec-library .library-entries{list-style:none;padding:0;margin:12px 0}.spec-library .library-entries button{display:block;text-align:left;width:100%;margin:3px 0;overflow-wrap:anywhere}.library-entries small{display:block;color:#64748b;font-size:.78rem;margin-left:23px}.library-entries button[aria-pressed=true]{background:#e8f0ff;border-color:#3b82f6}.library-file-location{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin:10px 0}.library-file-location label{flex:1;min-width:150px}.library-file-location input{width:100%;padding:8px;border:1px solid #cbd5e1;border-radius:6px}.student-count{display:flex;align-items:center;gap:4px}.student-count svg{width:14px;height:14px}.activity-studio{max-width:1440px;margin:auto;padding:24px;color:#243c33}.studio-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.studio-header h1{font-size:1.8rem;font-weight:700;margin:10px 0 4px}.studio-header p,.studio-library p{color:#60746b}.studio-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px}.studio-library,.studio-details,.studio-publish{padding:20px;border:1px solid #dce7df;border-radius:12px;background:#f7faf8}.studio-library h2,.studio-details h2{font-size:1.15rem;font-weight:650;margin-bottom:14px}.activity-studio button{padding:8px 12px;border:1px solid #bbcfc2;background:#fff;border-radius:7px;cursor:pointer}.activity-studio button:hover{background:#e9f2ec}.activity-studio button:disabled{opacity:.5;cursor:not-allowed}.activity-studio button:focus-visible,.activity-studio a:focus-visible{outline:3px solid #39855e;outline-offset:2px}.studio-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}.studio-actions [aria-selected=true],.activity-studio .selected{background:#e0efe5;border-color:#39855e}.activity-studio .studio-primary{background:#256d49;color:#fff}.studio-library ul{list-style:none;margin-top:20px;padding:0}.studio-library li button{width:100%;text-align:left;margin-bottom:8px}.studio-library small{display:block;margin-top:5px;color:#5f7367}.studio-editor label{display:block;font-weight:600;margin-bottom:8px}.studio-editor textarea{width:100%;min-height:390px;resize:vertical;padding:18px;font:13px/1.7 ui-monospace,monospace;background:#15271e;color:#e0eee5;border-radius:10px;margin-bottom:16px}.studio-error,.studio-success{padding:14px;border-radius:8px;margin-bottom:16px;overflow-wrap:anywhere}.studio-error{background:#fff0ed;color:#923c2c}.studio-success{background:#e6f4e9;color:#225a36}.studio-empty{padding:70px 30px;text-align:center}.studio-details pre{white-space:pre-wrap;overflow-wrap:anywhere}.studio-publish{display:flex;align-items:center;gap:16px;margin-top:18px;flex-wrap:wrap}.studio-details li{margin:8px 0}@media (max-width: 800px){.activity-studio{padding:14px}.studio-layout{grid-template-columns:1fr}.studio-library ul{max-height:200px;overflow-y:auto}.studio-header{align-items:flex-start}}.activity-studio button.studio-primary:hover{background:#195537;color:#fff}.activity-studio button[aria-pressed=true]{background:#e0efe5;border-color:#39855e}.class-form{max-width:860px}.class-form label{display:flex;flex-direction:column;gap:6px;margin:12px 0}.class-form input:not([type=checkbox]),.class-form select,.class-filter input,.class-filter select{padding:9px;border:1px solid #bdd0c3;border-radius:6px;background:#fff;min-width:0}.class-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.class-form .studio-actions label{flex-direction:row}.class-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.class-category-grid label{display:flex;gap:8px;align-items:center}.class-filter{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:18px 0}.class-filter label{display:flex;flex-direction:column;gap:4px}.class-list{display:flex;flex-direction:column;gap:10px;margin:18px 0}.class-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:16px;border:1px solid #d9e6dc;border-radius:10px;background:#fff}.class-row.selected{outline:2px solid #39855e}.class-row.past{background:#f1f3f2;color:#5e6b64}.class-row h3{font-weight:650;font-size:1.05rem}.class-row small{display:block;margin-top:4px}.class-summary{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.class-summary span{background:#e8f1eb;border-radius:8px;padding:8px 12px}.class-table{width:100%;border-collapse:collapse;margin:16px 0}.class-table td,.class-table th{padding:10px;text-align:left;border-bottom:1px solid #dce7df}.class-notifications{margin:18px 0;max-height:280px;overflow:auto}.class-notifications li{padding:10px;border-bottom:1px solid #dce7df}@media (max-width:600px){.class-form-grid,.class-category-grid{grid-template-columns:1fr}.class-table{font-size:.85rem}}.class-chat{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,3fr);gap:18px;margin-top:20px}.class-thread{display:flex;flex-direction:column;position:relative;padding:12px;border-bottom:1px solid #dce3ed;gap:4px;border-radius:8px}.class-thread.selected{background:#e9f1ff}.class-unread{background:#285bd4;color:#fff;border-radius:20px;padding:2px 8px;align-self:flex-start}.class-message-list{height:420px;overflow:auto;overscroll-behavior:contain;padding:12px;background:#f5f7fb;border-radius:10px;margin:16px 0}.class-bubble{padding:10px 14px;background:#fff;border:1px solid #dce3ed;border-radius:12px;margin:8px 36px 8px 0;overflow-wrap:anywhere}.class-bubble.own{margin:8px 0 8px 36px;background:#e9f1ff}.class-bubble p{white-space:pre-wrap}.class-bubble small{color:#596579}.class-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:grid;place-items:center;background:#17223880;padding:20px}.class-recipient-dialog{max-width:540px;background:#fff;max-height:90vh;overflow:auto}.class-recipient-dialog h2{font-weight:700;font-size:1.2rem;margin-bottom:12px}.class-recipient-dialog .studio-actions{margin:16px 0}@media (max-width:700px){.class-chat{grid-template-columns:1fr}.class-chat aside{max-height:230px;overflow:auto}.class-message-list{height:360px}}.class-post-actions{margin-top:18px;padding-top:16px;border-top:1px solid #e0e5ed}.class-post-actions select{max-width:100%;padding:7px;border:1px solid #cbd5e1;border-radius:6px}.class-post-actions .studio-actions{margin-top:12px}.class-post-actions .class-text-action{border:0;background:transparent;color:#225bbd;text-decoration:underline;padding:6px}.class-post-actions .class-text-action:disabled{color:#8792a5;text-decoration:none}.class-post-actions button{padding:8px 12px;border:1px solid #bbcfc2;border-radius:7px;background:#fff;cursor:pointer}.class-post-actions button:disabled{opacity:.5;cursor:not-allowed}.class-post-actions button.studio-primary{background:#256d49;color:#fff}.class-post-actions button.studio-primary:hover{background:#195537;color:#fff}:root{--ui-ink:#233749;--ui-muted:#637487;--ui-line:#dce4e9;--ui-accent:#236a61;--ui-secondary:#456580}button{font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:.8rem;font-weight:550}input,select,textarea{font-family:inherit;font-size:.94rem;color:var(--ui-ink);font-weight:400}input::-moz-placeholder,textarea::-moz-placeholder{color:#7b8795;opacity:1}input::placeholder,textarea::placeholder{color:#7b8795;opacity:1}.activity-studio label,.publish-activity label{font-size:.78rem;color:var(--ui-muted);font-weight:600}.activity-studio h2,.publish-activity h2{color:var(--ui-ink);font-weight:700}.activity-studio h3{font-weight:650;color:var(--ui-ink)}.activity-studio button,.publish-activity button,.class-post-actions button{font-size:.78rem;font-weight:550;line-height:1.4}.activity-studio .studio-actions>a,.ui-tertiary{display:inline-flex;align-items:center;min-height:32px;padding:5px 9px;border:1px solid var(--ui-line);border-radius:6px;background:#f4f7fa;color:var(--ui-secondary);font:550 .78rem/1.4 system-ui,sans-serif;text-decoration:none}.activity-studio .studio-actions>a:hover,.ui-tertiary:hover{background:#e9f0f6}.ui-hint,.membership-summary{color:var(--ui-muted);font-size:.78rem;line-height:1.5}.class-calendar .class-filter{gap:10px;margin:14px 0 7px}.class-calendar .class-filter input,.class-calendar .class-filter select{padding:6px 8px}.class-list{gap:7px;margin:12px 0}.class-row{padding:10px 12px;gap:10px;border-color:var(--ui-line);border-radius:8px}.class-row-content{flex:1;min-width:0;overflow:hidden}.class-row-content h3{font-size:.96rem;line-height:1.4;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.class-row-content h3 a{color:var(--ui-ink);text-decoration:none}.class-row-time{font-size:.78rem;line-height:1.6;color:#506479;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.class-row-info{display:flex;align-items:center;gap:10px;min-width:0;font-size:.75rem;line-height:1.6;color:var(--ui-muted)}.class-row-info>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-count{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;white-space:nowrap;font-size:inherit;line-height:inherit;color:var(--ui-muted);font-variant-numeric:tabular-nums}.student-count svg{display:block;width:13px;height:13px;flex-shrink:0}.class-row .class-row-actions{margin:0;flex-wrap:nowrap;gap:5px}.class-row-actions>button{padding:6px 9px;min-height:32px;color:var(--ui-secondary);border-color:#d0dce5}.class-row-actions>button.studio-primary{background:var(--ui-accent);color:#fff;border-color:var(--ui-accent)}.class-row-actions>button:last-of-type{background:#f6f8fa;color:var(--ui-muted)}.action-menu{position:fixed;z-index:20000;min-width:160px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;padding:5px;background:#fff;border:1px solid #d8e1e8;border-radius:10px;box-shadow:0 8px 32px #19334b26}.action-menu [role=menuitem]{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:6px;color:#36546f;font:550 .8rem/1.4 system-ui,sans-serif;padding:10px 12px;text-decoration:none;overflow-wrap:anywhere;cursor:pointer}.action-menu [role=menuitem]:hover,.action-menu [role=menuitem]:focus{background:#edf3f8;outline:none}button:focus-visible,a:focus-visible{outline:2px solid #456e96;outline-offset:3px}.feed-view-switch{display:inline-flex;gap:3px;padding:3px;background:#edf1f3;border-radius:8px}.activity-studio .feed-view-switch button{border:0;background:transparent;color:#617284;padding:6px 13px;font-size:.76rem;min-height:30px}.activity-studio .feed-view-switch button[aria-pressed=true]{background:#fff;color:#294d65;box-shadow:0 1px 3px #2035471a}.post-tile h3{font-size:1rem;font-weight:700;line-height:1.35;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transform:none}.post-tile .content-preview,.post-tile .premium-content-preview{font-size:.85rem;line-height:1.45;transform:none}.post-tile .content-preview p,.post-tile .content-preview>div>p{font-size:.85rem;transform:none}.post-tile .post-meta{transform:none}.activity-tile-footer{gap:6px;min-width:0;height:29px;box-sizing:border-box}.activity-tile-footer .post-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.activity-tile-footer .student-count{font-size:.75rem}.post-view-content{font-size:.94rem;line-height:1.55;color:#374957;box-sizing:border-box;width:calc(100% - 24px)!important}.post-view-content a,.post-view-content .class-text-action{text-decoration:none!important}.post-view-content h2{line-height:1.35;letter-spacing:-.015em}.post-view-content .activity-metadata{background:#f0f5f8!important;border-color:#e0e8ef!important;color:#4a6074;font:400 .79rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace!important;overflow-wrap:anywhere}.activity-metadata strong,.metadata-key{color:#60788b!important;font-size:.72rem;font-weight:600}.class-schedule-cell{display:flex;flex-wrap:wrap;align-items:center;gap:5px 12px;border:1px solid;border-radius:6px;padding:8px 12px}.class-schedule-cell .metadata-key{display:block;width:100%}.class-schedule-cell button{background:transparent;border:0;padding:3px 0;color:var(--ui-secondary);font-size:.72rem}.membership-summary{margin:8px 0 12px}.post-view-content .class-post-actions .class-text-action{font-size:.76rem;color:var(--ui-secondary)}.publish-activity h2{font-size:1.4rem;font-weight:750;line-height:1.3;margin:5px 0 20px}.publish-activity form>p{font-size:.8rem;color:var(--ui-muted)}.spec-library nav{gap:2px;font-size:.74rem;color:var(--ui-muted)}.spec-library nav button{font-size:.74rem;background:#f4f7f9;border-color:transparent;padding:4px 6px;color:var(--ui-secondary)}.spec-library .library-entries strong{font-size:.88rem;font-weight:650}.spec-library .library-entries small{font-size:.74rem;font-weight:400}.class-notifications{background:#f2f6fa;border:1px solid #e0e8f0;border-radius:8px;padding:12px 14px}.class-notifications h3{font-size:.82rem;font-weight:700;margin:0 0 7px;color:#324f68}.class-notifications ul{list-style:none;padding:0;margin:0}.class-notifications li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;font-size:.8rem;color:#586e81}.class-notifications li>a{color:inherit;text-decoration:none}.class-notifications button{flex-shrink:0;font-size:.7rem;padding:4px 7px;background:transparent}.creator-permissions input{font-size:.94rem;border-radius:6px}.creator-permissions button{padding:6px 10px;border:1px solid #cbd9e4;border-radius:6px;background:#eef3f7;color:#41607b;font-size:.77rem}.creator-permissions .ui-grant{background:#e7f2ed;border-color:#c2ded0;color:#276449}.creator-permissions .ui-danger{background:#fff7f5;border-color:#ecd3cb;color:#994c3c}.creator-permissions button:disabled{opacity:.5}@media (max-width:599px){.class-row{padding:8px 10px;gap:6px;flex-direction:column;align-items:stretch}.class-row-content{flex:auto;width:100%}.class-row .class-row-actions{justify-content:flex-end}.class-row-content h3{font-size:.9rem}.class-row-time,.class-row-info{font-size:.72rem}.post-tile h3{font-size:.86rem}.post-tile .content-preview,.post-tile .content-preview p,.post-tile .content-preview>div>p,.post-tile .premium-content-preview{font-size:.75rem}.activity-tile-footer .post-meta{font-size:.65rem!important}.activity-tile-footer .student-count{font-size:.65rem}}