*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-ja: #00C896;--color-maar: #FFB830;--color-meh: #9CA3AF;--color-nee: #FF5A5A;--color-bg: #f8f9fa;--color-card: #ffffff;--color-text: #1a1a2e;--color-text-light: #6b7280;--color-border: #e5e7eb}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.5;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url(/bg.jpg) center / cover no-repeat;filter:blur(8px) brightness(.5);z-index:-1}.page{max-width:700px;margin:0 auto;padding:0 1rem}.site-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-top:1.5rem}.site-logo{width:100px;height:100px;object-fit:contain;filter:brightness(0) invert(1)}.site-title{font-size:clamp(1rem,3vw,1.3rem);font-weight:700;color:#ffffffd9;text-align:center}.site-location{font-size:.9rem;font-weight:600;color:#fff9}.verdict{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center}.verdict-answer{font-size:clamp(8rem,22vw,16rem);font-weight:900;line-height:1;text-transform:uppercase;opacity:0;transform:scale(.8);transition:opacity .5s ease,transform .5s ease}.verdict-answer.visible{opacity:1;transform:scale(1)}.verdict-answer.ja{color:var(--color-ja)}.verdict-answer.maar{color:var(--color-maar);font-size:clamp(4rem,14vw,10rem);white-space:pre-line}.verdict-answer.meh{color:var(--color-meh)}.verdict-answer.nee{color:var(--color-nee)}.loading-text{font-size:1.5rem;font-weight:600;color:var(--color-text-light)}.verdict-subtitle{font-size:clamp(1.1rem,3vw,1.4rem);font-weight:600;color:#fffc;margin-top:.5rem}.weather-details{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;max-width:500px;margin:0 auto 2rem}@media(min-width:500px){.weather-details{grid-template-columns:repeat(4,1fr)}}.weather-card{background:#ffffffe6;border:1px solid rgba(255,255,255,.3);border-radius:1rem;padding:1.25rem .75rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.25rem}.weather-icon{font-size:1.5rem}.weather-value{font-size:1.4rem;font-weight:700;color:var(--color-text)}.weather-label{font-size:.75rem;font-weight:600;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em}.forecast{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;max-width:500px;margin:0 auto 2rem}.forecast-day{background:#ffffffe6;border:1px solid rgba(255,255,255,.3);border-radius:1rem;padding:1.25rem;text-align:center}.forecast-day h3{font-size:.85rem;font-weight:600;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.forecast-verdict{display:block;font-size:2rem;font-weight:900;line-height:1.2}.forecast-verdict.ja{color:var(--color-ja)}.forecast-verdict.maar{color:var(--color-maar);font-size:1.2rem;white-space:pre-line}.forecast-verdict.meh{color:var(--color-meh)}.forecast-verdict.nee{color:var(--color-nee)}.forecast-temp{display:block;font-size:.9rem;color:var(--color-text-light);margin-top:.25rem}.bbq-tip{max-width:500px;margin:0 auto 2rem;padding:1.25rem 1.5rem;background:#ffffffe6;border:1px solid rgba(255,255,255,.3);border-radius:1rem;text-align:center}.tip-text{font-size:1rem;color:var(--color-text);font-style:italic}.cta-banner{max-width:728px;margin:1.5rem auto;text-align:center}.cta-link{display:block;background:#ffffff14;border:2px dashed rgba(255,255,255,.2);border-radius:.5rem;padding:1.5rem 1rem;color:#ffffff80;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s ease}.cta-link:hover{background:#ffffff1f;color:#fffc}.site-footer{text-align:center;padding:2rem 1rem;font-size:.85rem;color:#fff9}.site-footer a{color:#fffc;text-decoration:underline}.attribution{margin-top:.25rem;font-size:.75rem}