body{color:#222;min-height:100vh;font-family:Roboto,sans-serif}input,textarea{color:#222;font-family:Roboto,sans-serif}body{margin:0;padding:0}body footer{justify-content:center;align-items:center;gap:20px;padding:40px;display:flex}.ldExampleResult,.gardenTableContainer{& table{border-collapse:collapse;border:1px solid #000;font-size:16px;& td{vertical-align:middle;border:1px dashed #bbb;justify-content:space-between;align-items:center;& p{align-items:center;width:50px;height:50px;margin:0;padding:0;display:flex}& p span{justify-content:center;align-items:center;width:20px;height:20px;margin:3px;display:flex}& p .gardener{& .material-symbols-sharp{font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 17;font-size:17px}}& p .plants{background:#aaf255;border:1px solid #008b00;border-radius:30%;font-size:15px}}}}.toolbar{align-items:center;height:32px;font-size:14px;display:flex;& button{background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:4px;width:32px;height:32px;padding:0;display:flex}& button:disabled{color:silver}& button:not(:disabled):hover{background:#ddd;border-radius:50%}& .processDelay{width:50px}& .material-symbols-sharp{font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 22;font-size:22px}}header section{align-items:center;margin:auto;display:flex;& .G{text-shadow:.02em .02em #fff,.04em .04em #aaa;vertical-align:middle;margin-right:30px;font-family:Tangerine,serif;font-size:36px;font-weight:700}& menu{align-items:center;height:50px;list-style-type:none;display:flex;& li{align-items:stretch;& a{color:inherit;cursor:pointer;border-bottom:3px solid #0000;align-items:center;height:50px;padding:3px 20px 0;text-decoration:none;display:inline-flex;&:hover{border-bottom:3px solid #66bb6a}}}& li.active{background-color:#e8f5e9}}}#cookieBanner{text-align:left;background-color:#fff;min-width:300px;max-width:600px;margin:0 auto;padding:30px;display:none;position:fixed;bottom:100px;left:0;right:0;box-shadow:0 0 10px 5px silver;& p{line-height:1.5em}& details{margin:20px 0;& p{margin-left:30px}}& p:last-of-type{justify-content:center;margin-top:20px;display:flex;position:relative;& button{border:1px solid gray;border-radius:3px;padding:5px 20px}& button:hover{box-shadow:0 0 3px 3px #aaa}& button[value=acceptAnalyticsCookies]{background-color:coral}& button[value=rejectAnalyticsCookies]{position:absolute;right:0}}}@media (width<=620px){#cookieBanner{& p:last-of-type{justify-content:space-around;& button[value=rejectAnalyticsCookies]{position:static}}}}@media (width<=350px){#cookieBanner{& p:last-of-type{flex-direction:column}}}dialog::backdrop{opacity:.6;background-color:#000}dialog{opacity:1;border:1px solid #000;border-radius:5px;width:clamp(200px,70%,500px);padding:30px;transition:opacity 1s linear;box-shadow:0 0 10px 5px #333;& form{margin-top:20px;& button{border:1px solid gray;border-radius:3px;padding:5px 20px;&:hover{box-shadow:0 0 3px 3px #ddd}&.important{background-color:coral}}& p{flex-direction:column;padding-top:10px;display:flex;&.buttonBar{flex-direction:row;justify-content:space-evenly;padding-top:30px;display:flex}& input,& textarea{flex:1;min-width:200px;padding:5px}& span{margin-bottom:5px}}}}dialog[open]{animation:.2s ease-out dialogFadeIn}dialog[open]::backdrop{animation:.2s ease-out dialogbackdropFadeIn}@keyframes dialogFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogbackdropFadeIn{0%{opacity:0}to{opacity:.6}}a.messageLink,a.playgroundLink{color:#000;background-color:#ffc7b3;border-radius:4px;padding:3px 5px}