@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=DM+Sans:wght@300;400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cream: #faf7f2;--warm-white: #f5f0e8;--parchment: #ede6d6;--ink: #1c1a16;--ink-soft: #3d3a33;--ink-muted: #7a7468;--ink-faint: #b5b0a6;--gold: #9a7c3f;--gold-light: #c4a35a;--gold-faint: rgba(154, 124, 63, .12);--gold-faint2: rgba(154, 124, 63, .06);--border: rgba(154, 124, 63, .18);--border-soft: rgba(28, 26, 22, .08);--live: #2d7a4f;--live-faint: rgba(45, 122, 79, .1);--live-green: #4ade80;--danger: #8b3a2a;--danger-hover: #a04433;--dark-bg: #0e0d0b;--dark-surface: #1f1f38;--dark-surface2:#272748;--dark-phone: #16162a;--dark-text: #f2ede3;--dark-muted: rgba(242, 237, 227, .35);--dark-dim: rgba(242, 237, 227, .15);--dark-border: rgba(255, 255, 255, .07);--ff-serif: "EB Garamond", Georgia, serif;--ff-sans: "DM Sans", system-ui, sans-serif;--ff-mono: "Courier New", Courier, monospace}html,body,#root{height:100%}body{background:var(--cream);color:var(--ink);font-family:var(--ff-sans);-webkit-font-smoothing:antialiased}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{50%{opacity:0}}@keyframes pulseDot{0%,to{box-shadow:0 0 #2d7a4f80}50%{box-shadow:0 0 0 5px #2d7a4f00}}@keyframes pulseDotGreen{0%,to{box-shadow:0 0 #4ade8080}50%{box-shadow:0 0 0 5px #4ade8000}}.section-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);margin-bottom:.75rem}.fade-up{animation:fadeUp .35s ease}.live-cursor{display:inline-block;width:3px;height:.82em;background:var(--gold-light);margin-left:4px;vertical-align:middle;border-radius:2px;animation:blink 1.1s step-end infinite}.host-page{display:flex;flex-direction:column;min-height:100dvh;background:var(--cream)}.host-header{padding:2.5rem 3rem 2rem;border-bottom:1px solid var(--border-soft);display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.sanctuary-wordmark{display:flex;align-items:center;gap:.75rem}.wordmark-icon{width:36px;height:36px;background:var(--ink);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wordmark-icon svg{width:20px;height:20px}.wordmark-text h1{font-family:var(--ff-serif);font-size:1.5rem;font-weight:500;letter-spacing:-.01em;line-height:1}.wordmark-text p{font-size:.75rem;color:var(--ink-muted);margin-top:2px;letter-spacing:.02em}.session-badge{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-family:var(--ff-sans);letter-spacing:.06em;text-transform:uppercase;padding:.35rem .8rem;border-radius:20px;background:var(--gold-faint2);color:var(--ink-muted);border:1px solid var(--border);transition:all .3s}.session-badge.live{background:var(--live-faint);color:var(--live);border-color:#2d7a4f40}.badge-dot{width:7px;height:7px;border-radius:50%;background:currentColor;transition:box-shadow .3s}.session-badge.live .badge-dot{animation:pulseDot 2s ease-in-out infinite}.host-body{flex:1;display:grid;grid-template-columns:1fr 340px}.host-main{padding:2.5rem 3rem;border-right:1px solid var(--border-soft);display:flex;flex-direction:column;gap:2rem}.start-area{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem}.start-btn{display:flex;align-items:center;gap:1rem;background:var(--ink);color:var(--cream);border:none;border-radius:14px;padding:1.1rem 2rem;font-family:var(--ff-serif);font-size:1.25rem;font-weight:500;cursor:pointer;transition:background .2s,transform .1s;letter-spacing:-.01em}.start-btn:hover{background:var(--ink-soft)}.start-btn:active{transform:scale(.98)}.start-btn.end-btn{background:var(--danger)}.start-btn.end-btn:hover{background:var(--danger-hover)}.start-btn-icon{width:22px;height:22px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0}.start-hint{font-size:.82rem;color:var(--ink-muted);line-height:1.6;max-width:420px}.audio-source-row{display:flex;gap:.75rem;align-items:stretch}.audio-opt{flex:1;padding:.9rem 1rem;border-radius:10px;border:1px solid var(--border-soft);cursor:pointer;transition:border-color .15s,background .15s;background:var(--warm-white)}.audio-opt:hover{border-color:var(--border)}.audio-opt.selected{border-color:var(--gold-light);background:var(--gold-faint)}.audio-opt-title{font-size:.85rem;font-weight:500;color:var(--ink-soft)}.audio-opt-desc{font-size:.75rem;color:var(--ink-muted);margin-top:3px;line-height:1.4}.transcript-box{flex:1;background:var(--warm-white);border-radius:12px;border:1px solid var(--border-soft);padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;min-height:200px}.transcript-lines{display:flex;flex-direction:column;gap:.5rem;flex:1;justify-content:flex-end}.transcript-line{font-family:var(--ff-serif);font-size:1rem;color:var(--ink-muted);line-height:1.6;transition:color .3s}.transcript-line.current{color:var(--ink);font-size:1.05rem}.transcript-empty{color:var(--ink-faint);font-size:.85rem;font-style:italic;font-family:var(--ff-serif)}.stats-row{display:flex;gap:1rem}.stat-card{flex:1;background:var(--warm-white);border-radius:10px;border:1px solid var(--border-soft);padding:1rem 1.25rem}.stat-num{font-family:var(--ff-serif);font-size:2rem;font-weight:500;color:var(--ink);line-height:1}.stat-label{font-size:.72rem;color:var(--ink-muted);margin-top:4px;text-transform:uppercase;letter-spacing:.06em}.host-sidebar{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.qr-card{background:var(--warm-white);border-radius:14px;border:1px solid var(--border-soft);padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.qr-frame{width:160px;height:160px;background:#fff;border-radius:10px;border:1px solid var(--border-soft);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.qr-placeholder{opacity:.2}.qr-caption{font-family:var(--ff-serif);font-size:.95rem;text-align:center;color:var(--ink-soft);line-height:1.5}.qr-url{font-size:.72rem;color:var(--gold);letter-spacing:.04em;font-family:var(--ff-sans);background:var(--gold-faint);padding:.25rem .6rem;border-radius:5px}.lang-checklist{display:flex;flex-direction:column;gap:.4rem}.lang-row{display:flex;align-items:center;justify-content:space-between;padding:.45rem .6rem;border-radius:7px;transition:background .15s}.lang-row:hover{background:var(--gold-faint2)}.lang-name{font-size:.88rem;color:var(--ink-soft)}.lang-count{font-size:.75rem;color:var(--ink-faint);font-family:var(--ff-sans);background:var(--warm-white);padding:.15rem .5rem;border-radius:20px;border:1px solid var(--border-soft)}.lang-count.has-users{color:var(--gold);border-color:#9a7c3f40;background:var(--gold-faint)}.privacy-note{background:var(--gold-faint2);border-radius:10px;border:1px solid var(--border);padding:.9rem 1rem;font-size:.78rem;color:var(--ink-muted);line-height:1.6}.privacy-note strong{color:var(--ink-soft);font-weight:500}@keyframes projIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.projection-page{display:flex;flex-direction:column;min-height:100dvh;background:var(--dark-bg);color:var(--dark-text)}.projection-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;border-bottom:1px solid var(--dark-border);flex-shrink:0}.proj-wordmark{display:flex;align-items:center;gap:.75rem}.proj-wordmark-icon{width:28px;height:28px;background:#ffffff14;border-radius:6px;display:flex;align-items:center;justify-content:center}.proj-wordmark-text{font-family:var(--ff-serif);font-size:1rem;color:#ffffff73;letter-spacing:.02em}.proj-live-pill{display:flex;align-items:center;gap:.45rem;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--live-green);font-family:var(--ff-sans)}.proj-live-dot{width:7px;height:7px;border-radius:50%;background:var(--live-green);animation:pulseDotGreen 2s ease-in-out infinite}.projection-body{flex:1;display:grid;grid-template-columns:1fr 280px}.proj-captions{display:flex;flex-direction:column;justify-content:flex-end;padding:3rem 4rem 4rem;gap:1.25rem;overflow:hidden}.proj-history{display:flex;flex-direction:column;gap:.9rem}.proj-hist-line{font-family:var(--ff-serif);line-height:1.45;color:#f2ede338;font-size:1.5rem;transition:color .5s}.proj-hist-line.recent{color:#f2ede36b}.proj-live-line{font-family:var(--ff-serif);font-size:3.2rem;line-height:1.35;color:var(--dark-text);border-left:4px solid var(--gold-light);padding-left:1.5rem;margin-top:.5rem}.proj-live-line.proj-in{animation:projIn .3s ease}.proj-cursor{display:inline-block;width:4px;height:.8em;background:var(--gold-light);margin-left:5px;vertical-align:middle;border-radius:2px;animation:blink 1.1s step-end infinite}.proj-sidebar{border-left:1px solid var(--dark-border);padding:2rem 1.75rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;justify-content:center}.proj-qr-label{font-family:var(--ff-serif);font-size:1rem;color:#ffffff73;text-align:center;line-height:1.6;font-style:italic}.proj-qr-box{width:180px;height:180px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center}.proj-qr-sub{font-size:.7rem;color:#ffffff40;text-align:center;letter-spacing:.06em;text-transform:uppercase;line-height:1.8}.proj-lang-pills{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.proj-lang-pill{font-size:.68rem;color:#ffffff59;letter-spacing:.05em;padding:.2rem .6rem;border-radius:20px;border:1px solid rgba(255,255,255,.1)}@keyframes phIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.phone-frame{width:100%;min-height:100dvh;display:flex;flex-direction:column;background:var(--cream);color:var(--ink)}.phone-frame.high-contrast{background:#000;color:#ff0}.phone-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem 1rem;border-bottom:1px solid var(--border-soft);flex-shrink:0;background:var(--cream)}.ph-status{display:flex;align-items:center;gap:.45rem}.ph-dot{width:8px;height:8px;border-radius:50%;background:var(--ink-faint);flex-shrink:0}.ph-dot.live{background:var(--live);animation:pulseDot 2s ease-in-out infinite}.ph-status-text{font-size:.72rem;color:var(--ink-muted);letter-spacing:.08em;font-family:var(--ff-mono)}.ph-lang-btn{background:var(--warm-white);border:1px solid var(--border);color:var(--ink-soft);border-radius:7px;padding:.35rem .8rem;font-size:.85rem;cursor:pointer;font-family:var(--ff-serif);display:flex;align-items:center;gap:.35rem;transition:border-color .2s}.ph-lang-btn:hover{border-color:var(--gold-light)}.ph-lang-menu{position:absolute;right:1.1rem;top:72px;background:var(--cream);border:1px solid var(--border);border-radius:9px;overflow:hidden;z-index:99;min-width:200px;box-shadow:0 8px 32px #1c1a161f;display:none}.ph-lang-menu.open{display:block}.ph-lang-menu button{display:block;width:100%;text-align:left;padding:.65rem 1rem;background:transparent;color:var(--ink-muted);border:none;cursor:pointer;font-family:var(--ff-serif);font-size:.9rem;border-bottom:1px solid var(--border-soft);transition:background .15s,color .15s}.ph-lang-menu button:last-child{border-bottom:none}.ph-lang-menu button:hover{background:var(--gold-faint);color:var(--ink)}.ph-lang-menu button.active{color:var(--gold);font-weight:600}.ph-a11y{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;background:var(--warm-white);border-bottom:1px solid var(--border-soft);flex-shrink:0;flex-wrap:wrap}.ph-a11y-label{font-size:.66rem;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.1em}.ph-a11y-sep{width:1px;height:18px;background:var(--border-soft)}.ph-a11y button{background:var(--cream);color:var(--ink-muted);border:1px solid var(--border-soft);border-radius:6px;padding:.28rem .65rem;font-size:.78rem;cursor:pointer;font-family:var(--ff-sans);white-space:nowrap;transition:background .15s,color .15s}.ph-a11y button:disabled{opacity:.3;cursor:not-allowed}.ph-a11y button.on{background:var(--gold-faint);color:var(--gold);border-color:var(--border)}.ph-a11y button:not(:disabled):hover{color:var(--ink);background:var(--parchment)}.ph-caption-area{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;padding:0 2rem;max-width:800px;width:100%;margin:0 auto}.ph-history{flex:1;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:2rem 0 1rem;gap:.65rem}.ph-history p{margin:0;color:var(--ink-faint);font-family:var(--ff-serif);line-height:1.45}.ph-live-wrap{padding:1.25rem 0 1.5rem;border-top:1px solid var(--border-soft);position:relative;flex-shrink:0}.ph-live-wrap:before{content:"";position:absolute;left:-2rem;top:1.25rem;bottom:1.5rem;width:3px;background:var(--gold-light);border-radius:0 3px 3px 0}.ph-caption{font-family:var(--ff-serif);font-size:2rem;line-height:1.4;color:var(--ink);word-break:break-word;transition:font-size .3s,color .3s,font-family .2s}.ph-caption.ph-in{animation:phIn .3s ease}.ph-footer{display:flex;align-items:center;justify-content:space-between;padding:.6rem 2rem;background:var(--warm-white);border-top:1px solid var(--border-soft);flex-shrink:0}.ph-footer-txt{font-size:.66rem;color:var(--ink-faint);letter-spacing:.1em;font-family:var(--ff-mono)}