1:root {2 color: #eaf3ee;3 background: #11201b;4 font-family: ui-sans-serif, system-ui, sans-serif;5}67body {8 margin: 0;9}1011main {12 box-sizing: border-box;13 margin: 0 auto;14 max-width: 52rem;15 min-height: 100vh;16 padding: 4rem 1.5rem;17}1819.eyebrow,20dt {21 color: #9fcbb6;22 font-size: 0.75rem;23 font-weight: 700;24 letter-spacing: 0.08em;25 text-transform: uppercase;26}2728h1 {29 font-size: clamp(2.25rem, 8vw, 5rem);30 line-height: 0.95;31 margin: 0.4rem 0 1rem;32}3334.status {35 display: grid;36 gap: 1px;37 grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));38 margin: 2.5rem 0;39 overflow: hidden;40}4142.status div {43 background: #1a3028;44 padding: 1rem;45}4647dd {48 margin: 0.35rem 0 0;49 overflow-wrap: anywhere;50}5152label {53 display: block;54 font-weight: 700;55 margin-bottom: 0.5rem;56}5758.composer {59 display: flex;60 gap: 0.5rem;61}6263input,64button {65 border: 1px solid #5c8974;66 border-radius: 0.4rem;67 font: inherit;68 padding: 0.7rem 0.85rem;69}7071input {72 background: #edf5f0;73 flex: 1;74}7576button {77 background: #8de2b9;78 color: #11201b;79 cursor: pointer;80 font-weight: 800;81}8283#notes {84 display: grid;85 gap: 0.5rem;86 list-style: none;87 padding: 0;88}8990#notes li {91 border-left: 3px solid #8de2b9;92 background: #1a3028;93 padding: 0.75rem 1rem;94}