@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Inter:wght@300;400;600&display=swap";:root{--bg-color: #ffffff;--text-primary: #1a1a1a;--text-secondary: #666666;--accent-color: #000000;--font-serif: "Libre Baskerville", serif;--font-sans: "Inter", sans-serif;--spacing-unit: 1rem}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:400;text-transform:uppercase;letter-spacing:.1em}a{color:inherit;text-decoration:none;transition:opacity .3s ease}a:hover{opacity:.6}.container{max-width:1200px;margin:0 auto;padding:0 calc(var(--spacing-unit) * 2)}section{padding:calc(var(--spacing-unit) * 4) 0}.minimal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(var(--spacing-unit) * 2)}.loading-placeholder{height:400px;background:#f0f0f0;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}main{min-height:calc(100vh - 200px)}footer{padding:calc(var(--spacing-unit) * 4) 0;border-top:1px solid #f0f0f0;margin-top:calc(var(--spacing-unit) * 5)}.footer-content{text-align:center;font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}header{padding:calc(var(--spacing-unit) * 3) 0;border-bottom:1px solid #f0f0f0;position:sticky;top:0;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.header-content{display:flex;justify-content:space-between;align-items:center}.header-content h1{font-size:1.2rem;margin:0}nav ul{display:flex;list-style:none;gap:calc(var(--spacing-unit) * 2)}nav a{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}nav a.active{color:var(--text-primary);font-weight:600}.photowall-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background:#fff;z-index:1000}.artwork-stream{position:absolute;width:100%;height:100%;z-index:1}.floating-artwork{position:absolute;opacity:.3;filter:grayscale(100%);animation:float linear infinite;pointer-events:none}.floating-artwork img{width:100%;height:fit-content;display:block}@keyframes float{0%{transform:translate(0) rotate(0)}25%{transform:translate(100px,-50px) rotate(2deg)}50%{transform:translate(50px,-150px) rotate(-1deg)}75%{transform:translate(-50px,-50px) rotate(1deg)}to{transform:translate(0) rotate(0)}}.glass-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff3;backdrop-filter:blur(4px) saturate(180%);-webkit-backdrop-filter:blur(20px);z-index:2;display:flex;justify-content:center;align-items:center}.content{text-align:center;max-width:600px;animation:fadeIn 2s ease-out}.logo-area{margin-bottom:1rem}.logo{width:140px;height:auto;opacity:.9}.artist-name{font-size:3rem;font-family:var(--font-serif);font-weight:400;letter-spacing:.2em;text-transform:uppercase;margin:0;color:var(--text-primary)}.tagline{font-size:.9rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-secondary);margin-top:1rem}.home-actions{margin-top:4rem;display:flex;justify-content:center}.enter-btn{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;padding:1rem 3rem;border:1px solid var(--text-primary);display:inline-block;transition:all .4s ease;color:var(--text-primary)}.enter-btn:hover{background:var(--text-primary);color:#fff;opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.photowall-container.glass-off .floating-artwork{filter:grayscale(0%);opacity:.7;transition:filter .8s ease,opacity .8s ease}.photowall-container.glass-off .glass-overlay{background:transparent;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:background .8s ease,backdrop-filter .8s ease}.photowall-container.glass-off .artist-name,.photowall-container.glass-off .tagline{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);transition:color .8s ease,text-shadow .8s ease}.photowall-container.glass-off .enter-btn{color:#fff;border-color:#fff;background:#0003}.photowall-container.glass-off .logo{filter:invert(1)}.floating-artwork{transition:filter .8s ease,opacity .8s ease}.glass-overlay{transition:background .8s ease,backdrop-filter .8s ease}@media (max-width: 768px){.artist-name{font-size:2rem}.enter-btn{display:block;width:100%}}.gallery-info{margin-bottom:calc(var(--spacing-unit) * 4);text-align:center}.subtitle{color:var(--text-secondary);font-style:italic;margin-top:.5rem}.artwork-card{display:flex;flex-direction:column;gap:1rem}.artwork-card a{position:relative;display:block;overflow:hidden}.image-wrapper{aspect-ratio:4/3;overflow:hidden;background:#f9f9f9}.image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.165,.84,.44,1)}.artwork-card:hover img{transform:scale(1.1)}.artwork-detail{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffffd9;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .4s ease;padding:1.5rem;text-align:center;pointer-events:none}.artwork-card:hover .artwork-detail{opacity:1}.category{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.artwork-detail h3{font-size:1rem;margin:0;letter-spacing:.05em;text-transform:uppercase}.year{font-size:.8rem;font-family:var(--font-serif);font-style:italic;color:var(--text-secondary);margin-top:.5rem}.hidden-badge{color:#ff4757;font-weight:700;font-size:.8rem;margin-left:.5rem;text-transform:uppercase}.artwork-detail-section{padding-top:calc(var(--spacing-unit) * 4)}.back-link{margin-bottom:calc(var(--spacing-unit) * 3)}.back-link a{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.artwork-header{text-align:center;margin-bottom:calc(var(--spacing-unit) * 5)}.category{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.artwork-header h2{font-size:2.5rem;margin:.5rem 0}.year{font-family:var(--font-serif);font-style:italic;color:var(--text-secondary)}.main-image{width:100%;margin-bottom:calc(var(--spacing-unit) * 6);background:#f9f9f9;display:flex;justify-content:center}.main-image img{width:70%;height:auto;max-height:80vh;object-fit:contain;display:block}.artwork-content{display:grid;grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 6);max-width:900px;margin:0 auto}.description{font-family:var(--font-serif);font-size:1.25rem;line-height:1.8;text-align:justify;color:var(--text-primary)}.image-grid{columns:2;column-gap:2rem}.secondary-image{background:#f9f9f9;overflow:hidden;break-inside:avoid;margin-bottom:2rem;display:block}.secondary-image img{width:100%;height:auto;display:block}@media (min-width: 1000px){.image-grid{columns:3}}@media (max-width: 768px){.artwork-header h2{font-size:1.8rem}}.main-image,.secondary-image{cursor:pointer;position:relative;transition:transform .3s ease}.main-image:hover{transform:translateY(-5px)}.secondary-image:hover{transform:scale(1.02)}.image-overlay-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);background:#ffffffe6;padding:.5rem 1.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;opacity:0;transition:opacity .3s ease;pointer-events:none;box-shadow:0 4px 15px #0000001a}.main-image:hover .image-overlay-hint{opacity:1}.additional-images h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:2rem;text-align:center}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.lightbox-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000f2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.lightbox-content{position:relative;z-index:10001;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;align-items:center}.lightbox-content img{max-width:100%;max-height:80vh;object-fit:contain;box-shadow:0 10px 50px #00000080;animation:zoomIn .3s cubic-bezier(.16,1,.3,1)}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;background:none;border:none;color:#fff;cursor:pointer;z-index:10002;transition:all .3s ease;display:flex;align-items:center;justify-content:center;opacity:.7}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{opacity:1;transform:scale(1.1)}.lightbox-close{top:2rem;right:2rem;font-size:2rem}.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%);font-size:3rem;padding:2rem}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}.lightbox-info{margin-top:1.5rem;text-align:center;color:#fff}.lightbox-counter{font-size:.8rem;text-transform:uppercase;letter-spacing:.2em;margin-bottom:.5rem;opacity:.6}.lightbox-title{font-family:var(--font-serif);font-style:italic;font-size:1.1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.lightbox-prev,.lightbox-next{padding:1rem;font-size:2rem}.lightbox-close{top:1rem;right:1rem}.image-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}.bio-section{display:flex;justify-content:center;align-items:center;min-height:60vh}.bio-container{max-width:650px;text-align:center}.bio-container h2{margin-bottom:calc(var(--spacing-unit) * 3)}.bio-text{font-family:var(--font-serif);font-size:1.2rem;line-height:1.8;color:var(--text-primary);text-align:justify}.login-container{height:100vh;display:flex;justify-content:center;align-items:center;background:#fdfdfd}.login-card{background:#fff;padding:3rem;border:1px solid #eee;width:100%;max-width:400px;text-align:center}.login-card h1{font-size:1.5rem;letter-spacing:.1em;margin-bottom:.5rem}.subtitle{font-size:.8rem;color:#666;margin-bottom:2rem}.login-card input{width:100%;padding:.8rem;border:1px solid #ddd;font-family:inherit;font-size:.9rem;outline:none;transition:border-color .3s ease}.login-card input:focus{border-color:#000}.login-card button{width:100%;padding:1rem;background:#000;color:#fff;border:none;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;transition:opacity .3s ease;margin-top:1rem}.login-card button:disabled{opacity:.5;cursor:not-allowed}.error-msg{color:red;font-size:.8rem;margin-bottom:1rem}.back-link{display:block;margin-top:2rem;font-size:.8rem;color:#999;text-decoration:none;transition:color .3s ease}.back-link:hover{color:#000}.admin-section{padding:calc(var(--spacing-unit) * 4) 0}.admin-header{margin-bottom:calc(var(--spacing-unit) * 4);border-bottom:2px solid #f0f0f0;padding-bottom:1rem}.header-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.logout-btn{padding:.5rem 1rem;background:none;border:1px solid #ddd;color:#666;cursor:pointer;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;transition:all .3s ease}.logout-btn:hover{border-color:#000;color:#000}.tabs button{padding:.5rem 1.5rem;background:none;border:none;font-family:var(--font-sans);font-weight:600;cursor:pointer;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.tabs button.active{color:var(--text-primary);border-bottom:2px solid var(--text-primary)}.admin-content h3{margin-bottom:2rem}.admin-content textarea,.admin-content input{width:100%;padding:.8rem;border:1px solid #ddd;font-family:var(--font-sans);margin-bottom:1rem}.admin-content textarea{font-family:var(--font-serif)}.admin-content button.primary{background:var(--text-primary);color:#fff;padding:.8rem 2rem;border:none;cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.admin-content button.secondary{background:#eee;color:#333;padding:.8rem 2rem;border:none;cursor:pointer;margin-left:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:1rem;text-align:left;border-bottom:1px solid #f0f0f0}.admin-table th{text-transform:uppercase;font-size:.8rem;letter-spacing:.1em;color:var(--text-secondary)}.icon-btn{background:none;border:1px solid #ddd;padding:.4rem .8rem;cursor:pointer;margin-right:.5rem;font-size:.8rem}.icon-btn.danger{color:#d9534f;border-color:#d9534f}.artwork-form{max-width:800px;background:#fdfdfd;padding:2rem;border:1px solid #eee}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;color:var(--text-secondary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.form-actions{margin-top:2rem}.image-slot{border:1px solid #eee;padding:1rem;border-radius:4px;background:#fafafa}.image-slot-preview{position:relative;display:inline-block;margin-bottom:.75rem}.image-slot-preview img{width:160px;height:110px;object-fit:cover;display:block;border:1px solid #ddd}.clear-btn{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:#d9534f;color:#fff;border:none;cursor:pointer;font-size:.75rem;line-height:22px;text-align:center;padding:0}.image-slot-actions{display:flex;gap:.75rem;align-items:center}.image-slot-actions button{white-space:nowrap;flex-shrink:0;padding:.5rem 1rem;font-size:.8rem}.image-slot-actions input{margin:0;flex:1;font-size:.85rem}.picker-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center}.picker-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.picker-panel{position:relative;background:#fff;width:680px;max-width:95vw;max-height:80vh;display:flex;flex-direction:column;border-radius:4px;overflow:hidden;box-shadow:0 8px 40px #0003}.picker-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #eee;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.close-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#999;padding:0;line-height:1}.picker-tabs{display:flex;border-bottom:1px solid #eee}.picker-tabs button{flex:1;padding:.75rem;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin:0!important}.picker-tabs button.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.picker-content{flex:1;overflow-y:auto;padding:1.5rem}.upload-area{border:2px dashed #ddd;border-radius:4px;text-align:center}.upload-area input[type=file]{display:none;width:auto;margin:0}.upload-label{display:block;padding:3rem 2rem;cursor:pointer;color:var(--text-secondary);font-size:.9rem;transition:background .2s}.upload-label:hover{background:#f5f5f5}.upload-label.disabled{opacity:.5;cursor:not-allowed}.error-msg{color:#d9534f;margin-top:.75rem;font-size:.85rem}.empty-state{text-align:center;padding:3rem;color:var(--text-secondary);font-size:.9rem}.status-badge{padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500}.status-badge.published{background:#2ed57333;color:#2ed573}.status-badge.hidden{background:#ff475733;color:#ff4757}.checkbox-group{margin-bottom:2rem;background:#ffffff08;padding:1rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:var(--text-secondary)}.toggle-label input[type=checkbox]{width:1.2rem;height:1.2rem;cursor:pointer}.images-manager{margin-top:2rem;margin-bottom:2rem;border-top:1px solid rgba(255,255,255,.1);padding-top:2rem}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.manager-header label{font-size:1.1rem;font-weight:600}.add-btn{background:var(--accent-color);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.add-btn:hover{filter:brightness(1.2);transform:translateY(-2px)}.dynamic-slot{background:#ffffff05;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.05);margin-bottom:1.5rem}.slot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.remove-slot-btn{background:#ff47571a;color:#ff4757;border:1px solid rgba(255,71,87,.2);padding:.3rem .8rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}.remove-slot-btn:hover{background:#ff4757;color:#fff}.image-grid-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.picker-thumb{cursor:pointer;border:2px solid transparent;border-radius:2px;overflow:hidden;position:relative;transition:border-color .2s}.picker-thumb:hover{border-color:var(--text-primary)}.picker-thumb img{width:100%;height:100px;object-fit:cover;display:block}.thumb-size{display:block;text-align:center;font-size:.7rem;color:var(--text-secondary);padding:.25rem 0;background:#fafafa}
