.quiet-sheet{background:#f6f7f0;width:min(100%,520px);border-radius:26px 26px 0 0;box-shadow:0 -16px 90px #122b2330}
.quiet-sheet::backdrop{background:#12241e9c;backdrop-filter:blur(5px)}
.quiet-sheet>header{border:0;padding:16px 20px 0;gap:16px}
.quiet-sheet>header h2{font-size:14px;font-weight:500;color:#597061;letter-spacing:.02em}
.quiet-sheet>header .icon-btn{background:transparent;color:#597061;font-size:25px}
.quiet-sheet .mobile-sheet-content{padding:0 24px calc(18px + env(safe-area-inset-bottom));scrollbar-width:thin}
.quiet-moment{text-align:center;max-width:360px;margin:auto;padding-top:18px}
.quiet-light{position:relative;display:grid;place-items:center;width:190px;height:190px;margin:8px auto 22px;border-radius:50%;background:radial-gradient(circle,#dce5d3 0%,#edf0e3 48%,#f6f7f0 72%)}
.quiet-light span{display:block;width:144px;height:144px;border-radius:50%;background:radial-gradient(circle at 40% 32%,#fbf4de 0%,#e2e8c8 34%,#9db58d 75%,#78946b 100%);border:1px solid #79956d59;box-shadow:0 0 24px 6px #c8d7b85c,inset 0 0 18px #ffffff52;transform:scale(.92);animation:quiet-expand 10s ease-in-out infinite;animation-play-state:paused}
.quiet-moment[data-phase=running] .quiet-light span{animation-play-state:running}
.quiet-moment[data-phase=finished] .quiet-light span{animation:none;transform:scale(.92);transition:transform 1.1s ease-out}
.quiet-words{min-height:134px}
.quiet-words h3{font-size:28px;line-height:1.3;font-weight:600;letter-spacing:-.5px;color:#244532;margin:0 auto 14px;max-width:290px;text-wrap:balance}
.quiet-words p{font-size:16px;line-height:1.65;color:#435c4c;margin:0 auto;max-width:290px;text-wrap:balance}
.quiet-actions{display:grid;justify-items:center;gap:8px;margin-top:24px}
.quiet-actions button{font:inherit;font-size:15px;cursor:pointer;min-height:48px;border-radius:28px;padding:12px 26px;line-height:1.4}
.quiet-main{width:min(100%,240px);background:#28543f;color:#fff;border:1px solid #28543f}
.quiet-moment[data-phase=running] .quiet-main{background:transparent;color:#365640;border-color:#9bb18f}
.quiet-return{background:transparent;border:0;color:#49614f}
.quiet-actions button:focus-visible{outline:2px solid #436b49;outline-offset:4px}
@keyframes quiet-expand{0%,100%{transform:scale(.92)}50%{transform:scale(1.08)}}
@media(min-width:761px){.quiet-sheet{margin:auto;border-radius:26px}.quiet-moment{padding-top:14px}.quiet-sheet .mobile-sheet-content{padding-bottom:22px}}
@media(max-height:700px){.quiet-moment{padding-top:4px}.quiet-light{width:150px;height:150px;margin:0 auto 14px}.quiet-light span{width:118px;height:118px}.quiet-words{min-height:120px}.quiet-words h3{font-size:25px}.quiet-actions{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.quiet-sheet[open]{animation:none}.quiet-light span,.quiet-moment[data-phase=finished] .quiet-light span{animation:none;transition:none;transform:none}}