/* Tap a year, swipe through botanical crop choices, save the sequence. */
.crop-illustration.extra-crop{background-image:url('assets/crop-extra-atlas.png');background-size:200% 200%}dialog:has(.visualrotation){width:min(720px,94vw);padding:26px 28px 21px;max-height:92dvh;overflow:auto;background:#fdfefb}dialog:has(.visualrotation)>.close{position:absolute;right:17px;top:17px;z-index:2;border-color:#e0e8db;color:#81a184}dialog:has(.visualrotation) h1{font-size:25px;margin:8px 23px 7px 0;letter-spacing:-.8px;line-height:1.3;color:#2e523b}.visualintro{font-size:11px!important;color:#8b9f84!important;margin:0 0 18px!important}.visualyears{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.visualyear{position:relative;background:#f5f7f0;border:1px solid #e1e9db;border-radius:12px;padding:11px 12px 13px;text-align:left;display:flex;flex-direction:column;align-items:center;gap:4px;color:#65805c;transition:background .2s,border-color .2s,box-shadow .2s}.visualyear:hover{border-color:#a4c69c}.visualyear.active{background:#f0f7e9;border-color:#73ac77;box-shadow:0 0 0 2px #4a9c5a12}.visualyearlabel{font-size:10px;color:#829779;width:100%;display:flex;align-items:center;justify-content:space-between;gap:5px}.visualyearlabel small{font-size:7px;color:#9eb292}.visualyearart{width:70px;height:70px;display:flex;align-items:center;justify-content:center}.visualyearart .crop-illustration{width:70px;height:70px}.visualyear strong{font-size:12px;font-weight:600;line-height:1.3;color:#4d7149}.visualyear.active strong{color:#2f733b}.yearplaceholder{width:43px;height:43px;border:1px dashed #c9d6bd;border-radius:50%;color:#abc09e;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:400}.yearcheck{position:absolute;right:9px;bottom:10px;font-size:9px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e6efde;color:#91af7f}.visualyear.filled .yearcheck{background:#d9edd0;color:#4f8c44}.pickerheading{display:flex;justify-content:space-between;align-items:center;margin:0 0 11px}.pickerheading h2{font-family:'DM Sans';font-size:12px;font-weight:600;margin:0 0 4px;color:#4e7048}#rotationProgress{font-size:9px;color:#a1af95;display:block}.carouselarrows{display:flex;gap:6px}.carouselarrows button{border:1px solid #dce7d5;background:#fff;color:#6a8e5e;border-radius:50%;width:28px;height:28px;font-size:21px;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.carouselarrows button:disabled{opacity:.3;cursor:default}.pickersearch{display:flex;align-items:center;gap:7px;background:#f4f7ef;border:1px solid #e7eddf;border-radius:8px;margin-bottom:11px;padding:0 11px}.pickersearch .ui-icon{height:15px;width:15px;color:#a0b193}.pickersearch input{font-size:10px;border:0;background:none;margin:0;padding:9px 0;color:#5b7b4f;outline-offset:1px}.pickersearch:focus-within{border-color:#94bd88}.rotationcropstrip{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:2px;padding:3px 2px 8px;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;min-height:155px}.rotationcropstrip::-webkit-scrollbar{display:none}.pickercrop{scroll-snap-align:start;position:relative;display:flex;flex-direction:column;align-items:center;flex:0 0 112px;background:#f6f3e9;border:1px solid #e5e5d5;border-radius:11px;padding:5px 6px 10px;color:#526f48;box-shadow:0 3px 8px #32421c03;transition:border-color .2s,box-shadow .2s,transform .2s}.pickercrop:hover{border-color:#a6bd90;transform:translateY(-2px)}.pickercrop.selected{border-color:#69a15e;box-shadow:0 0 0 2px #71ab5b16;background:#edf5e7}.pickercropart{display:flex;align-items:center;justify-content:center;width:96px;height:96px;overflow:hidden}.pickercropart .crop-illustration{width:96px;height:96px}.pickercrop strong{font-size:11px;line-height:1.4;font-weight:600;margin:5px 0 1px}.pickercrop small{font-size:8px;line-height:1.4;color:#9aab89}.pickercheck{position:absolute;top:6px;right:6px;display:none;align-items:center;justify-content:center;width:16px;height:16px;background:#508d4f;color:white;border-radius:50%;font-size:9px;z-index:1}.pickercrop.selected .pickercheck{display:flex}.pickernone{font-size:11px;color:#94a588;padding:25px 5px}.swipehint{font-size:8px!important;color:#a4af97!important;margin:0 0 16px!important;line-height:1.5!important;display:flex;justify-content:space-between;gap:8px}.swipehint span{color:#b4b9a6;font-size:7px}.visualpresets{border-top:1px solid #e8eddf;padding-top:11px;margin-bottom:15px}.visualpresets summary{font-size:10px;color:#7b956d;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.visualpresets summary:after{content:'＋';font-size:14px;color:#99ac8e}.visualpresets[open] summary:after{content:'−'}.presetlist{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.presetlist button{border:1px solid #e4ebdc;background:#fafcf7;border-radius:8px;padding:7px 9px;text-align:left;display:flex;gap:8px;align-items:center;color:#7b906b;font-size:8px;line-height:1.5}.presetlist button:hover{background:#eef5e7}.presetthumbs{display:flex;flex-shrink:0}.presetthumbs .crop-illustration{width:28px;height:28px}.visualfooter{border-top:1px solid #e8eddf;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:12px}.visualfooter>p{font-size:9px!important;line-height:1.6!important;margin:0!important;color:#a0ac95!important;max-width:195px}.visualfooter .rotationformactions{flex-shrink:0}.visualfooter .rotationformactions button{font-size:11px;padding:11px 17px}.visualyear:focus-visible,.pickercrop:focus-visible{outline:2px solid #66a65c;outline-offset:3px}
@media(max-width:700px){dialog:has(.visualrotation){width:min(620px,calc(100vw - 24px));padding:23px 17px 17px;border-radius:17px;max-height:94dvh}dialog:has(.visualrotation) h1{font-size:22px;max-width:280px;margin-right:30px}dialog:has(.visualrotation) .eyebrow{font-size:8px;letter-spacing:1.3px}.visualintro{font-size:10px!important;margin-bottom:16px!important}.visualyears{gap:8px;margin-bottom:18px}.visualyear{padding:9px 7px 10px;border-radius:9px}.visualyearlabel{font-size:9px;display:block}.visualyearlabel small{font-size:6px;margin-top:3px;display:block;min-height:8px}.visualyear:not(:first-child) .visualyearlabel:after{content:'';display:block;height:8px;margin-top:3px}.visualyearart{width:61px;height:61px}.visualyearart .crop-illustration{width:61px;height:61px}.visualyear strong{font-size:10px}.yearcheck{right:6px;bottom:7px;width:12px;height:12px;font-size:8px}.pickerheading h2{font-size:11px}.rotationcropstrip{gap:8px;min-height:147px}.pickercrop{flex-basis:101px;padding:4px 5px 9px}.pickercropart,.pickercropart .crop-illustration{width:88px;height:88px}.pickercrop strong{font-size:10px}.pickercrop small{font-size:7px}.swipehint{font-size:7px!important;display:block;margin-bottom:13px!important}.swipehint span{display:none}.visualfooter{display:block;padding-top:12px}.visualfooter>p{max-width:none;font-size:8px!important;margin-bottom:12px!important}.visualfooter .rotationformactions{justify-content:space-between}.visualfooter #saveRotation{min-width:145px}.presetlist{grid-template-columns:1fr}.presetlist button{font-size:9px}.presetthumbs .crop-illustration{width:29px;height:29px}}
@media(max-height:700px) and (min-width:701px){dialog:has(.visualrotation){padding:20px 24px 17px}.visualyears{margin-bottom:15px}.visualyearart,.visualyearart .crop-illustration{width:48px;height:48px}.rotationcropstrip{min-height:126px}.pickercropart,.pickercropart .crop-illustration{width:75px;height:75px}.visualpresets{margin-bottom:11px}.visualintro{margin-bottom:13px!important}}
@media(prefers-reduced-motion:reduce){.pickercrop{transition:none}.pickercrop:hover{transform:none}.rotationcropstrip{scroll-behavior:auto}}
.cropchip .cropemoji{display:flex;align-items:center;justify-content:center;height:54px;margin-bottom:5px}.cropchip .cropemoji .crop-illustration{width:54px;height:54px}.cropchip .cropemoji>svg{width:45px;height:45px}