:root{--color-bg-dark: #f0f0ed;--color-bg-card: #fbfbf9;--color-primary: #9A7B4F;--color-primary-hover: #8c7048;--color-secondary: #f0e6d2;--color-accent: #9A7B4F;--header-primary: #9A7B4F;--header-secondary: #f0e6d2;--color-text-main: #1a1917;--color-text-muted: #6b665c;--font-sans: "Montserrat", system-ui, sans-serif;--font-serif: "Playfair Display", Georgia, serif;--font-size-base: clamp(.9375rem, .85rem + .25vw, 1.125rem);--font-size-xs: clamp(.75rem, .7rem + .15vw, .875rem);--font-size-sm: clamp(.8125rem, .75rem + .2vw, 1rem);--font-size-lg: clamp(1.0625rem, .95rem + .35vw, 1.375rem);--font-size-xl: clamp(1.25rem, 1.1rem + .5vw, 1.75rem);--font-size-2xl: clamp(1.5rem, 1.25rem + .75vw, 2.5rem);--font-size-3xl: clamp(2rem, 1.5rem + 1.5vw, 3.5rem);--font-size-4xl: clamp(2.5rem, 1.75rem + 2.5vw, 5rem);--spacing-xs: clamp(.25rem, .2rem + .15vw, .375rem);--spacing-sm: clamp(.5rem, .4rem + .25vw, .75rem);--spacing-md: clamp(.875rem, .75rem + .4vw, 1.25rem);--spacing-lg: clamp(1.5rem, 1.25rem + .75vw, 2.5rem);--spacing-xl: clamp(2.5rem, 2rem + 1.5vw, 5rem);--spacing-2xl: clamp(4rem, 3rem + 3vw, 8rem);--touch-target-min: 44px;--touch-target: clamp(44px, 10vw, 56px);--button-padding-x: clamp(1rem, .75rem + .75vw, 1.75rem);--button-padding-y: clamp(.5rem, .4rem + .3vw, .875rem);--container-max: 1400px;--content-max: 800px;--card-gap: clamp(12px, 2vw, 24px);--page-padding: clamp(12px, 3vw, 32px);--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .3);--radius-sm: clamp(4px, .5vw, 6px);--radius-md: clamp(6px, .75vw, 12px);--radius-lg: clamp(10px, 1.25vw, 20px);--radius-full: 9999px;--z-dropdown: 50;--z-header: 100;--z-fab: 500;--z-modal: 1000;--z-toast: 2000;--z-max: 3000}@media(min-width:400px)and (max-width:599px){:root{--font-size-base: 1rem;--button-padding-y: .625rem}}@media(min-width:600px)and (max-width:899px){:root{--container-max: 100%;--page-padding: clamp(20px, 4vw, 40px)}}@media(min-width:900px)and (max-width:1199px){:root{--container-max: 1000px}}@media(min-width:1600px){:root{--font-size-base: 1.125rem;--container-max: 1600px;--page-padding: 48px}}@media(min-width:1920px){:root{--container-max: 1800px;--content-max: 900px}}@media(min-width:2560px){:root{--font-size-base: 1.25rem;--container-max: 2200px;--page-padding: 64px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--font-size-base);background:var(--bg-body, var(--color-bg-dark));background-size:var(--bg-size, auto);background-attachment:fixed;color:var(--color-text-main);line-height:1.6;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}input,button,textarea,select{font:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--page-padding)}.content-container{max-width:var(--content-max);margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-sm);min-height:var(--touch-target-min);transition:transform .2s ease,opacity .2s ease,background .2s ease}.btn:hover{opacity:.9;transform:translateY(-1px)}.btn-primary{background:var(--color-primary);color:#0a0a0a;font-weight:600}.btn-primary:hover{background:var(--color-secondary);transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-lg{padding:calc(var(--button-padding-y) * 1.5) calc(var(--button-padding-x) * 1.5);font-size:var(--font-size-base)}.btn-sm{padding:calc(var(--button-padding-y) * .75) calc(var(--button-padding-x) * .75);font-size:var(--font-size-xs);min-height:36px}@media(pointer:coarse){.btn-sm{min-height:var(--touch-target-min)}}.card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-card);border:1px solid rgba(0,0,0,.05)}.input,input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],textarea,select{width:100%;padding:var(--button-padding-y) var(--spacing-md);font-size:var(--font-size-base);background:#00000008;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-md);color:var(--color-text-main);min-height:var(--touch-target-min);transition:border-color .2s ease,box-shadow .2s ease}.input:focus,input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #9a7b4f33}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:transparent;border-bottom:none;position:absolute;width:100%;top:0;z-index:var(--z-header);padding:var(--spacing-md) 0}.header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.logo{font-size:var(--font-size-xl);font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.05em;white-space:nowrap}.main-nav{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.nav-link{color:var(--color-text-muted);font-weight:500;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:color .2s ease;white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--color-primary)}@media(max-width:480px){.app-header{padding:.35rem 0}.header-content{gap:.25rem;padding:0 .5rem}.main-nav{gap:.15rem}.nav-link{font-size:.65rem;padding:.15rem .25rem}.header-actions{gap:.25rem!important}.header-actions .btn{padding:.25rem .4rem!important;font-size:.7rem!important;min-height:28px!important}}@media(min-width:400px)and (max-width:599px){.logo{font-size:1.35rem}.nav-link{font-size:.9rem;padding:.375rem .5rem}}@media(min-width:600px){.nav-link{font-size:var(--font-size-base);padding:var(--spacing-xs) var(--spacing-md)}}.app-main{flex:1;padding:0}.hero{text-align:center;padding:var(--spacing-xl) var(--page-padding)}.hero h2{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--spacing-sm);line-height:1.2}.hero p{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.app-footer{border-top:1px solid rgba(0,0,0,.05);padding:var(--spacing-lg) var(--page-padding);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}@media(max-width:768px){.app-footer{padding-bottom:calc(var(--spacing-lg) + 70px)}}.grid{display:grid;gap:var(--card-gap)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:599px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media(min-width:600px)and (max-width:899px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px)and (max-width:1199px){.grid-4{grid-template-columns:repeat(3,1fr)}}.art-grid-item:hover img{transform:scale(1.05)}.art-grid-item:hover .overlay{opacity:1!important}.masonry-grid{column-count:3;column-gap:var(--card-gap)}@media(max-width:1199px){.masonry-grid{column-count:2!important}}@media(max-width:599px){.masonry-grid{column-count:1!important}}@media(min-width:1600px){.masonry-grid{column-count:4}}@media(min-width:2560px){.masonry-grid{column-count:5}}img{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@media print{body{display:none!important}}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media(max-width:599px){[data-sonner-toaster]{right:var(--page-padding)!important;left:var(--page-padding)!important;max-width:calc(100% - var(--page-padding) * 2)!important}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}input[type=range]{-webkit-appearance:none;appearance:none;height:6px;background:#ffffff1a;border-radius:3px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:clamp(18px,4vw,24px);height:clamp(18px,4vw,24px);background:var(--color-primary, #C4A35A);border-radius:50%;cursor:grab;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 6px #0000004d;transition:transform .15s ease,box-shadow .15s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #0006}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}input[type=range]::-moz-range-thumb{width:clamp(18px,4vw,24px);height:clamp(18px,4vw,24px);background:var(--color-primary, #C4A35A);border-radius:50%;cursor:grab;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 6px #0000004d}input[type=range]::-moz-range-track{height:6px;background:#ffffff1a;border-radius:3px}@media(pointer:coarse){input[type=range]{height:10px;padding:12px 0;margin:-12px 0}input[type=range]::-webkit-slider-thumb{width:28px;height:28px}input[type=range]::-moz-range-thumb{width:28px;height:28px}}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}@media(max-width:599px){.hide-mobile{display:none!important}}@media(min-width:600px){.show-mobile-only{display:none!important}}.nav-link.has-notifications{position:relative}.nav-link.has-notifications:after{content:"";position:absolute;top:-2px;right:-6px;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,gold,#fdb931);box-shadow:0 0 5px #ffd700cc;animation:pulse-gold 2s infinite}@keyframes pulse-gold{0%{box-shadow:0 0 #ffd700b3}70%{box-shadow:0 0 0 6px #ffd70000}to{box-shadow:0 0 #ffd70000}}.app-header{background-color:var(--color-bg-dark);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;width:100%;top:0;z-index:var(--z-header, 100);padding:var(--spacing-sm) 0;padding-top:max(var(--spacing-sm),env(safe-area-inset-top))}.logo-container{display:flex;align-items:center;text-decoration:none}.app-logo{height:clamp(30px,8vw,50px);width:auto;object-fit:contain;transition:transform .2s ease}.logo-container:hover .app-logo{transform:scale(1.05)}@media(max-width:599px){.app-logo{height:clamp(50px,12vw,60px)}}@media(min-width:1600px){.app-logo{height:56px}}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.footer-links{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.footer-links a{color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);transition:color .2s ease}.footer-links a:hover{color:var(--color-primary)}.footer-separator{color:#ffffff4d}.selection-card{background:linear-gradient(145deg,#ffffff0d,#0003);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:clamp(1.5rem,4vw,3rem);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.selection-card:hover{transform:translateY(-5px);border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.selection-card:hover h3{color:var(--color-primary)}.selection-card h3{color:#fff;transition:color .3s ease}.input-modern{width:100%;padding:var(--button-padding-y) var(--spacing-md);background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-base);min-height:var(--touch-target-min);transition:border-color .2s ease,box-shadow .2s ease}.input-modern:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #9a7b4f66}@media(max-width:399px){.hide-on-small-mobile{display:none}}.hide-scrollbar{scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@media(max-width:768px){.selection-card{padding:1rem;gap:1rem}.selection-card h3{font-size:1.4rem}}@media(max-width:480px){.selection-card h3{font-size:1.2rem}.selection-card p{font-size:.85rem}}