:root{--mbm-primary: #1565C0;--mbm-primary-dark: #0D47A1;--mbm-primary-light: #1976D2;--mbm-secondary: #42A5F5;--mbm-gold: #D4A84B;--mbm-gold-dark: #C5933A;--mbm-gold-light: #E4C77B;--mbm-bg-dark: #0D47A1;--mbm-bg-light: #F5F9FF;--mbm-white: #FFFFFF;--mbm-text-dark: #1A237E;--mbm-text-light: #FFFFFF;--mbm-text-muted: #5C6BC0;--ffl-red: #C62828;--ffl-blue: #1A237E;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 50%;--shadow-sm: 0 2px 4px rgba(13, 71, 161, .1);--shadow-md: 0 4px 12px rgba(13, 71, 161, .15);--shadow-lg: 0 8px 24px rgba(13, 71, 161, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;background:var(--mbm-bg-light);color:var(--mbm-text-dark);line-height:1.6}.brand-font{font-family:Fredoka One,cursive}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:var(--spacing-lg);max-width:1200px;margin:0 auto;width:100%}.header{background:linear-gradient(135deg,var(--mbm-primary-dark) 0%,var(--mbm-primary) 100%);color:var(--mbm-white);padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-md)}.header-app{background:#fff;color:#1a1a1a;box-shadow:none;border-bottom:1px solid #eee;padding:.5rem 1.5rem;position:sticky;top:0;z-index:100;overflow:visible}.header-app .header-content{max-width:none;justify-content:flex-end}.header-app .logo{flex-shrink:0}.header-app .nav-link{color:#1a1a1a;font-size:.95rem}.header-app .nav-link:hover{background:#0000000d}.header-app .nav-link.active{background:#00000014}.header-app .logo{position:absolute;left:2rem;top:0;z-index:102;background:#fff;padding:.5rem 1rem;border-bottom-right-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);transition:padding .3s ease,border-radius .3s ease}.header-app .logo:has(.logo-shrunk){padding:.25rem .5rem;border-bottom-right-radius:0;border-bottom-left-radius:0}.header-app-logo{height:110px;width:auto;display:block;transition:height .3s ease}.header-app-logo.logo-shrunk{height:40px}.nav-link-admin{font-weight:700;color:var(--mbm-primary)!important}.nav-link-profile svg{vertical-align:middle}.masquerade-exit{background:#ffe0e0!important;color:#c00!important;border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:.85rem;display:flex;align-items:center;gap:.3rem;border-radius:var(--radius-sm)}.masquerade-exit:hover{background:#fcc!important}.hamburger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:6px}.hamburger span{display:block;width:24px;height:2.5px;background:#1a1a1a;border-radius:2px}.nav-mobile{display:none;flex-direction:column;padding:.75rem 1.5rem 1rem;border-top:1px solid #eee}.nav-mobile a,.nav-mobile-logout{display:block;padding:.65rem 0;color:#1a1a1a;text-decoration:none;font-weight:600;font-size:.95rem;border:none;background:none;text-align:left;cursor:pointer;font-family:inherit}.nav-mobile a:hover,.nav-mobile-logout:hover{color:var(--mbm-primary)}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none;color:inherit}.logo-icon{width:50px;height:50px}.logo-text{display:flex;flex-direction:column}.logo-title{font-family:Fredoka One,cursive;font-size:1.5rem;line-height:1.2;color:var(--mbm-white)}.logo-tagline{font-size:.85rem;opacity:.9;font-style:italic}.site-logo-image{max-height:69px;width:auto;object-fit:contain}.nav{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-link{color:var(--mbm-white);text-decoration:none;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);display:inline-flex;align-items:center;line-height:1;transition:background .2s}.nav-link:hover{background:#ffffff26}.nav-link.active{background:#fff3}.ffl-nav-link{gap:6px}.ffl-nav-logo{height:24px;width:auto;object-fit:contain;vertical-align:middle}.hero{background:linear-gradient(135deg,var(--mbm-primary-dark) 0%,var(--mbm-primary) 50%,var(--mbm-secondary) 100%);color:var(--mbm-white);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.hero h1{font-family:Fredoka One,cursive;font-size:3rem;margin-bottom:var(--spacing-md);text-shadow:2px 2px 4px rgba(0,0,0,.2)}.hero-tagline{font-size:1.5rem;font-style:italic;margin-bottom:var(--spacing-lg);opacity:.95}.hero-description{font-size:1.1rem;max-width:600px;margin:0 auto var(--spacing-xl);line-height:1.8}.paw-badge{width:60px;height:60px;background:linear-gradient(135deg,var(--mbm-gold-light) 0%,var(--mbm-gold) 50%,var(--mbm-gold-dark) 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.paw-badge svg{width:35px;height:35px;fill:var(--mbm-gold-dark)}.card{background:var(--mbm-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-image{width:100%;height:200px;object-fit:cover}.card-content{padding:var(--spacing-lg)}.card-title{font-family:Fredoka One,cursive;color:var(--mbm-primary);font-size:1.25rem;margin-bottom:var(--spacing-sm)}.card-description{color:var(--mbm-text-muted);margin-bottom:var(--spacing-md)}.daily-theme-banner{background:linear-gradient(90deg,var(--mbm-primary) 0%,var(--mbm-secondary) 100%);color:var(--mbm-white);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-md)}.daily-theme-banner .paw-icon{font-size:2rem}.daily-theme-name{font-family:Fredoka One,cursive;font-size:1.25rem}.daily-theme-description{font-size:.9rem;opacity:.9}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}@media (max-width: 1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .2s;font-family:inherit;font-size:1rem}.btn-primary{background:var(--mbm-gold);color:var(--mbm-text-dark)}.btn-primary:hover{background:var(--mbm-gold-dark);transform:translateY(-2px)}.btn-secondary{background:var(--mbm-white);color:var(--mbm-primary);border:2px solid var(--mbm-primary)}.btn-secondary:hover{background:var(--mbm-primary);color:var(--mbm-white)}.btn-outline{background:transparent;color:var(--mbm-white);border:2px solid var(--mbm-white)}.btn-outline:hover{background:var(--mbm-white);color:var(--mbm-primary)}.admin-content .btn-outline,.admin-layout .btn-outline{color:var(--mbm-primary);border-color:var(--mbm-primary)}.admin-content .btn-outline:hover,.admin-layout .btn-outline:hover{background:var(--mbm-primary);color:var(--mbm-white)}.section-title{font-family:Fredoka One,cursive;color:var(--mbm-primary);font-size:2rem;margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md)}.paw-prints{display:flex;gap:var(--spacing-xs)}.paw-print{font-size:1.5rem;opacity:.6}.footer{background:var(--mbm-primary-dark);color:var(--mbm-white);padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.footer-tagline{font-style:italic;opacity:.9;margin-bottom:var(--spacing-md)}.footer-links{display:flex;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.footer-link{color:var(--mbm-white);text-decoration:none;opacity:.8;transition:opacity .2s}.footer-link:hover{opacity:1}.footer-quote{font-style:italic;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.2);max-width:600px;margin-left:auto;margin-right:auto}.ffl-badge{background:linear-gradient(180deg,var(--ffl-blue) 0%,var(--ffl-blue) 50%,var(--ffl-red) 50%,var(--ffl-red) 100%);color:var(--mbm-white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-family:Fredoka One,cursive;font-size:.85rem}.value-card{background:linear-gradient(135deg,var(--mbm-primary) 0%,var(--mbm-secondary) 100%);color:var(--mbm-white);padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center}.value-card h3{font-family:Fredoka One,cursive;margin-bottom:var(--spacing-sm)}.value-card p{font-size:.9rem;opacity:.9;line-height:1.6}.memorial-card{background:var(--mbm-white);border:2px solid var(--mbm-gold);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center}.memorial-badge{background:linear-gradient(135deg,var(--mbm-gold-light) 0%,var(--mbm-gold) 100%);width:80px;height:80px;border-radius:var(--radius-full);margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center}.login-page{background:#fff;min-height:100vh;display:flex;flex-direction:column;padding:0 1.5rem;position:relative}.login-logo{padding:1rem 0}.login-logo img{height:80px;width:auto}.login-container{width:100%;max-width:600px;margin:0 auto;flex:1;display:flex;flex-direction:column;justify-content:center;padding:2rem 0}.login-title{font-family:Nunito,sans-serif;font-weight:800;font-size:1.8rem;color:#1a1a1a;text-align:center;margin-bottom:3rem}.login-subtitle{text-align:center;color:#666;margin-bottom:2rem}.login-field{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.login-field label{font-weight:700;font-size:1rem;color:#1a1a1a;min-width:100px;flex-shrink:0}.login-field input{flex:1;padding:.75rem 1.25rem;border:none;border-radius:25px;background:#e0e0e0;font-size:1rem;outline:none;transition:background .2s}.login-field input:focus{background:#d0d0d0}.login-forgot{display:flex;align-items:center;gap:1rem;margin-top:2.5rem;padding-left:100px;margin-left:1.5rem}.login-forgot span{font-weight:600;font-size:.95rem;color:#1a1a1a;cursor:pointer}.login-forgot svg{width:28px;height:28px}.login-create{display:flex;align-items:center;gap:1rem;margin-top:2rem;padding-left:100px;margin-left:1.5rem}.login-create a{font-weight:600;font-size:.95rem;color:#1a1a1a;text-decoration:none}.login-create a:hover{text-decoration:underline}.login-create svg{width:24px;height:24px}.login-back{padding:1.5rem 0}.login-back a{font-size:2.5rem;color:#1a1a1a;text-decoration:none;line-height:1}.login-back a:hover{color:#666}.login-field-row{display:flex;gap:2rem}.login-field-row .login-field{flex:1}.login-field-input{width:100%;padding:.75rem 1.25rem;border:none;border-radius:25px;background:#e0e0e0;font-size:1rem;outline:none;margin-bottom:.75rem}.up-page{background:#fff}.up-banner{position:relative;width:100%;height:200px;overflow:hidden}.up-banner img{width:100%;height:100%;object-fit:cover}.up-layout{display:flex;max-width:1100px;margin:0 auto;padding:0 1rem}.up-sidebar{width:180px;flex-shrink:0;padding:2rem 0;display:flex;flex-direction:column;gap:.25rem}.up-nav-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;color:#1a1a1a;text-decoration:none;font-weight:600;font-size:.95rem;border-radius:var(--radius-sm)}.up-nav-item svg{flex-shrink:0}.up-nav-item:hover{background:#f0f0f0}.up-nav-logout{background:none;border:none;cursor:pointer;font:inherit;color:#c00;width:100%}.up-nav-logout:hover{background:#ffe0e0}.up-main{flex:1;padding:0 1.5rem 2rem}.up-profile-top{display:flex;justify-content:center;gap:4rem;padding:2rem 0}.up-profile-card{display:flex;flex-direction:column;align-items:center;gap:1rem}.up-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid #ccc;background:#e0e0e0;flex-shrink:0}.up-avatar img{width:100%;height:100%;object-fit:cover}.up-avatar span{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:2.5rem}.up-profile-card .up-btn-dark{min-width:180px;height:44px;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;white-space:nowrap}.up-profile-card .up-avatar{width:140px;height:140px}.up-profile-card{align-items:center;min-width:180px}.up-btn-dark{display:inline-block;padding:.65rem 1.5rem;border:none;border-radius:var(--radius-md);background:#2c3e5a;color:#fff;font-weight:700;font-size:.9rem;text-decoration:none;cursor:pointer;transition:background .2s}.up-btn-dark:hover{background:#1e2d42}.up-photo-add{aspect-ratio:1;display:flex;align-items:center;justify-content:center;color:#999;border:2px dashed #ccc;border-radius:var(--radius-sm);transition:color .2s,border-color .2s}.up-photo-add:hover{color:#333;border-color:#999}.up-edit-top{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.up-avatar-edit{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid #ccc;background:#d0d0d0;flex-shrink:0}.up-avatar-edit img{width:100%;height:100%;object-fit:cover}.up-avatar-edit span{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:2.5rem}.up-edit-name{font-family:Nunito,sans-serif;font-weight:800;font-size:1.3rem;color:#1a1a1a}.up-edit-section{margin-bottom:1.5rem}.up-edit-textarea{width:100%;background:transparent;border:none;outline:none;color:inherit;font:inherit;resize:vertical}.up-mutts-section{margin-top:2rem}.up-mutts-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.up-mutt-mini{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#1a1a1a}.up-mutt-mini:hover{opacity:.8}.up-mutt-mini-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;border:2px solid #ccc;background:#e0e0e0}.up-mutt-mini-avatar img{width:100%;height:100%;object-fit:cover}.up-mutt-mini-avatar span{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:2rem}.up-mutt-mini-name{font-weight:700;font-size:.95rem}.up-edit-form{padding:1rem 0;max-width:400px}.up-tabs{display:flex;gap:0;border-bottom:1px solid #ddd;margin-bottom:1rem}.up-tab{padding:.75rem 1.25rem;border:none;background:none;cursor:pointer;font-weight:700;font-size:.9rem;color:#999;border-bottom:2px solid transparent;display:flex;align-items:center;gap:.4rem}.up-tab.active{color:#1a1a1a;border-bottom-color:#1a1a1a}.up-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.up-photo-item{aspect-ratio:1;overflow:hidden;display:block}.up-photo-item img{width:100%;height:100%;object-fit:cover;transition:opacity .2s}.up-photo-item:hover img{opacity:.85}.up-photo-placeholder{width:100%;height:100%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:2rem}.up-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-size:.75rem;border-top:1px solid #eee;max-width:1100px;margin:0 auto}.up-footer-left{display:flex;gap:2rem}.up-footer a{color:var(--mbm-text-muted);text-decoration:none}.up-footer a:hover{text-decoration:underline}.dp-page{background:#ebecf0;min-height:100vh}.dp-layout{display:flex;max-width:1200px;margin:0 auto}.dp-sidebar{width:180px;flex-shrink:0;padding:1.5rem 0;display:flex;flex-direction:column;gap:.25rem}.dp-main{flex:1;padding:1.5rem 2rem}.dp-heading{font-family:Nunito,sans-serif;font-weight:800;font-size:1.2rem;color:#1a1a1a;margin-bottom:1.5rem}.dp-profile-row{display:flex;gap:2rem;align-items:flex-start;margin-bottom:2rem}.dp-avatar-section{display:flex;flex-direction:column;align-items:center}.dp-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;background:#ccc;flex-shrink:0}.dp-avatar img{width:100%;height:100%;object-fit:cover}.dp-avatar span{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:3rem}.dp-btn-dark{display:inline-block;padding:.5rem 1.25rem;background:var(--mbm-primary-dark);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:700;font-size:.85rem;cursor:pointer;text-decoration:none;transition:background .2s}.dp-btn-dark:hover{background:var(--mbm-primary)}.dp-info-right{flex:1}.dp-name-row{margin-bottom:1rem}.dp-mutt-name{font-family:Nunito,sans-serif;font-weight:800;font-size:1.4rem;color:#1a1a1a}.dp-breed{font-size:.9rem;color:#666}.dp-awards h3{font-size:.95rem;font-weight:700;margin-bottom:.5rem}.dp-badges-row{display:flex;gap:.5rem;flex-wrap:wrap}.dp-badge{background:var(--mbm-gold);color:#fff;padding:.2rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.dp-form{margin-bottom:2rem}.dp-field{margin-bottom:1rem}.dp-field label{display:block;font-weight:700;font-size:.9rem;color:#1a1a1a;margin-bottom:.35rem}.dp-field input,.dp-field textarea{width:100%;padding:.6rem 1rem;border:none;border-radius:25px;background:#d5d6da;font-size:.95rem;outline:none}.dp-field textarea{border-radius:var(--radius-sm);resize:vertical}.dp-field-row{display:flex;gap:1.5rem}.dp-field-row .dp-field,.dp-field-row .dp-field-display{flex:1}.dp-details{margin-bottom:2rem}.dp-field-display{margin-bottom:1rem}.dp-field-display label{font-weight:700;font-size:.9rem;color:#1a1a1a;margin-bottom:.25rem;display:block}.dp-field-display p{font-size:.95rem;color:#444;line-height:1.5}.dp-media-section{margin-top:1.5rem}.dp-media-section h3{font-weight:700;font-size:1rem}.dp-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.dp-media-item{position:relative;border-radius:var(--radius-sm);overflow:hidden}.dp-media-item img,.dp-media-item video{width:100%;height:160px;object-fit:cover;display:block}.dp-media-delete{position:absolute;top:6px;right:6px;background:#dc3545e6;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:12px}.dp-section{margin-top:1.5rem}.dp-section h3{font-weight:700;font-size:1rem;margin-bottom:.75rem}.dp-mutt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.dp-mutt-card{background:#fff;border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.dp-mutt-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001f}.dp-mutt-card-img{width:100%;aspect-ratio:1;overflow:hidden;background:#ddd;display:flex;align-items:center;justify-content:center}.dp-mutt-card-img img{width:100%;height:100%;object-fit:cover}.dp-mutt-card-img span{font-size:3rem}.dp-mutt-card-info{padding:.75rem 1rem}.dp-mutt-card-info h3{font-family:Nunito,sans-serif;font-weight:800;font-size:1rem;color:#1a1a1a;margin-bottom:.15rem}.dp-mutt-card-breed{font-size:.85rem;color:var(--mbm-gold)}.dp-mutt-card-owner{font-size:.8rem;color:#999;font-style:italic}.dp-mutt-detail{margin-bottom:1.5rem}.dp-mutt-top{display:flex;align-items:center;gap:2rem;margin-bottom:1.5rem}.dp-avatar-lg{width:130px;height:130px;border-radius:50%;overflow:hidden;border:3px solid #ccc;background:#e0e0e0;flex-shrink:0}.dp-avatar-lg img{width:100%;height:100%;object-fit:cover}.dp-avatar-lg span{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:3rem}.dp-mutt-name-row{display:flex;align-items:center;gap:1.5rem}.dp-mutt-name{font-family:Nunito,sans-serif;font-weight:800;font-size:1.2rem;color:#1a1a1a}.dp-mutt-fields{display:flex;flex-direction:column;gap:1rem}.dp-field-row-item label{font-weight:700;font-size:.95rem;color:#1a1a1a;min-width:120px;display:inline-block}.dp-field-value{display:inline-block;padding:.5rem 1rem;background:#e0e0e0;border-radius:20px;font-size:.9rem;color:#333;min-width:60px;text-align:center}.dp-field-value-lg{display:block;border-radius:12px;padding:.75rem 1.25rem;text-align:left;min-width:unset;width:100%;max-width:600px}.dp-field-row-inline{display:flex;gap:2rem;flex-wrap:wrap}.dp-field-row-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.dp-divider{border:none;border-top:1px solid #ccc;margin:2rem 0}.dp-heading-sub{font-family:Nunito,sans-serif;font-weight:800;font-size:1.1rem;color:#1a1a1a;margin-bottom:1rem}.dp-add-mode-toggle{display:flex;gap:.5rem;margin-bottom:1.5rem}.dp-field-with-photo{display:flex;align-items:center;gap:1.5rem}.dp-field-input-wrap{flex:1;display:flex;align-items:center;gap:.75rem}.dp-field-input-wrap label{font-weight:700;white-space:nowrap}.dp-field-input-wrap input{flex:1}.dp-main-wrap{display:flex;gap:2rem;flex:1;min-width:0}.dp-right-sidebar{width:220px;flex-shrink:0;text-align:center}.dp-right-title{font-family:Nunito,sans-serif;font-weight:800;font-size:1rem;color:#1a1a1a;margin-bottom:.75rem}.dp-awards-row{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem;min-height:50px}.dp-award-badge{width:45px;height:auto}.dp-personality-link{display:block;text-decoration:none}.dp-personality-badge-lg{width:180px;height:auto;border:1px solid #ddd;border-radius:var(--radius-md);padding:.5rem}.mdp-container{max-width:1100px;margin:0 auto;padding:1.5rem}.mdp-header{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.mdp-header-left{display:flex;align-items:center;gap:1rem}.mdp-mutt-name{font-family:Nunito,sans-serif;font-weight:800;font-size:1.3rem}.mdp-avatar{width:70px;height:70px;border-radius:50%;overflow:hidden;border:2px solid #ccc;flex-shrink:0}.mdp-avatar img{width:100%;height:100%;object-fit:cover}.mdp-owner{display:flex;align-items:center;gap:.75rem;font-weight:700}.mdp-owner-name{color:#1a1a1a;text-decoration:none;font-weight:800}.mdp-owner-name:hover{text-decoration:underline}.mdp-owner-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;border:2px solid #ccc;display:block}.mdp-owner-avatar img{width:100%;height:100%;object-fit:cover}.mdp-follow{display:flex;align-items:center;gap:.5rem;font-weight:700;margin-left:auto;cursor:pointer}.mdp-body{display:flex;gap:2rem}.mdp-details{flex:1;min-width:0}.mdp-right{width:220px;flex-shrink:0;text-align:center}.mdp-field{margin-bottom:1rem}.mdp-label{font-weight:800;font-size:1rem;color:#1a1a1a;display:block;margin-bottom:.25rem}.mdp-value{color:#444;line-height:1.6}.mdp-value-sm{color:#444;margin-left:.5rem}.mdp-inline-fields{display:flex;gap:2rem;margin-bottom:1rem}.mdp-inline-fields .mdp-field{margin-bottom:0;display:flex;align-items:center;gap:.5rem}.mdp-media{margin-top:1rem}.comm-title{font-family:Nunito,sans-serif;font-weight:800;font-size:1.5rem;margin-bottom:1.5rem;color:#1a1a1a}.comm-user-card{display:flex;align-items:center;gap:1.5rem;background:#fff;border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;border:1px solid #e0e0e0}.comm-user-avatar{width:70px;height:70px;border-radius:50%;object-fit:cover;border:2px solid #ddd}.comm-user-name{font-family:Nunito,sans-serif;font-weight:800;font-size:1.1rem;color:#1a1a1a}.comm-user-loc{color:#666;font-size:.9rem}.comm-area-setup{background:#fff;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;border:1px solid #e0e0e0}.comm-area-row{display:flex;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.comm-input{flex:1;min-width:200px;padding:.6rem 1rem;border:1px solid #ddd;border-radius:20px;font-family:Nunito,sans-serif;font-size:.9rem;background:#f5f5f5}.comm-range-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.comm-range-row label{font-weight:700;font-size:.9rem;white-space:nowrap;color:#333}.comm-slider{flex:1;min-width:150px;accent-color:#333}.comm-btn{background:#333;color:#fff;border:none;border-radius:20px;padding:.6rem 1.25rem;font-family:Nunito,sans-serif;font-weight:700;font-size:.85rem;cursor:pointer;white-space:nowrap}.comm-btn:hover{background:#555}.comm-btn-outline{background:#fff;color:#333;border:1px solid #ccc}.comm-btn-outline:hover{background:#f5f5f5}.comm-btn-sm{padding:.35rem .75rem;font-size:.8rem}.comm-map{width:100%;border-radius:12px;overflow:hidden;background:#e0e0e0;position:relative;z-index:1}.comm-map .leaflet-container{height:100%!important;width:100%!important}.comm-categories{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.comm-cat{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:1.25rem;font-family:Nunito,sans-serif;font-weight:700;font-size:.95rem;color:#333;cursor:pointer;transition:all .2s}.comm-cat:hover{background:#f5f5f5}.comm-cat.active{background:#333;color:#fff;border-color:#333}.comm-cat.active svg{fill:#fff}.comm-results{display:flex;flex-direction:column;gap:.75rem}.comm-result-card{display:flex;align-items:center;gap:1rem;background:#fff;border-radius:12px;padding:1rem 1.25rem;border:1px solid #e0e0e0}.comm-result-img{width:50px;height:50px;border-radius:50%;object-fit:cover}.comm-result-info{flex:1;min-width:0}.comm-result-info strong{display:block;font-size:.95rem;color:#1a1a1a}.comm-result-detail{display:block;font-size:.8rem;color:#888}.comm-friend-badge{background:#d4edda;color:#155724;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:700}@media (max-width: 768px){.comm-categories{grid-template-columns:1fr}.comm-user-card{flex-direction:column;text-align:center}}.shop-page{background:#f5f5f5;min-height:100vh;cursor:pointer}.shop-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:#000000d9;color:#fff;padding:1.5rem 3rem;border-radius:12px;font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:700;z-index:9999;pointer-events:none;opacity:0;transition:opacity .5s ease,transform .5s ease}.shop-toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.shop-hero{position:relative;width:100%;max-height:500px;overflow:hidden}.shop-hero-img{width:100%;height:auto;display:block;object-fit:cover}.shop-hero-overlay{position:absolute;bottom:15%;left:5%;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.shop-hero-title{font-family:Nunito,sans-serif;font-weight:900;font-size:2.5rem;line-height:1.1;margin:.5rem 0 1rem}.shop-hero-line{width:60px;height:3px;background:#fff}.shop-hero-btn{background:#fff;color:#1a1a1a;border:none;padding:.75rem 2rem;font-family:Nunito,sans-serif;font-weight:800;font-size:.95rem;letter-spacing:.05em;cursor:pointer}.shop-usp{display:flex;justify-content:center;gap:3rem;padding:1rem 2rem;background:#fff;font-family:Nunito,sans-serif;font-weight:700;font-size:.95rem;color:#333;border-bottom:1px solid #e0e0e0}.shop-heading{text-align:center;padding:3rem 1rem 2rem}.shop-heading h2{font-family:Nunito,sans-serif;font-weight:400;font-size:1.1rem;letter-spacing:.2em;margin:0}.shop-heading h1{font-family:Nunito,sans-serif;font-weight:900;font-size:2rem;letter-spacing:.1em;margin:.25rem 0 .5rem}.shop-heading p{font-weight:700;font-size:1rem}.shop-heading-line{width:60px;height:2px;background:#333;margin:.75rem auto}.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem 1.5rem;max-width:900px;margin:0 auto;padding:0 1.5rem 3rem}.shop-cat{text-align:center}.shop-cat-img-wrap{width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;margin:0 auto .5rem;max-width:180px}.shop-cat-img-wrap img{width:100%;height:100%;object-fit:cover}.shop-cat-label{font-family:Nunito,sans-serif;font-weight:700;font-size:.9rem;color:#333}@media (max-width: 768px){.shop-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem 1rem}.shop-hero-title{font-size:1.5rem}.shop-usp{flex-direction:column;gap:.5rem;text-align:center}}.cp-page{background:#e8e8e8;min-height:100vh}.cp-container{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.cp-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.cp-title{font-family:Nunito,sans-serif;font-weight:800;font-size:1.5rem;color:#1a1a1a}.cp-mutt-avatars{display:flex;gap:.75rem}.cp-mutt-btn{width:70px;height:70px;border-radius:50%;overflow:hidden;border:3px solid #555;cursor:pointer;padding:0;background:none;transition:all .2s}.cp-mutt-btn img{width:100%;height:100%;object-fit:cover;transition:filter .2s}.cp-mutt-btn.active{border-color:#1a6fb5}.cp-mutt-btn.ghosted{border-color:#bbb;opacity:.5}.cp-mutt-btn.ghosted img{filter:grayscale(100%) brightness(1.3)}.cp-textarea-wrap{margin-bottom:1rem}.cp-textarea{width:100%;background:#ccc;border:none;border-radius:12px;padding:1.5rem;font-family:Nunito,sans-serif;font-size:1.1rem;color:#333;resize:vertical;min-height:150px;outline:none;box-sizing:border-box}.cp-textarea::placeholder{color:#888;font-size:1.2rem}.cp-type-indicator{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.cp-type-badge{font-weight:800;font-size:.85rem;padding:.25rem .75rem;border-radius:12px}.cp-type-update{background:#d4edda;color:#155724}.cp-type-story{background:#cce5ff;color:#004085}.cp-char-count{font-size:.8rem;color:#888}.cp-media-previews{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.cp-media-thumb{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden}.cp-media-thumb img,.cp-media-thumb video{width:100%;height:100%;object-fit:cover}.cp-media-remove{position:absolute;top:-2px;right:-2px;width:22px;height:22px;border-radius:50%;background:#f44;color:#fff;border:none;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.cp-mutt-section{display:flex;align-items:center;gap:.75rem}.cp-mutt-label{font-family:Nunito,sans-serif;font-weight:800;font-size:1rem;color:#333;white-space:nowrap}.cp-tag-picker{background:#fff;border:1px solid #ddd;border-radius:10px;padding:.5rem;margin-left:2.25rem;max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.cp-tag-empty{color:#999;font-size:.85rem;padding:.5rem}.cp-tag-friend{display:flex;align-items:center;gap:.75rem;padding:.4rem .75rem;border:none;background:none;cursor:pointer;border-radius:8px;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:600;color:#333;text-align:left}.cp-tag-friend:hover{background:#f0f0f0}.cp-tag-friend.tagged{background:#e3f0ff}.cp-tag-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.cp-tag-check{margin-left:auto;color:#1a6fb5;font-weight:800}.cp-tag-count{font-size:.85rem;color:#1a6fb5;font-weight:800}.cp-actions-row{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-top:1rem}.cp-action-btns{display:flex;flex-direction:column;gap:.75rem}.cp-action-btn{display:flex;align-items:center;gap:.75rem;background:none;border:none;cursor:pointer;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:600;color:#333;padding:.25rem 0}.cp-action-btn:disabled{color:#999;cursor:default}.cp-action-btn svg{flex-shrink:0}.cp-post-btn{background:#ccc;border:none;border-radius:12px;padding:1rem 3rem;font-family:Nunito,sans-serif;font-size:1.3rem;font-weight:700;color:#333;cursor:pointer;align-self:flex-start;margin-top:1rem;transition:background .2s}.cp-post-btn:hover{background:#bbb}.cp-post-btn:disabled{opacity:.6;cursor:default}.cp-camera-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:9999;display:flex;align-items:center;justify-content:center}.cp-camera-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.cp-camera-feed{flex:1;width:100%;object-fit:cover;background:#111}.cp-camera-controls{display:flex;align-items:center;justify-content:center;gap:2rem;padding:1.5rem;background:#000c}.cp-camera-shutter{background:none;border:none;cursor:pointer;padding:0;line-height:0}.cp-camera-close{background:none;border:1px solid #fff;color:#fff;padding:.5rem 1.5rem;border-radius:8px;font-family:Nunito,sans-serif;font-size:1rem;cursor:pointer}.cp-recording-dot{position:absolute;top:1rem;right:1rem;background:#f44;color:#fff;padding:.3rem .75rem;border-radius:4px;font-weight:800;font-size:.85rem;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.pp-content{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.pp-title{font-family:Nunito,sans-serif;font-weight:800;font-size:2rem;text-align:center;margin-bottom:2rem}.pp-intro{display:flex;gap:1.5rem;background:#eee;border-radius:var(--radius-md);padding:2rem;margin-bottom:2rem;align-items:center}.pp-intro-text{flex:1;text-align:center}.pp-intro-text h2{font-family:Nunito,sans-serif;font-weight:800;font-size:1.3rem;margin-bottom:1rem}.pp-intro-text p{font-size:.95rem;line-height:1.6;margin-bottom:.75rem}.pp-intro-img{width:200px;flex-shrink:0}.pp-intro-img img{width:100%;border-radius:var(--radius-md)}.pp-instruction{font-size:1.05rem;font-weight:700;text-align:center;margin-bottom:2rem}.pp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:2rem}.pp-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fdf2e0;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:border-color .2s,box-shadow .2s;text-align:left;font-family:inherit}.pp-card:hover{border-color:#ccc;box-shadow:0 2px 8px #0000001a}.pp-card-active{border-color:var(--mbm-primary);box-shadow:0 0 0 3px #3465a433;background:#fce8cc}.pp-card-badge{width:60px;height:auto;flex-shrink:0}.pp-card-text{display:flex;flex-direction:column;gap:.25rem}.pp-card-name{font-weight:700;font-size:.9rem;color:#1a1a1a}.pp-card-desc{font-size:.85rem;color:#555}.hs-page{background:#e5e7eb;min-height:100vh}.hs-banner{width:100%;overflow:hidden;position:relative;height:260px}.hs-banner-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;pointer-events:none}.hs-banner-slide.active{opacity:1;pointer-events:auto}.hs-banner img{width:100%;height:260px;object-fit:cover;display:block}.hs-banner a{display:block}.hs-banner-dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:8px}.hs-banner-dot{width:10px;height:10px;border-radius:50%;border:2px solid #fff;background:transparent;cursor:pointer;padding:0;transition:background .2s}.hs-banner-dot.active{background:#fff}.hs-container{padding:1rem 1.5rem;background:#f3f4f6;flex:1;min-width:0}.hs-top-bar{display:flex;gap:1.5rem;align-items:center;margin-bottom:1.25rem}.hs-post-input{flex:1;min-width:0}.hs-input{width:100%;padding:.75rem 1.25rem;border:2px solid #ccc;border-radius:8px;background:#fff;font-family:Nunito,sans-serif;font-size:.95rem;color:#333;outline:none}.hs-input:focus{border-color:#999}.hs-input::placeholder{color:#999}.hs-my-mutts{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.hs-my-mutts-label{font-family:Nunito,sans-serif;font-weight:700;font-size:.95rem;color:#333;white-space:nowrap}.hs-mutt-avatars{display:flex;gap:.4rem}.hs-mutt-thumb{width:46px;height:46px;border-radius:50%;overflow:hidden;border:2px solid #fff;box-shadow:0 1px 3px #00000026;flex-shrink:0}.hs-mutt-thumb img{width:100%;height:100%;object-fit:cover}.hs-create-btn{display:flex;align-items:center;justify-content:center;color:#1a1a1a;text-decoration:none;flex-shrink:0;padding:.25rem}.hs-create-btn:hover{color:#555}.hs-feed{display:flex;flex-direction:column;gap:.75rem}.hs-story-card{background:transparent;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid #ccc}.hs-story-card:last-child{border-bottom:none}.hs-story-row{display:flex;gap:.75rem;align-items:stretch}.hs-story-media{flex-shrink:0;width:220px;border-radius:10px;overflow:hidden;display:block}.hs-media-img{width:100%;height:100%;min-height:160px;object-fit:cover;display:block}.hs-story-center{flex:1;min-width:0;display:flex;flex-direction:column}.hs-story-author{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.hs-author-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.hs-author-info{display:flex;flex-direction:column}.hs-author-name{font-family:Nunito,sans-serif;font-weight:700;font-size:.85rem;color:#222;line-height:1.3}.hs-mutt-tag{font-weight:400;color:#555;font-size:.8rem}.hs-story-time{font-size:.75rem;color:#999}.hs-story-text{font-family:Nunito,sans-serif;font-size:.9rem;color:#333;line-height:1.5;flex:1}.hs-story-text strong{display:block;margin-bottom:.15rem;font-size:.9rem}.hs-story-text p{margin:0}.hs-layout{display:flex;gap:0}.hs-ad-sidebar{width:172px;flex-shrink:0;display:flex;flex-direction:column;gap:6px;padding:6px;box-sizing:border-box}.hs-ad-slot{display:block}.hs-friends-sidebar{padding:.75rem .5rem}.hs-sidebar-link{display:flex;align-items:center;gap:.4rem;padding:.5rem .25rem;font-size:.82rem;font-weight:700;color:#333;text-decoration:none;border-radius:8px;margin-bottom:.5rem}.hs-sidebar-link:hover{background:#f0f0f0}.hs-friends-title{font-family:Nunito,sans-serif;font-weight:800;font-size:.85rem;color:#333;margin-bottom:.5rem;padding:0 .25rem}.hs-friends-list{display:flex;flex-direction:column;gap:.4rem}.hs-friend-item{display:flex;align-items:center;gap:.5rem;padding:.3rem .25rem;border-radius:8px;text-decoration:none;color:#333;transition:background .15s}.hs-friend-item:hover{background:#f0f0f0}.hs-friend-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.hs-friend-name{font-size:.78rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hs-ad-sidebar{transition:opacity .6s ease-in-out}.hs-ad-fading{opacity:0}.hs-ad-slot{border-radius:4px;overflow:hidden}.hs-ad-slot img{width:100%;height:auto;display:block}.hs-story-actions{display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:center;padding:.5rem 0 0}.hs-action-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .5rem;background:none;border:none;font-family:Nunito,sans-serif;font-size:1rem;color:#1a1a1a;cursor:pointer;text-decoration:none;transition:color .2s;white-space:nowrap}.hs-action-btn:hover{color:#222}.hs-action-icon{font-size:1.5rem}.hs-action-count{font-size:1rem;color:#1a1a1a}.hs-author-link{color:inherit;text-decoration:none;font-weight:700}.hs-author-link:hover{text-decoration:underline}.pub-profile-header{display:flex;gap:1.5rem;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #ddd}.pub-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#e0e0e0;display:flex;align-items:center;justify-content:center;font-size:2.5rem}.pub-avatar img{width:100%;height:100%;object-fit:cover}.pub-info{flex:1}.pub-stats{display:flex;gap:1.5rem;margin-top:.75rem;font-family:Nunito,sans-serif;font-size:.9rem;color:#555}.sp-actions{display:flex;gap:1rem;margin-bottom:1.25rem}.sp-btn-create{padding:.75rem 1.5rem;background:#2d3436;color:#fff;border:none;border-radius:25px;font-family:Nunito,sans-serif;font-weight:700;font-size:.95rem;cursor:pointer;text-decoration:none;text-align:center;transition:background .2s}.sp-btn-create:hover{background:#444}.sp-btn-search{padding:.75rem 1.5rem;background:transparent;color:#333;border:2px solid #999;border-radius:25px;font-family:Nunito,sans-serif;font-weight:700;font-size:.95rem;cursor:pointer;transition:border-color .2s}.sp-btn-search:hover{border-color:#555}.sp-form-card{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.25rem}.sp-upload-label{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:#f5f5f5;border:2px dashed #ccc;border-radius:8px;cursor:pointer;font-family:Nunito,sans-serif;font-size:.9rem}.sp-upload-label:hover{border-color:#999}.st-user-card{background:#c8d6e5;border-radius:16px;padding:1.5rem 2rem;display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.st-user-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #fff}.st-user-name{font-family:Nunito,sans-serif;font-weight:700;font-size:1.25rem;color:#222}.st-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.st-menu-tile{background:#c8d6e5;border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;text-decoration:none;color:#222;transition:transform .2s,box-shadow .2s;min-height:100px}.st-menu-tile:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.st-menu-icon{font-size:1.75rem}.st-menu-label{font-family:Nunito,sans-serif;font-weight:700;font-size:1rem}.st-settings-toggle{width:100%;padding:.875rem;background:#2d3436;color:#fff;border:none;border-radius:25px;font-family:Nunito,sans-serif;font-weight:700;font-size:1rem;cursor:pointer;margin-bottom:1.5rem;transition:background .2s}.st-settings-toggle:hover{background:#444}.st-settings-panel{margin-bottom:1.5rem}.st-terms{padding:1rem 0}.st-terms-link{color:#888;font-size:.9rem;text-decoration:none;font-family:Nunito,sans-serif}.st-terms-link:hover{text-decoration:underline}.auth-container{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:var(--spacing-xl)}.auth-card{background:var(--mbm-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl);width:100%;max-width:450px}.auth-card h1{font-family:Fredoka One,cursive;color:var(--mbm-primary);font-size:1.75rem}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-weight:600;color:var(--mbm-text-dark);margin-bottom:var(--spacing-xs)}.form-group input,.form-group textarea,.form-input{width:100%;padding:.75rem;border:2px solid var(--mbm-secondary);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;margin-bottom:var(--spacing-sm)}.form-group input:focus,.form-group textarea:focus,.form-input:focus{outline:none;border-color:var(--mbm-primary);box-shadow:0 0 0 3px #1565c01a}.form-group textarea{resize:vertical;min-height:100px}.btn-full{width:100%;justify-content:center}.btn:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#ffebee;color:#c62828;padding:var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);font-size:.9rem;border-left:4px solid #c62828}.user-menu,.auth-buttons{display:flex;align-items:center;gap:var(--spacing-md)}.profile-header{display:flex;gap:var(--spacing-xl);align-items:flex-start;background:var(--mbm-white);padding:var(--spacing-xl);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl)}.profile-avatar{width:120px;height:120px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--mbm-secondary) 0%,var(--mbm-primary) 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info{flex:1}.profile-info h2{font-family:Fredoka One,cursive;color:var(--mbm-primary);font-size:1.75rem;margin-bottom:var(--spacing-xs)}.edit-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{background:linear-gradient(135deg,var(--mbm-primary) 0%,var(--mbm-secondary) 100%);color:var(--mbm-white);padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center}.stat-number{display:block;font-family:Fredoka One,cursive;font-size:2rem;line-height:1.2}.stat-label{font-size:.85rem;opacity:.9}.badges-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.badge-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--mbm-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);min-width:100px}.badge-icon{width:50px;height:50px}.badge-item span{font-size:.85rem;text-align:center;color:var(--mbm-text-dark)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.page-header h1{font-family:Fredoka One,cursive;color:var(--mbm-primary);font-size:2rem;margin:0}.page-actions{display:flex;gap:var(--spacing-sm);align-items:center}.tabs{display:flex;gap:var(--spacing-xs);background:var(--mbm-white);padding:var(--spacing-xs);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.tab{padding:var(--spacing-sm) var(--spacing-lg);border:none;background:transparent;color:var(--mbm-text-muted);font-weight:600;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s;font-family:inherit;font-size:.95rem}.tab:hover{background:var(--mbm-bg-light);color:var(--mbm-primary)}.tab.active{background:var(--mbm-primary);color:var(--mbm-white)}.bell-icon{position:relative;background:transparent;border:none;color:var(--mbm-white);font-size:1.5rem;cursor:pointer;padding:var(--spacing-sm)}.bell-badge{position:absolute;top:0;right:0;background:var(--ffl-red);color:var(--mbm-white);font-size:.7rem;font-weight:700;min-width:18px;height:18px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 4px}.notifications-page{max-width:800px;margin:0 auto}.notifications-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.notification-item{display:flex;align-items:flex-start;gap:var(--spacing-md);background:var(--mbm-white);padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:background .2s}.notification-item:hover{background:var(--mbm-bg-light)}.notification-item.unread{border-left:4px solid var(--mbm-primary);background:#1565c00d}.unread-dot{width:10px;height:10px;background:var(--mbm-primary);border-radius:var(--radius-full);flex-shrink:0;margin-top:6px}.notification-content{flex:1}.notification-content p{margin:0 0 var(--spacing-xs);color:var(--mbm-text-dark)}.notification-content small{color:var(--mbm-text-muted);font-size:.85rem}.stories-filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;align-items:center}.stories-filters select,.stories-filters input{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--mbm-secondary);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit;min-width:150px}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg)}.story-card{background:var(--mbm-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .2s,box-shadow .2s}.story-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.story-card-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--mbm-bg-light)}.author-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--mbm-secondary) 0%,var(--mbm-primary) 100%);display:flex;align-items:center;justify-content:center;color:var(--mbm-white);font-weight:700;font-size:.9rem;overflow:hidden}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-info{flex:1}.author-name{font-weight:700;color:var(--mbm-text-dark);display:block}.story-date{font-size:.85rem;color:var(--mbm-text-muted)}.story-badges{display:flex;gap:var(--spacing-xs)}.story-badge{padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.story-badge.featured{background:var(--mbm-gold);color:var(--mbm-text-dark)}.story-badge.pinned{background:var(--mbm-primary);color:var(--mbm-white)}.story-card-body{padding:var(--spacing-lg)}.story-card-body h3{font-family:Fredoka One,cursive;color:var(--mbm-primary);font-size:1.25rem;margin-bottom:var(--spacing-sm)}.story-card-body p{color:var(--mbm-text-muted);line-height:1.6;margin-bottom:var(--spacing-md)}.story-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.story-tag{background:var(--mbm-bg-light);color:var(--mbm-primary);padding:2px 10px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500}.story-card-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-top:1px solid var(--mbm-bg-light);background:var(--mbm-bg-light)}.story-stats{display:flex;gap:var(--spacing-md);font-size:.9rem;color:var(--mbm-text-muted)}.story-actions{display:flex;gap:var(--spacing-sm)}.story-action-btn{background:transparent;border:none;color:var(--mbm-text-muted);cursor:pointer;padding:var(--spacing-xs);font-size:1.2rem;transition:color .2s,transform .2s}.story-action-btn:hover{color:var(--mbm-primary);transform:scale(1.1)}.story-action-btn.liked{color:var(--ffl-red)}.story-action-btn.favorited{color:var(--mbm-gold)}.story-detail{max-width:800px;margin:0 auto}.story-full{background:var(--mbm-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.story-full h1{font-family:Fredoka One,cursive;color:var(--mbm-primary);font-size:2rem;margin-bottom:var(--spacing-md)}.story-full .story-content{color:var(--mbm-text-dark);line-height:1.8;font-size:1.1rem;white-space:pre-wrap}.story-interactions{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--mbm-bg-light)}.comments-section{background:var(--mbm-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.comments-section h3{font-family:Fredoka One,cursive;color:var(--mbm-primary);margin-bottom:var(--spacing-lg)}.comment-form{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.comment-form textarea{flex:1;padding:var(--spacing-md);border:2px solid var(--mbm-secondary);border-radius:var(--radius-sm);resize:vertical;min-height:80px;font-family:inherit;font-size:1rem}.comments-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.comment{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--mbm-bg-light);border-radius:var(--radius-md)}.comment-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--mbm-secondary) 0%,var(--mbm-primary) 100%);display:flex;align-items:center;justify-content:center;color:var(--mbm-white);font-weight:700;flex-shrink:0}.comment-body{flex:1}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.comment-author{font-weight:700;color:var(--mbm-text-dark)}.comment-date{font-size:.85rem;color:var(--mbm-text-muted)}.comment-text{color:var(--mbm-text-dark);line-height:1.6}.mutts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.mutt-card{background:var(--mbm-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .2s,box-shadow .2s}.mutt-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.mutt-image{width:100%;height:200px;object-fit:cover;background:linear-gradient(135deg,var(--mbm-secondary) 0%,var(--mbm-primary) 100%)}.mutt-placeholder{width:100%;height:200px;background:linear-gradient(135deg,var(--mbm-secondary) 0%,var(--mbm-primary) 100%);display:flex;align-items:center;justify-content:center;font-size:4rem}.mutt-info{padding:var(--spacing-lg)}.mutt-info h3{font-family:Fredoka One,cursive;color:var(--mbm-primary);font-size:1.25rem;margin-bottom:var(--spacing-sm)}.mutt-breed{color:var(--mbm-text-muted);font-size:.95rem;margin-bottom:var(--spacing-sm)}.mutt-traits{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.mutt-trait{background:var(--mbm-bg-light);color:var(--mbm-primary);padding:2px 10px;border-radius:var(--radius-sm);font-size:.8rem}.mutt-passed{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:var(--mbm-gold-light);color:var(--mbm-gold-dark);padding:4px 12px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600}.mutt-avatar{width:60px;height:60px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--mbm-secondary) 0%,var(--mbm-primary) 100%);display:flex;align-items:center;justify-content:center;font-size:2rem;overflow:hidden}.mutt-avatar img{width:100%;height:100%;object-fit:cover}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal{background:var(--mbm-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--mbm-bg-light)}.modal-header h2{font-family:Fredoka One,cursive;color:var(--mbm-primary);margin:0}.modal-close{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--mbm-text-muted)}.modal-body{padding:var(--spacing-lg)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--mbm-bg-light)}.ffl-header{background:linear-gradient(135deg,var(--ffl-blue) 0%,var(--ffl-blue) 50%,var(--ffl-red) 50%,var(--ffl-red) 100%);color:var(--mbm-white);padding:var(--spacing-2xl);border-radius:var(--radius-md);text-align:center;margin-bottom:var(--spacing-xl)}.ffl-header h1{font-family:Fredoka One,cursive;font-size:2.5rem;margin-bottom:var(--spacing-sm)}.ffl-header .tagline{font-size:1.25rem;opacity:.95}.ffl-logo{font-size:3rem;margin-bottom:var(--spacing-md)}.divisions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.division-card{background:var(--mbm-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);cursor:pointer;transition:all .2s;border:3px solid transparent}.division-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.division-card.selected{border-color:var(--mbm-primary);background:#1565c00d}.division-card h3{font-family:Fredoka One,cursive;color:var(--mbm-primary);margin-bottom:var(--spacing-sm)}.division-card p{color:var(--mbm-text-muted);font-size:.9rem}.leaderboard{background:var(--mbm-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.leaderboard h3{font-family:Fredoka One,cursive;color:var(--mbm-primary);margin-bottom:var(--spacing-lg)}.leaderboard-entry{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);background:var(--mbm-bg-light)}.leaderboard-entry.top-3{background:linear-gradient(135deg,var(--mbm-gold-light) 0%,var(--mbm-gold) 100%)}.leaderboard-rank{font-family:Fredoka One,cursive;font-size:1.25rem;color:var(--mbm-primary);width:40px;text-align:center}.leaderboard-info{flex:1}.leaderboard-name{font-weight:700;color:var(--mbm-text-dark)}.leaderboard-votes{font-weight:700;color:var(--mbm-primary)}.ffl-entries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.ffl-entry-card{background:var(--mbm-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.ffl-entry-card .entry-image{width:100%;height:180px;object-fit:cover;background:linear-gradient(135deg,var(--mbm-secondary) 0%,var(--mbm-primary) 100%)}.ffl-entry-card .entry-info{padding:var(--spacing-md)}.ffl-entry-card h4{font-family:Fredoka One,cursive;color:var(--mbm-primary);margin-bottom:var(--spacing-xs)}.ffl-entry-card .entry-meta{font-size:.9rem;color:var(--mbm-text-muted);margin-bottom:var(--spacing-md)}.ffl-entry-card .vote-section{display:flex;justify-content:space-between;align-items:center}.vote-count{font-weight:700;color:var(--mbm-primary)}.vote-btn{background:var(--mbm-primary);color:var(--mbm-white);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:background .2s}.vote-btn:hover{background:var(--mbm-primary-dark)}.vote-btn:disabled{background:var(--mbm-text-muted);cursor:not-allowed}.social-page{max-width:1000px;margin:0 auto}.friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.friend-card{background:var(--mbm-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md)}.friend-avatar{width:60px;height:60px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--mbm-secondary) 0%,var(--mbm-primary) 100%);display:flex;align-items:center;justify-content:center;color:var(--mbm-white);font-weight:700;font-size:1.5rem;flex-shrink:0;overflow:hidden}.friend-avatar img{width:100%;height:100%;object-fit:cover}.friend-info{flex:1;min-width:0}.friend-name{font-weight:700;color:var(--mbm-text-dark);font-size:1.1rem}.friend-username{color:var(--mbm-text-muted);font-size:.9rem}.friend-actions{display:flex;gap:var(--spacing-sm)}.search-results{display:flex;flex-direction:column;gap:var(--spacing-md)}.user-result{display:flex;align-items:center;gap:var(--spacing-md);background:var(--mbm-white);padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.user-result-info{flex:1}.request-card{display:flex;align-items:center;gap:var(--spacing-md);background:var(--mbm-white);padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md)}.request-actions{display:flex;gap:var(--spacing-sm)}.messages-page{max-width:900px;margin:0 auto}.conversations-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.conversation-item{display:flex;align-items:center;gap:var(--spacing-md);background:var(--mbm-white);padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:background .2s}.conversation-item:hover{background:var(--mbm-bg-light)}.conversation-avatar{width:50px;height:50px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--mbm-secondary) 0%,var(--mbm-primary) 100%);display:flex;align-items:center;justify-content:center;color:var(--mbm-white);font-weight:700;flex-shrink:0}.conversation-info{flex:1;min-width:0}.conversation-name{font-weight:700;color:var(--mbm-text-dark)}.conversation-preview{color:var(--mbm-text-muted);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-container{background:var(--mbm-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);height:500px;display:flex;flex-direction:column}.chat-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--mbm-bg-light)}.chat-header button{background:transparent;border:none;font-size:1.25rem;cursor:pointer;color:var(--mbm-text-muted)}.chat-header h3{font-family:Fredoka One,cursive;color:var(--mbm-primary);margin:0}.chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.chat-message{max-width:70%;padding:var(--spacing-md);border-radius:var(--radius-md)}.chat-message.sent{align-self:flex-end;background:var(--mbm-primary);color:var(--mbm-white)}.chat-message.received{align-self:flex-start;background:var(--mbm-bg-light);color:var(--mbm-text-dark)}.chat-message p{margin:0 0 var(--spacing-xs);line-height:1.5}.chat-message small{font-size:.75rem;opacity:.7}.chat-input{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--mbm-bg-light)}.chat-input input{flex:1;padding:var(--spacing-md);border:2px solid var(--mbm-secondary);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit}.chat-input input:focus{outline:none;border-color:var(--mbm-primary)}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.group-card{background:var(--mbm-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.group-card h3{font-family:Fredoka One,cursive;color:var(--mbm-primary);margin-bottom:var(--spacing-sm)}.group-card p{color:var(--mbm-text-muted);margin-bottom:var(--spacing-md)}.group-meta{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--mbm-bg-light)}.group-members{font-size:.9rem;color:var(--mbm-text-muted)}.memorial-header{background:linear-gradient(135deg,var(--mbm-gold-light) 0%,var(--mbm-gold) 50%,var(--mbm-gold-dark) 100%);color:var(--mbm-text-dark);padding:var(--spacing-2xl);border-radius:var(--radius-md);text-align:center;margin-bottom:var(--spacing-xl)}.memorial-header h1{font-family:Fredoka One,cursive;font-size:2.5rem;margin-bottom:var(--spacing-sm)}.memorial-header p{font-size:1.1rem;max-width:600px;margin:0 auto}.garden-categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.garden-category{background:var(--mbm-white);border:2px solid var(--mbm-gold);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;cursor:pointer;transition:all .2s}.garden-category:hover{background:var(--mbm-gold-light)}.garden-category.selected{background:var(--mbm-gold);color:var(--mbm-text-dark)}.memorials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.memorial-tribute{background:var(--mbm-white);border:2px solid var(--mbm-gold);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center}.memorial-photo{width:100px;height:100px;border-radius:var(--radius-full);margin:0 auto var(--spacing-md);overflow:hidden;border:3px solid var(--mbm-gold)}.memorial-photo img{width:100%;height:100%;object-fit:cover}.memorial-placeholder{width:100%;height:100%;background:var(--mbm-gold-light);display:flex;align-items:center;justify-content:center;font-size:3rem}.memorial-tribute h3{font-family:Fredoka One,cursive;color:var(--mbm-primary);margin-bottom:var(--spacing-xs)}.memorial-dates{color:var(--mbm-text-muted);font-size:.9rem;margin-bottom:var(--spacing-md)}.memorial-tribute p{color:var(--mbm-text-dark);line-height:1.6;font-style:italic}.settings-page{max-width:700px;margin:0 auto}.settings-card{background:var(--mbm-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.settings-card h2{font-family:Fredoka One,cursive;color:var(--mbm-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--mbm-bg-light)}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--mbm-bg-light)}.setting-item:last-child{border-bottom:none}.setting-label{flex:1}.setting-label strong{display:block;color:var(--mbm-text-dark);margin-bottom:var(--spacing-xs)}.setting-label small{color:var(--mbm-text-muted);font-size:.85rem}.setting-control select{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--mbm-secondary);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit;min-width:150px}.admin-page{background:#e5e7eb;min-height:100vh}.admin-layout{display:flex;padding:0}.admin-content{flex:1;background:#f3f4f6;padding:1.5rem 2rem;min-width:0}.admin-content h2{font-family:Fredoka One,cursive;color:var(--mbm-primary);margin-bottom:var(--spacing-xl)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.admin-stat-card{background:linear-gradient(135deg,var(--mbm-primary) 0%,var(--mbm-secondary) 100%);color:var(--mbm-white);padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center}.admin-stat-card .stat-number{font-family:Fredoka One,cursive;font-size:2.5rem;display:block}.admin-stat-card .stat-label{font-size:.9rem;opacity:.9}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--mbm-bg-light)}.admin-table th{background:var(--mbm-bg-light);font-weight:700;color:var(--mbm-text-dark)}.admin-table tr:hover{background:#1565c005}.admin-table .actions{display:flex;gap:var(--spacing-sm)}.status-badge{display:inline-block;padding:2px 10px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600}.status-badge.active{background:#e8f5e9;color:#2e7d32}.status-badge.inactive{background:#ffebee;color:#c62828}.status-badge.pending{background:#fff3e0;color:#ef6c00}.status-badge.resolved{background:#e3f2fd;color:#1565c0}.role-badge{display:inline-block;padding:2px 10px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600}.role-badge.admin{background:var(--mbm-gold);color:var(--mbm-text-dark)}.role-badge.user{background:var(--mbm-bg-light);color:var(--mbm-text-dark)}.btn-small{padding:4px 10px;font-size:.85rem}.btn-danger{background:#c62828;color:var(--mbm-white)}.btn-danger:hover{background:#b71c1c}.btn-success{background:#2e7d32;color:var(--mbm-white)}.btn-success:hover{background:#1b5e20}.btn-warning{background:#ef6c00;color:var(--mbm-white)}.btn-warning:hover{background:#e65100}.btn-admin{background:linear-gradient(135deg,var(--mbm-gold) 0%,var(--mbm-gold-dark) 100%);color:var(--mbm-text-dark);font-weight:700;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.btn-admin:hover{background:linear-gradient(135deg,var(--mbm-gold-dark) 0%,var(--mbm-gold) 100%);transform:translateY(-1px)}.btn-admin:before{content:"⚙️"}.btn-sm{padding:6px 12px;font-size:.9rem}.reports-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.report-card{background:var(--mbm-bg-light);border-radius:var(--radius-md);padding:var(--spacing-lg);border-left:4px solid var(--mbm-gold)}.report-card.resolved{border-left-color:#2e7d32;opacity:.7}.report-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.report-type{font-weight:700;color:var(--mbm-primary);text-transform:capitalize}.report-reason{color:var(--mbm-text-dark);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--mbm-white);border-radius:var(--radius-sm)}.report-meta{font-size:.85rem;color:var(--mbm-text-muted)}.report-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.tags-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.tag-item{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--mbm-bg-light);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm)}.tag-item span{color:var(--mbm-primary);font-weight:500}.tag-delete{background:transparent;border:none;color:var(--ffl-red);cursor:pointer;font-size:1.1rem;padding:0;line-height:1}.add-tag-form{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.add-tag-form input{flex:1;max-width:300px}.themes-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.theme-item{display:flex;align-items:center;gap:var(--spacing-md);background:var(--mbm-bg-light);padding:var(--spacing-md);border-radius:var(--radius-md)}.theme-day{width:100px;font-weight:700;color:var(--mbm-primary)}.theme-info{flex:1}.theme-name{font-weight:600;color:var(--mbm-text-dark)}.theme-description{font-size:.9rem;color:var(--mbm-text-muted)}.drafts-page,.favorites-page{max-width:900px;margin:0 auto}.draft-card,.favorite-card{background:var(--mbm-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.draft-card h3,.favorite-card h3{font-family:Fredoka One,cursive;color:var(--mbm-primary);margin-bottom:var(--spacing-sm)}.draft-preview,.favorite-preview{color:var(--mbm-text-muted);margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.draft-actions,.favorite-actions{display:flex;gap:var(--spacing-sm)}.success-message{background:#e8f5e9;color:#2e7d32;padding:var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);font-size:.9rem;border-left:4px solid #2e7d32}.loading{display:flex;justify-content:center;align-items:center;padding:var(--spacing-2xl);color:var(--mbm-text-muted)}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--mbm-text-muted)}.empty-state h3{font-family:Fredoka One,cursive;color:var(--mbm-primary);margin-bottom:var(--spacing-md)}.header-landing{background:#fff!important;box-shadow:none!important;border-bottom:none}.header-landing .header-content{display:flex;align-items:center;justify-content:flex-end}.lp-header-link{color:var(--mbm-primary);text-decoration:none;font-weight:600;font-size:1rem}.lp-header-link:hover{text-decoration:underline}.lp-mobile-nav{display:flex;flex-direction:column;gap:.5rem;padding:1rem var(--spacing-lg);border-top:1px solid #eee}.lp-mobile-nav a{color:#1a1a1a;text-decoration:none;font-weight:600;padding:.5rem 0}.lp-mobile-nav a:hover{color:var(--mbm-primary)}.lp{background:#fff}.lp-hero{padding:1rem 1.5rem 2rem}.lp-hero-inner{max-width:900px;margin:0 auto}.lp-hero-logo{margin-bottom:2rem}.lp-hero-logo img{width:100%;max-width:500px;height:auto}.lp-hero-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.lp-btn-outline{display:inline-block;border:1.5px solid #ccc;background:#f0f0f0;color:#1a1a1a;padding:.6rem 1.5rem;font-weight:700;font-size:.85rem;text-decoration:none;letter-spacing:.05em;transition:background .2s,color .2s;white-space:nowrap}.lp-btn-outline:hover{background:#e0e0e0;color:#1a1a1a}.lp-hero-desc{font-size:.85rem;line-height:1.6;color:#333;text-align:right;max-width:320px}.lp-carousel-section{padding:1.5rem 1.5rem 2rem}.lp-carousel-wrapper{max-width:900px;margin:0 auto}.lp-carousel{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:1rem}.lp-carousel::-webkit-scrollbar{display:none}.lp-card{flex:0 0 280px;scroll-snap-align:start;border-radius:var(--radius-md);padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:360px}.lp-card-title{font-family:Nunito,sans-serif;font-weight:800;font-size:1.15rem;color:#1a1a1a;margin-bottom:1rem}.lp-card-img{width:160px;height:160px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.lp-card-img img{width:100%;height:100%;object-fit:contain;border-radius:50%}.lp-card-desc{font-size:.9rem;color:#333;line-height:1.5;font-weight:600;margin-bottom:auto;padding-bottom:1rem}.lp-card-btn{display:inline-block;border:1.5px solid #ccc;background:#f0f0f0;color:#333;padding:.5rem 1.2rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;text-decoration:none;transition:background .2s;margin-top:auto}.lp-card-btn:hover{background:#e0e0e0}.lp-carousel-controls{display:flex;align-items:center;gap:1rem;padding:.5rem 0}.lp-carousel-track{flex:1;height:3px;background:#ccc;border-radius:2px}.lp-carousel-arrow{background:none;border:none;font-size:1.8rem;color:#666;cursor:pointer;padding:0 .5rem;line-height:1}.lp-carousel-arrow:hover{color:#1a1a1a}.lp-footer-cta{position:relative;background:url(/landing/twodogs.png) center center/cover no-repeat;color:#fff}.lp-footer-cta-overlay{background:#00000059;padding:3rem 1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.lp-footer-quote-top,.lp-footer-quote-bottom{max-width:700px;text-align:left;font-size:.95rem;line-height:1.6;margin:0}.lp-footer-quote-top{margin-bottom:2rem}.lp-footer-quote-bottom{margin-top:2rem}.lp-join-card{background:#ffffffe0;color:#1a1a1a;border-radius:var(--radius-md);padding:2rem 2.5rem;text-align:center;max-width:400px;width:100%}.lp-join-card h2{font-family:Nunito,sans-serif;font-weight:800;font-size:1.5rem;margin-bottom:.75rem}.lp-join-card p{font-size:.85rem;color:#444;margin-bottom:1.25rem;line-height:1.5}.lp-btn-primary{display:inline-block;background:var(--mbm-primary);color:#fff;padding:.6rem 1.8rem;border-radius:var(--radius-sm);font-weight:700;font-size:.85rem;text-decoration:none;transition:background .2s}.lp-btn-primary:hover{background:var(--mbm-primary-dark)}.lp-footer{display:flex;justify-content:space-between;padding:1rem 1.5rem;font-size:.75rem;background:#0009}.lp-footer-left,.lp-footer-right{display:flex;gap:1.5rem}.lp-footer a{color:#fffc;text-decoration:none}.lp-footer a:hover{color:#fff;text-decoration:underline}@media (max-width: 768px){.header-content{flex-direction:column;gap:var(--spacing-md)}.nav{flex-wrap:wrap;justify-content:center}.hero h1{font-size:2rem}.hero-tagline{font-size:1.2rem}.section-title{font-size:1.5rem}.profile-header{flex-direction:column;align-items:center;text-align:center}.auth-card{padding:var(--spacing-lg)}.admin-table{display:block;overflow-x:auto}.chat-message{max-width:85%}.stories-grid,.mutts-grid,.ffl-entries-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.tabs{overflow-x:auto;flex-wrap:nowrap}.site-logo-image{max-height:58px}.header-app .header-content{flex-direction:row;align-items:center;justify-content:space-between}.nav-desktop{display:none}.hamburger,.nav-mobile{display:flex}.login-field{flex-direction:column;align-items:stretch;gap:.5rem}.login-field label{min-width:unset}.login-field-row{flex-direction:column;gap:0}.login-forgot,.login-create{padding-left:0;margin-left:0}.lp-hero-bottom{flex-direction:column;gap:1.5rem}.lp-hero-desc{text-align:left;max-width:100%}.lp-card{flex:0 0 240px;min-height:320px}.lp-join-card{padding:1.5rem}.hs-banner,.hs-banner img{height:150px}.hs-container{padding:.75rem}.hs-top-bar{flex-direction:column;gap:.75rem;align-items:stretch}.hs-my-mutts{justify-content:flex-start}.hs-story-row{flex-direction:column}.hs-story-media{width:100%}.hs-media-img{min-height:180px;max-height:250px}.hs-ad-sidebar{display:none}.hs-story-actions{flex-direction:row;justify-content:flex-start;padding-top:.5rem}.up-sidebar,.dp-sidebar{display:none}.dp-profile-row{flex-direction:column;align-items:center;text-align:center}.dp-field-row{flex-direction:column;gap:0}.up-photo-grid{grid-template-columns:repeat(2,1fr)}.up-profile-top{gap:2rem}.pp-grid{grid-template-columns:1fr}.mdp-body{flex-direction:column}.mdp-right{width:100%}.mdp-inline-fields{flex-wrap:wrap;gap:1rem}.contact-grid{grid-template-columns:1fr}.pp-intro{flex-direction:column}.pp-intro-img{width:100%}.dp-main-wrap{flex-direction:column}.dp-right-sidebar{width:100%;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.up-avatar{width:90px;height:90px}.st-menu-grid{grid-template-columns:1fr}.st-user-card{padding:1rem}.st-user-avatar{width:60px;height:60px}}