.shush{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;min-height:208px;padding-top:2.8px;display:flex}.baby-button{width:120.7px;height:120.7px;font:inherit;color:var(--bp-ink);background:var(--bp-gradient-button-ring);transition:transform .16s var(--bp-ease-out), box-shadow .6s var(--bp-ease-out);border:0;border-radius:50%;padding:0;position:relative;box-shadow:0 0 0 .6px #ffd6b080}.baby-button:before{content:"";z-index:-1;pointer-events:none;transition:opacity .6s var(--bp-ease-out);background:radial-gradient(closest-side,#f2b48c00 69.5%,#f2b48c5e 70.2%,#f2b48c38 78.6%,#f2b48c21 80%,#f2b48c14 86%,#f2b48c00 100%);border-radius:50%;position:absolute;inset:-26px}.baby-button .ring{background:var(--bp-ring);border-radius:50%;position:absolute;inset:5.6px}.baby-button .disc{background:var(--bp-gradient-button-disc);letter-spacing:.01em;border-radius:50%;place-items:center;padding-top:1.3px;font-size:18.65px;font-weight:600;line-height:1;display:grid;position:absolute;inset:11.7px;box-shadow:inset 0 1.5px #ffe2c4cc}.baby-button:active{transform:scale(.97)}.baby-button.is-on{animation:bp-breathe var(--breath,1.9s) ease-in-out infinite}.baby-button.is-on:before{animation:bp-halo var(--breath,1.9s) ease-in-out infinite}@keyframes bp-breathe{0%,to{box-shadow:0 0 0 .6px #ffd6b099,0 0 20px 4px #f2b48c33}45%{box-shadow:0 0 0 .6px #ffd6b0bf,0 0 54px 20px #f2b48c66}}@keyframes bp-halo{0%,to{opacity:.85}45%{opacity:1}}.soothe{justify-content:center;gap:10px;display:flex}.sheet-note{min-height:2.6em;color:var(--bp-muted);margin:6px 0 14px;font-size:12.3px;font-weight:500;line-height:1.35}.sheet fieldset{border:0;min-width:0;margin:0;padding:0}.sheet legend{padding:0}.sound-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.sound{background:var(--bp-tile);cursor:pointer;border-radius:13.3px;justify-items:center;gap:6px;padding:10px 3px 9px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #fff4e809,0 4px 10px #080a1a4d}.sound img{object-fit:contain;width:100%;height:44px}.sound span{text-align:center;font-size:12px;font-weight:700;line-height:1.15}.sound input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.sound:has(input:checked){box-shadow:inset 0 0 0 2px var(--bp-apricot), 0 4px 10px #080a1a4d}.sound:has(input:checked) span{color:var(--bp-apricot-text)}.sound:has(input:focus-visible){outline:2px solid var(--bp-apricot);outline-offset:2px}.sheet h3{margin:18px 0 10px;font-size:14.5px;font-weight:700;line-height:1}.timer-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.t-short{display:none}@media (max-width:359px){.t-long{display:none}.t-short{display:inline}}.sheet-safe{color:var(--bp-muted);margin:16px 0 0;font-size:12.3px;font-weight:500;line-height:1.4}@media (max-height:720px){.shush{gap:14px;min-height:150px}.chip{height:30px}.baby-button{width:100px;height:100px}.baby-button:before{inset:-21px}.baby-button .ring{inset:4.6px}.baby-button .disc{font-size:16px;inset:9.7px}}@media (prefers-reduced-motion:reduce){.baby-button.is-on{animation:none;box-shadow:0 0 0 .6px #ffd6b0b3,0 0 40px 12px #f2b48c57}.baby-button.is-on:before{opacity:1;animation:none}}[data-skin=glass] .sound-sheet{padding:8px 18px calc(22px + env(safe-area-inset-bottom,0px))}[data-skin=glass] .sound-sheet .sheet-head h2{letter-spacing:-.02em;font-size:24px;font-weight:800}[data-skin=glass] .sound-sheet .sheet-note{margin:4px 0 10px;font-size:13px}[data-skin=glass] .sound-sheet .hint{color:var(--bp-muted);margin:-4px 0 12px;font-size:12.5px}[data-skin=glass] .sheet .sound-grid{gap:8px}[data-skin=glass] .sheet .sound{background:var(--surface);box-shadow:var(--surface-shadow);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:18px;gap:7px;padding:12px 4px 10px}[data-skin=glass] .sheet .sound:has(input:checked){background:var(--surface);box-shadow:inset 0 0 0 2px #3d86ee, var(--surface-shadow)}[data-skin=glass] .sheet .sound:has(input:checked) span{color:var(--gl-blue-text)}[data-skin=glass] .sheet .sound:has(input:focus-visible){outline:3px solid #3d86ee}[data-skin=glass] .sheet .sound span{font-size:12px;font-weight:600}.sound-glyph{background:linear-gradient(160deg,#e4f0ff,#c9deff);border-radius:14px;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 1px #fff}.sound-glyph svg{fill:none;stroke:#3d86ee;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}[data-time=night] .sound-glyph{background:linear-gradient(160deg,#2c4280,#1f2f62);box-shadow:inset 0 1px #ffffff1a}[data-time=night] .sound-glyph svg{stroke:#9cc2ff}[data-skin=glass] .sound-sheet h3{letter-spacing:-.01em;margin:18px 0 10px;font-size:17px}:root[data-skin=glass] .sound-sheet .timer-row .pill{background:var(--surface-2);min-height:44px;color:var(--bp-text-soft);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:16px;place-items:center;padding:0 2px;font-size:14px;font-weight:700;display:grid}:root[data-skin=glass] .sound-sheet .timer-row .pill:has(input:checked){color:#fff;box-shadow:none;background:#13244a}:root[data-skin=glass][data-time=night] .sound-sheet .timer-row .pill:has(input:checked){color:#13244a;background:#dce8ff}[data-skin=glass] .sound-sheet .sheet-safe{font-size:12.5px}
