:root{color-scheme:light;--dream-ink: #0b1220;--dream-muted: #64748b;--dream-blue: #2563eb;--dream-cyan: #06b6d4;--dream-violet: #7c3aed;--dream-gold: #f59e0b;--dream-glass: rgba(255, 255, 255, .86)}.ph39 *{box-sizing:border-box}.ph39 [hidden]{display:none!important}html.ph39-html,body.ph39-body{margin:0;height:100%;min-height:100%;overflow:hidden;font-family:Inter,system-ui,sans-serif;background:#eef2f6;color:#0f172a}.ph39 button,.ph39 input,.ph39 textarea,.ph39 select{font:inherit}.ph39 h1,.ph39 h2,.ph39 h3,.ph39 h4,.ph39 p{margin:0}.app{position:relative;isolation:isolate;height:100vh;min-height:100vh;display:grid;grid-template-columns:minmax(340px,34.5vw) minmax(0,1fr) 112px;gap:14px;padding:14px;overflow:hidden;background:radial-gradient(circle at 18% 12%,rgba(96,165,250,.3),transparent 28%),radial-gradient(circle at 76% 6%,rgba(124,58,237,.18),transparent 26%),radial-gradient(circle at 62% 96%,rgba(6,182,212,.16),transparent 28%),linear-gradient(180deg,#f8fbff,#eaf1f8)}.app:before{content:"";position:absolute;inset:8px 100px auto 22%;height:1px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.32),transparent);pointer-events:none}.panel{border:1px solid rgba(148,163,184,.14);border-radius:28px;background:#ffffffeb;box-shadow:0 18px 48px #0f172a0f;position:relative;z-index:1;isolation:isolate;contain:paint}.left-shell,.center-shell,.right-shell{min-height:calc(100vh - 28px);height:calc(100vh - 28px);padding:14px;display:grid;gap:12px;align-content:start;overflow:hidden}.left-shell{overflow:hidden;grid-template-rows:auto auto minmax(0,1fr)}.center-shell{grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;z-index:2}.right-shell{grid-template-rows:auto repeat(7,auto)}.room-headline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:2px 2px 0}.lobby-back{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:10px;border:1px solid rgba(148,163,184,.22);background:#fff;color:#475569;font-size:12px;font-weight:900;text-decoration:none;flex-shrink:0;white-space:nowrap}.lobby-back:hover{color:#1d4ed8;border-color:#2563eb66;background:#eff6ff}.fenix-mark{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px 0 4px;border-radius:999px;border:1px solid rgba(245,158,11,.35);background:linear-gradient(180deg,#1f2937,#0f172a);text-decoration:none;flex-shrink:0}.fenix-mark:hover{border-color:#f59e0bd9;box-shadow:0 0 0 3px #f59e0b26}.fenix-mark-txt{font-size:11.5px;font-weight:900;letter-spacing:.4px;color:#fde68a;white-space:nowrap}@media(max-width:980px){.fenix-mark-txt{display:none}}.room-headline h1{font-size:18px;line-height:1.1;letter-spacing:-.01em}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;border:1px solid rgba(59,130,246,.16);background:#3b82f614;color:#1d4ed8;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mesa-address{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:#f8fafc;color:#475569;font-size:11px;font-weight:700;letter-spacing:.06em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;user-select:all}.muted{color:#64748b;font-size:13px;line-height:1.45}.badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.16);background:#f8fafc;color:#475569;font-size:11px;font-weight:800;letter-spacing:.03em}.badge.live{background:#22c55e14;color:#166534;border-color:#22c55e29}.ph39-demo-flag{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;border:1px solid rgba(217,119,6,.38);background:linear-gradient(135deg,#f59e0b24,#f973161a);color:#92400e;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.pill{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#f8fafc;border:1px solid rgba(148,163,184,.16);font-size:12px;color:#334155}.participants-rail,.chat-card,.phase-card,.slot-card,.canvas-card,.normas-card{min-height:0;overflow:hidden;display:flex;flex-direction:column;border-radius:22px;border:1px solid rgba(148,163,184,.12);background:#fff}.participants-rail,.chat-card,.canvas-card,.normas-card{background:linear-gradient(180deg,#fff,#f8fafc)}.card-head{padding:12px 14px 10px;border-bottom:1px solid rgba(148,163,184,.1);display:flex;justify-content:space-between;gap:10px;align-items:center}.card-head h2{font-size:13px;letter-spacing:.02em}.phase-stack,.canvas-scroll,.chat-scroll,.participants-list,.normas-scroll{overscroll-behavior:contain}.chat-scroll::-webkit-scrollbar,.participants-list::-webkit-scrollbar,.canvas-scroll::-webkit-scrollbar,.normas-scroll::-webkit-scrollbar,.phase-nav-list::-webkit-scrollbar{width:10px}.chat-scroll::-webkit-scrollbar-thumb,.participants-list::-webkit-scrollbar-thumb,.canvas-scroll::-webkit-scrollbar-thumb,.normas-scroll::-webkit-scrollbar-thumb,.phase-nav-list::-webkit-scrollbar-thumb{background:#94a3b852;border-radius:999px}.chat-layout{min-height:0;height:100%;display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;overflow:hidden}.participants-rail{display:grid;grid-template-rows:auto minmax(0,1fr)}.participants-head{padding:12px 6px 10px;border-bottom:1px solid rgba(148,163,184,.1);display:flex;justify-content:center;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}.participants-list{min-height:0;overflow:auto;padding:8px 5px 10px;display:flex;flex-direction:column;gap:8px}.participant{position:relative;border:1px solid rgba(148,163,184,.12);border-radius:18px;background:#fff;padding:7px 4px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;color:inherit;width:100%}.participant.online:before{content:"";position:absolute;left:6px;top:8px;width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 4px #22c55e1f}.participant .avatar{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:900;background:linear-gradient(135deg,#2563eb29,#06b6d414);color:#1d4ed8}.participant.human .avatar{color:#166534;background:linear-gradient(135deg,#16a34a29,#4ade8014)}.participant-name{font-size:10px;font-weight:800;line-height:1.05;word-break:break-word}.chat-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.chat-scroll{min-height:0;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.bubble{border-radius:20px;border:1px solid rgba(148,163,184,.12);background:#fff;padding:12px 14px;max-width:min(94%,920px)}.bubble.user{margin-left:auto;background:#22c55e14}.bubble.assistant{margin-right:auto;background:#3b82f614}.bubble.system{margin-right:auto;background:#f8fafcf5}.bubble p{margin-top:8px;font-size:14px;line-height:1.55;white-space:pre-wrap}.bubble-meta-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.bubble-who{font-size:12px;font-weight:900;color:#0f172a}.bubble-time{flex-shrink:0;font-size:9.5px;font-weight:600;color:#94a3b8;white-space:nowrap}.composer-strip{display:grid;gap:6px;padding:8px;border:1px solid rgba(148,163,184,.12);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fafc);align-self:end}.composer-fake{border:1px dashed rgba(148,163,184,.45);border-radius:12px;padding:10px 12px;font-size:12.5px;color:#94a3b8;background:#fff}.composer-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.send-fake{height:32px;display:inline-grid;place-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;padding:0 14px;font-size:12px;font-weight:800;border-radius:10px;opacity:.55}.phase-card{display:grid;grid-template-rows:auto minmax(0,1fr)}.phase-nav-list{min-height:0;overflow:auto;padding:12px;display:grid;gap:10px;align-content:start}.phase-nav-item{width:100%;padding:12px 14px;border-radius:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;gap:8px 10px;border:1px solid rgba(148,163,184,.24);background:#fff;text-align:left}.phase-nav-item.active{border-color:#2563eb59;background:#eff6ffe6;box-shadow:0 0 0 3px #2563eb12}.phase-nav-item.hecha{border-color:#22c55e4d;background:#f0fdf4b3}.phase-nav-name{display:flex;align-items:baseline;gap:8px;min-width:0}.phase-nav-name strong{font-size:14.5px;font-weight:800;color:#0f172a;line-height:1.32;white-space:normal;overflow-wrap:break-word;min-width:0}.phase-nav-dot{width:6px;height:6px;border-radius:999px;background:#cbd5e1;flex-shrink:0}.phase-nav-item.active .phase-nav-dot{background:#2563eb}.phase-nav-item.hecha .phase-nav-dot{background:#22c55e}.phase-nav-ord{font-size:11px;font-weight:900;color:#94a3b8;font-variant-numeric:tabular-nums}.phase-nav-meta{display:flex;align-items:flex-start;justify-content:flex-end;gap:6px;flex-wrap:wrap;flex-shrink:0;max-width:210px}.phase-nav-pct{font-size:11px;color:#64748b;font-variant-numeric:tabular-nums}.phase-nav-count{font-size:10px;color:#64748b;background:#f1f5f9;border-radius:999px;padding:1px 6px}.phase-nav-bar{grid-column:1 / -1;height:3px;border-radius:999px;background:#94a3b829;overflow:hidden;margin-top:2px}.phase-nav-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#06b6d4)}.phase-nav-item.active .phase-nav-bar{background:#2563eb24}.phase-nav-children{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.sub-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 9px;border-radius:999px;border:1px solid rgba(148,163,184,.2);background:#f8fafc;color:#475569;font-size:11px;font-weight:700;line-height:1.25}.sub-chip:before{content:"○";font-size:9px;color:#94a3b8}.sub-chip.done{background:#22c55e14;border-color:#22c55e38;color:#166534}.sub-chip.done:before{content:"●";color:#22c55e}.sub-chip.blocked{background:#ef44440f;border-color:#ef444438;color:#991b1b}.sub-chip.blocked:before{content:"▲";color:#ef4444}.work-split{min-height:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px}.work-col{min-height:0;display:grid;gap:12px;grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.canvas-card,.normas-card{display:grid;grid-template-rows:auto minmax(0,1fr)}.canvas-scroll,.normas-scroll{min-height:0;overflow:auto;padding:12px;display:grid;gap:10px;align-content:start}.canvas-row{border-radius:20px;border:1px solid rgba(148,163,184,.12);background:#f8fafcf5;padding:12px 14px}.canvas-row strong{font-size:13px}.canvas-row p{margin-top:8px;font-size:12.5px;line-height:1.5;color:#475569}.canvas-row .badge{margin-left:8px}.normas-block{border:1px solid rgba(148,163,184,.16);border-radius:16px;padding:12px 14px}.normas-block.orq{background:#fffbeb99;border-color:#f59e0b47}.normas-block.agentes{background:#f5f0ff80;border-color:#7c3aed38}.normas-block.humano{background:#f0fdf48c;border-color:#22c55e4d}.normas-block h3{font-size:13px;margin-bottom:8px}.normas-scope{font-size:10.5px;font-weight:700;color:#94a3b8}.normas-block ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:12.5px;line-height:1.5;color:#334155}.header-mini-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.header-stat{border-radius:16px;border:1px solid rgba(148,163,184,.14);background:#fff;padding:12px}.header-stat span{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#64748b}.header-stat strong{display:block;font-size:22px;margin-top:4px}.header-stat em{display:block;margin-top:4px;font-style:normal;font-size:11px;color:#94a3b8;line-height:1.35}.slot-card{padding:5px;display:grid;align-content:start}.slot-btn{display:grid;justify-items:center;gap:4px;padding:9px 4px;width:100%;border-radius:16px;border:1px solid rgba(148,163,184,.18);background:#fff;color:#334155;font-size:12px;font-weight:800;transition:all .2s ease}.slot-card h3{font-size:17px;line-height:1;font-weight:400}.slot-card strong{font-size:10.5px;line-height:1.1;letter-spacing:.04em;text-transform:uppercase;color:#475569;white-space:normal}a.slot-btn:hover{background:#f8fafc;border-color:#3b82f64d;transform:translateY(-1px);box-shadow:0 2px 8px #0f172a14}.slot-btn.visible-ya{background:#eff6ffe6;border-color:#2563eb4d}.slot-btn.visible-ya strong{color:#1d4ed8}.slot-btn.apagado{opacity:.5}.slot-card.rail-fondo{margin-top:10px;position:relative}.slot-card.rail-fondo:before{content:"";position:absolute;top:-6px;left:14%;right:14%;height:1px;background:#94a3b861}.rail-tool{text-decoration:none;position:relative}.rail-tool-soon{position:absolute;top:3px;right:5px;font-size:8.5px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#7c3aed;background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);border-radius:999px;padding:1px 5px;line-height:1.3}.rail-tool-vivo strong{color:#166534}.rail-tool:hover .rail-tool-soon{background:#7c3aed2e}.ph39-foot{grid-column:1 / -1;font-size:11px;line-height:1.5;color:#64748b;padding:2px 4px 0}.ph39-foot a{color:#1d4ed8}@media(max-width:1200px){html.ph39-html,body.ph39-body{overflow:auto}.app{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.center-shell{order:1}.left-shell{order:2}.right-shell{order:3}.left-shell,.right-shell,.center-shell{min-height:auto;height:auto}.right-shell{grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:10px}.slot-card{padding:8px}.eyebrow{font-size:10px;padding:6px 9px}.work-split{grid-template-columns:1fr}.work-col{grid-template-rows:auto}}@media(max-width:760px){.chat-layout{grid-template-columns:1fr}.participants-rail{display:none}.header-mini-grid{grid-template-columns:1fr}.right-shell{grid-template-columns:repeat(2,1fr);gap:8px}}@media(prefers-reduced-motion:reduce){a.slot-btn:hover{transform:none}}