:root{--theme-color-1: #e07a38;--theme-color-2: #3a4f66;--theme-rgb-1: 224, 122, 56;--theme-rgb-2: 58, 79, 102;--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-bg-opaque: rgba(10, 10, 12, .45);--color-border: rgba(255, 255, 255, .09);--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--transition-smooth: all .6s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .3s cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:#050508;color:var(--color-text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 50%,rgba(var(--theme-rgb-1),.12) 0%,transparent 55%),radial-gradient(ellipse at 70% 50%,rgba(var(--theme-rgb-2),.1) 0%,transparent 55%);z-index:0;pointer-events:none;transition:background 2s ease}.webgl{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:auto}.ambient-glow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,rgba(0,0,0,.6) 0%,transparent 70%),radial-gradient(ellipse at 50% 0%,rgba(0,0,0,.4) 0%,transparent 60%)}.loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#050508;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .8s cubic-bezier(.16,1,.3,1)}.loader-spinner{width:44px;height:44px;border:2px solid rgba(255,255,255,.08);border-top-color:#ffffffb3;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{font-family:var(--font-serif);font-size:1rem;color:var(--color-text-secondary);letter-spacing:.08em}.ui-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;grid-template-columns:320px 1fr 280px;grid-template-rows:auto 1fr;padding:28px 32px;gap:20px;pointer-events:none}.app-header{grid-column:1 / -1;grid-row:1;display:flex;align-items:center;justify-content:space-between;pointer-events:auto}.brand{display:flex;flex-direction:column;gap:2px}.brand-sub{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:var(--color-text-muted)}.brand-title{font-family:var(--font-serif);font-size:1.8rem;font-weight:600;letter-spacing:.02em;color:var(--color-text-primary);line-height:1.1}.weather-badge{display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--color-bg-opaque);border:1px solid var(--color-border);border-radius:100px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.badge-icon{font-size:1.1rem}.badge-text{font-size:.8rem;font-weight:400;color:var(--color-text-secondary);letter-spacing:.04em}.artwork-card-wrapper{grid-column:1;grid-row:2;display:flex;align-items:flex-end;pointer-events:auto}.artwork-card{position:relative;width:100%;background:var(--color-bg-opaque);border:1px solid var(--color-border);border-radius:20px;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);overflow:hidden}.card-glass-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.04) 0%,transparent 60%);pointer-events:none}.card-content{position:relative;padding:28px 28px 24px;display:flex;flex-direction:column;gap:16px}.scene-context-wrapper{border-left:2px solid rgba(255,255,255,.15);padding-left:14px}.scene-context-text{font-family:var(--font-serif);font-size:.88rem;font-style:italic;color:var(--color-text-secondary);line-height:1.65}.artwork-meta{display:flex;flex-direction:column;gap:6px}.artwork-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;color:var(--color-text-primary);line-height:1.25;border-bottom:1px solid var(--color-border);padding-bottom:12px;margin-bottom:2px}.artwork-artist-info{display:flex;align-items:center;gap:8px}.artist-name{font-size:.85rem;font-weight:400;color:var(--color-text-secondary)}.meta-divider{color:var(--color-text-muted);font-size:.75rem}.artwork-year{font-size:.85rem;color:var(--color-text-muted)}.artwork-description-section{display:flex;gap:10px}.desc-quote-icon{font-family:var(--font-serif);font-size:2.5rem;line-height:1;color:#ffffff1f;flex-shrink:0;margin-top:-4px}.artwork-commentary{font-size:.82rem;color:var(--color-text-muted);line-height:1.7}.artwork-color-palette{display:flex;gap:8px;flex-wrap:wrap}.color-bubble{width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.1);cursor:default;transition:transform .2s ease}.color-bubble:hover{transform:scale(1.2)}.artwork-showcase-container{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden;padding:8px 0}.artwork-showcase-card{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.showcase-frame{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 32px 80px rgba(0,0,0,.75)) drop-shadow(0 8px 24px rgba(0,0,0,.5))}.showcase-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px;display:block;opacity:0}.control-panel-wrapper{grid-column:3;grid-row:2;display:flex;align-items:flex-end;pointer-events:auto}.control-panel{width:100%;background:var(--color-bg-opaque);border:1px solid var(--color-border);border-radius:20px;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);padding:24px;display:flex;flex-direction:column;gap:20px}.panel-header{display:flex;flex-direction:column;gap:8px}.panel-title-row{display:flex;align-items:center;justify-content:space-between}.panel-title{font-family:var(--font-serif);font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.panel-subtitle{font-size:.75rem;color:var(--color-text-muted);line-height:1.5}.btn-toggle-auto{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;background:#ffffff0f;border:1px solid var(--color-border);border-radius:100px;cursor:pointer;transition:var(--transition-fast);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:.78rem;font-weight:600;letter-spacing:.06em}.btn-toggle-auto:hover{background:#ffffff1a}.btn-toggle-auto.active{background:#ffffff1f;border-color:#fff3;color:var(--color-text-primary)}.toggle-dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-muted);transition:var(--transition-fast)}.btn-toggle-auto.active .toggle-dot{background:#4ade80;box-shadow:0 0 6px #4ade8099}.toggle-text{font-size:.72rem}.simulator-controls{display:flex;flex-direction:column;gap:14px;transition:opacity .3s ease}.control-group{display:flex;flex-direction:column;gap:6px}.control-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.select-wrapper{position:relative}.select-wrapper:after{content:"▾";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:.7rem;pointer-events:none}select{width:100%;padding:10px 32px 10px 12px;background:#ffffff0d;border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);font-family:var(--font-sans);font-size:.8rem;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:var(--transition-fast);outline:none}select:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26}select:focus{border-color:#ffffff40}select:disabled{opacity:.4;cursor:not-allowed}select option{background:#1a1a2e;color:var(--color-text-primary)}.control-footer{padding-top:4px}.btn-refresh{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#ffffffeb;border:none;border-radius:12px;padding:14px;color:#050508;font-family:var(--font-sans);font-size:.85rem;font-weight:600;letter-spacing:.05em;cursor:pointer;box-shadow:0 4px 15px #ffffff1a;transition:var(--transition-fast)}.btn-refresh:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fff3;background-color:#fff}.btn-refresh:active{transform:translateY(0)}.btn-icon{font-size:1rem}@media (max-width: 1200px){.ui-container{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;padding:30px;gap:20px;overflow-y:auto;pointer-events:auto}.app-header{grid-column:1 / span 2;grid-row:1}.artwork-card-wrapper{grid-column:1 / span 2;grid-row:2}.artwork-showcase-container{grid-column:1 / span 2;grid-row:3;min-height:400px}.control-panel-wrapper{grid-column:1 / span 2;grid-row:4}}@media (max-width: 600px){.ui-container{padding:16px;gap:16px}.brand-title{font-size:1.4rem}.weather-badge{padding:8px 16px}.card-content{padding:24px}.artwork-title{font-size:1.6rem}.artwork-commentary{font-size:.95rem}.control-panel{padding:20px}}