:root{--paper:#fff;--ink:#1a1a1a;--ink-light:#555;--accent:#ccc;--accent-dark:#444;--sky:#e8e8e8;--green:#aaa;--yellow:#ddd;--red:#333;--blue:#777;--rain-blue:#555;--font:"Caveat", "Comic Sans MS", cursive;--radius:12px;--card-width:700px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font);color:var(--ink);background:#e0e0e0;font-size:18px}body{justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem 1rem;display:flex}#app{width:100%;max-width:var(--card-width)}.weather-card{background:var(--paper);border:3px solid var(--accent-dark);box-shadow:2px 2px 0 var(--accent-dark), 4px 4px 0 #00000026, 6px 6px 14px #0000001f;border-radius:18px;padding:1.6rem 1.8rem 1.2rem;position:relative;overflow:hidden}.weather-svg-card{background:0 0}.weather-svg-card svg,.forecast-svg{width:100%;height:auto;display:block}.weather-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#0000000a 0%,#0000 70%);width:80px;height:80px;position:absolute;top:0;right:0}.card-divider{background:repeating-linear-gradient(to right, var(--accent-dark) 0 8px, transparent 8px 14px);opacity:.5;border-radius:2px;height:2px;margin:1rem 0}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.camp-logo{align-items:center;gap:.75rem;display:flex}.tent-icon{flex-shrink:0;width:56px;height:56px}.camp-text{flex-direction:column;line-height:1.1;display:flex}.camp-name{color:var(--accent-dark);letter-spacing:.02em;font-size:2rem;font-weight:700}.camp-sub{color:var(--ink-light);font-size:1.15rem;font-weight:600}.header-date{text-align:right;flex-direction:column;gap:.2rem;display:flex}.date-long{color:var(--ink);font-size:1.25rem;font-weight:600}.date-location{color:var(--ink-light);font-size:1rem}.daily-summary{padding:.25rem 0}.summary-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.summary-item{border-radius:var(--radius);border:2px solid #0000;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem .4rem;display:flex}.summary-item.temp-max{background:#0000000d;border-color:#00000026}.summary-item.temp-min{background:#00000008;border-color:#0000001f}.summary-item.sunrise,.summary-item.sunset{background:#0000000a;border-color:#0000001f}.summary-icon{width:44px;height:44px}.summary-value{color:var(--ink);font-size:1.7rem;font-weight:700;line-height:1}.summary-label{color:var(--ink-light);text-align:center;font-size:.85rem;line-height:1.2}.hourly-section{margin-top:.25rem}.hourly-header{color:var(--ink-light);letter-spacing:.02em;border-bottom:2px solid #00000026;grid-template-columns:60px 48px 1fr 80px;gap:.5rem;padding:.3rem .5rem .4rem;font-size:.9rem;font-weight:700;display:grid}.hourly-grid{flex-direction:column;gap:2px;display:flex}.hour-row{border-radius:8px;grid-template-columns:60px 48px 1fr 80px;align-items:center;gap:.5rem;padding:.3rem .5rem;transition:background .15s;display:grid}.hour-row:nth-child(2n){background:#0000000a}.hour-row:hover{background:#00000012}.hour-row.has-rain{background:#0000000f}.hour-time{color:var(--ink-light);white-space:nowrap;font-size:1.15rem;font-weight:600}.hour-icon{justify-content:center;align-items:center;display:flex}.hour-icon svg{width:40px;height:40px}.hour-temp{color:var(--ink);font-size:1.5rem;font-weight:700}.hour-precip{color:#888;text-align:right;font-size:1.1rem}.hour-precip.has-rain{color:var(--ink);font-weight:600}.card-footer{color:#888;text-align:center;border-top:1px dashed #0003;margin-top:.8rem;padding-top:.5rem;font-size:.8rem}.loading-card{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:200px;display:flex}.loading-dots{gap:.6rem;display:flex}.loading-dots span{background:var(--accent-dark);border-radius:50%;width:14px;height:14px;animation:1.2s ease-in-out infinite bounce}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-10px)}}.loading-text{color:var(--ink-light);font-size:1.3rem}.error-card{flex-direction:column;align-items:center;gap:.75rem;padding:2rem;display:flex}.error-message{color:var(--red);font-size:1.4rem;font-weight:700}.error-detail{color:var(--ink-light);text-align:center;max-width:400px;font-size:1rem}.retry-btn{font-family:var(--font);background:var(--accent);border:2px solid var(--accent-dark);cursor:pointer;color:var(--ink);border-radius:8px;padding:.5rem 1.5rem;font-size:1.2rem;transition:background .15s}.retry-btn:hover{background:var(--sky)}.landing-card{background:var(--paper);border:3px solid var(--accent-dark);box-shadow:2px 2px 0 var(--accent-dark), 4px 4px 0 #c05e1a40, 6px 6px 14px #0000001f;border-radius:18px;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 2rem;display:flex}.landing-logo{align-items:center;gap:.75rem;display:flex}.landing-prompt{color:var(--ink-light);font-size:1.4rem;font-weight:600}.day-buttons{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.day-btn{font-family:var(--font);background:var(--accent);border:2.5px solid var(--accent-dark);border-radius:var(--radius);cursor:pointer;color:var(--ink);box-shadow:2px 2px 0 var(--accent-dark);padding:.7rem 2.2rem;font-size:1.6rem;font-weight:700;transition:background .15s,transform .1s}.day-btn:hover{background:var(--yellow);transform:translateY(-2px)}.day-btn:active{transform:translateY(0)}.day-btn--tomorrow{background:var(--sky)}.day-btn--tomorrow:hover{background:var(--yellow)}.day-btn--funny{color:#1a3a5c;background:#def;border-color:#58b}.day-btn--funny:hover{background:#c0d8f0}.back-btn{font-family:var(--font);border:2px solid var(--accent-dark);cursor:pointer;color:var(--ink-light);background:0 0;border-radius:8px;margin-bottom:.6rem;padding:.35rem 1rem;font-size:1.1rem;transition:background .15s}.back-btn:hover{background:var(--accent);color:var(--ink)}.forecast-actions{flex-wrap:wrap;gap:.6rem;margin-bottom:.6rem;display:flex}.back-btn{margin-bottom:0}.export-btn{font-family:var(--font);background:var(--accent);border:2px solid var(--accent-dark);cursor:pointer;color:var(--ink);border-radius:8px;padding:.35rem 1rem;font-size:1.1rem;transition:background .15s}.export-btn:hover{background:var(--sky)}@media print{@page{size:A4 portrait;margin:12mm 14mm}html{background:#fff;font-size:16px}body{background:#fff;padding:0}#app{max-width:100%}.weather-card{box-shadow:none;break-inside:avoid;border:2px solid #444;border-radius:10px;padding:1rem 1.2rem}.weather-svg-card{box-shadow:none;border:0}.weather-card:before{display:none}.hour-row:hover{background:0 0}.hourly-section{page-break-inside:avoid}.retry-btn,.no-print{display:none}}@media (width<=520px){.summary-grid{grid-template-columns:repeat(2,1fr)}.card-header{flex-direction:column;align-items:flex-start}.header-date{text-align:left}.hourly-header,.hour-row{grid-template-columns:56px 44px 1fr 70px;gap:.3rem}}