#zivo-real-room{display:none;position:fixed;inset:0;z-index:2147483000;background:#03050a;color:#fff;overflow:auto}#zivo-real-room.show{display:block}body.zivo-room-lock{overflow:hidden!important}.zr-entry{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;text-align:center;background:#04030a}.zr-entry.stories{background:radial-gradient(circle at 50% 45%,#4b204f 0,#100717 30%,#020205 72%)}.zr-entry.health{background:radial-gradient(circle at 50% 45%,#0c5c48 0,#06251e 30%,#010605 72%)}.zr-entry-glow{position:absolute;inset:-30%;background:conic-gradient(from 0deg,transparent,#ffffff0d,transparent 30%);animation:zrspin 12s linear infinite}.zr-entry-content{position:relative;max-width:850px;padding:30px;animation:zrup 1.1s ease}.zr-kicker{font-size:11px;letter-spacing:4px;color:#aeb6ff}.health .zr-kicker{color:#63dfba}.zr-entry h1{font-size:clamp(55px,10vw,120px);margin:20px 0;background:linear-gradient(90deg,#fff,#b9bfff,#fff);background-clip:text;color:transparent}.zr-entry.health h1{background:linear-gradient(90deg,#fff,#63dfba,#fff);background-clip:text}.zr-entry p{font-size:19px;line-height:2;color:#b9c2d4}.zr-entry button,.zr-reader button{padding:14px 30px;border-radius:999px;border:1px solid #ffffff2e;background:#ffffff0e;color:#fff;cursor:pointer;margin:8px}.zr-entry .secondary{opacity:.7}.zr-room{max-width:1250px;margin:auto;min-height:100vh;padding:25px 18px 100px;position:relative}.zr-room header{text-align:center;padding:65px 10px 35px}.zr-room header h1{font-size:clamp(45px,8vw,90px);margin:12px 0}.zr-room header p{color:#aeb7c9}.zr-x{position:fixed;right:18px;top:18px;width:50px;height:50px;border-radius:50%;background:#ffffff0c;border:1px solid #ffffff25;color:#fff;font-size:28px;z-index:5;cursor:pointer}.zr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.zr-card{min-height:210px;text-align:right;padding:24px;border-radius:25px;border:1px solid #ffffff12;background:linear-gradient(145deg,#101426,#070a12);color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:13px;transition:.25s}.zr-card:hover{transform:translateY(-6px);border-color:#a8afff66;box-shadow:0 15px 45px #0008}.zr-card span{font-size:12px;color:#aab2ff}.zr-card strong{font-size:25px}.zr-card em{font-style:normal;color:#aeb7c9;line-height:1.7}.zr-card b{margin-top:auto;color:#dce0ff}.health-card{background:linear-gradient(145deg,#0c3028,#06110f)}.health-card span,.health-card b{color:#63dfba}.zr-reader{max-width:900px;margin:90px auto 0;padding:38px;border-radius:30px;border:1px solid #ffffff12;background:#ffffff06;line-height:2}.zr-reader h1{font-size:clamp(40px,7vw,76px);line-height:1.15}.zr-reader h2{color:#c8cdfd}.zr-reader p{font-size:19px;color:#c3cad9}.zr-divider{height:1px;background:#ffffff16;margin:28px 0}.zr-info{padding:18px;border-radius:18px;background:#ffffff07;color:#aab4c6;margin:25px 0}.zr-health-text{color:#c5ccd8;font-size:17px;line-height:2.1}.zr-entry.health .zr-entry-content{animation:zrup 1.3s ease}@keyframes zrup{from{opacity:0;transform:translateY(35px) scale(.97)}to{opacity:1;transform:none}}@keyframes zrspin{to{transform:rotate(360deg)}}@media(max-width:650px){.zr-room{padding:12px 10px 70px}.zr-reader{margin-top:70px;padding:22px}.zr-x{right:10px;top:10px}}
.room-card-story,.room-card-health{cursor:pointer}
.room-card-story:focus-visible,.room-card-health:focus-visible{outline:2px solid #a8afff;outline-offset:3px}
/* --- V1219 additions: dialog polish, tools, markdown reader --- */
#zivo-real-room :focus-visible{outline:2px solid #a8afff;outline-offset:3px}
#zivo-real-room h1:focus{outline:none}
.zr-audio{position:fixed;left:18px;top:18px;width:50px;height:50px;border-radius:50%;background:#ffffff0c;border:1px solid #ffffff25;color:#fff;font-size:20px;z-index:5;cursor:pointer}
.zr-tools{display:grid;gap:12px;margin:0 0 22px}
.zr-tools input{width:100%;box-sizing:border-box;padding:14px 18px;border-radius:999px;border:1px solid #ffffff25;background:#ffffff0c;color:#fff;font:inherit}
.zr-tools input::placeholder{color:#8f98ad}
.zr-chips{display:flex;flex-wrap:wrap;gap:8px}
.zr-chip{padding:8px 16px;border-radius:999px;border:1px solid #ffffff22;background:#ffffff08;color:#c9d0e4;cursor:pointer;font:inherit;font-size:14px}
.zr-chip.on{background:#a8afff26;border-color:#a8afff88;color:#fff}
.zr-empty{grid-column:1/-1;text-align:center;color:#8f98ad;padding:40px 0}
.zr-card.done{border-color:#63dfba44}
.zr-card em{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.zr-md h2{color:#c8cdfd;font-size:clamp(24px,4vw,34px);margin:34px 0 8px}
.zr-md h3{color:#dfe3ff;font-size:clamp(20px,3.2vw,26px);margin:30px 0 6px}
.health .zr-md h3{color:#8ff0d2}
.zr-md h4{color:#aeb7c9;font-size:19px;margin:22px 0 4px}
.zr-md p{margin:0 0 14px;font-size:inherit;color:inherit}
.zr-story-body p{font-size:19px;color:#c3cad9;line-height:2.15}
.zr-md ul,.zr-md ol{margin:8px 0 18px;padding-inline-start:24px}
.zr-md li{margin:6px 0}
.zr-md strong{color:#fff}
.zr-md hr{border:0;height:1px;background:#ffffff18;margin:30px 0}
.zr-md blockquote{margin:18px 0;padding:14px 18px;border-inline-start:3px solid #63dfba;background:#63dfba10;border-radius:12px;color:#d7f7ee}
.zr-table-wrap{overflow-x:auto;margin:16px 0;border:1px solid #ffffff14;border-radius:14px}
.zr-md table{border-collapse:collapse;width:100%;min-width:420px;font-size:15px;line-height:1.7}
.zr-md th,.zr-md td{padding:10px 14px;text-align:start;border-bottom:1px solid #ffffff10;vertical-align:top}
.zr-md th{background:#ffffff0d;color:#fff}
.zr-note{margin:26px 0 0;padding:14px 18px;border-radius:14px;background:#ffffff07;color:#9aa4b8;font-size:14px;line-height:1.9}
.zr-nav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:30px}
.zr-nav button{max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:650px){.zr-audio{left:10px;top:10px}.zr-nav button{max-width:100%;flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.zr-entry-glow,.zr-entry-content,.zr-card{animation:none!important;transition:none!important}}