.bed{--bed-paper:color-mix(in srgb, #fbf5ea 90%, var(--v2-accent,#c98a96));--bed-ink:#4a3b33;--bed-faint:#4a3b3380;--bed-pink:color-mix(in srgb, #e3909c 72%, var(--v2-accent,#c98a96));--bed-pink-soft:color-mix(in srgb, var(--bed-pink) 16%, var(--bed-paper))}.bed__card{background:var(--bed-paper);color:var(--bed-ink);box-shadow:0 1px 0 #fff9 inset, 6px 6px 0 -1px color-mix(in srgb, var(--bed-paper) 80%, #d9cbb8), 0 14px 32px #281c1429;touch-action:pan-y;-webkit-tap-highlight-color:transparent;border-radius:16px;flex-direction:column;align-items:center;gap:6px;margin:8px 26px 0;padding:18px 18px 16px;animation:.28s ease-out bed-in;display:flex;position:relative}@keyframes bed-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.bed__frame{aspect-ratio:400/260;border:1.5px dashed var(--bed-pink);background:color-mix(in srgb, var(--bed-paper) 70%, #fff);border-radius:12px;width:100%;margin-bottom:14px;padding:6px;position:relative}.bed__frame .crayon,.bed-read__pic .crayon{border-radius:8px;width:100%;height:100%;display:block}.bed__wait{width:100%;height:100%;color:var(--bed-faint);background:repeating-linear-gradient(-45deg, transparent 0 10px, color-mix(in srgb, var(--bed-pink) 10%, transparent) 10px 20px);border-radius:8px;place-items:center;font-size:14px;animation:2.4s ease-in-out infinite bed-breathe;display:grid}@keyframes bed-breathe{50%{opacity:.55}}.bed__drawing{color:var(--bed-ink);background:#ffffffd1;border-radius:999px;padding:2px 9px;font-size:11px;animation:2.4s ease-in-out infinite bed-breathe;position:absolute;bottom:10px;right:12px}.bed__night{letter-spacing:.12em;color:var(--bed-pink);background:var(--bed-pink-soft);border:1px solid color-mix(in srgb, var(--bed-pink) 35%, transparent);border-radius:999px;padding:2px 12px;font-size:12px;display:inline-block}.bed__title{font-family:var(--v2-font-serif,var(--v2-font-family));letter-spacing:.06em;text-align:center;color:var(--bed-ink);margin:4px 0 0;font-size:24px;font-weight:600}.bed__hint{letter-spacing:.1em;color:var(--bed-faint);margin-top:18px;font-size:12px}.bed__card--empty .bed__title{font-size:18px}.bed__pager{color:var(--v2-text-faint);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:22px;margin:16px 0 0;font-size:13px;display:flex}.bed__turn{width:34px;height:34px;color:var(--bed-pink);background:var(--bed-pink-soft);border:none;border-radius:50%;place-items:center;display:grid;box-shadow:0 2px 8px #281c141a}.bed__turn--next svg{transform:scaleX(-1)}.bed__turn:disabled{opacity:.35}.bed__ask{gap:8px;margin:22px 22px 28px;display:flex}.bed__ask input{border:1px solid var(--v2-border,#0000001a);background:var(--v2-surface,#fff);min-width:0;color:var(--v2-text-primary);font:inherit;border-radius:12px;flex:1;padding:11px 14px;font-size:14px}.bed__go{background:var(--v2-accent);color:#fff;font:inherit;letter-spacing:.06em;border:none;border-radius:12px;flex:none;padding:0 16px;font-size:14px}.bed__go:disabled{opacity:.55}.bed-read{z-index:1200;-webkit-overflow-scrolling:touch;--bed-paper:color-mix(in srgb, #fbf5ea 90%, var(--v2-accent,#c98a96));--bed-ink:#4a3b33;--bed-faint:#4a3b3380;--bed-pink:color-mix(in srgb, #e3909c 72%, var(--v2-accent,#c98a96));--bed-pink-soft:color-mix(in srgb, var(--bed-pink) 16%, var(--bed-paper));background:#140e0a59;animation:.2s ease-out bed-fade;position:fixed;inset:0;overflow-y:auto}@keyframes bed-fade{0%{opacity:0}}.bed-read__page{background:var(--bed-paper);min-height:100%;color:var(--bed-ink);position:relative}.bed-read__close{z-index:2;top:calc(env(safe-area-inset-top,0px) + var(--v2-safe-top,0px) + 12px);width:36px;height:36px;color:var(--bed-pink);background:#ffffffdb;border:none;border-radius:50%;place-items:center;display:grid;position:absolute;left:14px;box-shadow:0 2px 10px #281c1426}.bed-read__pic{aspect-ratio:400/260;width:100%;padding-top:calc(env(safe-area-inset-top,0px) + var(--v2-safe-top,0px));background:color-mix(in srgb, var(--bed-paper) 70%, #fff);border-bottom:1.5px dashed color-mix(in srgb, var(--bed-pink) 50%, transparent);box-sizing:content-box;position:relative}.bed-read__pic .crayon{border-radius:0}.bed-read__body{padding:22px 26px calc(env(safe-area-inset-bottom,0px) + 40px);flex-direction:column;align-items:center;display:flex}.bed-read__title{font-family:var(--v2-font-serif,var(--v2-font-family));letter-spacing:.06em;text-align:center;margin:10px 0 0;font-size:26px;font-weight:600}.bed-read__rule{border-top:2px dashed var(--bed-pink);opacity:.7;width:46px;height:0;margin:12px 0 18px}.bed-read__asked{color:var(--bed-faint);text-align:center;align-self:stretch;margin:0 0 14px;font-size:13px}.bed-read__p{font-family:var(--v2-font-serif,var(--v2-font-family));letter-spacing:.04em;text-align:justify;text-indent:2em;align-self:stretch;margin:0 0 1em;font-size:16.5px;line-height:2}.bed-read__p--first{text-indent:0}.bed-read__cap{float:left;width:2.3em;height:2.3em;color:var(--bed-pink);background:var(--bed-pink-soft);border:1.5px solid color-mix(in srgb, var(--bed-pink) 40%, transparent);box-shadow:2px 2px 0 color-mix(in srgb, var(--bed-pink) 25%, transparent);border-radius:8px;place-items:center;margin:.25em .55em 0 0;font-size:1.35em;line-height:1;display:grid}.bed-read__fail{color:var(--bed-faint);margin:10px 0 0;font-size:14px}.bed-read__end{letter-spacing:.3em;color:var(--bed-faint);margin:14px 0 0;font-size:12px}.bed-read__acts{gap:10px;margin-top:26px;display:flex}.bed-read__acts button{border:1px solid color-mix(in srgb, var(--bed-pink) 45%, transparent);background:var(--bed-pink-soft);color:var(--bed-ink);font:inherit;border-radius:999px;padding:8px 16px;font-size:13px}.bed-read__acts button:disabled{opacity:.5}.bed-read__acts .bed-read__del{color:var(--bed-faint);background:0 0}html:is([data-v2-palette=glass],[data-v2-palette=glasslight]) .bed__ask input{background:var(--l-glass);border-color:var(--l-glass-edge);color:var(--l-ink);-webkit-backdrop-filter:var(--l-blur)!important;backdrop-filter:var(--l-blur)!important}html:is([data-v2-palette=glass],[data-v2-palette=glasslight]) .bed__go{background:var(--g-accent)}html:is([data-v2-palette=glass],[data-v2-palette=glasslight]) .bed__pager{color:var(--l-ink)}html:is([data-v2-palette=glass],[data-v2-palette=glasslight]) .bed__ask input::placeholder{color:color-mix(in srgb, var(--l-ink) 55%, transparent)}
