.pour-board{padding:20px!important;min-width:0}.pour{width:100%;max-width:520px;margin:auto}.pour-vessels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}.pour-vessel{min-width:0;min-height:230px;border:2px solid #d6e4dd;border-radius:18px;background:#fff;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;color:#163b40;font:inherit}.pour-vessel strong{font-size:19px}.pour-vessel.is-source{border-color:#1c7862;background:#edf7ef;box-shadow:0 0 0 3px #b9dfcc}.pour-vessel:disabled{opacity:.7;cursor:default}.pour-vessel:focus-visible{outline:3px solid #ca8e31;outline-offset:3px}.pour-cup{position:relative;display:block;width:75%;height:128px;border:3px solid #397d83;border-top:1px solid #9cbdbe;border-radius:5px 5px 15px 15px;overflow:hidden;background:repeating-linear-gradient(to top,transparent 0,transparent 23%,#d7e7e7 24%,transparent 25%)}.pour-water{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(160deg,#68bdc9,#248a96);border-top:2px solid #13727e}.pour-line{position:absolute;left:0;right:0;border-top:3px dashed #b27012;z-index:1;transform:translateY(2px)}.pour-amount{font-weight:750;font-size:19px}.pour-target{font-size:13px;border:1px solid #ddc38f;border-radius:7px;background:#fff8e9;padding:4px 8px;line-height:1.35}.pour-note{font-size:13px;line-height:1.7;color:#4c6b66;margin:18px 0 0}.pour-lesson-sequence{display:flex;flex-wrap:wrap;gap:6px 16px;list-style-position:inside;padding:0;font-size:13px}.pour-lesson-sequence li{border:1px solid #d2e1d8;border-radius:7px;padding:5px 8px}.lesson .pour-vessel{min-height:200px}.lesson .pour-cup{height:100px}@media(max-width:520px){.pour-board{padding:12px!important}.pour-vessels{gap:8px}.pour-vessel{padding:12px 4px;min-height:210px;border-radius:12px}.pour-target{padding:4px;font-size:12px}.pour-cup{width:80%;height:115px}.pour-amount{font-size:17px}}