.Toastify{margin:0!important;padding:0!important;height:0!important;min-height:0!important;position:absolute!important}body{margin:0!important;padding:0!important;overflow-x:hidden!important;min-height:100vh!important}*,: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}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-3{left:.75rem}.left-\[50\%\]{left:50%}.right-2{right:.5rem}.right-4{right:1rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-4{top:1rem}.top-\[50\%\]{top:50%}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-6{margin-top:1.5rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.-translate-y-1\/2{--tw-translate-y: -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-x-\[-50\%\]{--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-\[-50\%\]{--tw-translate-y: -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))}.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))}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.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-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))}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.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-yellow-400{--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1))}.bg-\[\#EBC917\]{--tw-bg-opacity: 1;background-color:rgb(235 201 23 / var(--tw-bg-opacity, 1))}.bg-black\/50{background-color:#00000080}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-10{padding-left:2.5rem}.pr-4{padding-right:1rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / 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))}.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-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-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}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}html,body{height:100%;width:100%;margin:0;padding:0;overflow-x:hidden;scroll-behavior:smooth;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body{padding-top:0;line-height:1.6;color:#333;min-height:100vh;min-height:-webkit-fill-available;overflow-y:auto;-webkit-overflow-scrolling:touch}body.modal-open{overflow:hidden;padding-right:15px;position:relative;width:100%;height:100%}.container-wrapper{min-height:100vh;width:100%;max-width:100%;margin:0;padding:0 0 30px;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:auto;position:relative;padding-top:.25rem}main{margin-top:78px;position:relative;z-index:1}.app-content,.content-area{margin-top:78px;padding-top:1rem}section{margin-bottom:2rem;width:100%;position:relative}.content-container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px;box-sizing:border-box}@media (min-width: 1201px){.content-container{width:1200px;max-width:1200px;padding:0 15px}}.container-wrapper,.daily-grid,.past-art-content,.mood-check-wrapper,.notifications-wrapper,.premium-features-wrapper>*,#guided-art-section,.top-liked-art,#liked-images-container,#premium-features-container{padding-left:15px!important;padding-right:15px!important;box-sizing:border-box;max-width:1200px;margin-left:auto;margin-right:auto}@media (min-width: 1201px){.container-wrapper,.daily-grid,.past-art-content,.mood-check-wrapper,.notifications-wrapper,.premium-features-wrapper>*,#guided-art-section,.top-liked-art,#liked-images-container,#premium-features-container{width:1200px;max-width:1200px;padding-left:15px!important;padding-right:15px!important}}.header-container.hidden{transform:translateY(-100%);position:relative}.header-logo{flex-shrink:0;font-size:24px;font-weight:Light;text-decoration:none;text-transform:uppercase;color:#000;white-space:nowrap;margin-right:20px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.nav-links{display:flex;justify-content:center;gap:20px;position:relative}.nav-links a{text-decoration:none;color:#000;font-size:1rem;font-weight:400;white-space:nowrap;padding:8px 15px;position:relative;touch-action:manipulation}.nav-links a.active{text-decoration:underline}.auth-buttons{display:flex;align-items:center;gap:10px;z-index:calc(var(--z-nav) + 1);position:relative}#authLink{padding:8px 15px;border-radius:20px;font-weight:600;text-decoration:none;transition:background-color .3s ease;position:relative;touch-action:manipulation}#authLink:hover{background-color:#ebc9171a}#authLink:active{transform:translateY(1px)}.signup-btn{padding:8px 15px;background-color:#ebc917;color:#000;font-weight:600;border-radius:20px;border:none;text-decoration:none;font-family:Inter,sans-serif;cursor:pointer;white-space:nowrap;text-transform:uppercase;font-size:.9rem;letter-spacing:.05em;margin-left:20px;touch-action:manipulation}.signup-btn:hover{background-color:#d693dbad}.signup-btn:active{transform:translateY(1px)}.signup-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}[tabindex="-1"]{outline:none!important}:focus-visible{outline:2px solid #EBC917;outline-offset:2px}@supports (-webkit-overflow-scrolling: touch){body{-webkit-overflow-scrolling:touch}.container-wrapper{width:100vw;min-height:-webkit-fill-available}}@media print{.header-container{position:static;box-shadow:none}body{padding-top:0}}#image-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:100%;max-width:1200px;margin:0 auto;padding:0}.image-block{flex:0 1 300px;min-width:250px;max-width:300px;border-radius:8px;overflow:hidden}.image-block img{width:100%;height:auto;display:block}@media (max-width: 768px){#image-container{gap:15px;padding:0 15px}.image-block{flex:0 1 calc(100% - 30px);min-width:calc(100% - 30px);max-width:calc(100% - 30px);margin-bottom:20px;border-radius:8px;overflow:hidden;aspect-ratio:1 / 1}.image-block img{width:100%;height:100%;object-fit:contain}.past-art-wrapper{margin:0 -15px;padding:15px}#liked-images-container{gap:15px;padding:0}}#image-container.loading{opacity:.6}.image-block{flex:0 1 300px;min-width:250px;max-width:300px;border:1px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;background:#fff;margin-bottom:20px;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;position:relative}.image-block:not(.loading){opacity:1;transform:translateY(0)}.image-block img{width:100%;height:300px;-o-object-fit:cover;object-fit:cover;display:block}.image-block.loading:after{content:"Loading...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#666;font-size:14px;background:#fffc;padding:8px 12px;border-radius:4px}.vote-buttons{display:flex;align-items:center;background-color:#f8f9fa;border-radius:32px;padding:8px 16px;margin:30px auto;width:-moz-fit-content;width:fit-content;gap:12px;transition:all .2s ease;border:1px solid #eee}.vote-buttons:hover{box-shadow:0 4px 8px #0000001a}.vote-button{background:none;border:none;cursor:pointer;padding:4px;color:#878a8c;transition:all .2s ease;display:flex;align-items:center;border-radius:50%}.vote-button svg{width:24px;height:24px;fill:currentColor}.vote-button:hover{color:#2aa9b0;transform:scale(1.1);background-color:transparent}.vote-button:active{transform:scale(.95)}.vote-button.active{color:#ff4500}.vote-count{font-weight:600;margin:0 4px;font-size:16px;min-width:32px;text-align:center;color:#1a1a1a}.up-vote,.down-vote{transform:none}.popup-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:none;z-index:var(--z-popup)!important;box-sizing:border-box;padding:5px;opacity:0;transition:opacity .15s ease-out}.popup-container.active{display:flex!important;align-items:flex-start!important;justify-content:center;padding-top:2vh;opacity:1}.popup-content{position:relative;width:90%;max-width:85%;max-height:85vh;background:#fff;border-radius:12px;padding:75px 75px 85px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:25px;opacity:0;transform:translateY(-20px);transition:opacity .15s ease-out,transform .15s cubic-bezier(.16,1,.3,1);overflow-y:auto;-webkit-overflow-scrolling:touch}.popup-container.active .popup-content{opacity:1;transform:translateY(0)}.expanded-img-container{flex:1;display:flex;align-items:center;justify-content:center;margin:5px 0 0;max-height:42vh}.expanded-img{max-width:85%;max-height:100%;-o-object-fit:contain;object-fit:contain}.popup-vote-buttons{position:relative;margin:2px auto;padding:4px 12px}.carousel-container{margin-top:2px;padding:5px;max-height:12vh}.art-experience-guide{margin-top:20px;padding:20px;background:#f5f5f5;border-radius:8px}.art-experience-guide h3{margin-bottom:15px;font-size:1.2rem;font-weight:600}.art-experience-guide ul{list-style:none;padding:0;margin:0 0 20px}.art-experience-guide li{margin-bottom:10px;line-height:1.5}.carousel-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:0 20px}.carousel-controls button{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:10px;transition:color .2s}.carousel-controls button:hover{color:#333}.carousel-controls button:disabled{color:#ccc;cursor:not-allowed}.expanded-img{max-width:100%;max-height:70vh;object-fit:contain;display:block;margin:0 auto}@media (max-width: 768px){.popup-content{margin-top:-10vh;max-height:80vh;padding:15px}.expanded-img{max-height:40vh;width:auto;-o-object-fit:contain;object-fit:contain}.vote-buttons{margin-top:10px;margin-bottom:15px}.popup-content p,.popup-content h1,.popup-content h2{margin:10px 15px;font-size:16px;line-height:1.4}}@media screen and (max-width: 375px){.popup-content{margin-top:-12vh;max-height:75vh}.expanded-img{max-height:35vh}}@supports (-webkit-touch-callout: none){.popup-container{height:-webkit-fill-available}.popup-content{max-height:-webkit-fill-available}}.close-btn,.popup-content .close-btn{position:absolute;top:10px;right:20px;color:#aaa;font-size:24px;font-weight:700;cursor:pointer;border:none;background:none!important;padding:0;line-height:1;z-index:calc(var(--z-popup) + 2);width:auto;height:auto;border-radius:0;display:block;box-shadow:none!important;transition:none!important}.close-btn:hover,.close-btn:focus,.popup-content .close-btn:hover,.popup-content .close-btn:focus{color:#000;text-decoration:none;background:none!important;transform:none;box-shadow:none!important;outline:none!important}.close-btn:after{content:"×"}.close-btn:active,.popup-content .close-btn:active{transform:none;background:none!important;box-shadow:none!important}@media (max-width: 480px){.browser-safari .popup-content,.browser-firefox .popup-content{height:-webkit-fill-available}}.carousel-container{width:100%;padding:0 40px;margin-top:10px;position:relative;display:flex;align-items:center}.carousel-content{flex:1;padding:15px;min-height:80px;background-color:transparent;text-align:center;max-width:800px;margin:0 auto;width:100%}@media (max-width: 768px){.carousel-content{padding:10px}.carousel-content h3,.carousel-content p,.carousel-content li{font-size:.85em}}.slide-content{text-align:center;max-width:600px;margin:0 auto}.slide-content ul{text-align:left;display:inline-block;margin:0 auto;width:100%}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;font-size:20px;color:#666;z-index:calc(var(--z-popup) + 2);box-shadow:0 2px 4px #0003;transition:all .2s ease}.carousel-button.prev{left:10px}.carousel-button.next{right:10px}.carousel-button:hover{background:#fff;color:#000}.slide-content{text-align:left;padding:15px;opacity:0;transition:opacity .3s ease-out;background-color:transparent}.slide-content.active{opacity:1}.slide-content h3{font-size:18px;font-weight:600;margin-bottom:12px;color:#333}.slide-content ul{list-style-type:none;padding:0;margin:0}.slide-content li{margin-bottom:8px;line-height:1.4;padding-left:15px;position:relative}.slide-content li:before{content:"•";position:absolute;left:0;color:#666}.modal,#loginModal,#reminderModal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)!important;display:none;margin:0;padding:0;overflow:hidden}#loginModal{z-index:var(--z-popup)!important;display:none}#loginModal.active,#loginModal[style*="display: block"]{display:flex!important}#modal-root{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:var(--z-popup)!important}#modal-root:empty{display:none}.modal-content{display:flex;flex-direction:column;height:100%;max-height:90vh;width:100%;padding:16px;gap:12px}.left-section{flex:0 0 50%;display:flex;flex-direction:column;align-items:center;gap:8px}.modal-image{max-height:45vh;width:auto;object-fit:contain}.vote-buttons{display:flex;align-items:center;gap:8px;margin-top:4px}.chat-section{height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:height .3s ease}.chat-history{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}.chat-message{display:flex;gap:12px;padding:8px}.chat-message.ai{background:#fff;border-radius:20px}.chat-input-container{display:flex;gap:8px;background:#fff;padding:8px 12px;margin:8px;border-radius:6px;height:40px}.chat-input{flex:1;border:none;outline:none;font-size:14px;line-height:20px;padding:0}.chat-submit{background:transparent!important;border:none;padding:8px;cursor:pointer;color:#878a8c;display:flex;align-items:center;justify-content:center}.chat-submit svg{fill:#878a8c;transition:fill .2s ease}.chat-submit:hover svg{fill:#000}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000bf;z-index:var(--z-popup)!important;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#loginView,#signupView{padding:20px 0}#loginView h2,#signupView h2{margin-bottom:20px;text-align:center;font-size:24px;color:#333}#loginView p,#signupView p{text-align:center;margin:20px auto;font-size:15px;color:#666;width:85%;display:block}#loginForm,#signupForm{width:100%;max-width:360px;margin:0 auto}#loginForm input,#signupForm input{width:100%;padding:12px;margin-bottom:15px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:16px}#loginForm input:focus,#signupForm input:focus{border-color:#ebc917;outline:none;box-shadow:0 0 0 2px #ebc91733}.login-btn{width:100%;padding:12px;border:none;border-radius:20px;cursor:pointer;font-weight:600;margin:15px 0;font-size:16px;transition:background-color .3s ease;background-color:#ebc917;color:#000}.login-btn:hover{background-color:#d693dbad}.login-btn:disabled{opacity:.6;cursor:not-allowed}.close{position:absolute;top:10px;right:20px;color:#aaa;font-size:24px;font-weight:700;cursor:pointer;border:none;background:none;padding:0;line-height:1;z-index:2002}.close:hover,.close:focus{color:#000}.or-divider{text-align:center;margin:20px 0;position:relative;color:#666}.or-divider:before,.or-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 30px);height:1px;background-color:#ddd}.or-divider:before{left:0}.or-divider:after{right:0}.gsi-material-button-icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;width:18px!important;height:18px!important;margin-right:8px!important;min-width:18px!important;order:-1!important}.mood-check-wrapper,.notifications-wrapper{width:100%;max-width:1200px;margin:0 auto 20px;padding:0;border-radius:0;overflow:hidden;background-color:transparent}.mood-check-wrapper .section-content,.notifications-wrapper .section-content{background-color:#fff;margin:0;padding:0;overflow:hidden;transition:max-height .3s ease-out}.mood-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;padding:1rem}.mood-button{display:flex;flex-direction:column;align-items:center;padding:1rem;border:1px solid #eee;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;gap:.5rem;width:100%}.mood-button:hover{border-color:#ebc917;transform:translateY(-2px)}.mood-button.selected{background-color:#ebc9171a;border:2px solid #EBC917}.mood-emoji{font-size:2rem;margin-bottom:.25rem}.section-header{padding:1rem;background-color:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header-content{display:flex;align-items:center;gap:1rem;flex:1}.emoji-circle{width:40px;height:40px;background:#f0f0f0;border-radius:50%;display:flex;align-items:center;justify-content:center}.mood-icon{font-size:20px;line-height:1}.chevron-icon{font-size:1.2rem;transition:transform .3s ease;color:#666}.section-header.active .chevron-icon{transform:rotate(90deg)}.section-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out;background-color:#fff}.section-content.active{max-height:500px;padding:1rem}.reminder-options{padding:20px;background:#fff;border-radius:8px;margin-bottom:20px}.reminder-choices{display:flex;gap:20px;margin:20px 0}.reminder-choice{flex:1;padding:15px;border:2px solid #eee;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease}.reminder-choice:hover{border-color:#ebc917;transform:translateY(-2px)}.reminder-choice .icon{font-size:24px}.reminder-settings{padding:20px;background:#fff;border-radius:8px}.time-picker,.frequency-picker{margin-bottom:15px}.time-picker label,.frequency-picker label{display:block;margin-bottom:8px;font-weight:600;color:#333}#artBreakTime,#reminderFrequency{width:100%;padding:8px 12px;border:1px solid #eee;border-radius:4px;font-size:16px}#mood-status-message{margin-top:1rem;padding:.5rem;text-align:center}#mood-status-message .success{color:#059669}#mood-status-message .error{color:#dc2626}#mood-status-message .info{color:#6b7280}#mood-status-message .prompt{background-color:#f3f4f6;padding:.75rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;gap:.5rem}.calendar-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.calendar-options{background:#fff;padding:20px;border-radius:8px;min-width:300px}.calendar-option{display:block;padding:15px;margin:10px 0;text-decoration:none;color:inherit;border:1px solid #eee;border-radius:8px;transition:all .3s ease}.calendar-option:hover{border-color:#ebc917;background:#f9f9f9}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.animation-overlay-show{animation:overlayShow .15s cubic-bezier(.16,1,.3,1)}.animation-content-show{animation:contentShow .15s cubic-bezier(.16,1,.3,1)}@media (max-width: 480px){.mood-check-wrapper,.notifications-wrapper{margin:.5rem 1rem;width:calc(100% - 2rem);border-radius:12px}.reminder-choices{flex-direction:column;gap:10px}.reminder-choice{padding:12px}.reminder-settings{padding:15px}.emoji-circle{width:32px;height:32px}.mood-emoji{font-size:1.75rem}}@media (max-width: 320px){.mood-option span{font-size:.8rem}.mood-emoji{font-size:1.5rem}}@media (hover: none){.mood-button:hover,.reminder-choice:hover{transform:none}.mood-button:active,.reminder-choice:active{transform:translateY(1px)}}.premium-features-wrapper{width:100%;background-color:#f8f8f8;padding:40px 0;margin:40px 0}#premium-features-container,#guided-art-section{width:100%;max-width:1200px;margin:0 auto;padding:20px;display:flex;flex-direction:column;align-items:center}#premium-features-container ul,#guided-art-section ul{list-style-type:none;text-align:left;width:100%;max-width:600px;margin:2em auto 0;padding:0;display:inline-block}#premium-features-container ul li,#guided-art-section ul li{position:relative;padding-left:20px;margin-bottom:8px;line-height:1.4}#premium-features-container ul li:before,#guided-art-section ul li:before{content:"•";position:absolute;left:0;color:#666}#premium-features-container h2,#guided-art-section h2{font-size:24px;margin-bottom:20px;text-align:center}#premium-features-container h3,#guided-art-section h3{text-align:center;width:100%;margin:1em 0}#premium-features-container .guided-art-item,#guided-art-section .guided-art-item{margin-bottom:30px;text-align:left;display:inline-block;width:100%;max-width:600px}#premium-features-container .header-text,#guided-art-section .header-text{font-weight:700;font-size:1.2em;margin-bottom:10px;color:#333;text-align:left}#premium-features-container .guided-art-item ul,#guided-art-section .guided-art-item ul{list-style-type:none;padding:0;margin:10px 0}#premium-features-container .guided-art-item ul li,#guided-art-section .guided-art-item ul li{position:relative;padding-left:20px;margin-bottom:8px;line-height:1.4;text-align:left}#premium-features-container .guided-art-item ul li:before,#guided-art-section .guided-art-item ul li:before{content:"•";position:absolute;left:0;color:#666}.top-liked-art{width:100%;max-width:1200px;margin:0 auto;padding:20px}#liked-images-container{width:100%;max-width:1200px;margin:0 auto;padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.liked-image-block{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease;aspect-ratio:1 / 1}.liked-image-block:hover{transform:scale(1.05)}.liked-image-block img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.liked-image-block .vote-count{position:absolute;bottom:5px;right:5px;background-color:#fffc;padding:2px 6px;border-radius:12px;font-size:12px}.button-container{text-align:center;margin-top:20px}#subscribeTeaserBtn{display:inline-block;padding:10px 20px;background-color:#ebc917;color:#000;border:none;border-radius:20px;text-decoration:none;font-weight:600;cursor:pointer;transition:background-color .3s ease}#subscribeTeaserBtn:hover{background-color:#d693dbad}.try-valyss-overlay{position:fixed;bottom:20px;right:30px}#liked-images-container:empty:before{content:"No top images available";display:block;text-align:center;width:100%;padding:20px;color:#666;font-size:1.2em}.placeholder-image{background-color:#f0f0f0;display:flex;justify-content:center;align-items:center;font-size:14px;color:#666;text-align:center;padding:10px}@media (max-width: 1240px){.container-wrapper,section,.mood-check-wrapper,.notifications-wrapper,.premium-features-wrapper>*,#guided-art-section,.top-liked-art,#liked-images-container,#premium-features-container{padding:20px;box-sizing:border-box}.premium-features-wrapper>*{max-width:1200px;margin:0 auto;padding:0 20px}}@media (max-width: 1000px){#liked-images-container{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){#liked-images-container{grid-template-columns:repeat(3,1fr)}.container-wrapper,section,.mood-check-wrapper,.notifications-wrapper,.premium-features-wrapper>*,#guided-art-section,.top-liked-art,#liked-images-container,#premium-features-container{padding:15px}.try-valyss-overlay{right:20px;bottom:15px}main{padding:15px}.content-container{padding:0 15px}.main-content{margin-top:.1rem}body{padding-top:0}}@media (max-width: 480px){#liked-images-container{grid-template-columns:repeat(2,1fr)}#premium-features-container .header-text,#guided-art-section .header-text{font-size:1.1em}#subscribeTeaserBtn{width:100%;text-align:center}main{padding:10px}.content-container{padding:0 10px}body{padding-top:50px}}@media (max-width: 768px){.modal-content{width:100%;margin:0;border-radius:0;padding:1.5rem}.modal-close{top:.5rem;right:.5rem}}@media (max-width: 480px){.modal-content{padding:1rem}@supports (-webkit-overflow-scrolling: touch){.modal-content{-webkit-overflow-scrolling:touch}}}@media print{.premium-features-wrapper{background:none;padding:20px 0}.try-valyss-overlay{display:none}}.z-top{z-index:calc(var(--z-popup) + 100)!important}.z-hidden{z-index:-1}@media screen and (-webkit-min-device-pixel-ratio: 0){.popup-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;padding:0;display:flex;align-items:center;justify-content:center;background-color:#000c;z-index:99999;margin:0}.popup-content{position:relative;width:95%;max-width:95%;height:auto;max-height:96vh;background:#fff;border-radius:8px;padding:35px 5px 5px;margin:0;display:flex;flex-direction:column;gap:2px;z-index:100000;top:0;transform:translateY(0)}.close-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;z-index:100001}}@media screen and (device-width: 390px) and (device-height: 844px) and (-webkit-min-device-pixel-ratio: 3){.popup-container{padding-top:50px}.popup-content{max-height:85vh;padding-top:40px}.expanded-img-container{max-height:32vh;margin:15px 0 10px}}:root{--z-base: 1;--z-nav: 1000;--z-overlay: 9000;--z-modal: 9500;--z-popup: 10000;--z-tooltip: 10500 }.header-container{position:fixed;top:0;left:0;width:100%;z-index:var(--z-nav)!important;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-sizing:border-box}.logo{font-family:-apple-system,Inter,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;font-size:1.25rem;color:#000;text-decoration:none}.subscribe-btn:hover{background-color:#ffe44d}.hamburger-btn{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;padding:0;cursor:pointer}.hamburger-btn span{display:block;width:100%;height:2px;background-color:#000;transition:transform .3s ease}.popup-container,#loginModal,.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:var(--z-popup)!important;display:none;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;-webkit-transform:translateZ(0)}.popup-container.active,#loginModal.active,.modal.active{display:flex;min-width:100vw;min-height:100vh;left:0;right:0}@supports (-webkit-touch-callout: none){.popup-container{width:100vw;min-width:100vw;max-width:100vw;left:0;right:0}}.modal-content,.popup-content{position:relative;background:#fff;padding:2rem;border-radius:8px;max-width:500px;width:95%;margin:auto;box-shadow:0 2px 4px #0000001a;z-index:calc(var(--z-popup) + 1)!important}.container-wrapper{min-height:100vh;width:100%;max-width:100%;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;position:relative}#modal-root{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-popup)!important;pointer-events:none}#modal-root>*{pointer-events:auto}h1,#premium-features-container h2,#guided-art-section h2,.top-liked-art h2,.premium-features-wrapper h2{margin-top:10px;padding:7px 20px;font-size:24px;color:#333}.content-container{padding:10px 20px}.content-container,.premium-features-wrapper,#premium-features-container,#guided-art-section,.top-liked-art{padding:0 20px}.section-header h2{margin:0;font-size:1.1rem;font-weight:600;color:#333}@media (max-width: 768px){#liked-images-container,.container-wrapper{padding-bottom:50px}}.nav-center-group{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:30px}.logo{margin-right:auto}@media (min-width: 769px){.header-container{padding:10px 50px}}.hamburger-btn{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;margin-left:20px}.hamburger-btn span{width:100%;height:3px;background-color:#333;transition:all .3s ease}.hamburger-menu{position:fixed;top:80px;right:-300px;width:300px;height:calc(100vh - 80px);background-color:#fff;box-shadow:-2px 0 5px #0000001a;transition:right .3s ease;z-index:var(--z-nav)}.hamburger-menu.active{right:0}.menu-items{display:flex;flex-direction:column;padding:20px}.menu-items a{padding:15px;text-decoration:none;color:#333;border-bottom:1px solid #eee;transition:background-color .3s ease}.menu-items a:hover{background-color:#f5f5f5}.menu-item{display:flex;align-items:center;gap:15px;padding:15px 20px;text-decoration:none;color:#333;border-bottom:1px solid #eee;transition:background-color .3s ease}.menu-item:hover{background-color:#f5f5f5}.menu-item i{width:20px;text-align:center;font-size:18px}.menu-item .emoji-icon{font-size:18px;width:20px;text-align:center;color:#333}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:var(--z-modal)}.modal-content{background-color:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;margin:20px;box-sizing:border-box}.reminder-options{display:flex;justify-content:space-around;margin:20px 0}.reminder-option{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #eee;border-radius:4px;cursor:pointer}.reminder-settings{display:flex;flex-direction:column;gap:15px;margin:20px 0}.setting-group{margin:1rem 0}.setting-group label{display:block;margin-bottom:.5rem;font-weight:500}.save-preferences-btn{width:100%;padding:10px;background-color:#ebc917;border:none;border-radius:20px;cursor:pointer;font-weight:600}.custom-days{margin-top:15px;padding:10px;border:1px solid #eee;border-radius:8px}.day-checkbox{display:flex;align-items:center;margin:8px 0}.day-checkbox input[type=checkbox]{margin-right:10px}.day-checkbox label{cursor:pointer}.modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a;z-index:1;transition:background-color .2s ease;font-size:20px;color:#666}.modal-close:hover{background-color:#f5f5f5;color:#333}.close,.close-btn,.modal-close{position:absolute;top:15px;right:15px;width:30px;height:30px;border-radius:50%;background:none;border:none;font-size:24px;line-height:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease;z-index:calc(var(--z-modal) + 1)}.close:hover,.close-btn:hover,.modal-close:hover{color:#333;background-color:#0000000d;transform:scale(1.1)}.close:active,.close-btn:active,.modal-close:active{transform:scale(.95)}.modal-content,.popup-content{position:relative;background:#fff;padding:2rem;border-radius:8px;max-width:500px;width:95%;margin:auto;box-shadow:0 2px 4px #0000001a}.modal,#loginModal,#reminderModal,.popup-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:none;align-items:center;justify-content:center;z-index:var(--z-modal);overflow:hidden}.modal.active,#loginModal.active,#reminderModal.active,.popup-container.active{display:flex}.modal-content,#reminderModal .modal-content{position:relative;width:90%;max-width:500px;margin:15% auto;padding:20px;border-radius:8px;background:#fff;overflow-y:auto}.modal-content .close,#reminderModal .close{position:absolute;top:10px;right:20px;color:#aaa;font-size:24px;font-weight:700;cursor:pointer;border:none;background:none;padding:0;line-height:1;z-index:2002}.modal-content .close:hover,#reminderModal .close:hover{color:#000}.slide-content{width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.slide-content ul{width:100%;text-align:left}.modal .modal-content h2,#loginModal .modal-content h2,#reminderModal .modal-content h2,#comingSoonModal .modal-content h2{font-size:20px;font-weight:500;margin:0 0 20px;color:#333;text-align:center;padding-top:10px}.modal-content>h2{font-size:20px!important}#reminderModal .reminder-content{text-align:center}#reminderModal .reminder-content p{text-align:center;margin:15px 0;font-size:15px;color:#666}#reminderModal .reminder-settings{text-align:center;margin:20px 0}#reminderModal .reminder-settings label{display:block;margin:10px 0}#customDays{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0;text-align:left;padding:0 20px}#customDays label{display:flex;align-items:center;gap:6px;font-size:13px;color:#333;padding:4px 0}#customDays input[type=checkbox]{margin:0}@media (max-width: 400px){#customDays{grid-template-columns:repeat(3,1fr);gap:6px;padding:0 10px}#customDays label{font-size:12px}}.frequency-setting select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;margin-bottom:10px}.custom-days-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0;align-items:start}.custom-days-grid label{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;margin:0;padding:0;line-height:16px;height:16px}.custom-days-grid input[type=checkbox]{margin:0;width:16px;height:16px;flex-shrink:0;position:relative;vertical-align:middle}.reminder-settings{margin:20px 0;text-align:center}.time-setting,.frequency-setting{margin-bottom:15px}.time-setting label,.frequency-setting label{display:block;margin-bottom:8px}#artBreakTime,#reminderFrequency{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}#reminderModal .modal-content{padding:15px;display:flex;flex-direction:column;gap:10px}#reminderModal h2{font-size:20px;margin:0 0 10px}#reminderModal .reminder-content{display:flex;flex-direction:column;gap:10px}#reminderModal .reminder-options{display:flex;justify-content:space-between;gap:10px;margin:5px 0}#reminderModal .time-setting,#reminderModal .frequency-setting,#reminderModal .custom-days-container{margin:5px 0}#reminderModal .custom-days-grid{gap:5px;margin:5px 0}@media (max-width: 768px){#reminderModal .modal-content{padding:5px 10px 60px;height:auto;max-height:95vh;overflow-y:auto;background-color:#fff}#reminderModal h2{font-size:18px;margin:0 0 1px}#reminderModal .reminder-content>p{margin:0 0 1px}#reminderModal .reminder-options,#reminderModal .time-setting,#reminderModal .frequency-setting{margin:0;padding:1px 0}#reminderModal .time-setting label,#reminderModal .frequency-setting label{margin:0 0 1px;font-size:14px}#reminderModal select,#reminderModal input{height:30px;margin-bottom:1px;padding:3px 6px}#reminderModal .custom-days-grid{gap:1px;margin:1px 0}#reminderModal .days-column{gap:3px}#reminderModal .save-preferences-btn{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:calc(100% - 20px);z-index:10001}}.modal,.popup-container,.mood-modal-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:var(--z-modal);display:none}.modal.active,.popup-container.active,.mood-modal-container.active{display:flex;opacity:1;background-color:#00000080}.modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:none;align-items:center;justify-content:center;z-index:var(--z-modal);-webkit-overflow-scrolling:touch}.modal-content:not(.image-detail-modal){position:relative;background-color:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;margin:20px;box-sizing:border-box}.gsi-material-button{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;padding:9px 18px!important;border:none!important;border-radius:20px!important;background-color:#fff!important;width:100%!important;max-width:300px!important;margin:10px auto!important;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important;position:relative!important;height:auto!important;line-height:normal!important}.gsi-material-button-icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;width:18px!important;height:18px!important;margin-right:8px!important;min-width:18px!important;order:-1!important}.gsi-material-button-content{font-family:Inter,sans-serif!important;font-size:14.4px!important;font-weight:600!important;color:#333!important;margin:0!important;padding:0!important;text-transform:none!important;flex-grow:1!important;text-align:center!important}.gsi-material-button:hover{background-color:#d693dbad!important}@supports (-webkit-touch-callout: none){.modal{position:fixed;width:100%;height:-webkit-fill-available}.modal-content{max-height:-webkit-fill-available}}@media (max-width: 768px){.modal-content:not(.image-detail-modal){width:95%;margin:10px;padding:15px}.close{position:absolute;right:10px;top:10px;font-size:24px;color:#333;background:none;border:none;padding:5px;cursor:pointer;z-index:1}.modal{padding:0;align-items:center}.modal-content{margin:10px auto;transform:none}}.modal.active{display:flex;opacity:1}@supports (-webkit-touch-callout: none){.modal-content{padding-bottom:env(safe-area-inset-bottom)}}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;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\:border-\[\#EBC917\]:hover{--tw-border-opacity: 1;border-color:rgb(235 201 23 / var(--tw-border-opacity, 1))}.hover\:border-yellow-400:hover{--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1))}.hover\:bg-\[\#D693DBAD\]:hover{background-color:#d693dbad}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.data-\[state\=closed\]\:animate-fadeOut[data-state=closed]{animation:fadeOut .2s ease-in}.data-\[state\=open\]\:animate-fadeIn[data-state=open]{animation:fadeIn .2s ease-out}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\: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)))}.sm\:rounded-lg{border-radius:.5rem}.sm\:text-left{text-align:left}}@media (min-width: 768px){.md\:w-full{width:100%}.md\:flex-row{flex-direction:row}}.auth-modal{max-width:400px;width:90%}.auth-options{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.google-sign-in{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:1px solid #ddd;border-radius:20px;background-color:#fff;font-weight:600;cursor:pointer;transition:background-color .3s ease}.google-sign-in:hover{background-color:#f5f5f5}.user-info{padding:1rem 0;text-align:center}.sign-out-btn{margin-top:1rem;padding:.5rem 1rem;border:none;border-radius:20px;background-color:#eee;cursor:pointer;transition:background-color .3s ease}.sign-out-btn:hover{background-color:#ddd}.error-message{color:#dc2626;padding:.5rem;margin:.5rem 0;text-align:center;font-size:.875rem}.daily-art,.top-liked-art{width:100%;max-width:1200px;margin:2rem auto;padding:0 20px}.image-container,.liked-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:1rem}.image-card{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease;cursor:pointer;aspect-ratio:1}.image-card:hover{transform:translateY(-2px)}.image-card img{width:100%;height:100%;object-fit:cover}.image-info{position:absolute;bottom:0;left:0;right:0;padding:10px;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-info h3{margin:0;font-size:14px;color:#333}.image-info p{margin:5px 0 0;font-size:12px;color:#666}.loading,.error-message{text-align:center;padding:2rem;color:#666}.error-message{color:#dc2626}@media (max-width: 768px){.image-container,.liked-images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}}.hamburger-wrapper{position:relative}.hamburger-btn{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:20px;background:none;border:none;cursor:pointer;padding:0}.hamburger-btn span{display:block;width:100%;height:2px;background-color:#333;transition:all .3s ease}.hamburger-btn.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger-btn.active span:nth-child(2){opacity:0}.hamburger-btn.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.menu-content{position:fixed;top:0;right:-300px;width:300px;height:100vh;background-color:#fff;box-shadow:-2px 0 5px #0000001a;transition:right .3s ease;z-index:1000}.menu-content.open{right:0}.menu-content ul{list-style:none;padding:2rem;margin:0}.menu-content li{margin:1rem 0}.menu-content a{color:#333;text-decoration:none;font-size:1.1rem}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999}@media (max-width: 768px){.menu-content{width:250px}}.liked-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:20px;max-width:1200px;margin:0 auto}.top-liked-art{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.app-header{display:flex;justify-content:center;align-items:center;padding:1rem 0;position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:var(--valyss-background);box-shadow:0 2px 4px #0000000d;transition:transform .3s ease}.app-header>div{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;box-sizing:border-box}.app-header .logo{margin-right:auto}.subscribe-btn{margin-right:1rem}.header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.subscribe-btn{background-color:#ebc917;color:#000;padding:9px 18px;border-radius:9999px;text-decoration:none;font-weight:600;transition:background-color .3s ease;font-size:14.4px;border:none;cursor:pointer;display:inline-block;text-align:center;text-transform:uppercase}.hamburger-menu-container{position:relative;z-index:1001}.menu-items{position:absolute;top:100%;right:0;background:#fff;box-shadow:0 2px 5px #0000001a;border-radius:4px;padding:1rem 0;display:none;min-width:200px;z-index:1001}main{margin-top:60px;position:relative;z-index:1}.modal-content-vertical{display:flex;flex-direction:column;height:100%;overflow:hidden}.image-section-full{flex:1;min-height:0;position:relative;background:#fff;display:flex;align-items:center;justify-content:center;padding:1rem}.image-section-full img{width:100%;height:100%;object-fit:contain;background:#fff}.chat-section-bottom{background:#fff;border-top:1px solid #eee;max-height:30vh;display:flex;flex-direction:column}.chat-messages{flex:1;overflow-y:auto;padding:1rem;min-height:0}.message{margin-bottom:1rem}.message.ai{background:#f8f9fa;padding:1rem;border-radius:8px}.message.ai h3{margin:0 0 .5rem;font-size:1.1rem}.message.ai ul{margin:0;padding-left:1.2rem}.message.ai li{margin:.5rem 0}.chat-input{padding:1rem;border-top:1px solid #eee;display:flex;gap:.5rem;background:#fff}.chat-input input{flex:1;padding:.8rem;border:1px solid #ddd;border-radius:20px;font-size:1rem}.chat-input button{padding:.8rem 1.2rem;background:#4a90e2;color:#fff;border:none;border-radius:20px;cursor:pointer}.modal-overlay{position:fixed;top:80px;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;justify-content:center;align-items:flex-start;z-index:50;padding-top:20px}.modal-close{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#fff;border:none;border-radius:50%;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0003;z-index:1;transition:background-color .2s ease}.modal-close:hover{background-color:#f5f5f5}.modal-close:hover{background:#f5f5f5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modal-overlay{position:fixed;top:80px;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;justify-content:center;align-items:flex-start;z-index:50;padding-top:20px;animation:fadeIn .2s ease-out}.modal-image{max-height:50vh;width:auto;max-width:100%;object-fit:contain}.vote-buttons{display:flex;align-items:center;background-color:#f8f9fa;border-radius:32px;padding:12px 16px;gap:12px;margin:20px 0}.chat-container{width:100%;max-width:600px;height:300px;display:flex;flex-direction:column;border-radius:0;background:#f7f7f8;overflow:hidden}.chat-history{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.chat-message.user .message-content{background:#fff;border-radius:20px;padding:12px 16px;margin-left:auto;box-shadow:0 1px 3px #0000001a;max-width:85%;font-size:.85rem}.chat-message.ai{color:#333}.chat-message.ai .message-content{padding:8px 16px 4px;max-width:85%;white-space:pre-wrap;background:transparent;font-size:.85rem}.chat-message.ai .message-content ul:last-child{margin-bottom:0}.chat-message.ai .message-content li:last-child{margin-bottom:0}.chat-input-container{padding:0 10px;background:#f7f7f8}.chat-input{display:flex;align-items:center;background:#fff;border-radius:20px;padding:20px;box-shadow:0 1px 3px #0000001a}input.chat-input-field{flex:1;border:none;outline:none;font-size:14px;background:transparent;padding:4px 0}.chat-submit{background:transparent!important;border:none;border-radius:20px;padding:20px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center}.chat-submit:hover{color:#000}.daily-art-vote-buttons{display:flex;align-items:center;justify-content:center;background-color:#ffffffe6;border-radius:24px;padding:6px 16px;gap:12px;margin:0 auto;width:fit-content}.modal-vote-buttons{display:flex;align-items:center;justify-content:center;background-color:#ffffffe6;border-radius:24px;padding:2px 12px;gap:12px;margin:2px auto;width:fit-content}.last-updated{text-align:left;color:#9a9999;font-size:.8rem;margin-top:0;margin-left:10px;padding:4px;font-style:italic}.chat-message.ai .message-content>p:first-child+p{margin-top:8px}.modal-overlay{transition:opacity .3s ease-in-out}.modal-overlay.closing{opacity:0}.image-detail-modal{transition:transform .3s ease-in-out;transform:translate(0);opacity:1}.image-detail-modal.closing{transform:translate(100vw)}@keyframes slideIn{0%{transform:translate(100vw)}to{transform:translate(0)}}.image-detail-modal{animation:slideIn .4s cubic-bezier(.4,0,.2,1)}.modal-vote-buttons{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.modal-vote-count{font-weight:600;margin:0 4px;font-size:16px;min-width:32px;text-align:center;color:#1a1a1a}.art-history-section{padding:20px;max-width:1400px;margin:0 auto}.history-image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.history-image-container{position:relative;aspect-ratio:1;overflow:hidden;transform:scale(.7);transform-origin:center}.history-image{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .2s}.history-image:hover{transform:scale(1.02)}@media (max-width: 1200px){.history-image-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.history-image-grid{grid-template-columns:repeat(2,1fr)}.history-image-container{transform:scale(.8)}}#liked-images-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.liked-image-block.history-image{position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px}.top-liked-section.history-section{padding:20px;max-width:1200px;margin:0 auto}#liked-images-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.liked-image-block.history-image{position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px;width:100%}.liked-image-block.history-image img{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .2s;border-radius:8px}.liked-image-block.history-image img:hover{transform:scale(1.02)}@media (max-width: 1024px){#liked-images-container{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){#liked-images-container{grid-template-columns:repeat(2,1fr)}}.load-trigger{height:20px;margin:20px 0;visibility:hidden}.menu-item.disabled{color:#9ca3af;cursor:not-allowed}@media (max-width: 768px){.modal-content{padding:1rem}.modal-content img{width:100px}.modal-content h2{font-size:1.25rem}.mood-button{padding:.75rem}}.modal-close-button{position:absolute!important;top:10px!important;right:10px!important;background:none!important;border:none!important;font-size:1.5rem!important;cursor:pointer!important;padding:5px!important;line-height:1!important;z-index:100001!important;color:#333!important}@media (max-width: 768px){.modal-close-button{z-index:100001!important;color:#333!important;font-size:2rem!important}}#image-container,#liked-images-container{max-width:1200px;width:100%;padding:20px;margin:0 auto}@media (max-width: 768px){#image-container,#liked-images-container{padding:15px}}.past-art-wrapper{width:100vw;background-color:#f5f5f5;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding:20px 0;position:relative}.past-art-content{max-width:1200px;width:100%;margin:0 auto;padding:0 20px}#liked-images-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:100%}.liked-image-block{flex:0 1 calc(25% - 15px);min-width:calc(25% - 15px);max-width:calc(25% - 15px)}.liked-image-block img{width:100%;height:auto;display:block;border-radius:8px}@media (max-width: 1024px){.liked-image-block{flex:0 1 calc(33.333% - 14px);min-width:calc(33.333% - 14px);max-width:calc(33.333% - 14px)}}@media (max-width: 768px){.past-art-wrapper{padding:15px 0}.past-art-content{padding:0 15px}#liked-images-container{gap:15px}.liked-image-block{flex:0 1 calc(50% - 8px);min-width:calc(50% - 8px);max-width:calc(50% - 8px)}}.app-wrapper,.main-content,.container-wrapper,.content-container{width:100%;max-width:none;padding:0;margin:0;overflow-x:hidden}.full-width-section{width:100%;background-color:#f5f5f5;margin:0;padding:2rem 0}.past-art-content{max-width:1200px;margin:0 auto;padding:0 20px}@-moz-document url-prefix(){.modal-content.firefox-modal{height:100vh!important;max-height:-moz-available!important;min-height:-moz-available!important;overflow-y:hidden!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important}}@-moz-document url-prefix(){@media (max-width: 768px){body,html{height:100%!important;min-height:100%!important;overflow:hidden!important}#root{height:100%!important;min-height:100%!important}.modal-overlay{position:fixed!important;height:100%!important;min-height:100%!important}.modal-content.firefox-modal{height:100%!important;min-height:100%!important;margin:0!important;border-radius:0!important}}}.daily-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;width:92%!important;max-width:1200px!important;margin:0 auto!important;box-sizing:border-box!important}.daily-image-block{width:100%;aspect-ratio:1}.daily-image-block img{width:100%;height:100%;object-fit:cover;border-radius:12px;cursor:pointer;transition:transform .2s ease}.daily-image-block img:hover{transform:scale(1.02)}@media (min-width: 640px){.daily-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.daily-grid{grid-template-columns:repeat(3,1fr)}}.app-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;position:fixed;top:0;left:0;width:100%;z-index:40;background-color:#fff;box-shadow:0 2px 4px #0000000d}.logo-container{display:flex;align-items:center}.valyss-logo{height:40px;width:auto}.header-controls{display:flex;align-items:center}.profile-button{position:relative}.profile-button:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background-color:#3b82f6;transition:width .2s ease}.profile-button:hover:after{width:70%}.mr-2{margin-right:.5rem}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background-color:#fff;box-shadow:0 -2px 10px #0000001a;z-index:40;padding:8px 0;justify-content:space-around;align-items:center}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0;color:#4b5563;background:none;border:none;cursor:pointer;width:33.333%;transition:color .2s}.mobile-nav-item:hover,.mobile-nav-item:active{color:#3b82f6}.mobile-nav-item span{font-size:.75rem;margin-top:4px}@media (max-width: 768px){.mobile-bottom-nav{display:flex}.main-content{padding-bottom:70px}}.section-container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.25rem}.past-art-wrapper{background-color:#fff;width:100%;padding:2rem 0}.past-art-content,#liked-images-container,.daily-grid{width:100%;max-width:1200px;margin:0 auto;padding:0 1.25rem}@media (max-width: 1200px){.section-container,.past-art-content,#liked-images-container,.daily-grid{padding:0 1.25rem}}@media (max-width: 768px){.section-container,.past-art-content,#liked-images-container,.daily-grid{padding:0 1rem}}:root{--classic-primary: #4F46E5;--classic-secondary: #EBC917;--classic-background: #FFFFFF;--classic-surface: #F3F4F6;--classic-text: #1F2937;--classic-text-secondary: #6B7280;--classic-border: #E5E7EB;--classic-shadow: rgba(0, 0, 0, .1)}[data-theme=futuristic]{--classic-primary: #00F5FF;--classic-secondary: #EBC917;--classic-background: #0A0A0F;--classic-surface: #16161F;--classic-text: #FFFFFF;--classic-text-secondary: #A0A0A0;--classic-border: rgba(0, 245, 255, .1);--classic-shadow: rgba(0, 245, 255, .1)}.theme-switcher{position:fixed;bottom:20px;right:20px;z-index:1000;background:var(--classic-surface);border:1px solid var(--classic-border);border-radius:50px;padding:4px;display:flex;gap:4px;box-shadow:0 4px 6px var(--classic-shadow)}.theme-button{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:transparent;color:var(--classic-text)}.theme-button.active{background:var(--classic-primary);color:var(--classic-background)}.theme-button:hover{transform:scale(1.1)}body{background-color:var(--classic-background);color:var(--classic-text)}.header-container{background-color:var(--classic-surface);border-bottom:1px solid var(--classic-border)}.header-logo,.nav-links a{color:var(--classic-text)}.signup-btn{background:var(--classic-primary);color:var(--classic-background)}:root{--valyss-primary: #4F46E5;--valyss-secondary: #EBC917;--valyss-background: #FFFFFF;--valyss-surface: #FFFFFF;--valyss-text: #4B5563;--valyss-text-secondary: #6B7280;--valyss-border: #E5E7EB;--valyss-shadow: -4px 0 6px rgba(0, 0, 0, .1);--valyss-hover: #F3F4F6;--valyss-active: #E5E7EB;--valyss-error: #EF4444;--valyss-success: #10B981;--valyss-warning: #F59E0B;--valyss-info: #3B82F6}[data-theme=futuristic]{--valyss-primary: #00F5FF;--valyss-secondary: #EBC917;--valyss-background: #0A0A0F;--valyss-surface: #16161F;--valyss-surface-light: #242424;--valyss-text: #FFFFFF;--valyss-text-secondary: #A0A0A0;--valyss-border: #2A2A3A;--valyss-shadow: 0 0 20px rgba(0, 245, 255, .1);--valyss-hover: #1E1E2E;--valyss-active: #2A2A3A;--valyss-error: #FF4444;--valyss-success: #00FF9D;--valyss-warning: #FFB800;--valyss-info: #00F5FF}body{background-color:var(--valyss-background);color:var(--valyss-text)}.header-container{background-color:var(--valyss-surface);border-bottom:1px solid var(--valyss-border)}.nav-links a{color:var(--valyss-text)}.nav-links a:hover{color:var(--valyss-primary)}.signup-btn{background-color:var(--valyss-primary);color:var(--valyss-surface)}.signup-btn:hover{background-color:var(--valyss-hover)}.modal-content,.popup-content,input,select,textarea{background-color:var(--valyss-surface);color:var(--valyss-text);border:1px solid var(--valyss-border)}input:focus,select:focus,textarea:focus{border-color:var(--valyss-primary);box-shadow:0 0 0 2px var(--valyss-primary)}button{background-color:var(--valyss-surface);color:var(--valyss-text);border:1px solid var(--valyss-border)}button:hover{background-color:var(--valyss-hover)}.card,.container{background-color:var(--valyss-surface);border:1px solid var(--valyss-border);color:var(--valyss-text)}a{color:var(--valyss-primary)}a:hover{color:var(--valyss-secondary)}.error{color:var(--valyss-error)}.success{color:var(--valyss-success)}.warning{color:var(--valyss-warning)}.info{color:var(--valyss-info)}:root{--valyss-primary: #4F46E5;--valyss-secondary: #FCD34D;--valyss-background: #ffffff;--valyss-surface: #ffffff;--valyss-text: #1a1a1a;--valyss-text-secondary: #4b5563;--valyss-border: #e5e7eb;--valyss-shadow: 0 2px 4px rgba(0, 0, 0, .1);--valyss-hover: rgba(79, 70, 229, .1);--valyss-logo-color: #1a1a1a}[data-theme=futuristic]{--valyss-primary: #00FFFF;--valyss-secondary: #EBC917;--valyss-background: #0a0a0a;--valyss-surface: #1a1a1a;--valyss-surface-light: #242424;--valyss-text: #FFFFFF;--valyss-text-secondary: #A0A0A0;--valyss-border: #2d3748;--valyss-shadow: 0 0 20px rgba(0, 255, 255, .2);--valyss-hover: rgba(0, 255, 255, .1);--valyss-logo-color: #ffffff}:root[data-theme=classic]{--valyss-background: #ffffff;--valyss-surface: #ffffff;--valyss-text: #1a1a1a;--valyss-text-secondary: #666666;--valyss-border: #E5E7EB;--valyss-hover: rgba(0, 0, 0, .05);--valyss-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--valyss-logo-color: #1a1a1a;--valyss-logo-filter: none;--valyss-primary: #6366F1}:root[data-theme=futuristic]{--valyss-background: #0a0a0a;--valyss-surface: #1a1a1a;--valyss-text: #ffffff;--valyss-text-secondary: #a0a0a0;--valyss-border: #2d3748;--valyss-hover: rgba(0, 255, 255, .1);--valyss-shadow: 0 10px 15px -3px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .1);--valyss-logo-color: #ffffff;--valyss-logo-filter: brightness(0) saturate(100%) invert(1);--valyss-primary: #6366F1}[data-theme=futuristic] .app-header .logo img,[data-theme=futuristic] .valyss-logo,[data-theme=futuristic] .modal-content img[alt*=Valyss],[data-theme=futuristic] .chat-message.ai img,[data-theme=futuristic] .popup-content img[alt*=Valyss]{filter:brightness(0) saturate(100%) invert(1)!important}[data-theme=classic] .app-header .logo img,[data-theme=classic] .valyss-logo,[data-theme=classic] .modal-content img[alt*=Valyss],[data-theme=classic] .chat-message.ai img,[data-theme=classic] .popup-content img[alt*=Valyss]{filter:none!important}.app-header .logo img,.valyss-logo,.modal-content img[alt*=Valyss],.chat-message.ai img,.popup-content img[alt*=Valyss]{filter:none;transition:filter .3s ease}[data-theme=futuristic] header img,[data-theme=futuristic] .header-container img,[data-theme=futuristic] .app-header img{filter:brightness(0) saturate(100%) invert(1)!important}[data-theme=classic] header img,[data-theme=classic] .header-container img,[data-theme=classic] .app-header img{filter:none!important}[data-theme=futuristic] .chat-section img[alt="Valyss AI"],[data-theme=futuristic] .chat-section-bottom img[alt="Valyss AI"],[data-theme=futuristic] .chat-message img[alt=Valyss],[data-theme=futuristic] .chat-message img[alt="Valyss AI"],[data-theme=futuristic] img[style*="border-radius: 50%"][alt*=Valyss]{filter:brightness(0) saturate(100%) invert(1)!important}[data-theme=classic] .chat-section img[alt="Valyss AI"],[data-theme=classic] .chat-section-bottom img[alt="Valyss AI"],[data-theme=classic] .chat-message img[alt=Valyss],[data-theme=classic] .chat-message img[alt="Valyss AI"],[data-theme=classic] img[style*="border-radius: 50%"][alt*=Valyss]{filter:none!important}img[alt*=Valyss][style*=filter]{filter:var(--valyss-logo-filter)!important}[data-theme=futuristic] img[src*=Valyss-Logo2],[data-theme=futuristic] img[src*=Valyss-logo3],[data-theme=futuristic] img[src*=valyss-logo],[data-theme-mode=dark] img[src*=Valyss-Logo2],[data-theme-mode=dark] img[src*=Valyss-logo3],[data-theme-mode=dark] img[src*=valyss-logo]{filter:brightness(0) saturate(100%) invert(1)!important}[data-theme=classic] img[src*=Valyss-Logo2],[data-theme=classic] img[src*=Valyss-logo3],[data-theme=classic] img[src*=valyss-logo],[data-theme-mode=light] img[src*=Valyss-Logo2],[data-theme-mode=light] img[src*=Valyss-logo3],[data-theme-mode=light] img[src*=valyss-logo]{filter:brightness(0)!important;-webkit-filter:brightness(0)!important}.app-header img[src*=".png"],.header-container img[src*=".png"],.modal-content img[src*=".png"][alt*=Valyss],.chat-message.ai img[src*=".png"],.popup-content img[src*=".png"][alt*=Valyss]{transition:filter .3s ease}[data-theme=futuristic] .app-header img[src*=".png"],[data-theme=futuristic] .header-container img[src*=".png"],[data-theme=futuristic] .modal-content img[src*=".png"][alt*=Valyss],[data-theme=futuristic] .chat-message.ai img[src*=".png"],[data-theme=futuristic] .popup-content img[src*=".png"][alt*=Valyss],[data-theme-mode=dark] .app-header img[src*=".png"],[data-theme-mode=dark] .header-container img[src*=".png"],[data-theme-mode=dark] .modal-content img[src*=".png"][alt*=Valyss],[data-theme-mode=dark] .chat-message.ai img[src*=".png"],[data-theme-mode=dark] .popup-content img[src*=".png"][alt*=Valyss]{filter:brightness(0) saturate(100%) invert(1)!important}[data-theme=classic] .app-header img[src*=".png"],[data-theme=classic] .header-container img[src*=".png"],[data-theme=classic] .modal-content img[src*=".png"][alt*=Valyss],[data-theme=classic] .chat-message.ai img[src*=".png"],[data-theme=classic] .popup-content img[src*=".png"][alt*=Valyss],[data-theme-mode=light] .app-header img[src*=".png"],[data-theme-mode=light] .header-container img[src*=".png"],[data-theme-mode=light] .modal-content img[src*=".png"][alt*=Valyss],[data-theme-mode=light] .chat-message.ai img[src*=".png"],[data-theme-mode=light] .popup-content img[src*=".png"][alt*=Valyss]{filter:none!important}.modal-overlay,.modal-content,.popup-container{z-index:2000!important}.modal-content,.popup-content{z-index:2001!important}body:before{display:none!important}body{background-color:var(--valyss-background)!important;margin:0!important;padding:0!important;min-height:100vh!important;overflow-x:hidden!important}html{margin:0!important;padding:0!important;overflow-x:hidden!important}@media (max-width: 768px){.app-header{position:relative;z-index:10;margin-top:0!important;padding-top:1rem!important;padding-bottom:1rem!important;margin-bottom:0!important}body,html{background-color:var(--valyss-background)!important;margin:0!important;padding:0!important}}.app-header>div{padding-left:1.25rem!important;padding-right:1.25rem!important}.daily-grid{padding:0 1.25rem!important;margin-top:1.5rem!important}.past-art-content{padding:0 1rem!important}@media (min-width: 1200px){.app-header>div{padding-left:calc((100% - 1200px)/2 + 1.25rem)!important;padding-right:calc((100% - 1200px)/2 + 1.25rem)!important}}@media (min-width: 1200px){.app-header>div{width:1200px!important;max-width:1200px!important;padding-left:2rem!important;padding-right:1.25rem!important;margin:0 auto!important}}.social-icon{color:var(--valyss-text)}[data-theme=dark] .social-icon{filter:brightness(0) saturate(100%) invert(1)}[data-theme=light] .social-icon{filter:none}:root{--social-icon-filter: none}[data-theme=dark]{--social-icon-filter: brightness(0) saturate(100%) invert(1)}#root{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}@media (max-width: 768px){.main-content{padding-bottom:0}body,html{min-height:100vh;height:auto}}@media (min-width: 1200px){.app-header>div{width:1200px!important;max-width:1200px!important;padding-left:1.25rem!important;padding-right:1.25rem!important;margin:0 auto!important}}body .app-header>div{padding-left:15px!important;padding-right:15px!important}@media (min-width: 1200px){body .app-header>div{width:1200px!important;max-width:1200px!important;margin:0 auto!important;padding-left:15px!important;padding-right:15px!important}}.app-header>div,body .app-header>div,html .app-header>div{padding-left:15px!important;padding-right:15px!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important}@media (min-width: 1200px){.app-header>div,body .app-header>div,html .app-header>div{width:1200px!important;max-width:1200px!important;margin:0 auto!important}}[data-theme=classic] img[src*=Valyss-Logo2],[data-theme=classic] img[src*=Valyss-logo3],[data-theme=classic] img[src*=valyss-logo],[data-theme-mode=light] img[src*=Valyss-Logo2],[data-theme-mode=light] img[src*=Valyss-logo3],[data-theme-mode=light] img[src*=valyss-logo],[data-theme=classic] .modal-content img[alt*=Valyss],[data-theme=classic] .chat-message.ai img[alt*=Valyss],[data-theme-mode=light] .modal-content img[alt*=Valyss],[data-theme-mode=light] .chat-message.ai img[alt*=Valyss]{filter:brightness(0)!important;-webkit-filter:brightness(0)!important}.ai-avatar{filter:var(--valyss-logo-filter);-webkit-filter:var(--valyss-logo-filter)}.ImageContainer img:not(.ai-avatar),.image-section-full img:not(.ai-avatar),img[alt="News art"]{filter:none!important;-webkit-filter:none!important}[data-theme-mode=light] .ai-avatar{filter:brightness(0)!important;-webkit-filter:brightness(0)!important}[data-theme-mode=dark] .ai-avatar{filter:brightness(0) saturate(100%) invert(1)!important;-webkit-filter:brightness(0) saturate(100%) invert(1)!important}.app-header>div,body .app-header>div,html .app-header>div{width:92%;max-width:1200px;margin:0 auto;padding:0;box-sizing:border-box}@media (min-width: 1201px){.app-header>div,body .app-header>div,html .app-header>div{width:1104px}}.app-header>div{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;padding:0 15px!important;box-sizing:border-box;margin:0 auto}@media (min-width: 1201px){.app-header>div{width:1200px!important;max-width:1200px!important;padding:0 15px!important;margin:0 auto!important}}@media (max-width: 768px){.app-header>div{padding:0 15px!important}.app-header{position:fixed;z-index:1000;margin-top:0!important;padding-top:10px!important;padding-bottom:10px!important;margin-bottom:0!important}}.unified-container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px;box-sizing:border-box}.app-header>div,.daily-grid,.WelcomeContent,.content-container,.past-art-content,.container-wrapper,.section-container,#liked-images-container,#premium-features-container{width:100%!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:15px!important;padding-right:15px!important;box-sizing:border-box!important}@media (min-width: 1201px){.app-header>div,.daily-grid,.WelcomeContent,.content-container,.past-art-content,.container-wrapper,.section-container,#liked-images-container,#premium-features-container{width:1200px!important;max-width:1200px!important;padding-left:15px!important;padding-right:15px!important}}@media (max-width: 768px){.app-header>div,.daily-grid,.WelcomeContent,.content-container,.past-art-content,.container-wrapper,.section-container,#liked-images-container,#premium-features-container{padding-left:15px!important;padding-right:15px!important}}.unified-container,.app-header>div,.daily-grid,.WelcomeContent,.content-container,.past-art-content,.container-wrapper,.section-container,#liked-images-container,#premium-features-container,body .app-header>div,html .app-header>div{width:100%!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:15px!important;padding-right:15px!important;box-sizing:border-box!important}@media (min-width: 1201px){.unified-container,.app-header>div,.daily-grid,.WelcomeContent,.content-container,.past-art-content,.container-wrapper,.section-container,#liked-images-container,#premium-features-container,body .app-header>div,html .app-header>div{width:1200px!important;max-width:1200px!important;padding-left:15px!important;padding-right:15px!important}}.unified-container,.app-header>div,.WelcomeContent,.inner-container,.content-container,.daily-grid,.past-art-content,.container-wrapper,.section-container,#liked-images-container,#premium-features-container,body .app-header>div,html .app-header>div{width:92%!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}@media (min-width: 1201px){.unified-container,.app-header>div,.WelcomeContent,.inner-container,.content-container,.daily-grid,.past-art-content,.container-wrapper,.section-container,#liked-images-container,#premium-features-container,body .app-header>div,html .app-header>div{width:92%!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}}.app-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:var(--valyss-background);box-shadow:0 2px 8px #0000001a;transition:transform .3s ease;display:flex;justify-content:center;padding-top:10px!important;padding-bottom:10px!important}.app-header.hidden{transform:translateY(-100%)}.app-header>div{width:92%!important;max-width:1200px!important;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}@media (min-width: 1201px){.app-header>div{width:92%!important;max-width:1200px!important}}@media (max-width: 768px){.app-header{position:fixed;z-index:1000}.app-header>div{width:92%!important}}.app-header{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:var(--valyss-background);box-shadow:0 2px 8px #0000001a;transition:transform .3s ease;padding-top:10px!important;padding-bottom:10px!important}.app-header>div{width:92%!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important;display:flex;justify-content:space-between;align-items:center}.app-header{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important}.app-header>div{width:92%!important;max-width:1200px!important;margin:0 auto!important;padding:0!important}[data-theme=dark]{--valyss-background: #121212;--valyss-surface: #121212;--valyss-text: #ffffff;--valyss-text-secondary: #e0e0e0;--valyss-border: rgba(255, 255, 255, .1);--valyss-hover: rgba(255, 255, 255, .05);--valyss-shadow: 0 4px 6px rgba(0, 0, 0, .3);--valyss-logo-color: #ffffff;--valyss-logo-filter: brightness(0) saturate(100%) invert(1);--valyss-primary: #6366F1;--valyss-accent: #6366F1}input:focus,select:focus,textarea:focus{border-color:var(--valyss-primary);box-shadow:0 0 0 2px var(--valyss-primary-transparent)}button{cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}button:active{background-color:var(--valyss-active)}:root{--valyss-primary-rgb: 71, 130, 218}.life-page{display:flex;flex-direction:column;height:100vh;background-color:var(--tw-bg-opacity, #f8f9fa);font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";margin:0;padding:0;overflow-x:hidden}.life-header{background:linear-gradient(135deg,#5a31f4,#0bc5ea);color:#fff;padding:1.5rem;text-align:center;box-shadow:0 2px 10px #0000001a;position:relative;z-index:10}.life-header h1{font-weight:700;margin:0;font-size:2rem}.life-header p{margin:.5rem 0 0;opacity:.9;font-size:1rem}.life-container{display:flex;flex:1;max-height:calc(100vh - 100px);overflow:hidden;padding:0 1rem;max-width:1200px;margin:0 auto;width:100%}.chat-container{flex:1;display:flex;flex-direction:column;background-color:#fff;border-radius:8px;margin:1rem 0;box-shadow:0 2px 15px #0000000d;overflow:hidden}.messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.message{max-width:80%;padding:.75rem 1rem;border-radius:18px;position:relative;animation:fadeIn .3s ease-out}.message.user{align-self:flex-end;background-color:var(--valyss-primary);color:#fff;border-bottom-right-radius:4px;padding:10px 16px;margin-left:auto;margin-right:0;max-width:80%;word-wrap:break-word;display:inline-block;white-space:pre-wrap;font-size:.95rem;line-height:1.5}.message.bot{align-self:flex-start;background-color:var(--valyss-surface-secondary);color:var(--valyss-text);border:1px solid var(--valyss-border);border-bottom-left-radius:4px;max-width:100%;width:100%;display:flex;align-items:flex-start;gap:12px;flex-direction:row}.message.bot{background-color:#f8f9fa;border:1px solid #e9ecef;box-shadow:0 1px 3px #0000000d}.message-content{font-size:.95rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word}.message-timestamp{font-size:.7rem;margin-top:.3rem;opacity:.7;text-align:right}.message.user .message-timestamp{color:#ffffffb3}.typing-indicator{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background-color:var(--valyss-surface-secondary);border:1px solid var(--valyss-border);border-radius:18px 18px 18px 4px;margin-top:.5rem;max-width:100%;width:auto;align-self:flex-start}.typing-dots{display:flex;gap:.3rem;align-items:center}.typing-indicator span{width:.5rem;height:.5rem;background-color:var(--valyss-text-secondary);border-radius:50%;display:inline-block;animation:bounce 1.2s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(.6)}40%{transform:scale(1)}}.message-input{display:flex;padding:1rem;background-color:#f8f9fa;border-top:1px solid #e9ecef}.message-input input{flex:1;padding:.75rem 1rem;border:1px solid #ced4da;border-radius:24px;font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s;background-color:#fff}.message-input input:focus{border-color:#5a31f4;box-shadow:0 0 0 2px #5a31f433}.message-input button{width:40px;height:40px;border-radius:50%;background-color:#5a31f4;border:none;margin-left:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background-color .2s}.message-input button:hover{background-color:#4926c7}.message-input button svg{width:20px;height:20px}.life-sidebar{width:320px;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;transition:all .3s ease;animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.purpose-map-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto repeat(2,auto);gap:1.5rem;padding:1rem 0;max-width:900px;margin:0 auto}.purpose-card{background-color:var(--valyss-surface);border-radius:12px;padding:1.5rem;box-shadow:var(--valyss-shadow);transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;animation:fadeIn .5s ease-out forwards}.purpose-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000014}.purpose-card h3{font-size:1.2rem;font-weight:600;margin-top:0;margin-bottom:1rem;color:var(--valyss-text);border-bottom:1px solid var(--valyss-border);padding-bottom:.75rem}.purpose-card .card-content{flex:1}.purpose-card ul{margin:0;padding:0 0 0 1.25rem;max-height:200px;overflow-y:auto;scrollbar-width:thin}.purpose-card ul::-webkit-scrollbar{width:4px}.purpose-card ul::-webkit-scrollbar-track{background:transparent}.purpose-card ul::-webkit-scrollbar-thumb{background-color:rgba(var(--valyss-primary-rgb),.3);border-radius:4px}.purpose-card ul li{margin-bottom:.6rem;line-height:1.4;font-size:.9rem}.purpose-card .empty-item,.purpose-center-card .empty-purpose{font-style:italic;color:var(--valyss-text-secondary);opacity:.7;text-align:center;margin:1rem 0}.purpose-card.love{background:linear-gradient(135deg,#ebc9171a,#ebc91705);border-left:4px solid rgba(235,201,23,.7)}.purpose-card.good-at{background:linear-gradient(135deg,#5a31f41a,#5a31f405);border-left:4px solid rgba(90,49,244,.7)}.purpose-card.world-needs{background:linear-gradient(135deg,#00c4ff1a,#00c4ff05);border-left:4px solid rgba(0,196,255,.7)}.purpose-card.paid-for{background:linear-gradient(135deg,#d65ddb1a,#d65ddb05);border-left:4px solid rgba(214,93,219,.7)}.purpose-center-card{grid-column:1 / -1;background:linear-gradient(135deg,rgba(var(--valyss-primary-rgb),.1),rgba(var(--valyss-primary-rgb),.02));border-radius:12px;border-bottom:4px solid rgba(var(--valyss-primary-rgb),.7);padding:1.5rem;box-shadow:var(--valyss-shadow);animation:fadeIn .5s ease-out forwards;margin-bottom:.5rem}.purpose-center-card h3{font-size:1.4rem;font-weight:600;margin-top:0;margin-bottom:1rem;color:var(--valyss-text);text-align:center;border-bottom:1px solid var(--valyss-border);padding-bottom:.75rem}.purpose-center-card .purpose-statement{font-size:1.1rem;line-height:1.5;text-align:center;font-weight:500;margin:.5rem 0 1.5rem;color:var(--valyss-text)}.purpose-activities{margin-top:1rem}.purpose-activities h4{font-size:1rem;font-weight:600;margin:.5rem 0;color:var(--valyss-text)}.purpose-activities ul{display:flex;flex-wrap:wrap;gap:.75rem;list-style:none;padding:0;margin:0;justify-content:center}.purpose-activities ul li{background-color:rgba(var(--valyss-primary-rgb),.1);color:var(--valyss-text);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;display:inline-block;border:1px solid rgba(var(--valyss-primary-rgb),.2)}@media (max-width: 768px){.purpose-map-grid{grid-template-columns:1fr;padding:.5rem}.purpose-card,.purpose-center-card{padding:1.25rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-theme=futuristic] .purpose-circle.love,[data-theme=futuristic] .purpose-circle.good-at,[data-theme=futuristic] .purpose-circle.world-needs,[data-theme=futuristic] .purpose-circle.paid-for,[data-theme=futuristic] .purpose-center{background-color:#141414b3;border-color:#50505080;box-shadow:0 4px 20px #0000004d}[data-theme=futuristic] .calendar-day,[data-theme=futuristic] .plan-focus,[data-theme=futuristic] .task-item{background-color:#1e1e1eb3;border-color:#50505080}[data-theme=futuristic] .benefit-tag,[data-theme=futuristic] .purpose-tag,[data-theme=futuristic] .calendar-duration{background-color:#3c3c3cb3;border-color:#64646480}[data-theme=futuristic] .life-header{background:linear-gradient(135deg,#3a0ca3,#f72585)}[data-theme=futuristic] .message.user,[data-theme=futuristic] .message-input button{background-color:#3a0ca3}[data-theme=futuristic] .message-input button:hover{background-color:#240370}[data-theme=futuristic] .message-input input:focus{border-color:#3a0ca3;box-shadow:0 0 0 2px #3a0ca333}[data-theme=futuristic] .calendar-day,[data-theme=futuristic] .calendar-duration,[data-theme=futuristic] .plan-focus p{color:#3a0ca3}[data-theme=futuristic] .task-item{border-left:3px solid #3a0ca3}[data-theme=futuristic] .benefit-tag,[data-theme=futuristic] .purpose-tag{background-color:#3a0ca31a;color:#3a0ca3}@media (max-width: 1200px){.life-container{padding:0 1rem}.purpose-map{height:300px}}@media (max-width: 768px){.life-container{flex-direction:column;max-height:none;padding:0 .5rem}.life-sidebar{width:auto;padding:0 .5rem 1rem}.chat-container{max-height:60vh;margin:.5rem 0}.life-header h1{font-size:1.75rem}.life-header p{font-size:.9rem}.purpose-map{height:400px}.purpose-circle{width:110px;height:110px;font-size:.7rem}.purpose-circle.love{top:40px;left:50%;transform:translate(-50%)}.purpose-circle.good-at{top:40px;right:30px}.purpose-circle.world-needs{bottom:40px;left:30px}.purpose-circle.paid-for{bottom:40px;right:50%;transform:translate(50%)}.purpose-center{width:120px;height:120px;font-size:.7rem}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse{0%{box-shadow:0 0 rgba(var(--valyss-primary-rgb),.7)}70%{box-shadow:0 0 0 10px rgba(var(--valyss-primary-rgb),0)}to{box-shadow:0 0 rgba(var(--valyss-primary-rgb),0)}}.tab-highlight{position:relative;animation:pulse 1.5s ease-in-out infinite}.tab-highlight:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;background-color:var(--valyss-primary);border-radius:2px}.admin-tools{margin-top:20px;border-radius:8px;background-color:var(--valyss-surface);margin-bottom:10px;border:1px solid var(--valyss-border)}.admin-tools h4{font-size:1rem;margin:0;color:var(--valyss-text)}.admin-tools-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;cursor:pointer;border-radius:6px;transition:background-color .2s}.admin-tools-header:hover{background-color:var(--valyss-surface-secondary)}.admin-tools-content{padding:10px 0;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.admin-category{margin-top:10px;margin-bottom:5px;padding-left:5px;font-size:13px;font-weight:600;color:var(--valyss-text-secondary);border-left:3px solid var(--valyss-border)}.admin-button{padding:8px 12px;background-color:#fc3;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s;text-align:left;display:flex;align-items:center;color:#333;font-weight:500}.admin-button:hover{background-color:#ffd966;box-shadow:0 2px 4px #0000001a}.admin-button.warning{background-color:#ff6b6b;color:#fff}.admin-button.warning:hover{background-color:#ff8787}.context-panel{border-left:1px solid var(--valyss-border);width:300px;height:100%;position:absolute;right:0;top:0;background-color:var(--valyss-surface);box-shadow:-2px 0 5px #0000001a;display:flex;flex-direction:column;transition:transform .3s ease;z-index:10}.context-panel.hidden{transform:translate(100%)}.context-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid var(--valyss-border);background-color:var(--valyss-surface-secondary)}.context-panel-header h4{margin:0;font-size:16px;color:var(--valyss-text)}.context-panel-close{background:none;border:none;cursor:pointer;font-size:18px;color:var(--valyss-text-secondary);padding:0}.context-panel-content{flex:1;padding:15px;overflow-y:auto}.context-panel-textarea{width:100%;height:200px;padding:10px;border:1px solid var(--valyss-border);border-radius:4px;resize:vertical;font-family:inherit;font-size:14px;line-height:1.5;margin-bottom:10px;background-color:var(--valyss-surface);color:var(--valyss-text)}.context-panel-textarea:focus{outline:none;border-color:var(--valyss-primary);box-shadow:0 0 0 2px #4782da33}.context-panel-button{padding:8px 12px;background-color:#5a31f4;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s;font-weight:500}.context-panel-button:hover{background-color:#6b46ff;box-shadow:0 2px 4px #0003}.context-toggle-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:5px;color:#5a31f4;font-size:14px;padding:5px 8px;border-radius:4px;transition:background-color .2s;font-weight:500}.context-toggle-button:hover{background-color:#5a31f41a}[data-theme=dark] .admin-tools{background-color:#2a2a2a;border-color:#444}[data-theme=dark] .admin-tools-header:hover{background-color:#333}[data-theme=dark] .admin-button{background-color:#fc3;color:#222}[data-theme=dark] .admin-button:hover{background-color:#ffd966}[data-theme=dark] .context-panel{background-color:#2a2a2a;box-shadow:-2px 0 5px #0000004d}[data-theme=dark] .context-panel-header{background-color:#333;border-color:#444}[data-theme=dark] .context-panel-textarea{background-color:#333;color:#eee;border-color:#444}[data-theme=dark] .context-panel-button{background-color:#5a31f4}[data-theme=dark] .context-panel-button:hover{background-color:#6b46ff}[data-theme=dark] .context-toggle-button{color:#7c5bf9}.admin-reports-panel{position:fixed;top:0;right:0;width:80%;max-width:800px;height:100vh;background-color:var(--valyss-surface);box-shadow:-3px 0 10px #0003;z-index:1000;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease}.admin-reports-panel.visible{transform:translate(0)}.admin-reports-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--valyss-border);background-color:var(--valyss-surface-secondary)}.admin-reports-header h3{margin:0;font-size:18px;color:var(--valyss-text)}.admin-reports-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--valyss-text-secondary)}.admin-reports-content{display:flex;flex:1;overflow:hidden}.admin-reports-sidebar{width:250px;border-right:1px solid var(--valyss-border);overflow-y:auto;padding:10px 0}.admin-report-item{padding:10px;border-bottom:1px solid var(--valyss-border);cursor:pointer;transition:background-color .2s}.admin-report-item:hover{background-color:var(--valyss-surface-hover)}.admin-report-item.selected{background-color:var(--valyss-surface-secondary);border-left:3px solid #FFCC33}.admin-report-item-title{font-weight:500;margin-bottom:4px;font-size:14px;color:var(--valyss-text)}.admin-report-item-date{font-size:12px;color:var(--valyss-text-secondary)}.admin-report-content{background-color:var(--valyss-surface-secondary);padding:15px;border-radius:6px;white-space:pre-wrap;overflow-x:auto;font-family:monospace;font-size:14px;line-height:1.5;max-height:400px;overflow-y:auto;margin-bottom:15px}.admin-report-actions{display:flex;gap:10px;justify-content:flex-end}.admin-report-button{padding:8px 12px;background-color:var(--valyss-surface-secondary);border:1px solid var(--valyss-border);border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px;transition:all .2s}.admin-report-button:hover{background-color:var(--valyss-surface-hover)}.admin-report-button.delete{color:var(--valyss-error);border-color:var(--valyss-error)}.admin-report-button.delete:hover{background-color:#ff00001a}.admin-tools-header .reports-badge{background-color:#ff6b6b;color:#fff;font-size:12px;padding:2px 6px;border-radius:10px;margin-left:8px}[data-theme=dark] .admin-reports-panel{background-color:#2a2a2a;box-shadow:-3px 0 10px #00000080}[data-theme=dark] .admin-reports-header{background-color:#333;border-color:#444}[data-theme=dark] .admin-report-item{border-color:#444}[data-theme=dark] .admin-report-item:hover{background-color:#333}[data-theme=dark] .admin-report-item.selected{background-color:#444}[data-theme=dark] .admin-report-content{background-color:#333}.admin-nav-button{background:none;border:none;color:var(--valyss-text);font-size:18px;cursor:pointer;margin-right:15px;display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;transition:background-color .2s}.admin-nav-button:hover{background-color:#fc33;color:#fc3}.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.admin-modal{width:90%;max-width:1200px;height:80vh;background-color:var(--valyss-surface);border-radius:8px;box-shadow:0 5px 20px #0003;display:flex;flex-direction:column;overflow:hidden}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--valyss-border);background-color:var(--valyss-surface-secondary)}.admin-modal-header h2{margin:0;font-size:20px;color:var(--valyss-text)}.admin-modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--valyss-text-secondary)}.admin-modal-tabs{display:flex;border-bottom:1px solid var(--valyss-border);background-color:var(--valyss-surface)}.admin-tab-button{padding:12px 20px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:15px;font-weight:500;color:var(--valyss-text-secondary);transition:all .2s}.admin-tab-button:hover{color:var(--valyss-text);background-color:var(--valyss-surface-hover)}.admin-tab-button.active{color:#fc3;border-bottom-color:#fc3}.admin-modal-content{flex:1;overflow-y:auto;padding:20px}.admin-tab-content{height:100%}.admin-tab-content h3{margin-top:0;margin-bottom:20px;font-size:18px;color:var(--valyss-text)}.admin-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.admin-migration-tool{grid-column:1 / -1;background-color:var(--valyss-surface-secondary);padding:15px;border-radius:8px;margin-bottom:15px}.admin-migration-tool h4{margin-top:0;margin-bottom:10px;font-size:16px;color:var(--valyss-text)}.admin-input-group{display:flex;gap:10px}.admin-input{flex:1;padding:8px 12px;border:1px solid var(--valyss-border);border-radius:4px;font-size:14px;background-color:var(--valyss-surface);color:var(--valyss-text)}.admin-reports-container{display:flex;height:calc(100% - 40px);gap:20px}.admin-reports-list{width:300px;border:1px solid var(--valyss-border);border-radius:6px;overflow-y:auto}.admin-report-detail{flex:1;display:flex;flex-direction:column}.admin-report-detail h4{margin-top:0;margin-bottom:10px;font-size:18px;color:var(--valyss-text)}.admin-no-reports,.admin-loading{display:flex;justify-content:center;align-items:center;height:200px;color:var(--valyss-text-secondary);font-style:italic}.info-tooltip{position:relative;display:inline-block;margin-left:8px;color:var(--valyss-text-secondary);cursor:pointer}.info-tooltip .tooltip-text{visibility:hidden;width:250px;background-color:#000000d9;color:#fff;text-align:center;border-radius:6px;padding:8px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;font-size:.8rem;line-height:1.4}.info-tooltip:hover .tooltip-text{visibility:visible;opacity:1}[data-theme=dark] .admin-modal{background-color:#2a2a2a}[data-theme=dark] .admin-modal-header{background-color:#333;border-color:#444}[data-theme=dark] .admin-modal-tabs{background-color:#2a2a2a;border-color:#444}[data-theme=dark] .admin-tab-button:hover,[data-theme=dark] .admin-migration-tool{background-color:#333}[data-theme=dark] .admin-input{background-color:#333;border-color:#444}[data-theme=dark] .admin-reports-list{border-color:#444}