#live-dock{position:fixed;left:20px;bottom:67px;z-index:12;display:flex;gap:7px;align-items:center;color:#61472c;font-size:12px}
#live-dock>button{min-height:38px;padding:0 13px;border:1px solid #ae874d70;border-radius:23px;background:#fff8e9ee;color:#62452a;box-shadow:0 4px 16px #4b321e26;backdrop-filter:blur(12px)}
#live-dock>button:hover{background:#fff1d2}
#live-dock #live-lotus{width:38px;padding:0;display:grid;place-items:center;line-height:1}
#live-lotus img{display:block;width:24px;height:24px}
#live-dock #live-lotus:disabled{opacity:.58}
#live-lotus-total{display:block;margin-top:3px;white-space:nowrap;color:#806b50;font-size:11px}
#live-panel{position:absolute;left:0;bottom:48px;width:min(318px,calc(100vw - 30px));max-height:min(57dvh,460px);overflow:auto;padding:16px;border:1px solid #bd965f99;border-radius:16px;background:#fff9eeef;color:#5c4229;box-shadow:0 15px 45px #33251455;backdrop-filter:blur(18px);overscroll-behavior:contain;touch-action:pan-y}
#live-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
#live-title{margin:0;font:400 19px/1.3 Georgia,"Songti SC",serif}
#live-close{width:30px;height:30px;border:0;background:transparent;color:#6c4c2d;font-size:22px}
#live-note{margin:7px 0 10px;font-size:12px;line-height:1.5;color:#806b50}
#live-feed{min-height:44px;max-height:156px;overflow:auto;padding:4px 0;border-block:1px solid #ba915452;overscroll-behavior:contain}
.live-message,.live-empty{margin:5px 0;padding:6px 9px;border-radius:9px;background:#f0dfbd87;font-size:12px;line-height:1.4}
.live-empty{background:transparent;color:#856e51}
#live-choices{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:11px}
#live-choices button{min-height:38px;padding:6px;border:1px solid #b99a6c88;border-radius:9px;background:#fff8e8;color:#67472c;font-size:11px;line-height:1.35;text-align:center}
#live-choices button:hover{background:#f2dfb9}
#live-choices button:disabled{opacity:.48;cursor:not-allowed}
#live-status{min-height:18px;margin:8px 0 0;color:#925a39;font-size:11px;line-height:1.4}
.live-floating-lotus{position:absolute;left:91px;bottom:0;z-index:15;width:25px;height:25px;pointer-events:none;filter:drop-shadow(0 2px 4px #c4868699);animation:live-lotus-float 1.45s ease-out both}
@keyframes live-lotus-float{0%{opacity:0;transform:translateY(0) scale(.55)}18%{opacity:1}100%{opacity:0;transform:translateY(-85px) scale(.9)}}
body.live-panel-open .touch-pad,body.live-panel-open #room-pad{opacity:0;pointer-events:none}
body.sutra-reading #live-dock{visibility:hidden;pointer-events:none}
@media(max-width:760px){#live-dock{left:12px;bottom:125px}#live-dock>button{min-height:35px;padding:0 9px;font-size:11px}#live-dock #live-lotus{width:35px;font-size:17px}#live-panel{max-height:min(59dvh,440px)}.live-floating-lotus{left:76px}}
@media(max-height:560px){#live-dock{bottom:92px}#live-panel{max-height:65dvh}}
@media(prefers-reduced-motion:reduce){.live-floating-lotus{animation:none;opacity:1;transform:translateY(-22px)}#live-dock *{transition:none!important}}
#live-screen{position:fixed;left:20px;bottom:115px;width:min(340px,calc(100vw - 40px));display:grid;gap:8px;z-index:11;pointer-events:none}
#live-screen[hidden]{display:none}
.live-toast{margin:0;padding:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 6px;color:#fff2d5;text-shadow:0 1px 3px #17101bf5,0 0 7px #17101bdd,0 0 16px #9b692d80;animation:live-wish-appear 6s linear both;font-size:14px;line-height:1.7}
.live-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;color:#89653d}
.live-phrase{display:block;overflow-wrap:anywhere}
.live-toast .live-name{display:inline;max-width:42%;font-size:12px;color:#ffe0a4}
.live-toast .live-name::after{content:' ·'}
.live-toast .live-phrase{display:inline}
#live-member-link{display:inline-block;font-size:11px;color:inherit;text-underline-offset:3px;margin-bottom:8px}
#live-dock #live-visibility{white-space:nowrap}
@keyframes live-wish-appear{0%{opacity:1;transform:translateY(8px)}8%,30%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-32px)}}
html[data-loading-theme=dark] .live-toast{color:#fff4df}
html[data-loading-theme=dark] .live-name{color:#e1c59a}
@media(max-width:760px){#live-screen{left:12px;bottom:174px;width:min(320px,calc(100vw - 24px))}.live-toast{font-size:13px}#live-dock #live-visibility{font-size:11px}}
@media(max-height:560px){#live-screen{bottom:137px}}
@media(prefers-reduced-motion:reduce){.live-toast{animation:none}}

.live-time{display:block;font-size:10px;opacity:.8;font-variant-numeric:tabular-nums;color:inherit}.live-toast .live-time{display:inline;white-space:nowrap;font-size:10px;margin-left:3px;color:#ffe0a4}.live-toast .live-time:before{content:" · "}