:root{--pine-teal: #1B4D3E;--blue-spruce: #2A7965;--pumpkin: #D1662D;--sunflower: #F2BA49;--sand: #F7E7CE;--black: #000000}body{margin:0;min-height:100vh;background:var(--pine-teal);color:var(--sand);font-family:Montserrat,Menlo,Consolas,monospace;display:flex;flex-direction:column;justify-content:center;align-items:center}.readout{color:var(--sand);font-size:96px;font-weight:700;line-height:1;min-height:96px}.button-container{margin:12px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px}.button-styled{--btn-bg: var(--sand);--btn-fg: var(--black);--btn-shadow: color-mix(in srgb, var(--btn-bg) 70%, black);background:var(--btn-bg);color:var(--btn-fg);border:none;border-radius:16px;padding:13px 16px;font-size:18px;letter-spacing:.8px;text-transform:lowercase;cursor:pointer;box-shadow:0 4px 0 var(--btn-shadow);transition:filter .2s,transform .1s,box-shadow .1s;user-select:none;-ms-user-select:none;-webkit-user-select:none;min-width:64px}.button-styled:hover:not(:disabled){filter:brightness(1.1)}.button-styled:active{transform:translateY(4px);box-shadow:0 0 0 var(--btn-shadow)}.button-styled.pumpkin{--btn-bg: var(--pumpkin)}.button-styled.sunflower{--btn-bg: var(--sunflower)}