@font-face{font-family:"1979";src:url(/1979rg__.ttf) format("truetype");font-weight:400;font-style:normal}:root{--bg: #0a2e1a;--dark-green: #1a4d2e;--dark-green-border: #2d6b3e;--surface: rgba(12, 40, 24, .9);--white: #ffffff;--text: #ffffff;--text-muted: rgba(255, 255, 255, .9);--radius: 12px;--font-body: "Montserrat", system-ui, sans-serif;--font-title: "1979", sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-body);background:var(--bg);background-image:url(/dark-background.png);background-size:cover;background-position:center;background-attachment:fixed;color:var(--text);line-height:1.5}.app{width:100%;margin:0;padding:2rem 1.5rem 8rem;min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.header{text-align:center}.title-img{display:block;max-width:50%;height:auto;margin:0 auto}.tagline{margin:.5rem 0 0;color:var(--text);font-size:1.1rem;font-weight:400;font-style:italic;max-width:100%;line-height:1.5;padding:0 1rem}.horse-mode-wrap{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:2rem}.horse-mode-title{font-family:var(--font-body);font-size:1.5rem;font-weight:700;color:var(--text)}.horse-mode-pill{display:flex;align-items:stretch;position:relative;border:2px solid var(--white);border-radius:999px;overflow:hidden;cursor:pointer}.horse-mode-pill input{position:absolute;opacity:0;width:0;height:0}.horse-slider{position:absolute;left:0;top:0;bottom:0;width:50%;background:#034400;border-radius:999px;transition:transform .25s ease;z-index:0}.horse-mode-pill:has(#horseMode:checked) .horse-slider{transform:translate(100%)}.horse-seg{flex:1;display:flex;align-items:center;justify-content:center;padding:.35rem 1.8rem;font-family:var(--font-body);font-size:1.2rem;font-weight:700;color:var(--white);z-index:1;position:relative}.horse-off,.horse-on{background:transparent}section.uploads{display:grid!important;grid-template-columns:150px 150px!important;gap:15rem;width:540px!important;min-width:540px!important;flex-shrink:0!important;box-sizing:border-box}.upload-card{display:flex;flex-direction:column;align-items:center;cursor:pointer;width:150px!important;min-width:150px!important;max-width:150px!important;box-sizing:border-box}.upload-square{aspect-ratio:1;width:150px!important;min-width:150px!important;height:150px!important;max-width:150px!important;max-height:150px!important;box-sizing:border-box;border:3px solid var(--white);border-radius:var(--radius);background:#2d6b3e59;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.upload-square input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;z-index:2}.upload-card .example,.upload-card .preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.upload-card .example{display:block;opacity:.5}.upload-card .preview,.upload-card.has-image .example{display:none}.upload-card.has-image .preview{display:block}.upload-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:64px;height:64px;object-fit:contain;pointer-events:none;filter:invert(1)}.upload-card.has-image .upload-icon{display:none}.upload-card.has-image.default-image .preview,.upload-card.has-image[data-default-image=true] .preview{opacity:.5}.upload-card.has-image.default-image .upload-icon,.upload-card.has-image[data-default-image=true] .upload-icon{display:block!important;visibility:visible!important;opacity:1!important}.upload-label{margin-top:.5rem;color:var(--text);font-size:.9rem;font-family:var(--font-body);text-align:center}.upload-error{display:block;margin-top:0;min-height:1.2em;color:#e74c3c;font-size:.85rem;font-family:var(--font-body);text-align:center}.upload-hint{margin:0;font-size:.9rem;color:var(--text);text-align:center}.morph-section{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem}.canvas-wrap{width:100%;max-width:400px;border-radius:var(--radius);overflow:hidden;background:var(--white);border:3px solid var(--white)}#morphCanvas{display:block;width:100%;height:auto;aspect-ratio:1}.controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}#morphSlider{width:200px;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--dark-green-border);border-radius:4px}#morphSlider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--dark-green);border-radius:50%;cursor:pointer;border:2px solid var(--dark-green-border);box-shadow:0 1px 3px #0000004d}#morphSlider::-moz-range-thumb{width:20px;height:20px;background:var(--dark-green);border-radius:50%;cursor:pointer;border:2px solid var(--dark-green-border);box-shadow:0 1px 3px #0000004d}#morphPercent{min-width:3ch;color:var(--text);font-size:.9rem}.week-placeholders{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.week-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.week-box{width:150px;height:150px;min-width:150px;min-height:150px;background:var(--dark-green);border:3px solid var(--white);border-radius:var(--radius);overflow:hidden;display:flex;align-items:center;justify-content:center}.week-box .week-canvas{display:block;width:100%;height:100%;object-fit:cover}.week-label{font-family:var(--font-body);font-size:.85rem;color:var(--text)}.download-weeks-btn{margin-top:1rem;font-family:var(--font-title);font-size:1rem;line-height:1;padding:.55rem 1.25rem .45rem;background:var(--dark-green);color:var(--white);border:3px solid var(--white);border-radius:var(--radius);cursor:pointer;transition:filter .2s;display:inline-flex;align-items:center;justify-content:center;text-align:center}.download-weeks-btn:hover{filter:brightness(1.1)}.explanation{display:flex;flex-direction:column;align-items:center;gap:5rem;margin-top:auto;padding-top:2rem}.explanation-block{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:52.5rem}.explanation-header{margin:0;font-family:var(--font-title);font-size:1.1rem;font-weight:400;padding:.5rem 1.5rem;background:var(--dark-green);color:var(--white);border:3px solid var(--white);border-radius:var(--radius);text-shadow:0 0 0 1px var(--white);box-shadow:0 2px 6px #00000040}.explanation-header:has(img){padding:0;margin-bottom:1rem;background:none;border:none;box-shadow:none;text-shadow:none}.explanation-header img{display:block;height:auto;max-height:6rem}.explanation-body{font-family:var(--font-body);font-size:1.1rem;font-weight:400;line-height:1.5;color:var(--text-muted);text-align:center;padding:0 .75rem;width:100%}.explanation-body p{margin:0 0 1rem}.explanation-body p:last-child{margin-bottom:0}.explanation-body .explanation-poem{font-style:italic}.explanation-body a{color:var(--white);text-decoration:underline;font-weight:700}.explanation-body a:hover{text-decoration:none}@media(max-width:560px){.app{padding-left:1rem;padding-right:1rem;overflow-x:hidden;align-items:center}.tagline{font-size:.85rem;line-height:1.3}.explanation-body{font-size:.9rem;line-height:1.5}.title-img{max-width:85%}.horse-mode-wrap{transform:scale(.75);transform-origin:center top}section.uploads{width:100%!important;min-width:0!important;max-width:calc(300px + 1.5rem);gap:1.5rem;grid-template-columns:1fr 1fr;justify-items:center;margin-left:auto;margin-right:auto}.upload-card{width:100%!important;min-width:0!important;max-width:150px!important}.upload-square{width:100%!important;min-width:0!important;max-width:150px!important;height:auto!important}.week-placeholders{grid-template-columns:repeat(2,1fr);width:100%;max-width:100%;justify-items:center}.week-item{width:100%;max-width:150px}}