:root{--color-earth: #6B3D2E;--color-mustard: #D4A843;--color-sage: #7A9E6B;--color-terracotta: #C4662A;--color-cream: #F5EDD6;--color-sand: #E8D5A3;--color-magenta: #C0386B;--color-violet: #7B4FA6;--color-teal: #2D8B72;--color-sunburst: #F2A60D;--bg-primary: #F5EDD6;--bg-dark: #2C1A0E;--text-primary: #2C1A0E;--text-light: #F5EDD6;--font-display: "Lobster Two", cursive;--font-body: "Libre Baskerville", serif;--font-handmade: "Caveat", cursive}*{box-sizing:border-box}img,video{image-orientation:from-image;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}html,body,#root{margin:0;padding:0;min-height:100vh;font-family:var(--font-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-primary);background-image: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='%23D4A843' fill-opacity='0.08'%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")}a{color:var(--color-terracotta);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-mustard)}h1,h2,h3{font-family:var(--font-display);letter-spacing:.04em;color:var(--color-earth)}.app-header{position:sticky;top:0;z-index:100;background-color:var(--color-earth);border-bottom:4px solid var(--color-mustard);padding:12px 24px;display:flex;align-items:center;justify-content:space-between}.app-layout{display:grid;grid-template-columns:auto 1fr;min-height:calc(100vh - 64px)}.sidebar{background:linear-gradient(180deg,#6b3d2e0f,#d4a8430f);border-right:3px solid var(--color-mustard);padding:20px 16px}.sidebar nav>div{margin-bottom:6px}.main-content{min-width:0}.main-inner{padding:32px;max-width:800px}.btn-groovy{font-family:var(--font-handmade);font-size:1.1rem;background:var(--color-mustard);color:var(--bg-dark);border:2px solid var(--color-earth);border-radius:40px;padding:.5rem 1.5rem;cursor:pointer;box-shadow:3px 3px 0 var(--color-terracotta);transition:all .15s ease;letter-spacing:.03em}.btn-groovy:hover{background:var(--color-terracotta);color:var(--color-cream);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--color-earth)}.btn-groovy:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--color-earth)}@keyframes bloomFlower{0%{opacity:0;transform:scale(0) rotate(var(--rot, 0deg))}15%{opacity:.5;transform:scale(.7) rotate(var(--rot, 0deg))}40%{opacity:.35;transform:scale(1) rotate(var(--rot, 0deg))}80%{opacity:.2;transform:scale(1.1) rotate(var(--rot, 0deg))}to{opacity:0;transform:scale(1.2) rotate(var(--rot, 0deg))}}@keyframes floatPeace{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(2deg)}}@keyframes warmPulse{0%,to{box-shadow:3px 3px 0 var(--color-terracotta)}50%{box-shadow:3px 3px 10px var(--color-sunburst)}}@media (max-width: 768px){.app-layout{grid-template-columns:1fr!important;grid-template-rows:auto 1fr;min-height:auto!important}.sidebar{border-right:none;border-bottom:3px solid var(--color-mustard);padding:8px 16px!important}.sidebar nav{display:flex;gap:20px;align-items:center}.sidebar nav>div{margin-bottom:0!important}.main-inner{padding:20px 16px}}