
.am-win{position:absolute;left:34px;top:0;right:-56px;bottom:-60px;display:flex;background:#fff;border-radius:8px 0 0 0;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 30px 60px -30px rgba(0,0,0,.6);font-family:var(--sans);color:#141312}
.am-main{flex:1;min-width:0;padding:24px 32px 0 32px;background:linear-gradient(180deg,#f3f1ec 0,#fff 92px)}
.am-crumb{font-size:10.5px;line-height:1;color:#8a867e;margin:0 0 7px}
.am-title{font:400 25px/1.1 var(--serif);letter-spacing:-.01em;margin:0 0 16px}
.am-note{display:flex;align-items:center;gap:8px;font-size:12.5px;line-height:1.35;color:#59544b;margin:0 0 14px}
.am-note img{width:16px;height:16px;border-radius:4px;flex:none}
.am-note b{font-weight:500;color:#141312}
.am-tiles{display:grid;grid-template-columns:repeat(3,190px);gap:10px;margin-bottom:22px}
.am-tiles div{background:#f4f3ef;border-radius:7px;padding:12px 14px 11px}
.am-tiles b{display:block;font:400 25px/1 var(--serif);margin-bottom:6px}
.am-tiles span{font-size:11px;color:#8a867e}
.am-h{font-size:11.5px;font-weight:500;color:#59544b;margin:0 0 12px}
.am-checks{list-style:none;margin:0;padding:0;position:relative}
.am-checks::before{content:"";position:absolute;left:8px;top:10px;bottom:18px;border-left:1px solid #e6e3dc}
.am-checks li{position:relative;display:flex;gap:12px;align-items:flex-start;padding:0 0 13px;font-size:12.5px;line-height:1.35}
.am-checks i{flex:none;position:relative;width:17px;height:17px;border-radius:50%;background:#fff;border:1.3px dotted #b4b0a8;box-sizing:border-box}
.am-checks span{padding-top:1px}
.am-todo span{color:#8a867e}
.am-done span{color:#8a867e;text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:transparent;transition:text-decoration-color .4s ease}
.am-done i::after{content:"";position:absolute;left:4.2px;top:2.4px;width:4px;height:7px;border:solid #fff;border-width:0 1.4px 1.4px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s}
.am-done i{transition:background .25s,border-color .25s}
.am-now i{border:1.4px solid #e6e3dc;border-top-color:#141312;animation:am-spin 1s linear infinite}
.am-now span{color:#141312}
.am-checks li:nth-child(2) i,.am-checks li:nth-child(2) i::after{transition-delay:.7s}
.am-checks li:nth-child(2) span{transition-delay:.8s}
.am-checks li:nth-child(1) span{transition-delay:.1s}
@keyframes am-spin{to{transform:rotate(360deg)}}
@media(max-width:1199px),(hover:none),(pointer:coarse){
 .am-win{left:20px;right:-30px;bottom:-30px}
}
@media(max-width:700px){
 .am-win{left:16px;right:-1px;border-radius:8px 0 0 0}
  .am-main{padding:20px 20px 0}
 .am-title{font-size:22px}
 .am-tiles{grid-template-columns:repeat(3,128px)}
}
@media(prefers-reduced-motion:reduce){.am-now i{animation:none}.am-done span,.am-done i,.am-done i::after{transition:none!important}}
