.learn-mirror>.plant-loop{grid-area:loop}.learn-mirror:has(>.plant-loop){grid-template-areas:"stage""side""loop""year"}@media (min-width:1100px){.learn-mirror:has(>.plant-loop){grid-template-areas:"stage side""loop loop""year year"}}.plant-loop{gap:max(16px, calc(22 * var(--u)))}.plant-loop fieldset{gap:var(--x-space-3);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.plant-loop legend{margin-bottom:var(--x-space-3);font-size:var(--xp-15);color:var(--xp-ink);padding:0;font-weight:600}.plant-loop-head{justify-content:space-between;align-items:center;gap:var(--x-space-3) var(--x-space-6);flex-wrap:wrap;display:flex}.plant-loop-rail{font-size:var(--xp-13);color:var(--xp-ink-3);margin:0;padding:0;line-height:1.3;list-style:none;display:flex}.plant-loop-rail li{min-inline-size:max(64px, calc(78 * var(--u)));text-align:center;justify-items:center;gap:7px;display:grid;position:relative}.plant-loop-rail li+li:before{content:"";background:var(--xp-hair-2);block-size:1px;inline-size:100%;position:absolute;inset-block-start:5px;inset-inline-end:50%}.plant-loop-dot{z-index:1;border:1px solid var(--xp-hair-2);background:var(--xp-surface);block-size:11px;inline-size:11px;transition:background-color .24s var(--xp-ease), box-shadow .24s var(--xp-ease);border-radius:50%;position:relative}.plant-loop-rail li[data-state=done]{color:var(--xp-ink-2)}.plant-loop-rail li[data-state=done] .plant-loop-dot{border-color:var(--xp-accent);background:var(--xp-accent)}.plant-loop-rail li[data-state=done]:before,.plant-loop-rail li[data-state=now]:before{background:color-mix(in oklab, var(--xp-accent) 55%, var(--xp-hair-2))}.plant-loop-rail li[data-state=now]{color:var(--xp-ink);font-weight:600}.plant-loop-rail li[data-state=now] .plant-loop-dot{border-color:var(--xp-accent);box-shadow:0 0 0 4px color-mix(in oklab, var(--xp-accent) 20%, transparent)}.plant-loop-pair{--loop-pull:0px;--loop-tilt:0deg;place-items:center;gap:var(--x-space-3);inline-size:min(100%, calc(820 * var(--u)));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);margin-inline:auto;display:grid}.plant-loop[data-chosen=true][data-verdict=fits] .plant-loop-pair{--loop-pull:calc(22 * var(--u))}.plant-loop[data-chosen=true][data-verdict=partly] .plant-loop-pair{--loop-pull:calc(9 * var(--u))}.plant-loop[data-chosen=true][data-verdict=differs] .plant-loop-pair{--loop-pull:calc(-14 * var(--u));--loop-tilt:2.5deg}.plant-loop-side{justify-items:center;gap:var(--x-space-3);inline-size:100%;transition:transform .56s var(--xp-ease);margin:0;display:grid;position:relative}.plant-loop-side[data-side=saw]{transform:translateX(var(--loop-pull)) rotate(calc(-1 * var(--loop-tilt)))}.plant-loop-side[data-side=model]{transform:translateX(calc(-1 * var(--loop-pull))) rotate(var(--loop-tilt))}.plant-loop-side>img{inline-size:min(100%, calc(250 * var(--u)));aspect-ratio:1;outline:1px solid color-mix(in oklab, var(--xp-ink) 34%, transparent);outline-offset:calc(7 * var(--u));background:#000;border-radius:50%;block-size:auto}.plant-loop-side[data-side=model]>img{outline-style:dashed;outline-color:color-mix(in oklab, var(--xp-accent) 60%, transparent)}.plant-loop-badge{border:1px dashed color-mix(in oklab, var(--xp-accent) 60%, transparent);background:color-mix(in oklab, var(--xp-surface) 82%, transparent);font-size:var(--xp-11);letter-spacing:.04em;color:var(--xp-accent-tint-ink);border-radius:999px;padding:3px 10px;position:absolute;inset-block-start:calc(10 * var(--u));inset-inline-end:calc(50% - min(50%, 125 * var(--u)) - 6 * var(--u))}.plant-loop-side figcaption{text-align:center;justify-items:center;gap:4px;display:grid}.plant-loop-tag{font-size:var(--xp-13);color:var(--xp-ink-2)}.plant-loop-side b{font-size:var(--xp-17);color:var(--xp-ink);font-weight:600}.plant-loop-relation{z-index:1;inline-size:calc(46 * var(--u));block-size:calc(46 * var(--u));border:1px solid var(--xp-hair-2);background:var(--xp-surface);min-block-size:40px;min-inline-size:40px;color:var(--xp-ink-2);transition:color .24s var(--xp-ease), border-color .24s var(--xp-ease);border-radius:50%;place-items:center;display:grid;position:relative}.plant-loop[data-chosen=true][data-verdict=fits] .plant-loop-relation{border-color:var(--xp-accent);color:var(--xp-accent)}.plant-loop-guess{text-align:center;margin:0}.plant-loop-looked{gap:var(--x-space-2);display:grid}.plant-loop-looked p{margin:0}.plant-loop-looked ul{font-size:var(--x-text-sm);color:var(--xp-ink);gap:6px;margin:0;padding:0;list-style:none;display:grid}.plant-loop-looked b{border:1px solid var(--xp-hair-2);font-size:var(--xp-13);border-radius:999px;margin-inline-start:6px;padding:1px 9px;font-weight:600}.plant-loop-choices{gap:var(--x-space-2);flex-wrap:wrap;display:flex}.plant-loop-choice{border:1px solid var(--xp-hair-2);font-size:var(--xp-15);color:var(--xp-ink);cursor:pointer;transition:border-color .16s var(--xp-ease), background-color .16s var(--xp-ease), transform .24s var(--xp-ease);border-radius:999px;align-items:center;gap:10px;padding:9px 18px 9px 12px;display:inline-flex;position:relative}.plant-loop-choice input,.plant-loop-tile input{z-index:1;opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.plant-loop-choice:hover{border-color:var(--x-line-hover);transform:translateY(-1px)}.plant-loop-choice:has(input:checked){border-color:var(--xp-accent);background:var(--xp-accent-tint);color:var(--xp-accent-tint-ink)}:is(.plant-loop-choice:has(input:focus-visible),.plant-loop-tile:has(input:focus-visible)){outline:2px solid var(--x-focus);outline-offset:3px}.plant-loop-mark{block-size:20px;inline-size:32px;overflow:visible}.plant-loop-mark circle{fill:color-mix(in oklab, currentColor 14%, transparent);stroke:currentColor;stroke-width:1.2px;transition:transform .36s var(--xp-ease)}.plant-loop-choice[data-verdict=differs]:hover .plant-loop-mark circle:first-child{transform:translate(-1.5px)}.plant-loop-choice[data-verdict=differs]:hover .plant-loop-mark circle:last-child,.plant-loop-choice:not([data-verdict=differs]):hover .plant-loop-mark circle:first-child{transform:translate(1.5px)}.plant-loop-choice:not([data-verdict=differs]):hover .plant-loop-mark circle:last-child{transform:translate(-1.5px)}.plant-loop-tiles{grid-template-columns:repeat(auto-fill, minmax(max(220px, calc(250 * var(--u))), 1fr));gap:var(--x-space-3);display:grid}.plant-loop-tile{border:1px solid var(--xp-hair-2);border-radius:var(--x-radius-md);background:var(--xp-surface-2);cursor:pointer;transition:transform .24s var(--xp-ease), border-color .16s var(--xp-ease), background-color .16s var(--xp-ease), box-shadow .24s var(--xp-ease);grid-template-columns:auto minmax(0,1fr);align-content:start;gap:4px 12px;padding:14px 16px;display:grid;position:relative}.plant-loop-tile:hover{border-color:var(--x-line-hover);transform:translateY(-2px);box-shadow:0 12px 28px -18px #000000b3}.plant-loop-tile:has(input:checked){border-color:var(--xp-accent);background:var(--xp-accent-tint);box-shadow:0 12px 28px -18px #000000b3, inset 0 0 0 1px var(--xp-accent)}.plant-loop-icon{box-sizing:border-box;background:color-mix(in oklab, var(--xp-accent) 12%, transparent);block-size:40px;inline-size:40px;color:var(--xp-accent);transition:transform .36s var(--xp-ease);border-radius:50%;grid-row:span 2;padding:9px}.plant-loop-tile:hover .plant-loop-icon{transform:scale(1.08)rotate(-4deg)}.plant-loop-tile:has(input:checked) .plant-loop-icon{transform:scale(1.08)rotate(-4deg)}.plant-loop-tile b{font-size:var(--xp-15);color:var(--xp-ink);font-weight:600;line-height:1.35}.plant-loop-tile span{font-size:var(--xp-13);color:var(--xp-ink-2);line-height:1.45}.plant-loop-act{align-items:center;gap:var(--x-space-3);flex-wrap:wrap;display:flex}.plant-loop-act .x-btn{gap:8px}.plant-loop-tray{gap:var(--x-space-2);border:1px dashed var(--xp-hair-2);border-radius:var(--x-radius-md);transition:border-color .24s var(--xp-ease);padding:14px 16px;display:grid}.plant-loop-tray:not([data-count="0"]){border-style:solid;border-color:color-mix(in oklab, var(--xp-accent) 45%, var(--xp-hair-2))}.plant-loop-tray-title{font-size:var(--xp-13);color:var(--xp-ink);margin:0;font-weight:600}.plant-loop-tray ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.plant-loop-tray li{background:var(--xp-accent-tint);font-size:var(--xp-13);color:var(--xp-accent-tint-ink);animation:plant-loop-in .46s var(--xp-ease) both;border-radius:999px;align-items:center;gap:8px;padding:5px 5px 5px 12px;display:inline-flex}.plant-loop-drop{block-size:26px;inline-size:26px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.plant-loop-drop:hover{background:color-mix(in oklab, var(--xp-accent) 22%, transparent)}.plant-loop-drop:focus-visible{outline:2px solid var(--x-focus);outline-offset:2px}@keyframes plant-loop-in{0%{opacity:0;transform:translateY(6px)scale(.96)}}.plant-loop-guess-pick legend{margin-bottom:var(--x-space-3)}.plant-loop-guesses{gap:var(--x-space-3);max-inline-size:calc(620 * var(--u));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.plant-loop-guess-card{border:1px solid var(--xp-hair-2);border-radius:var(--x-radius-md);cursor:pointer;font-size:var(--xp-15);color:var(--xp-ink);transition:transform .24s var(--xp-ease), border-color .16s var(--xp-ease), background-color .16s var(--xp-ease);justify-items:center;gap:8px;padding:12px 10px 14px;display:grid;position:relative}.plant-loop-guess-card input{z-index:1;opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.plant-loop-guess-card img{aspect-ratio:1;block-size:auto;inline-size:100%;transition:transform .36s var(--xp-ease);background:#000;border-radius:50%}.plant-loop-guess-card:hover{border-color:var(--x-line-hover);transform:translateY(-3px)}.plant-loop-guess-card:hover img{transform:scale(1.04)}.plant-loop-guess-card:has(input:checked){border-color:var(--xp-accent);background:var(--xp-accent-tint);color:var(--xp-accent-tint-ink)}.plant-loop-guess-card:has(input:focus-visible){outline:2px solid var(--x-focus);outline-offset:3px}.plant-loop-guessed{align-items:center;gap:var(--x-space-3);border:1px solid var(--xp-hair-2);border-radius:999px;justify-self:center;padding:8px 16px 8px 8px;display:flex}.plant-loop-guessed[data-right=true]{border-color:var(--xp-accent);background:var(--xp-accent-tint)}.plant-loop-guessed img{background:#000;border-radius:50%;block-size:56px;inline-size:56px}.plant-loop-guessed p{gap:2px;margin:0;display:grid}.plant-loop-guessed b{font-size:var(--xp-15);color:var(--xp-ink)}.plant-loop-ghost{z-index:60;border:1px solid var(--x-accent);background:color-mix(in oklab, var(--x-accent) 26%, transparent);pointer-events:none;position:fixed}html[data-motion=calm] .plant-loop *,html[data-motion=calm] .plant-loop{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.plant-loop *,.plant-loop{transition:none!important;animation:none!important}}@media (max-width:760px){.plant-loop-rail li{min-inline-size:56px;font-size:var(--xp-11)}.plant-loop-pair{gap:var(--x-space-2)}}