.jarr-stage{display:flex;align-items:center;justify-content:center;gap:23px;min-height:250px;margin:18px 0 24px;background:radial-gradient(#d6bda74d .8px,transparent .8px) 0 0/16px 16px,#f8f1e7;border:1px solid #eee1d1;border-radius:10px;padding:17px;position:relative}.jarr-glass{position:relative;width:156px;height:192px;border:2px solid #c7cfd0;border-radius:18px 18px 35px 35px;background:linear-gradient(100deg,#ffffffb0,#e3edec65 50%,#fff9);box-shadow:inset 6px 0 0 #fffa,0 8px 9px #997d6410;flex-shrink:0;margin-top:17px}.jarr-glass::before{content:'';position:absolute;height:25px;left:-7px;right:-7px;top:-17px;border:1px solid #baa78d;border-radius:7px 7px 4px 4px;background:repeating-linear-gradient(90deg,#d5c2a3 0 4px,#e5d4b6 4px 7px);box-shadow:0 3px 0 #a7927520;z-index:2}.jarr-glass::after{content:'хорошее ♡';position:absolute;left:21%;right:21%;top:39%;height:41px;display:grid;place-items:center;background:#fff9efeb;border:1px dashed #d4bdaf;border-radius:4px;font:italic 13px var(--serif);color:#b38c8c;transform:rotate(-5deg);z-index:2}.jarr-papers{position:absolute;inset:15px 5px 5px;overflow:hidden;border-radius:0 0 29px 29px}.jarr-paper{position:absolute;width:32px;height:34px;border:1px solid #dec9ca;border-radius:2px;background:#f3dfe5;display:grid;place-items:center;font:22px/1 var(--serif);color:#b77891;box-shadow:1px 2px 2px #9b7d6510}.jarr-paper-sun{background:#f5e9bd;border-color:#dfd1a3;color:#b6a16a}.jarr-paper-flower{background:#dfe9d2;border-color:#bccba8;color:#91a078}.jarr-empty{font:italic 14px/1.8 var(--serif);text-align:center;color:#b39a8a;max-width:125px}.jarr-stage-caption{position:absolute;bottom:8px;right:14px;font:italic 12px var(--serif);color:#b6a08c}.jarr-form>label{display:block;font-size:11px;color:#9c7b76;margin-bottom:9px}.jarr-form input{width:100%;min-width:0;min-height:46px;padding:11px 13px;background:#fffdf8;border:1px solid #e1d3c6;border-radius:6px;font-size:12px;color:#7e6a62}.jarr-markers{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px}.jarr-markers>span{font-size:10px;color:#ad9589;margin-right:5px}.jarr-markers button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #e3d3cb;border-radius:50%;background:#fffaf4;color:#b4968d;font:25px/1 var(--serif)}.jarr-markers button[aria-pressed=true]{background:#f4e7c4;border-color:#cdbb8b;color:#a58a5e}.jarr-form>.soft-button{margin-top:13px}.jarr-counter{font-size:10px;color:#ad9383;margin-top:10px}.jarr-card{position:relative;margin-top:20px;padding:20px 18px 16px;background:#fff8ee;border:1px solid #e9d5c6;border-radius:6px;min-height:120px}.jarr-card::before{content:'';position:absolute;left:38%;top:-9px;height:18px;width:66px;background:repeating-linear-gradient(90deg,#dac5ce75 0 3px,#eedce090 3px 5px);transform:rotate(-5deg)}.jarr-card>span{font:30px/1 var(--serif);color:#bd8c9d;display:block;text-align:center}.jarr-card>p{font:italic 16px/1.8 var(--serif);color:#9d7b7b;text-align:center;overflow-wrap:anywhere;margin:9px 0 5px;white-space:pre-wrap}.jarr-card>button{display:block;background:transparent;min-height:44px;padding:8px 0;font-size:10px;color:#b29a8d;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px;margin:5px auto 0}.jarr-saved{margin-top:20px;padding-top:14px;border-top:1px dashed #e6d6ca}.jarr-saved summary{font-size:11px;color:#a68a80;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:4px}.jarr-saved summary::before{content:'✧';font-size:19px;margin-right:7px;color:#c09aab}.jarr-saved ul{list-style:none;padding:0;margin:7px 0 0;max-height:240px;overflow-y:auto}.jarr-saved li+li{border-top:1px dotted #e9ddd3}.jarr-saved li button{display:flex;align-items:center;gap:10px;min-height:44px;width:100%;padding:9px 3px;background:transparent;text-align:left;font-size:11px;color:#a18a7b;overflow-wrap:anywhere}.jarr-saved li button>span:first-child{flex-shrink:0;font:22px/1 var(--serif);color:#bd94a1}.jarr-saved li button[aria-pressed=true]{color:#a06f85}.jarr-undo{background:transparent;min-height:44px;padding:9px 0;font-size:11px;color:#a98091;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}
@media(max-width:760px){.jarr-stage{min-height:235px;gap:18px;padding-inline:15px}.jarr-glass{width:146px;height:181px}.jarr-empty{font-size:13px;max-width:115px}.jarr-form input{font-size:12px}.jarr-card>p{font-size:15px}.jarr-form>label{font-size:11px}}
@media(max-width:370px){.jarr-stage{gap:13px;padding-inline:12px}.jarr-glass{width:129px;height:175px}.jarr-empty{font-size:12px;max-width:88px}.jarr-glass::after{font-size:12px;left:17%;right:17%}.jarr-stage-caption{font-size:10px}.jarr-markers{gap:6px}.jarr-markers>span{font-size:9px}}