:root{--bg-paper: #FAF8F4;--bg-paper-alt: #F4F0E8;--bg-card: #FFFFFF;--bg-card-hover: #FCFBF8;--bg-glass: rgba(250, 248, 244, .82);--soft-azure: #79A6CB;--soft-azure-light: #EBF2F7;--soft-azure-glow: rgba(121, 166, 203, .25);--antique-gold: #DCB468;--antique-gold-light: #FBF5E8;--antique-gold-glow: rgba(220, 180, 104, .25);--dusty-rose: #8C6270;--dusty-rose-light: #986874;--dusty-rose-subtle: rgba(140, 98, 112, .08);--text-main: #332A2D;--text-body: #4A3C42;--text-muted: #7C6D73;--text-dim: #9E8F95;--text-plum: #8C6270;--border-subtle: rgba(140, 98, 112, .16);--border-gold: rgba(220, 180, 104, .45);--border-azure: rgba(121, 166, 203, .45);--shadow-paper: 0 10px 30px -5px rgba(110, 85, 95, .08), 0 2px 10px rgba(0, 0, 0, .02);--shadow-paper-hover: 0 18px 45px -8px rgba(110, 85, 95, .14), 0 4px 16px rgba(140, 98, 112, .06);--font-brand: "Marcellus", serif;--font-serif: "Cormorant Garamond", Georgia, serif;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-paper);color:var(--text-main);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 12% 10%,rgba(121,166,203,.14) 0%,transparent 45%),radial-gradient(circle at 88% 18%,rgba(220,180,104,.15) 0%,transparent 45%),radial-gradient(circle at 50% 60%,rgba(140,98,112,.05) 0%,transparent 50%),radial-gradient(circle at 80% 85%,rgba(121,166,203,.12) 0%,transparent 40%);background-attachment:fixed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-paper)}::-webkit-scrollbar-thumb{background:#8c627040;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--dusty-rose)}.font-brand{font-family:var(--font-brand)}.font-serif{font-family:var(--font-serif)}.app-layout{min-height:100vh;display:flex;flex-direction:column}.navbar{position:sticky;top:0;z-index:50;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);padding:.85rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;box-shadow:0 4px 20px #8c62700a}.brand-header-group{display:flex;align-items:center;gap:1.25rem;cursor:pointer}.brand-title-box{display:flex;flex-direction:column}.brand-title{font-family:var(--font-brand);font-size:1.6rem;letter-spacing:4px;color:var(--dusty-rose);line-height:1.1;text-transform:uppercase}.brand-subtitle{font-family:var(--font-serif);font-size:.85rem;letter-spacing:3.5px;color:var(--dusty-rose-light);text-transform:uppercase;font-weight:500}.brand-badge{font-family:var(--font-sans);font-size:.65rem;text-transform:uppercase;letter-spacing:1.5px;background:var(--antique-gold-light);border:1px solid var(--border-gold);color:#a3792c;padding:.25rem .65rem;border-radius:20px;font-weight:600;margin-left:.5rem}.nav-actions{display:flex;align-items:center;gap:.85rem}.mcp-indicator{display:flex;align-items:center;gap:.5rem;font-size:.8rem;background:#fffc;border:1px solid var(--border-subtle);padding:.45rem .9rem;border-radius:20px;color:var(--text-body);cursor:pointer;transition:all .25s ease;box-shadow:var(--shadow-paper)}.mcp-indicator:hover{border-color:var(--soft-azure);background:var(--soft-azure-light);color:var(--text-main)}.pulse-dot{width:8px;height:8px;background-color:#3b82f6;border-radius:50%;box-shadow:0 0 8px #3b82f6;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #3b82f6b3}70%{transform:scale(1.1);box-shadow:0 0 0 8px #3b82f600}to{transform:scale(.95);box-shadow:0 0 #3b82f600}}.btn-icon{background:#ffffffd9;border:1px solid var(--border-subtle);color:var(--text-body);padding:.5rem 1rem;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;transition:all .25s ease;box-shadow:var(--shadow-paper)}.btn-icon:hover{background:var(--antique-gold-light);border-color:var(--antique-gold);color:#8c6200}.main-content{max-width:1400px;width:100%;margin:0 auto;padding:2rem;flex:1}.brand-sheet-card{background:#ffffffd9;border:1px solid var(--border-subtle);border-radius:24px;padding:2.5rem 3rem;margin-bottom:3rem;box-shadow:var(--shadow-paper);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-sheet-header{text-align:center;margin-bottom:2rem}.brand-sheet-title{font-family:var(--font-brand);font-size:3.2rem;letter-spacing:8px;color:var(--dusty-rose);line-height:1;text-transform:uppercase;margin-bottom:.35rem}.brand-sheet-subtitle{font-family:var(--font-serif);font-size:1.4rem;letter-spacing:6px;color:var(--dusty-rose-light);text-transform:uppercase}.brand-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:2.5rem;align-items:center}@media (max-width: 900px){.brand-grid{grid-template-columns:1fr;gap:2rem}}.palette-section-title,.style-section-title{font-family:var(--font-serif);font-size:.95rem;letter-spacing:2px;text-transform:uppercase;color:var(--dusty-rose);margin-bottom:1rem;text-align:center}.swatches-container{display:flex;align-items:center;justify-content:center;gap:1.5rem}.swatch-circle{width:90px;height:90px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:.7rem;font-weight:700;letter-spacing:1px;line-height:1.2;box-shadow:0 8px 20px #0000000f;position:relative;transition:transform .3s ease}.swatch-circle:hover{transform:scale(1.05)}.swatch-azure{background:radial-gradient(circle at 30% 30%,#a3c4df,#79a6cb);color:#234b6b;border:1px solid rgba(121,166,203,.4)}.swatch-gold{background:radial-gradient(circle at 30% 30%,#f4d898,#dcb468);color:#5c4314;border:1px solid rgba(220,180,104,.4)}.vector-mark-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;background:#faf8f499;border:1px dashed var(--border-subtle);border-radius:16px}.vector-mark-desc{font-size:.85rem;color:var(--text-muted);max-width:480px;line-height:1.5;margin-top:.75rem}.visual-style-preview{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-top:1rem}.style-shape{width:50px;height:35px;border-radius:6px;opacity:.75;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.search-container{max-width:720px;margin:0 auto 2rem;position:relative}.search-input-wrapper{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border-gold);box-shadow:var(--shadow-paper);border-radius:24px;padding:.5rem 1rem .5rem 1.25rem;transition:all .3s ease}.search-input-wrapper:focus-within{border-color:var(--dusty-rose);box-shadow:0 0 25px var(--antique-gold-glow),var(--shadow-paper-hover)}.search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-main);font-size:1rem;padding:.6rem .5rem;font-family:var(--font-sans)}.search-input::placeholder{color:var(--text-dim)}.filter-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem}.filter-pill{background:#fffc;border:1px solid var(--border-subtle);color:var(--text-muted);padding:.45rem 1.1rem;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 8px #00000005}.filter-pill:hover,.filter-pill.active{background:var(--antique-gold-light);border-color:var(--antique-gold);color:#704f0d;font-weight:600;box-shadow:0 4px 12px var(--antique-gold-glow)}.gemini-banner{background:linear-gradient(135deg,#fbf5e8f2,#ebf2f7f2);border:1px solid var(--border-gold);border-radius:20px;padding:1.75rem 2.25rem;margin-bottom:2.5rem;box-shadow:var(--shadow-paper);display:flex;flex-direction:column;gap:.85rem;position:relative;overflow:hidden}.gemini-banner-header{display:flex;align-items:center;justify-content:space-between}.gemini-tag{display:flex;align-items:center;gap:.6rem;color:var(--dusty-rose);font-family:var(--font-serif);font-size:1.35rem;font-weight:600}.gemini-commentary{color:var(--text-body);font-size:.95rem;line-height:1.6;font-style:italic;background:#ffffffb3;padding:1.1rem;border-radius:12px;border-left:4px solid var(--antique-gold)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.art-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:all .35s cubic-bezier(.16,1,.3,1);cursor:pointer;position:relative;box-shadow:var(--shadow-paper)}.art-card:hover{transform:translateY(-6px);border-color:var(--border-gold);box-shadow:var(--shadow-paper-hover)}.art-image-wrapper{width:100%;aspect-ratio:4 / 3;overflow:hidden;background:#f0ebe1;position:relative}.art-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.art-card:hover .art-image{transform:scale(1.06)}.save-badge{position:absolute;top:12px;right:12px;background:#ffffffe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);color:var(--text-muted);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #00000014}.save-badge:hover,.save-badge.saved{background:var(--antique-gold);color:#fff;border-color:var(--antique-gold)}.art-details{padding:1.35rem;display:flex;flex-direction:column;gap:.55rem;flex:1}.art-title{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;color:var(--text-main);line-height:1.3}.art-artist{font-size:.88rem;color:var(--dusty-rose);font-weight:600}.art-style-badge{display:inline-block;align-self:flex-start;font-size:.72rem;text-transform:uppercase;letter-spacing:1px;background:var(--soft-azure-light);color:#2c5980;padding:.25rem .65rem;border-radius:6px;font-weight:600;margin-top:.2rem}.art-reasoning{font-size:.85rem;color:var(--text-body);line-height:1.5;background:var(--antique-gold-light);border-left:3px solid var(--antique-gold);padding:.6rem .85rem;border-radius:6px;margin-top:.4rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#2b2326a6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:24px;max-width:1100px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 30px 70px #32232840;display:grid;grid-template-columns:1.2fr 1fr;position:relative}@media (max-width: 900px){.modal-container{grid-template-columns:1fr}}.modal-image-col{background:#f7f4ee;display:flex;align-items:center;justify-content:center;padding:1.75rem}.modal-image{max-width:100%;max-height:75vh;object-fit:contain;border-radius:12px;box-shadow:0 12px 35px #503c4126}.modal-info-col{padding:2.5rem;display:flex;flex-direction:column;gap:1.25rem}.modal-close{position:absolute;top:16px;right:16px;background:#8c62701a;border:none;color:var(--text-main);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.modal-close:hover{background:var(--dusty-rose);color:#fff}.modal-title{font-family:var(--font-serif);font-size:2.1rem;color:var(--text-main);line-height:1.2}.modal-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.9rem;color:var(--dusty-rose);font-weight:500}.modal-description{color:var(--text-body);line-height:1.7;font-size:.95rem}.emotional-tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag-badge{background:var(--soft-azure-light);border:1px solid var(--border-azure);color:#27567d;font-size:.75rem;padding:.35rem .8rem;border-radius:14px;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}