*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#c5d6a4;color:#354d3c;font-family:'Trebuchet MS',system-ui,sans-serif}canvas{display:block;width:100vw;height:100dvh;touch-action:none;outline:none}button{font:inherit;border:1px solid #a7b595;background:#faf7e9ed;color:#354d3c;border-radius:30px;padding:11px 17px;cursor:pointer;min-height:44px}button:hover{background:#fffdf3}button:focus-visible{outline:3px solid #876738;outline-offset:4px}button:disabled{opacity:.5;cursor:default}header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:28px 34px;pointer-events:none}header>*{pointer-events:auto}.brand{font-size:26px;font-weight:700;letter-spacing:-1px}.mark{color:#78986c;font-size:30px}.brand small{display:block;font-size:8px;letter-spacing:3px;font-weight:400;padding-left:29px;margin-top:5px}.weather{text-align:center;font-family:Georgia,serif;font-size:18px}.weather span+span{display:block;font:10px 'Trebuchet MS',sans-serif;letter-spacing:1px;margin-top:7px;color:#647759}aside{position:absolute;left:34px;top:132px;pointer-events:none}aside button{pointer-events:auto;margin-top:8px;background:#f6f3e4a6;font-size:11px}h1{font:normal 42px/.98 Georgia,serif;letter-spacing:-1px;margin:15px 0}aside p{font-size:11px;line-height:1.7;color:#5f7253}.eyebrow{letter-spacing:2px;font-size:8px!important}.location{position:absolute;bottom:95px;left:34px;font-size:9px;letter-spacing:2px;background:#faf7e9dd;border-radius:20px;padding:12px 17px}.prompt{position:absolute;bottom:152px;left:50%;transform:translateX(-50%);font-size:13px;background:#fff9e8eb;border-radius:25px;padding:12px 20px;box-shadow:0 5px 20px #354d3c15}.prompt:empty{display:none}.toast{position:absolute;top:102px;left:50%;transform:translateX(-50%);font:italic 15px Georgia,serif;color:#5b6e4e;text-align:center;max-width:55%;pointer-events:none}footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:20px 34px;background:linear-gradient(transparent,#f6f3e4b8);font-size:10px}footer span{margin-right:auto;color:#5b6e4e}dialog{border:1px solid #cbd3bb;border-radius:22px;max-width:420px;padding:30px;background:#faf7eb;color:#354d3c}dialog::backdrop{background:#354d3c55}dialog h2{font:normal 30px Georgia,serif}dialog p{font-size:13px;line-height:1.7}@media(max-width:700px){header{padding:17px}.brand{font-size:21px}.weather{display:none}header button{font-size:10px;padding:9px 12px}aside{left:18px;top:92px}h1{font-size:31px}aside p:not(.eyebrow){display:none}aside button{font-size:10px;margin-top:0}.toast{top:100px;left:auto;right:17px;transform:none;width:150px;font-size:12px;text-align:right;max-width:45%}.location{left:17px;bottom:92px;font-size:8px}footer{padding:16px;flex-wrap:wrap;gap:8px}footer span{width:100%;font-size:8px}footer button{font-size:10px;padding:9px 13px}.prompt{bottom:150px;font-size:11px;width:max-content;max-width:85%;text-align:center}}