*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background:#f5f3f0;min-height:100vh;font-family:Georgia,Garamond,serif}.App{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{color:#fff;background:#2d5016;border-bottom:3px solid #1f3810;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex;box-shadow:0 2px 8px #0000001a}.app-header h1{letter-spacing:.5px;text-transform:uppercase;font-size:1.6rem;font-weight:400}.header-controls{align-items:center;gap:1.5rem;display:flex}.header-controls a{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:2px solid #fff;padding:.6rem 1.2rem;font-family:Georgia,serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.header-controls a:hover,.header-controls a.active{color:#2d5016;background:#fff}.responses-btn{position:relative}.header-badge{color:#fff;pointer-events:none;background:#c62828;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-family:sans-serif;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.app-main{flex:1;width:100%;padding:0;overflow:hidden}@media (max-width:768px){.app-header{flex-flow:wrap;gap:1rem;height:auto;padding:1rem}.app-header h1{font-size:1.4rem}.header-controls{flex-wrap:wrap;justify-content:center;gap:.75rem}.header-controls a{padding:.5rem .9rem;font-size:.85rem}}