:root{color:#30352e;font-synthesis:none;--green:#006750;--blue:#285ca5;--pencil:#b9bcae;background:#fffef8;font-family:Trebuchet MS,Verdana,sans-serif}*{box-sizing:border-box}body{margin:0}#app{flex-direction:column;min-height:100svh;display:flex}a{color:var(--blue);text-underline-offset:3px}a:hover{color:#004e3c}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}img{max-width:100%}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #285ca5}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:10;border:2px solid var(--blue);background:#fffef8;padding:12px;position:absolute;top:-80px;left:12px}.skip:focus{top:10px}.wrap{width:min(100% - 48px,820px);margin-inline:auto}.header{justify-content:space-between;align-items:center;gap:20px;min-height:86px;display:flex}.header .brand{flex:none;display:inline-flex}.brand img{width:186px;height:auto;display:block}.header nav{flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.header nav a{align-items:center;min-height:44px;padding:4px;display:inline-flex}.home-header{justify-content:flex-end;min-height:58px}main{flex:1}main h1:focus{outline:none}.home-main{justify-content:center;align-items:flex-start;display:flex}.homepage{text-align:center;width:min(100% - 40px,620px);margin:clamp(20px,4vh,44px) auto 52px}.home-logo{margin:0;line-height:1}.home-logo img{width:min(100%,480px);height:auto;margin:0 auto;display:block}.home-description{margin:9px 0 5px;font-size:18px;font-weight:400}.home-doodles{width:min(100%,390px);margin:14px auto 0;position:relative}.home-doodles>img{width:100%;height:auto;display:block}.scribble-label{color:#6a6754;width:max-content;max-width:100%;margin:-3px 10px 0 auto;font:15px Comic Sans MS,Chalkboard SE,cursive;display:block;position:relative;transform:rotate(4deg)}.home-lookup{max-width:480px;margin:30px auto 0}.home-note{color:#686a5f;margin:17px 0 0;font-size:13px;line-height:1.6}.postcode-form{text-align:left}.postcode-form>label{margin-bottom:8px;font-weight:600;display:block}.postcode-row{align-items:stretch;gap:9px;display:flex}input[type=text],input[type=search],input:not([type]){color:#30352e;background:#fff;border:1.5px solid #737b6d;border-radius:3px 5px 2px 4px;width:100%;min-width:0;min-height:46px;padding:10px 12px;font-size:16px}input::placeholder{color:#777d73}#postcode{text-transform:uppercase;letter-spacing:.03em}#postcode::placeholder{text-transform:none;letter-spacing:0}.button{color:#263b2c;white-space:nowrap;background:#e6efbf;border:1.5px solid #3b4d3c;border-radius:5px 3px 6px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:11px 17px;font-size:14px;font-weight:600;line-height:1.35;text-decoration:none;display:inline-flex;box-shadow:2px 2px #a6b790}.button:hover{color:#263b2c;background:#dbe9ab}.button:active{transform:translate(1px,1px);box-shadow:1px 1px #a6b790}.text-button{min-height:38px;color:var(--blue);text-underline-offset:3px;font-size:inherit;background:0 0;border:0;align-items:center;padding:4px 0;font-weight:400;text-decoration:underline;display:inline-flex}.form-error{color:#a53328;margin:12px 0 0;font-size:14px;line-height:1.5}.form-error:empty{display:none}.footer{border-top:1px dashed var(--pencil);text-align:center;max-width:680px;padding:12px 0 18px}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 16px;font-size:12px;display:flex}.footer-links a{align-items:center;min-height:38px;display:inline-flex}.footer p{color:#76786c;margin:6px 0 0;font-size:12px}.page{max-width:700px;padding-block:24px 60px}.narrow{max-width:620px;margin-inline:auto}h1,h2,h3,p{margin-top:0}.page-title{letter-spacing:-.025em;margin:16px 0 18px;font-size:clamp(30px,5vw,39px);font-weight:700;line-height:1.2}.page-title em{color:var(--green);text-underline-offset:6px;font-style:normal;-webkit-text-decoration:underline wavy #d4bc60;text-decoration:underline wavy #d4bc60;text-decoration-thickness:1.5px}.narrow>p,.prose p,.delete-area p{color:#545d50;font-size:15px;line-height:1.75}.eyebrow,.progress{color:#74776b;text-transform:lowercase;letter-spacing:0;font-family:Courier New,monospace;font-size:12px}.progress span{color:var(--green);margin-right:10px}.panel{background:#fffefa;border:1px solid #bfc5b4;border-radius:3px 7px 4px 6px;padding:22px}.narrow>.panel{margin-top:22px}.small,.source{color:#646d5d;font-size:12px;line-height:1.7}.panel>.small{margin-bottom:0}.postcode-chip{border-bottom:1px dashed var(--pencil);justify-content:space-between;align-items:center;gap:14px;padding:3px 0 9px;font-weight:700;display:flex}label,legend{font-size:14px}.address-list{max-height:400px;margin-top:14px;overflow:auto}.address-option{color:#30352e;text-align:left;background:0 0;border:0;border-bottom:1px dashed #d4d7c9;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 8px;font-size:14px;line-height:1.55;display:flex}.address-option:hover{background:#f3f5df}.address-option span{color:var(--green)}.address-banner{border-block:1px dashed var(--pencil);align-items:center;gap:12px;margin:24px 0 18px;padding:14px 0;display:flex}.address-banner>span{font-size:25px}.address-banner>div{flex:1;min-width:0}.address-banner small{color:#737a68;text-transform:lowercase;margin-bottom:4px;font:11px Courier New,monospace;display:block}.address-banner strong{font-size:14px;line-height:1.6}.collection-list{display:grid}.collection{border-bottom:1px dashed #d2d5c6;align-items:center;gap:17px;padding:13px 3px;display:flex}.calendar{text-align:center;text-transform:uppercase;color:#626e56;background:#fffef4;border:1.5px solid #969c89;border-radius:3px 2px 5px 3px;flex:none;width:59px;padding:5px;font-size:11px;line-height:1.3;transform:rotate(-1deg)}.calendar>span:first-child{color:#514a38;background:#e9d9bd;border-radius:2px;margin:-5px -5px 3px;padding:4px 5px;display:block}.calendar strong{color:#30462d;font-size:27px;line-height:1.1;display:block}.collection-info{gap:8px;min-width:0;display:grid}.collection-item{align-items:baseline;gap:8px;font-size:14px;line-height:1.6;display:flex}.collection-item strong{font-weight:600}.collection-item p{color:#6b725f;margin:4px 0 0;font-size:12px}.collection-dot,.status-dot{background:#6f9958;border-radius:2px;flex:none;width:7px;height:7px;display:inline-block;transform:rotate(-9deg)}.badge{color:#71501c;background:#f4e4ad;border-radius:2px;margin-left:7px;padding:1px 5px;font-size:11px;display:inline-block}.cancelled{color:#9b3029;background:#f5dcd4}.source{margin:14px 0 25px}.empty,.notice{background:#f4f2d8;border-left:2px solid #a7a46c;padding:15px 17px;font-size:14px;line-height:1.65}.notice p{color:#626650;margin:7px 0 0}.preferences h2,.prose h2,.delete-area h2{letter-spacing:-.02em;margin:12px 0;font-size:23px;line-height:1.3}.preferences>p{color:#5c6453;font-size:14px;line-height:1.7}.preferences fieldset{border:0;margin:22px 0;padding:0}.preferences legend{margin-bottom:11px}.hour-options{flex-wrap:wrap;gap:8px;display:flex}.hour-options label{border:1px solid var(--pencil);cursor:pointer;border-radius:2px 4px 2px 3px;flex:1;justify-content:center;align-items:center;gap:7px;padding:12px 8px;display:flex}.hour-options label:has(input:checked){background:#eff2cb;border-color:#607b4c}.hour-options input{accent-color:var(--green);margin:0}.hour-options small{color:#737b64;font-size:11px}.check{align-items:flex-start;gap:10px;margin:14px 0;font-size:14px;line-height:1.6;display:flex}.check input{width:18px;height:18px;accent-color:var(--green);flex:none;margin:2px 0 0}.full{width:100%;margin-top:16px}.connect-panel{text-align:center}.qr{width:200px;height:auto;margin:0 auto 15px;display:block}.poll-status{color:#546c43;font-size:14px;line-height:1.6}.delete-area{border-top:1px dashed var(--pencil);margin-top:38px;padding-top:22px}.danger{color:#a53328}.danger-button{background:#f4d9cc;border-color:#9b4d3c;box-shadow:2px 2px #bf9786}.danger-button:hover{background:#edcaba}.prose h2{margin-top:30px}.success{text-align:center;padding-top:35px}.success-icon{color:#7c9b4f;font-size:46px}.success .button{margin-top:15px}.inline-link{font-weight:400}@media (width<=540px){.wrap{width:min(100% - 32px,820px)}.header{gap:8px;min-height:76px}.brand img{width:140px}.header nav{gap:5px;font-size:12px}.home-header{min-height:51px}.home-header nav{gap:15px}.homepage{margin-top:26px;margin-bottom:40px}.home-logo img{width:min(100%,360px)}.home-description{margin-top:8px;font-size:16px}.home-doodles{width:min(100%,320px);margin-top:20px}.scribble-label{font-size:13px}.home-lookup{margin-top:30px}.home-note{max-width:290px;margin-inline:auto;font-size:12px}.postcode-row{gap:7px}.postcode-row .button{padding-inline:12px;font-size:13px}.footer{padding-bottom:14px}.footer-links{gap:0 12px}.page{padding-top:18px}.page-title{font-size:30px}.panel{padding:18px}.address-banner{gap:9px}.address-banner>span{display:none}.collection{gap:13px}.hour-options label{padding-inline:5px}}@media (width<=350px){.postcode-row{flex-direction:column}.header{flex-wrap:wrap}.header nav{margin-left:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
